/*
- - - - - FARBEN - - - - -
#E2E2E2 - hellgrau
#9F9F9F - grau
#167DBC - blau
#7DA5D2 - hellblau

*/

body {
	margin: 57px 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
	background: #E2E2E2;
	text-align: center;
}
table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4B;
}
a:link, a:visited {
	text-decoration: none;
	color: #7DA5D2;
}

a:hover {
	color: #167DBC;
}

p {
	margin: 0 0 20px 0;
}

.clear {
	clear: both;
}

.float {
	float: left;
}

.border {
	border: 1px solid #fff;
}

h1 {
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 11px;
}

hr {
height : 0;
border-top : 0;
border-bottom : 1px solid #fff;
}

a.blauerlink:link, a.blauerlink:visited {
	color: #167DBC;
}
/* = = = = = = = = = = = = = = = GRUNDGERUEST = = = = = = = = = = = = = = = */

.background {
	background: #fff;
}

.copy {
	margin: 0 auto;
	width: 950px;
	text-align: right;
	font-size: 10px;
	color: #9F9F9F;
	
}
.copy a:link, .copy a:visited, .copy a:hover {
	color: #9F9F9F;
	text-decoration: none;
	cursor: text;
}


/* = = = = = = = = = = = = = = = HEADER = = = = = = = = = = = = = = = */

.bg_header {
	background: #fff
					url(images/bg-header.gif)
					repeat-x;
}

.header {
	margin: 0 auto;
	width: 950px;
	height: 224px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: left;
}

.logo {
	position: absolute;
	margin: -50px 0 0 -5px;
}

.leitsatz {
	margin: 20px 0 0 56px;
}

.streifen_header {
	margin: 68px 0 1px 0;
	width: 310px;
	height: 6px;
	font-size: 5px;
	float: right;
	background: #7DA5D2;
}

.verlauf_header {
	margin: 0 0 1px 410px;
	height: 44px;
	clear: both;
	background: #167DBC
					url(images/verlauf-header.jpg)
					no-repeat;
}

.streifen_trans {
	height: 83px;
	background: #9F9F9F;

}

/* = = = = = = = = = = = = = = = NAVIGATION = = = = = = = = = = = = = = = */

.navi {
	margin: 0 0 0 46px;
	font-size: 9px;
}

.navi ul {
	margin: 0;
	padding: 0;
}

.navi li, .subnavi li {
	list-style: none;
	display: inline;
}

.navilink, a.navilink:link, a.navilink:visited {
	color: #7DA5D2;
	font-weight: bold;
	display: block;
	float: left;
	border-right: 1px solid #7DA5D2;
	padding: 2px 10px;
	margin: 2px 0 0 0;
}

.navilinkaktiv, a.navilinkaktiv:link, a.navilinkaktiv:visited, a.navilink:hover {
	font-weight: bold;
	display: block;
	float: left;
	border-right: 1px solid #7DA5D2;
	margin: 2px 0 0 0;
	color: #fff;
	background-color: #7DA5D2;	
	padding: 2px 10px 2px 10px;
}

.abstand_subnavi {
	height: 10px;
	background: #E2E2E2;
}

.subnavi {
	width: 176px;
	height: 350px;
	float: left;
	background: #fff;
	font-size: 9px;
}

.subnavi ul {
	margin: 10px 0 0 0;
	padding: 0;
}


a.sublink:link, a.sublink:visited {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 10px;
	display: block;
	color: #167DBC;
	font-weight: normal;
	background: url(images/quadrat-blau.gif)
					no-repeat
					0 5px;
}

a.sublinkaktiv:link, a.sublinkaktiv:visited, a.sublink:hover {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 10px;
	display: block;
	color: #167DBC;
	font-weight: bold;
	background: url(images/quadrat-blau.gif)
					no-repeat
					0 5px;
}


a.subsublink:link, a.subsublink:visited {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 21px;
	display: block;
	color: #167DBC;
	font-weight: normal;
	background: url(images/quadrate-blau.gif)
					no-repeat
					0 5px;
}

a.subsublinkaktiv:link, a.subsublinkaktiv:visited, a.subsublink:hover {
	margin: 0 0 0 10px;
	padding: 2px 0 2px 21px;
	display: block;
	color: #167DBC;
	font-weight: bold;
	background: url(images/quadrate-blau.gif)
					no-repeat
					0 5px;
}

.subnavi ul ul {
	margin: 0 0 10px 0;
}

.loesungen {
	margin: 1px 1px 10px 1px;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 10px;
	height: 17px;
	font-size: 10px;
	background: url(images/bg-loesungen.jpg)
					no-repeat;
}

/* = = = = = = = = = = = = = = = CONTENT = = = = = = = = = = = = = = = */

.content {
	margin: 0 auto;
	width: 950px;
	background: #E2E2E2;
	text-align: left;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.inhalt {
	margin: 0 0 0 46px;
}

.inhalt_folge {
	margin: 0 0 0 46px;
	background: url(images/bg-navi.gif)
					repeat-y;
}
.emo-start {
	float: left;
	margin: 0 0 20px 0;
}
.emo-start1 {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.emo-start2 {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.starttext {
	width: 239px;
	float: left;
	margin: 40px;
	padding: 0 0 0 2px;
}

.folge_content {
	width: 482px;
	float: left;
	margin: 12px 0 30px 10px;
}
.mindesthoehe-kontakt {
	width: 1px;
        height: 400px;
	float: right;
}
.spalte_links {
	width: 230px;
	float: left;
}

.spalte_rechts {
	width: 230px;
	float: left;
	margin: 0 0 0 10px;
}

.news_rahmen {
	border-left: 1px solid #fff;
	float: right;
	width: 221px;
	background: #CBCBCB;
	color: #167DBC;
	font-size: 10px;
        
}


.news {
	border-bottom: 1px solid #fff;
}

.newsbild {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float: left;
	margin: 0 10px 0 0;
}

.newstext {
	color: #fff;
	margin: 10px 7px 0 7px;
}


.konfigurator {
       padding: 0 0 20px 12px;
       color: #4b4b4b;
       
       
}

.konfigurator a:link, .konfigurator a:visited {
	text-decoration: none;
	color: #4b4b4b;
}

.konfigurator a:hover {
	color: #818181;
}


.mehr {
	margin: 0 0 0 169px;
}



/* = = = = = = = = = = = = = = = FOOTER = = = = = = = = = = = = = = = */

.bg_footer {
	background: #fff
					url(images/bg-footer.gif)
					repeat-x;
	border-bottom: 1px solid #fff;
}



.footer {
	margin: 0 auto;
	width: 950px;
	height: 64px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: left;
	background: url(images/bg-footer.jpg)
					no-repeat right 7px;
	color: #167DBC;
	font-size: 10px;
}


.streifen_footer_oben {
	width: 732px;
	height: 6px;
	font-size: 5px;
	background: #167DBC;
	border-right: 1px solid #fff;
}

.streifen_footer_unten {
	clear: both;
	width: 732px;
	height: 11px;
	font-size: 8px;
	background: #7DA5D2;
	border-right: 1px solid #fff;
}

.footer_block01 {
	height: 37px;
	float: left;
	margin: 10px 0 0 12px;
}

.footer_block02 {
	height: 37px;
	float: left;
	margin: 10px 0 0 12px;
}


.footerlinie {
	position: absolute;
	margin: 0 0 0 728px;
	width: 1px;
	height: 64px;
	background: #fff;
}

/* = = = = = = = = = = = = = = = PRODUKTESEITE = = = = = = = = = = = = = = = */


.folge_content-produkte {
	height:100%;
	width: 495px;
	float: left;
	margin: 12px 0 30px 10px;
}

.produktbox-01 a:link, .produktbox-01 a:visited, .produktbox-02 a:link, .produktbox-02 a:visited, .produktbox-breit a:link, .produktbox-breit a:visited   {
	color: #167DBC;
}

.produktbox-01 a:hover, .produktbox-02 a:hover, .produktbox-breit a:hover {
	color: #9F9F9F;
}

.produktbox-01 {
	width: 152px;
	 height: 458px;	
	float: left;
	border: 1px solid #fff;
	background: #CFD8E1;
	font-size: 10px;

}

.produktbox-02 {
	width: 152px;
        height: 458px;
	float: left;
	margin: 0 3px 0 3px; 
	border: 1px solid #fff;
	background: #CFD8E1;
	font-size: 10px;

}



.produktbox-inhalt {
	margin: 5px 4px 2px 2px;

}


.produktbox-bild {
	float: left;
	margin: 0 8px 0 5px;
}

.produktbox-text {
	float: left;
}

.produkt-rahmen {
	font-size: 10px;
	width: 235px;
	float: left;
	margin: 0 5px 10px 0;
	border: 1px solid #fff;
	background: url(images/verlauf-produktbox.jpg)
		    no-repeat
		    left top;
}
.produkt-rahmen2 {
	font-size: 10px;
	width: 235px;
	float: left;
	margin: 0 5px 10px 0;
	border: 1px solid #fff;
}
.frabwelten-rahmen {
	font-size: 10px;
	width: 140px;
	float: left;
	margin: 0 18px 10px 0;
	border: 1px solid #fff;
	background: url(images/verlauf-produktbox.jpg)
		    no-repeat
		    left top;
}
.frabwelten-rahmen2 {
	font-size: 10px;
	width: 140px;
	float: left;
	margin: 0 18px 10px 0;
	border: 1px solid #fff;
}
.frabwelten-rahmen3 {
	font-size: 10px;
	width: 222px;
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #fff;
	background: url(images/verlauf-produktbox.jpg)
		    no-repeat
		    left top;
}
.zoom {
	float: left;
	margin: 80px 0 0 0;
}
.zoom2 {
	margin: 2px 0 0 0;
}

.produkt-rahmen a:link, .produkt-rahmen a:visited {
	color: #4B4B4B;
}

.produkt-rahmen a:hover {
	color: #167DBC;
}


.produkt-bild {
	margin: 0 10px 0 5px;
	float: left;
	width: 60px;
}

.produkt-bild-montagearten {
	margin: 0 5px 0 5px;
	float: left;
	width: 80px;
}

.produkt-bild2 {
	margin: 3px 10px 0 5px;
	float: left;
	width: 60px;
}
.produkt-text {
	padding: 10px 5px 10px 0;
	width: 153px;
	float: right;
	/*height: 340px;*/
}

.produkt-text-montagearten {
	padding: 10px 5px 10px 0;
	width: 133px;
	float: right;
	height: 230px;
}

.produktbox-headline {
	color: #157CBE;
	font-size: 9px;
	font-weight: bold;
	margin: 8px 0 25px 0;
}


.produkt-pdf {
	clear: both;
	background: url(images/bg-verlauf-produktbox-unten.jpg)
		    no-repeat
		    right bottom ;
	padding: 2px 0 8px 80px;
}

#popup
{
  position: absolute;
  border: 1px solid #FFFFFF;
  font-family: arial;
  color: #FFFFFF;
  display: none;
}


/* = = = = = = = = = = = = = = = NEWSSEITEN = = = = = = = = = = = = = = = */

.news-links {
	width: 156px;
	float: left;
}

.news-rechts {
	width: 326px;
	float: left;
}

.news-datum {
	font-weight: bold;
	color: #fff;
	text-align: right;
	background: #167DBC;
	padding: 2px 8px;
}

.news-headline {
	font-weight: bold;
	color: #fff;
	background: #7DA5D2;
	border-left: 1px solid #fff;
	padding: 2px 8px;
}

.news-text {
	padding: 20px;
	background: url(images/blau.gif)
		    repeat-x
		    bottom
		    #fff;
}

.weiter {
	float: right;
}


.news-links-listing {
	width: 112px;
	float: left;
}

.news-rechts-listing {
	width: 370px;
	float: left;
}

.news-mehr {
	background: #fff;
	width: 370px;
	text-align: right;
	padding: 2px 0;
}

.news-text-listing {
	padding: 10px 9px;
	background: url(images/blau.gif)
		    repeat-x
		    bottom
		    #fff;
}


/* = = = = = = = = = = = = = = = KONTAKT = = = = = = = = = = = = = = = */

.feld {
	border: 1px solid #ADB6BD;
	width: 230px;
	margin: 0 0 5px 0;
	color: #313431;
	font-size: 11px;
	background-color: #eee;
	}

.inputselected {
	border: 1px solid #ADB6BD;
	width: 230px;
	margin: 0 0 5px 0;
	background-color: #fff;
	color: #313431;
	font-size: 11px;
	}



.textareaselected {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ADB6BD;
	width: 230px;
	height: 120px;
	color: #313431;
	background-color: #fff;
	margin: 0 0 5px 0;
	}
.textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ADB6BD;
	width: 230px;
	height: 120px;
	color: #313431;
	margin: 0 0 5px 0;
	background-color: #eee;
	}


.suche {
	float: left;
	background: #E4EBF5;
	border: 1px solid #167CBC;
	width: 130px;
	font-size: 10px;
}

.googlemaps {
	border: 1px solid #fff;
	width: 480px;
	height: 300px;
}

.sitemap {
	padding: 120px 0 0 200px;
	width: 480px;
	
}

.sitemapbg {
	background-color: #FFFFFF;
	
	
}

.flash {
	 margin: -46px 0 0 46px;
	 position: absolute;
}

.produktbox-breit{
	 border: 1px solid #fff;
	 width: 471px;
	 background: #CFD8E1;
}

.produktbox-breit-inhalt {
	margin: 5px;
}