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

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

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 20px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.6); box-shadow: 0px 0px 20px rgba(0,0,0,0.6); } 

.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: #c30000; }
.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 ------- */



@media only screen and (max-width: 994px) { 
    body                        { background-image: url(images/hintergrund.jpg); background-position: center center; background-size: cover; background-repeat: repeat; }
    #bg							{ position: fixed; visibility: hidden; 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					{ position: relative; align: center; margin: 0px auto; padding-top: 0px; width: 95%; height: auto; min-height: 400px; }
    .visitenkarte_wrapper		{ position: relative; top: 15px !important; left: auto; margin-top: 0px; margin-left: auto; width: 100%; overflow: visible; }
    #visitenkarte				{ position: relative; z-index: 100; width: 100%; height: auto; margin: 0px auto; padding: 15px 15px 30px 15px; padding-top: 45vw; box-sizing: border-box; background-color: #fff; border: 5px solid #fff; background-image: url(images/inner-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; }
        #visitenkarte .logo			{ position: relative; width: 80%; height: auto; margin: 0px auto 10px auto; align: center; padding: 0px; }
    #visitenkarte .logo img			{ width: 100%; height: auto; }
    .content_wrapper		{ position: relative; align: center; margin: 0px auto; margin-bottom: 60px; width: 100%; height: auto; box-sizing: border-box; padding: 40px 40px 40px 40px; background-color: #fff; z-index: 990; }
	#visitenkarte .align_left, #visitenkarte .align_right	{ display: block; clear: both; float: none; margin: 0px; padding: 0px; text-align: left; }	
    #visitenkarte table th{  font-size: 16px; padding: 2px 0px 2px 0px; }
}
@media only screen and (min-width: 995px) { 
	#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: -340px; margin-left: -300px; width: 600px; height: auto; padding-top: 20px; padding-bottom: 20px; overflow: hidden; z-index: 990; }
	#visitenkarte				{ position: relative; z-index: 100; width: 500px; height: auto; margin: 0px 0px 0px 40px; box-sizing: border-box; padding: 240px 40px 40px 40px; background-color: #fff; border: 5px solid #fff; background-image: url(images/inner-bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: contain; }
	   #visitenkarte .logo			{ width: 319px; height: 171px; margin: 0px auto 15px auto; align: center; }
    .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; }
    #visitenkarte table th{  font-size: 16px; padding: 2px 0px 2px 5px; }
}



#visitenkarte .align_left	{ font-size: 16px; line-height: 25px; padding-top: 3px; }	
		#visitenkarte .align_right	{ font-size: 16px; }	
		#visitenkarte table			{ border: none; }
			#visitenkarte table td	{  font-size: 16px; padding: 2px 0px 2px 5px; }
			#visitenkarte table th a, #visitenkarte table td a	{  font-size: inherit; }
			#visitenkarte .logo .align_left h1	{ margin-top: 0px; margin-bottom: 0px; text-align: center; }



#foot					{ position: fixed; bottom: 0px; width: 100%; height: 50px; padding: 0px 30px; box-sizing: border-box; font-size: 19px; text-align: right; background-color: #cc3333; 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: #fff; }
			  #foot ul li	a:hover		{ color: #f2e1e1;  }
			  #foot ul li	a.aktiv		{ color: #fff; }



/* ---- Links ---- */
a:link,	a:active, a:visited	{ text-decoration: none; color: #9c0000; font-size: inherit; }
a:hover						{ text-decoration: none; color: #e84242; font-size: inherit;  }

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