html, body, div, p, h1, h2, h3, span, a, table, td, form	
						{ margin: 0px; padding: 0px; font-family: 'Roboto Condensed', sans-serif, Arial, Verdana, Helvetica; font-size: 13px; line-height: 20px; color: #666; }
							  
ul, li					{ margin-left: 10px; padding: 3px; }	

h1						{ font-size: 44px; line-height: 34px; font-weight: 300; color: #133669; margin: 5px 0px 15px 0px; }
h2						{ font-size: 36px; line-height: 30px; font-weight: 300; color: #133669; margin: 5px 0px 10px 0px; }
h3						{ font-size: 22px; line-height: 26px; font-weight: 300; color: #133669; margin: 5px 0px 8px 0px; }
							  
  
body 					{ width: 100%; height: 100%; background-color: #dfded9; } 

img						{ behavior: url(iepngfix.htc); border: none; }
/*div					{ behavior: url(iepngfix.htc); }*/


.clear					{ display: block; clear: both; }
.rounded				{ -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.rounded_oben			{ -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; 
						  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.rounded_unten			{ -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; 
						  -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.rounded_big			{ -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }

.shadow					{ -moz-box-shadow: 0px 2px 10px #000; -webkit-box-shadow: 0px 2px 10px #000; box-shadow: 0px 2px 10px #000; } 
.shadow		    		{ /*IE6 hack*/  _border: 1px solid #a6a6a6; }
.shadow		    		{ /*IE8 hack*/  border: 1px solid #a6a6a6\9; }

.shadow_big				{ -moz-box-shadow: 0px 0px 30px #333; -webkit-box-shadow: 0px 0px 30px #333; box-shadow: 0px 0px 30px #333; } 
.shadow_big	    		{ /*IE6 hack*/  _border: 2px solid #333; }
.shadow_big		    	{ /*IE8 hack*/  border: 2px solid #333\9; }

.shadow_light			{ -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; } 


.opacity_25				{ opacity: 0.25; filter(opacity=0.25); }

.strtoupper				{ text-transform: uppercase; }

.ci_gruen				{ color: #133669; }
.ci_gelb				{ color: #ebe713; }
.ci_dunkelblau			{ color: #213651; }

.small					{ font-size: 11px; }
.smaller				{ font-size: 10px; }
.grau					{ color: #999; }

.align_left				{ display: inline; float: left; }
.align_right			{ display: inline; float: right; }



				  
/* --------- Boxmodell ------- */

#bg							{ position: fixed; width: 100%; height: auto !important; min-height: 100%; background-color: #ddd; background-image: url(images/hintergrund.jpg); background-position: center center; background-size: cover; background-repeat: repeat;  z-index: 1; }

#zentriert					{ align: center; margin: 0px auto; padding-top: 40px; width: 600px; height: auto; min-height: 400px; }

.visitenkarte_wrapper		{ position: absolute; top: 58%; left: 50%; margin-top: -215px; margin-left: -300px; width: 600px; height: 435px; overflow: hidden; z-index: 990; }
	#visitenkarte				{ position: absolute; z-index: 100; width: 500px; height: 324px; margin: 0px 0px 0px 40px; box-sizing: border-box; padding: 40px 40px; background-color: #fff;  }
		#visitenkarte .align_left	{ font-size: 16px; line-height: 25px; padding-top: 3px; }	
		#visitenkarte .align_right	{ font-size: 16px; }	
		#visitenkarte table			{ border: none; }
			#visitenkarte table th, #visitenkarte table td	{  font-size: 16px; padding: 2px 0px 2px 5px; }
			#visitenkarte table th a, #visitenkarte table td a	{  font-size: inherit; }
		
			#visitenkarte .logo { width: 100%; height: 120px; display: block; text-align: center; }
			#visitenkarte h1	{ width: 100%; display: block; clear: both; margin-top: 25px; margin-bottom: 0px; font-size: 22px; }
				
			
	#visitenkarte_shadow		{ position: absolute; width: 600px; height: 196px; margin-top: 240px; z-index: 10; }


.content_wrapper		{ position: relative; align: center; margin: 0px auto; margin-bottom: 60px; width: 600px; height: auto; box-sizing: border-box; padding: 40px 40px 40px 40px; background-color: #fff; z-index: 990; }


#foot					{ position: fixed; bottom: 0px; width: 100%; height: 50px; padding: 0px 30px; box-sizing: border-box; font-size: 19px; text-align: right; background-image: url(images/bg_25proz_weiss.png); background-repeat: repeat; z-index: 990; }
	#foot div				{ font-size: inherit; }
	#foot div.align_left	{ padding-top: 16px; }
	#foot div.align_right	{  }
	  #foot ul				{ display: block; clear: both; float: right; height: 50px; width: auto; margin: 0px; padding: 0px; }
		  #foot ul li				{ display: inline-block; height: 50px; width: auto; margin: 0px; padding: 0px; }
			  #foot ul li	a			{ display: inline-block; width: auto; height: 50px; margin: 0px; box-sizing: border-box; padding: 14px 10px; color: #213651; }
			  #foot ul li	a:hover		{ color: #195cb3; background-image: url(images/bg_50proz_weiss.png); background-repeat: repeat; }
			  #foot ul li	a.aktiv		{ color: #fff; background-color: #133669 !important; background-image: url(); }



/* ---- Links ---- */
a:link,	a:active, a:visited	{ text-decoration: none; color: #133669; font-size: inherit; }
a:hover						{ text-decoration: none; color: #114ba1; font-size: inherit;  }

/* ---- Tabellen, Formulare ---- */
th							{ font-weight: 400; text-align: left; }
td							{ font-weight: 400; text-align: left; }

