* { margin: 0; padding: 0; font-family: Verdana, sans-serif; }
BODY, HTML { font-size: 100.01%; }
BODY { text-align: left; }
BR.clearer { clear: both; }



/* Layout-Formatierungen */
		#rahmen { width: 880px; height:680px; margin: 0 auto; margin-bottom: 100px; position: relative; background-image: url(../gfx/basisframe.png); background-repeat:no-repeat; background-position: 50% 72%; }
		#rahmen_intro { width: 880px; height:680px; margin: 0 auto; margin-bottom: 100px; position: relative; }
		#head { width: 880px; height:190px; position: absolute; background-color:transparent;}
		#logo { position: absolute; right:18px; top:73px; background-color:transparent; }
		#content { width: 880px; height:420px; position: absolute; top: 200px; background-color:transparent; }
		#footer { width: 880px; position:absolute; left:0px; bottom:31px; }
		


/* Reiter // Navi */
		#reiter { position: absolute; left:35px; top: -11px; }
		#reiter .branchen { position: absolute; left:150px; } 
		#reiter .service { position: absolute; left:249px; } 
		#reiter .kontakt { position: absolute; left:327px; }
		#reiter .produkte { position: absolute; left:55px; }
		#reiter .impressum { position: absolute; left:406px; }
		#reiter .datenschutz { position: absolute; left:484px; }

		 
       	#navi { width: 800px; position: absolute; left:52px; top:138px;  }
       	#navi ul { list-style: none; display: inline-block; }
       	#navi li { float: left; margin-right: 25px; }

	  	#subnavi { width: 770px; position: absolute; left:109px; top:169px;  }
       	#subnavi ul { list-style: none; display: inline-block; }
       	#subnavi li { float:left; margin-right: 18px; }
		
		#subnavi .impressum {position: absolute; left:291px;}
		


/*Textpositionierung*/
		#inhalt { width: 660px; height: 350px; position: absolute; left: 170px; top: 56px;}
		#inhalt .wir { position: absolute; top: 115px; }

		
		#inhalt .links { width: 200px; float:left; }
		#inhalt .mitte { width: 205px; padding-left:25px; list-style: none; float:left; }
		#inhalt .rechts { width: 200px; padding-left:25px; list-style: none; float:left; }
		#inhalt ul {display:block;}
		#inhalt li {list-style-type:none; }



		#produkte { width: 660px; position: absolute; left: 170px; top: 147px;}
		#produkte .links  { width: 290px;  float:left; }
		#produkte .rechts { width: 290px; padding-left:41px; float: left; }
		#produkte ul { display:block;}
		#produkte li { list-style-image: url(../gfx/listenpunkt.jpg);}
		


/* Textformate */
		#inhalt h1 { font-size: 14px; font-weight:bold; margin-bottom: 17px; color: #00457d;  }
		#inhalt p { font-size: 11px; color: #00457d; line-height: 1.7em;  }

		#produkte h1 { font-size: 14px; margin-bottom: 17px; font-weight:bold; color: #00457d; line-height: 1.7em; }
		#produkte p { font-size: 11px; color: #00457d; line-height: 1.7em;}
		#produkte .marks { font-size: 11px; font-weight:bold; color: #00457d; line-height: 1.7em; }

		#footer p { font-size: 11px; color: #00457d; text-align: center;}
		

/*Links*/
	    a:link { text-decoration:none; font-size: 11px; color: #00457d; }
	    a:hover { text-decoration:underline; font-size: 11px; color: #00457d; }
		a img { border:none;}
		#weiterleitung a { display:block; width: 880px; height:680px; background-image: url(../gfx/intrografik.png);  background-repeat:no-repeat; background-position: 50% 72%;}

/*
** responsive by UPA
*/
#rahmen_intro { max-width:100%; }
#footer { max-width:100%; }
#weiterleitung a { max-width:100%; }
#rahmen { max-width:100%; }
#head { max-width:100%; }
#content { max-width:100%; }
img { max-width:100%; height:auto; }

@media (max-width:880px) {
	#rahmen_intro { height:270px; }
	#weiterleitung a { background-position:center center; background-image:url(../gfx/intrografik-mobile.png); background-color:#D9DADB; height:210px; background-size:100% auto; }
	#rahmen { background:transparent; height:auto; }
	#rahmen div { position:relative!important; left:0!important; top:0!important; right:0!important; bottom:0!important; max-width:100%!important; margin:0 auto!important; padding:1em!important; box-sizing:border-box!important; height:auto!important; background:transparent!important; float:none!important; text-align:center!important; }
	img { float:none!important; position:relative!important; left:0!important; right:0!important; top:0!important; bottom:0!important; box-sizing:border-box!important; }
	#reiter { visibility: hidden; display:none; }
	#navi li, #subnavi li { float:none; margin:0.5em; display:inline-block; }
	#rahmen #gallery_oben, #rahmen #gallery_unten { border:0 none!important; height:auto!important; position:relative; }
	#rahmen #gallery_oben ul, #rahmen #gallery_unten ul { display:inline-block; margin:0 auto; max-width:100%; float:none; }
	#rahmen #gallery_oben li, #rahmen #gallery_unten li { padding:0; float:none; display:inline-block; margin:1em; }
	#rahmen #gallery_oben a, #rahmen #gallery_unten a { display:block; }
	.links,.rechts,#links,.mitte { width:auto; max-width:100%; box-sizing:border-box; text-align:left; float:none!important; padding:0!important; }
	#outerImageContainer, #imageDataContainer { max-width:100%; }
	#subnavi .impressum { position:static; }
}