/* 
- - - - - FARBEN - - - - -

#F5F6F8 - hellgrau
#ADB4BC - grau background
#606C7A - grau schrift
#A5AEB7 - grau linie
#11579C - blau headline

 */


body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #606C7A;
 text-align: center;
 background: #edede8;
 line-height: 16px;
}

table, tr, td {
 font-size: 11px;
}

a:link, a:visited {
 text-decoration: none;
 color: #606C7A;
}

a:hover {
 color: #11579C;
}

p {
 margin: 0 0 20px 0;
}


.clear {
 clear: both;
}

.float {
 float: left;
}

hr {
 background-color: #606C7A; /* Mozilla 1.4 */
 color: #606C7A; /* IE 6 */
 border: #606C7A; /* Opera 7.11 */
 height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}





/* = = = = = = = = = = = = STYLES KUNDE KUNDE KUNDE = = = = = = = = = = = = */

.schriftblau, a.schriftblau:link, a.schriftblau:visited {
 letter-spacing: 1px;
 color: #11579C;
 font-size: 9px;
}

a.schriftblau:hover, a.schriftblau2:hover {
 color: #5F6C7C;
}



.schriftblau2, a.schriftblau2:link, a.schriftblau2:visited {
 color: #11579C;
}


.grauer-rahmen {
 border: 1px solid #919191;
 padding: 5px;
}

.pink {
 color: #E8108D;
}

.schriftgrau {
 color: #606C7A;
}

.schriftgross {
 font-size: 12px;
}

.schriftklein {
 font-size: 10px;
}

.schrift-10-grau {
 font-size: 10px;
 color: #606C7A;
}

.schrift-11-grau {
 font-size: 11px;
 color: #606C7A;
}

.schrift-12-grau {
 font-size: 12px;
 color: #606C7A;
}

.schrift-10-blau {
 font-size: 10px;
 color: #11579C;
}

.schrift-11-blau {
 font-size: 11px;
 color: #11579C;
}

.schrift-12-blau {
 font-size: 12px;
 color: #11579C;
}

.schrift-10-pink {
 font-size: 10px;
 color: #E8108D;
}

.schrift-11-pink {
 font-size: 11px;
 color: #E8108D;
}

.schrift-12-pink {
 font-size: 12px;
 color: #E8108D;
}


/* = = = = = = = = = = = = STYLES KUNDE KUNDE KUNDE = = = = = = = = = = = = */







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

.navi {
 padding: 80px 0 0 0;
 font-size: 9px;
}

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

.navi li {
 list-style: none;
 float: left;
}

.navilink, a.navilink:link, a.navilink:visited {
 font-weight: bold;
 float: left;
 border-left: 1px solid #7193B6;
 color: #7193B6;
 margin: 0 10px 0 0;
 padding: 0 0 0 5px;
 letter-spacing: 1px;
}

.navilinkaktiv, a.navilinkaktiv:link, a.navilinkaktiv:visited, a.navilink:hover {
 float: left;
 border-left: 1px solid #32618E;
 color: #32618E;
 margin: 0 10px 0 0;
 padding: 0 0 0 5px;
 letter-spacing: 1px;
 font-weight: bold;
}

.subnavi {
 padding: 0;
 position: absolute;
 left: 50%;
 top: 110px;
 margin-left: -380px;
 width: 760px;
 height: 23px;
}

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

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


a.sublink:link, a.sublink:visited   {
 background: none;
 border-left: 2px solid #edede8;
 border-top: 2px solid #edede8;
 border-right: 2px solid #edede8;
 color: #32618E;
 margin: 2px 4px 4px 0;
 padding: 0 7px 0 7px;
 display: block;
 float: left;
 height: 17px;
}

a.sublink:hover, a.sublinkaktiv:link, a.sublinkaktiv:visited {
 background: none;
 border-left: 2px solid #32618E;
 border-top: 2px solid #32618E;
 border-right: 2px solid #32618E;
 color: #32618E;
 margin: 2px 4px 4px 0;
 padding: 0 7px 0 7px;
 display: block;
 float: left;
 height: 17px;
}

.subsubnavi {
	clear: both;
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
	padding: 10px 0 20px 0;
	border-right: 1px solid #A5AEB7;
	border-bottom: 1px solid #A5AEB7;
}

.subsubnavi ul {
	margin: 0 0 0 5px;
	padding: 0;
}
 
.subsubnavi li {
	list-style: none;
	padding: 3px 0;
	border-bottom: 1px solid #A5AEB7;
}



.subsubnavi a {
	font-size: 10px;
	color: #606C7A;
	background: url(../images/pkt-nav.gif)
				no-repeat
				0 5px;
	padding: 0 0 0 10px;
	width: 75px;
	display: block;
}

a.subsublink:link, a.subsublink:visited {
	font-size: 10px;
	color: #606C7A;
	background: url(../images/pkt-nav.gif)
				no-repeat
				0 5px;
	padding: 0 0 0 10px;
	width: 75px;
	display: block;
}

.subsubnavi a:hover, a.subsublinkaktiv:link, a.subsublinkaktiv:visited, a.subsublink:hover {
	background: url(../images/pkt-nav-blau.gif)
				no-repeat
				0 5px;
	padding: 0 0 0 10px;
	color: #11579C;
	font-weight: bold;
	display: block;
	font-size: 10px;
}
 

.aktuelle_seite {
        font-weight: bold;
        color: #0f94a7;
}
/* = = = = = = = = = = = = NAVIGATION ENDE = = = = = = = = = = = = */
/* = = = = = = = = = = = = NAVIGATION ENDE = = = = = = = = = = = = */


.leernav {
 clear: both;
 float: left;
 width: 100px;
 margin: 0 15px 0 0;
 padding: 10px 0 20px 0;
}
 


/* = = = = = = GRUNDERGERUEST = = = = = = */

.headerfooterinhalt {
 width: 761px;
 margin: 0 auto;
 text-align: left;
}

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

#header {
 height: 134px;
 width: 761;
 background: #edede8;
 text-align: left;
}

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

.suche {
 position: absolute;
 margin: 0 0 0 -43px;
 padding: 45px 0 0 46px;
 width: 345px;
 background: url(../images/deko_element.gif)
				no-repeat;
}

.suchestart {
 float: left;
}

.suchefeld {
 border: 1px solid #48759E;
}

.drucker {
 position: absolute;
 margin: 5px;
}

.brief {
 position: absolute;
 margin: 12px 5px 5px 32px;
}



.drucker2 {
 position: absolute;
 margin: -2px 0 0 -100px;
}

.brief2 {
 position: absolute;
 margin: 5px 0 0 -70px;
}




.suchehead2 {
 border:0;
 width:100px;
 height: 17px;
 float: left;
 background: transparent;
 font-size: 10px;
}


.suchehead {
 border:1px solid #164B7A;
 width:100px;
 height:17px;
 float: left;
}

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




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


.content {
 margin: 0 auto;
 width: 761px;
 text-align: left;
 background: #edede8;
}

.bgcontent {
 padding: 10px 0 20px 0;
 background-color: #B4BFAF;
}

/* - - - - - - LINKS ANFANG - - - - - - */

.spaltelinks {
 padding: 0 16px 0  0;
 width: 100px;
 float: left;
 color: #11579C;
 font-size: 9px;
}

/*
.spaltelinks {
 padding: 0 16px 0  21px;
 width: 80px;
 float: left;
 color: #11579C;
 font-size: 9px;
}
*/


.spalterechtsbreit {
 width: 600px;
 float: left;
}

.spalterechtskontakt {
 float: left;
 margin: 0 0 0 24px;
}

.abstand {
 margin: 10px 0 0 0;
}


/* - - - - - - LINKS ENDE - - - - - - */


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




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

#footer {
 background: #edede8;
 padding: 20px 0 20px 0;
}

.adresse {
 border-left: 1px solid #A5AEB7;
 padding: 5px 5px 5px 0;
 width: 761px;
 margin: 0 auto;
 letter-spacing: 0.05em;
 font-size: 10px;
 text-align: right;
}

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


/* = = = = = = = = = = = = EDITMODE = = = = = = = = = = = = */

#boxrahmen {
 margin: 0 auto;
 width: 761px;
 text-align: left;
}

#box {
 float: left;
 background: #eee;
}

.box {
 float: left;
 margin: 0 15px 0 0;
}


.trennung {
 background: #CE4508;

}





/* = = = = = = = = = = = = FEEDBACK = = = = = = = = = = = = */


.bezeichnung {
 float: left;
 width: 120px;
}

.bezeichnung2 {
 float: left;
 width: 60px;
 margin: 0 0 0 10px;
}


.postextarea {
 margin: 0 0 0 140px;
}

.feld {
 width: 160px;
 margin: 0 0 8px 20px;
 font-size: 11px;
 border: 1px solid #969696;
}



.inputselected {
 width: 160px;
 margin: 0 0 8px 20px;
 font-size: 11px;
 border: 1px dotted #969696;
 background: #eee;
}



.textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 426px;
 height: 120px;
 margin: 0 0 8px 20px;
 border: 1px solid #969696;
}



.textareaselected {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 426px;
 height: 120px;
 margin: 0 0 8px 20px;
 border: 1px dotted #969696;
 background: #eee;
}

.senden {
 margin: 20px 54px 0 260px;
}

.bildkontakt {
 margin: -230px 0 0 0;
 position: absolute;
 width: 259px;
 
}


.suche2 {
 border: 1px solid #48759E;
 position: absolute;
}

.senden2 {
 float: left;
}

a.senden2      { display:block;
             background:url(http://www.kohler-treppen.com/de/system/images/button-verschiecken.gif) no-repeat;
             width:120px; height:30px;
}

a.senden2:hover { background-image:url(http://www.kohler-treppen.com/de/system/images/verschicken-over.gif); }



.loeschen {
 float: left;
 margin: 0 0 0 50px;
}


a.loeschen      { display:block;
             background:url(http://www.kohler-treppen.com/de/system/images/button-loeschen.gif) no-repeat;
             width:120px; height:30px;
}

a.loeschen:hover { background-image:url(http://www.kohler-treppen.com/de/system/images/loeschen_over.gif); }




/* = = = = = = = = = = = = PRODUKTION START = = = = = = = = = = = = */
/* = = = = = = = = = = = = PRODUKTION START = = = = = = = = = = = = */

.produktion {
 margin: 20px 0 0 120px;
 width: 520px;
 height: 115px;
 border-bottom: 1px solid #B1B6BC;
 border-right: 1px solid #B1B6BC;
 background: url(../images/pfeil-produktion)
      no-repeat
      bottom right;
}

.produktionsbild {
 float: left;
 border-top: 1px solid #B1B6BC;
 border-left: 1px solid #B1B6BC;
}

.produktionstext {
 float: left;
 width: 324px;
 margin: 0 0 0 20px;
}

.produktionstext2 {
 width: 300px;
}

.produktlinie {
 margin: 0 0 5px 150px;
 height: 1px;
 line-height: 1px;
 font-size: 1px;
 border-top: 1px solid #B1B6BC;
}

.produktionszahl {
 position: absolute;
 margin: -9px 0 0 350px;
 padding: 3px 0 0 8px;
 width: 22px;
 height: 25px;
 color: #B1B6BC;
 font-weight: bold;
 border-top: 1px solid #B1B6BC;
 border-right: 1px solid #B1B6BC;
 border-bottom: 1px solid #B1B6BC;
}


.produktionslink {
 margin: 30px 30px 0 0;
 padding: 0 0 0 122px;
 color: #094C90;
 font-size: 10px;
 float: left;
}

.produktionslink2 {
 margin: 30px 0 0 0;
 float: left;
 font-size: 10px;
}

.produktionslink a:link, .produktionslink a:visited {
 color: #094C90;
}

.produktionslink a:hover {
 color: #606C7A;
}


/* = = = = = = = = = = = = PRODUKTION ENDE = = = = = = = = = = = = */
/* = = = = = = = = = = = = PRODUKTION ENDE = = = = = = = = = = = = */


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

.rechtsnews {
 width: 300px;
 float: left;
 margin: 85px 0 0 20px;
}

.zurueck {
 margin: 0 22px 20px 115px;
 padding: 3px 0 0 0;
 border-top: 1px solid #999;
 font-weight: bold;
}

.zurueck a:link, .zurueck a:visited {
 color: #11579C;
}

.zurueck a:hover {
 color: #606C7A;
}

.news {
 width: 760px;

}

.newszahl {
 position: absolute;
 margin: -116px 0 0 660px;
 padding: 5px 0 0 8px;
 width: 75px;
 height: 25px;
 color: #B1B6BC;
 font-weight: bold;
 border-top: 1px solid #B1B6BC;
 border-right: 1px solid #B1B6BC;
 border-bottom: 1px solid #B1B6BC;
}


/* = = = = = = = = = = = = NEWSEITEN ENDE = = = = = = = = = = = = */


.bildobenmitabstand {
 margin: 5px 0 0 0;
}


/* = = = = = = = = = = = = SUCHE = = = = = = = = = = = = */

.inhaltsuche {
 float: left;
}


/* = = = = = = = = = = = = SITEMAP = = = = = = = = = = = = */

.sitemapspalte {
 width: 149px;
 float: left;
}

.spaltenabstand {
 width: 1px;
 height: 500px;
 float: left;
background: red;
 background: #A5AEB7;
 border-top: 10px solid #EDEDE8;
 margin: 15px 0 0 0;
}

.spaltenabstand2 {
 width: 1px;
 height: 100px;
 float: left;
 background: #A5AEB7;
 border-top: 10px solid #EDEDE8;
 margin: 15px 0 0 0;
}

.headlinesitemap {
 font-weight: bold;
 color: #EDEDE8;
 background: #11579C;
 padding: 2px 0 2px 10px;
}

.sitemap {
 margin:10px;
}


.sitemapsublink {
 font-size: 9px;
 margin: 0 0 0 14px;
}