* 		{ 
		margin: 0px; 
		padding: 0px; 
		}

html 
		{
 		height:100%;
 		}

body		{ 
		height:100%; 
		font-size: 12px; 
		background-color: #024F87;
		color: #01365C; 
		margin: 0px; 
		padding: 0px; 
		border: 0px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		}
		
#trick		{
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border: 0px;
		position: absolute;
		z-index: 2;
		}
		
#inhalt		{
		margin: 30px auto;
		width: 790px;
		border: 0px solid;
		}
		
/* Links allgemein 
a:link, a:visited, a:hover, a:active
		{
		color: #e77919; 
		background-color: #ffffff;
		}
		
a:hover, a:active
		{
		text-decoration: underline; 
		color: #000000; 
		}
*/
		 
#head		{
		display: block;
		height: 278px;
		width: 790px;
		margin-bottom: 0px;
		}
		 
#menu		{
		background-image: url(menu.png); 
		background-repeat: no-repeat;
		margin: 0px;
		height: 95px;
		width: 790px;
    		position: relative;
    		
    		}
    		
#menu li 	{ 
    		margin: 0px; 
    		padding: 0px;  
    		list-style: none; 
    		display: block; 
    		position: absolute;
    		}

#menu a 	{
    		display: block;
    		}

		#bundestagswahl  a:hover{ background: url(mnu1.png) no-repeat; }
		#wahlparty a:hover 	{ background: url(mnu2.png) no-repeat; }
		#wahlergebnisse a:hover { background: url(mnu3.png) no-repeat; }
		#kontakt a:hover 	{ background: url(mnu4.png) no-repeat; }
		    	
		#bundestagswahl 	{ left: 147px; top: 18px; width: 139px; height: 25px;}
		#wahlparty		{ left: 345px; top: 20px; width:  98px; height: 25px;}
		#wahlergebnisse 	{ left: 489px; top: 21px; width: 133px; height: 25px;}
		#kontakt 		{ left: 669px; top: 20px; width:  77px; height: 25px;}
		
		#bundestagswahl  a 	{ height: 25px; width: 139px;}
		#wahlparty a 		{ height: 25px; width:  98px;}
		#wahlergebnisse a 	{ height: 25px; width: 133px;}
		#kontakt a 		{ height: 25px; width:  77px;}

/* -- end head -- */
		

#content	{
		border: 0px;
		width: 790px;
		margin-left: 0px;
		margin-right: 0px;
		}
		
	#content-left	{
			width: 35px;
			height: 458px;
			margin-left: 113px;
			padding: 0px;
			background-image: url(left.png); 
			background-repeat: no-repeat;
			float: left;
			}
			
	#content-mid	{
			width: 606px;
			height: 458px;
			margin: 0px;
			padding: 0px;
			position: relative;
			float: left;
			background-color: #ffffff;
			}
			
			
	#content-right	{
			width: 36px;
			height: 458px;
			margin: 0px;
			padding: 0px;
			background-image: url(right.png); 
			background-repeat: no-repeat;
			float: right;
			}

#footer		{
		height: 37px;
		width: 677px;
		background-image: url(footer.png); 
		background-repeat: no-repeat;
		float: right;
		}
				
	
		
#ufooter	{
		float: right;
		border: 0px solid;
		width: 494px;
		height: 25px;
		margin-left: 56px;
		color: #ffffff;
		}
		
#flecken	{
		padding-left: 0px;
		padding-bottom: 0px;
		margin: 0px;
		background-image: url(flecken.png); 
		background-repeat: no-repeat;
		background-position:bottom left;
		background-attachment:scroll;
		height: 900px;
		width: 924px;
		position: absolute;
		z-index: 1;
		}
		
.pic-pre	{
		margin-left: 15px;
		margin-top: 20px;
		}
		 

/* Universalklasse */
		 
a.nohover	{
		text-decoration: none;		/* fuer Safari, sonst gibts ne querlinie im logo */
		cursor: pointer;		/* fuer IE, denn sonst erscheint keine Linkhand */
		}
		 
		 
/* Valid - Links unter dem Content */		 
a.valid		{
		font-size: 11px;
		color: #ffffff;
		text-decoration: none;
		}
		
a.valid:hover, a.valid:active	
		{
		text-decoration:underline overline;
		}
		

/* Formulare */
.con-message	{ font-weight: bold; }
.con-fields	{ 
		margin-bottom: 5px;
		width: 380px; 
		
		}
		
.con-button	{ 
		background-color: #024F87; 
		color: #ffffff; 
		float:right; 
		border: 1px solid #000000; 
		padding: 3px;
		}

.con-field	{ border: 1px solid #cccccc; width: 248px; margin-bottom: 5px; }
.con-field-att	{ border: 1px solid #FF0000; width: 248px; }

.con-lable	{ color: #000000; float:left; width: 90px; }
.con-lable-att	{ color: #FF0000; float:left; width: 90px; }

		 
/* generell für Bilder gilt */
img 		{ border: none }

.picdis		{ margin-bottom: 25px; }

input		{ margin: 2px; }

li		{ margin: 2px; }

ul		{ margin-left: 30px; margin-top: 15px; margin-bottom: 20px; }

p		{ margin-top: 2px; margin-bottom: 5px; }


/* universalklasse */
.block 		 { display: block; }


/* Überschriften */
h1, h2, h3, h4	 { 
		 background-color: #ffffff; 
		 font-weight: bold; 
		 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
		 text-align: left;
		 margin: 0 auto;
		 }
	
h1, h3, h4	 { font-style: normal; }

/* große blaue überschrift */
h1  		 {
		 color: #024F87;
		 background-color: #ffffff;
		 font-size: 18px;
		 padding-bottom: 5px;
		 }
		
/* rote überschrift */ 
h2  		 {
		 color: #DA2725;
		 background-color: #ffffff;
		 font-size: 12px;
		 padding-bottom: 5px;
		 margin-top: 25px;
		 }

/* imaginär */
.none 		{ display: none; }
.hidden 	{ visibility: hidden; }