h1 {
	margin: 0 0 0 -115px;
}


/* - - - - - - RECHTS ANFANG - - - - - - */

.rechts {
	margin: 5px 0 0 -108px;
	width: 300px;
	float: left;
}

/* - - - - - - RECHTS ENDE - - - - - - */

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

.links {
	margin: 0;
	width: 456px;
	float: left;
}

.spalterechts {
	width: 325px;
	float: left;
}

.spalterechts2 {
	padding: 0 0 0 116px;
	width: 325px;
}

.leitsatz {
	margin: 15px 0 0 0;
	color: #A9ABA0;
	clear: both;
}


/* - - - - - - 3er BOXEN ANFANG - - - - - - */

.dreierbox {
	padding: 20px auto;
	width: 761px;
	text-align: left;
}

.leerbox {
	width: 15px;
	float: left;
}

.boxunten {
	width: 232px;
	height: 190px;
	background: #F5F6F8;
	float: left;
	margin: 20px 0 20px 0;
	padding: 7px 0 15px 11px;

}

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

.ansichttext {
	border-top: 1px solid #99a1a9;
	border-bottom: 1px solid #99a1a9;
	border-left: 1px solid #99a1a9;
	padding: 8px;
	font-size: 10px;
}


/* - - - - - - tabelle - - - - - - */

.liste {
	border-top: 1px solid #BCBCB2;
}

.spalte01 {
	border-bottom: 1px solid #BCBCB2;
	float: left;
	width: 226px;
	padding: 3px 0;
}

.spalte01b {
	border-bottom: 1px solid #BCBCB2;
	float: left;
	width: 200px;
	padding: 3px 0;
}

.spalte02 {
	border-bottom: 1px solid #BCBCB2;
	float: left;
	width: 60px;
	font-weight: bold;
	padding: 3px 0;
	text-align: right;
}

.spalte03 {
	border-bottom: 1px solid #BCBCB2;
	float: left;
	width: 35px;
	padding: 3px 0;
}

.clearklein {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.treppenstudio {
	margin: 92px 0 0 0;
}





/* = = = = = = = = = = = = BEMUSTERUNGSSEITE = = = = = = = = = = = = */
/* = = = = = = = = = = = = BEMUSTERUNGSSEITE = = = = = = = = = = = = */

a:link, a:visited, a.link:link, a.link:visited {
	color: #4D78A2;
}

.farbig {
	color: #4D78A2;
}



.navilinkaktiv, a.navilinkaktiv:link, a.navilinkaktiv:visited, a.navilink:hover {
	color: #4D78A2;
}

.sublink, a.sublink:link, a.sublink:visited  {
	color: #4D78A2;
}

a.sublinkaktiv:link, a.sublinkaktiv:visited, a.sublink:hover {
	color: #4D78A2;
	border-left: 2px solid #4D78A2;
	border-top: 2px solid #4D78A2;
	border-right: 2px solid #4D78A2;
	/*border-bottom: 3px solid #4D78A2;
	border-right: 3px solid #4D78A2;
	background: url(../images/bg-subnavi-hover-esprit.gif)
		    no-repeat
	       	    left bottom;*/
}

.abstand-bem {
	margin: 60px 0 0 0;
}

.projektnummer {
	color: #4D78A2;
	margin: 58px 0 7px 0;
}

.bemusterdungstext {
	border-top: 1px dotted #959595;
	color: #4D78A2;
	float: left;
	width: 625px;
}

.bem-text-links {
	float: left;
	width: 300px;
	margin: 0 21px 0 0;
	padding: 12px 0 0 0;
}

.bem-text-rechts {
	float: left;
	border-left: 1px dotted #959595;
	border-bottom: 1px dotted #959595;
	padding: 12px 0 7px 20px;
	width: 283px;
}

.rechtsganzebreite {
	float: left;
	width: 625px;
}

.block01 {
	width: 174px;
	float: left;
}

.block02 {
	margin: 0 51px;
	width: 174px;
	float: left;
}

.block03 {
	width: 133px;
	float: left;
}

.block04 {
	width: 133px;
	float: left;
	margin: 0 0 0 31px;
}

.rahmen {
	border: 1px solid #A5AEB7;
}

.line {
	border-bottom: 1px solid #929CA8;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}


.bg-headline {
	background-color: #A5AEB7;
	color: #104A7A;
	padding: 3px;
	margin: 0 0 4px 0;
}

.zusatz {
	border-top: 1px solid #7092B5;
	color: #7092B5;
	padding: 7px 0 0 0;
}

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


.bez-bem {
	float: left;
	width: 100px;
}

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

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

.textarea-bem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	height: 120px;
	margin: 7px 0 0 0;
	border: 1px dotted #969696;
	background: #eee;
}

.textareaselected-bem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
	height: 120px;
	margin: 7px 0 0 0;
	border: 1px dotted #969696;
	background: #E4E5E1;
}

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

.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); }




.check-kd959 {
	position: absolute;
	margin: 190px 0 0 0;
}

.check-kd970 {
	position: absolute;
	margin: 187px 0 0 157px;
}

.check-kd965 {
	position: absolute;
	margin: 330px 0 0 467px;
	width: 20px;
}

.checkabstand {
	height: 37px;
}

.spaltelinks {
	 margin: 0 0 0 -115px;
}






