html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	/*background-color: #C8C8C8;*/
	background-color: #FFF;
}
a {
color:#23A057;
}
a:hover {
text-decoration:none;
}
#aussen {
	width: 980px;
	height: auto;
	min-height: 300px;
	/*position: absolute;
	margin-left: -490px;
	left: 50%;*/
}
html*#aussen {
 height:300px;
}
head:first-child+body #aussen {
 height:auto;
}

#header {
	background-image: url(http://www.kesper.com/layout/header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 42px;
	width: 972px;
	border-bottom: 3px solid #009343;
	color: #666666;
	font-weight: bold;
	padding-top: 80px;
	padding-left: 8px;
}
#header h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	color: #23A057;
}

#main {
	width: 980px;
	height: auto;
	min-height: 300px;
	background-color: #E9E9E9;
	background-image: url(http://www.kesper.com/layout/mainBack.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	border-bottom: 0px solid #000000;
	border-top: 1px solid #000000;
}
html*#main {
 height:300px;
}
head:first-child+body #main {
 height:auto;
}
* html #main{
	width: 980px;
}

#footer {
	width: 980px;
	border-top: 5px solid #009343;
	height: auto;
	min-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 11px;
	color:#999999;
	line-height: 130%;
	background-color: #FFF;
}

#footer a {
	color: #000;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/******************* Gerüst mit 3 Hauptzeilen fertig ***************/

/******************* Main-Bereich **********************************/

#oben {
	width: 980px;
	height: auto;
	min-height: 350px;
}
html*#oben {
 height:350px;
}
head:first-child+body #oben {
 height:auto;
}
/***************/

#navigation {
	width: 200px;
	height: auto;
	min-height: 330px;
	float: left;
	padding-top: 2px;
	padding-bottom: 15px;
}
html*#navigation {
 height:330px;
}
head:first-child+body #navigation {
 height:auto;
}
/******/
#navigation .box_navigation_0 {
	width: 176px;
	height: auto;
	min-height: 10px;
	padding-left: 10px;
	margin-top: 3px;
	padding-right: 14px;
}
html*#navigation .box_navigation_0 {
 height:10px;
}
head:first-child+body #navigation .box_navigation_0 {
 height:auto;
}
#navigation .box_navigation_0:hover {
background-color: #F9F9F9;
}

#navigation .box_navigation_0 .pfeil{
float:left;
height: 20px;
line-height: 20px;
width: 15px;
font-size: 12px;
font-weight: bold;
color:#666666;
}
#navigation .box_navigation_0 .text{
float:left;
width: 150px;
}

#navigation .box_navigation_0 .text .navigation_0:link, #navigation .box_navigation_0 .text .navigation_0:active, #navigation .box_navigation_0 .text .navigation_0:visited {
	display: block;
	width: 161px;
	height: auto;
	min-height: 22px;
	margin-left: 0px;
	line-height: 20px;
	border-bottom: 0px solid #FFFFFF;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	margin-top: 0px;
}
html*#navigation .box_navigation_0 .text .navigation_0:link, #navigation .box_navigation_0 .text .navigation_0:active, #navigation .box_navigation_0 .text .navigation_0:visited {
 height:22px;
}
head:first-child+body #navigation .box_navigation_0 .text .navigation_0:link, #navigation .box_navigation_0 .text .navigation_0:active, #navigation .box_navigation_0 .text .navigation_0:visited {
 height:auto;
}

#navigation .box_navigation_0 .text .navigation_0:hover {
	color: #23A057;
}

#navigation .box_navigation_0 .strich, #navigation .box_navigation_0 .strich, #navigation .box_navigation_0 .strich, #navigation .box_navigation_0 .strich{
display:block;
position: absolute;
margin-top: 0px;
width: 176px;
height: 1px;
background-color: #A0A0A0;
border-bottom: 1px solid #FFF;
font-size: 1px;
}
/******/
#navigation .box_navigation_1 {
	width: 161px;
	height: auto;
	min-height: 10px;
	padding-left: 25px;
	margin-top: 3px;
	padding-right: 14px;
}
html*#navigation .box_navigation_1 {
 height:10px;
}
head:first-child+body #navigation .box_navigation_1 {
 height:auto;
}
#navigation .box_navigation_1:hover {
background-color: #F9F9F9;
}

#navigation .box_navigation_1 .pfeil{
float:left;
height: 18px;
line-height: 15px;
width: 15px;
font-size: 11px;
font-weight: bold;
color:#666666;
}
#navigation .box_navigation_1 .text{
float:left;
width: 146px;
}

#navigation .box_navigation_1 .text .navigation_1:link, #navigation .box_navigation_1 .text .navigation_1:active, #navigation .box_navigation_1 .text .navigation_1:visited {
	display: block;
	width: 146px;
	height: auto;
	min-height: 18px;
	margin-left: 0px;
	line-height: 130%;
	border-bottom: 0px solid #FFFFFF;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	margin-top: 0px;
	font-size: 11px;
}
html*#navigation .box_navigation_1 .text .navigation_1:link, #navigation .box_navigation_1 .text .navigation_1:active, #navigation .box_navigation_1 .text .navigation_1:visited {
 height:22px;
}
head:first-child+body #navigation .box_navigation_1 .text .navigation_1:link, #navigation .box_navigation_1 .text .navigation_1:active, #navigation .box_navigation_1 .text .navigation_1:visited {
 height:auto;
}

#navigation .box_navigation_1 .text .navigation_1:hover {
	color: #23A057;
}

#navigation .box_navigation_1 .strich, #navigation .box_navigation_1 .strich, #navigation .box_navigation_1 .strich, #navigation .box_navigation_1 .strich{
display:none;
position: absolute;
margin-top: 0px;
width: 151px;
height: 1px;
background-color: #A0A0A0;
border-bottom: 1px solid #FFF;
}

/******/
#navigation .box_navigation_2 {
	width: 146px;
	height: auto;
	min-height: 10px;
	padding-left: 40px;
	margin-top: 3px;
	padding-right: 14px;
}
html*#navigation .box_navigation_2 {
 height:10px;
}
head:first-child+body #navigation .box_navigation_2 {
 height:auto;
}
#navigation .box_navigation_2:hover {
background-color: #F9F9F9;
}

#navigation .box_navigation_2 .pfeil{
float:left;
height: 15px;
line-height: 13px;
width: 15px;
font-size: 11px;
font-weight: normal;
color:#23A057;
}
#navigation .box_navigation_2 .text{
float:left;
width: 131px;
}

#navigation .box_navigation_2 .text .navigation_2:link, #navigation .box_navigation_2 .text .navigation_2:active, #navigation .box_navigation_2 .text .navigation_2:visited {
	display: block;
	width: 131px;
	height: auto;
	min-height: 15px;
	margin-left: 0px;
	line-height: 130%;
	border-bottom: 0px solid #FFFFFF;
	color: #23A057;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0px;
	font-size: 11px;
}
html*#navigation .box_navigation_2 .text .navigation_2:link, #navigation .box_navigation_2 .text .navigation_2:active, #navigation .box_navigation_2 .text .navigation_2:visited {
	height:22px;
}
head:first-child+body #navigation .box_navigation_2 .text .navigation_2:link, #navigation .box_navigation_2 .text .navigation_2:active, #navigation .box_navigation_2 .text .navigation_2:visited {
	height:auto;
}

#navigation .box_navigation_2 .text .navigation_2:hover {
	color: #666666;
	text-decoration: none;
}

#navigation .box_navigation_2 .strich, #navigation .box_navigation_2 .strich, #navigation .box_navigation_2 .strich, #navigation .box_navigation_2 .strich{
display:none;
position: absolute;
margin-top: 0px;
width: 151px;
height: 1px;
background-color: #A0A0A0;
border-bottom: 1px solid #FFF;
}

/******/

/******************* Navigation Links ende ***************/

#mainBox {
	height: auto;
	min-height: 350px;
	width: 780px;
	background-color: #FFFFFF;
	float: left;
}
html*#mainBox {
 height:350px;
}
head:first-child+body #mainBox {
 height:auto;
}
/******/
#mainBox .links {
	width: 460px;
	height: 444px;
	padding-top: 8px;
	padding-bottom: 15px;
	padding-left: 8px;
	/*min-height: 332px;*/
	float: left;
overflow: hidden;
}
/*html*#mainBox .links {
 height:332px;
}
head:first-child+body #mainBox .links {
 height:auto;
}*/
/******/
#mainBox .rechts {
	width: 312px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	min-height: 340px;
	float: left;
}
html*#mainBox .rechts {
 height:340px;
}
head:first-child+body #mainBox .rechts {
 height:auto;
}
* html {
	width: 207px;
}
/******/

#mainBox .links .contentBox {
	width: 136px;
	height: 136px;
	float: left;
	margin-right: 5px;
	margin-bottom: 11px;

	padding: 2px;
	border: 1px solid #CECDCD;
}

#mainBox .links .contentBox .contentImage {
	width: 136px;
	height: 88px;
	margin-bottom: 5px;
}

#mainBox .links .contentBox .contentImage img {
	padding: 0px;
	border: 0px solid #CECDCD;
}

#mainBox .links .contentBox .ueberschrift h2 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #23A057;
	line-height: 130%;
	font-weight: normal;
}

#mainBox .links .contentBox .ueberschrift h2 a{
	color: #23A057;
}
#mainBox .links .contentBox .ueberschrift h2 a:hover{
	text-decoration: none;
}
/*******/

#mainBox .rechts .search {
	width: 303px;
	text-align: left;
	font-size: 18px; 
	height: auto;
	min-height: 10px;
	margin-bottom: 10px;
	margin-left: 4px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	background-color: #E9E9E9;
}
html*#mainBox .rechts .search {
 height:10px;
}
head:first-child+body #mainBox .rechts .search {
 height:auto;
}
* html #mainBox .rechts .search {
	width: 260px;
}
* html #mainBox .rechts .search form {
	width: 303px;
}

#mainBox .indexImage .search {
	width: 303px;
	position: absolute;
	text-align: left;
	font-size: 18px; 
	height: 20px;
	height: auto;
	min-height: 10px;
	margin-bottom: 10px;
	margin-left: 470px;
	z-index: 100;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	background-color: #E9E9E9;
}
html*#mainBox .indexImage .search {
 height:10px;
}
head:first-child+body #mainBox .indexImage .search {
 height:auto;
}

#mainBox .normal .search {
	width: 307px;
	position: absolute;
	text-align: left;
	font-size: 18px; 
	height: 20px;
	height: auto;
	min-height: 10px;
	margin-bottom: 10px;
	margin-left: 467px;
	z-index: 100;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	background-color: #E9E9E9;
}
html*#mainBox .normal .search {
 height:10px;
}
head:first-child+body #mainBox .normal .search {
 height:auto;
}

#mainBox .search form {
	margin: 0px;
	padding: 0px;
	heigth: 10px;
	width: 307px;
}
#mainBox .search .text {
	float: left;
	line-height: 18px;
	width: 66px;
}
#mainBox .search form{
	margin: 0px;
	padding: 0px;
}
.search .suchen {
	width: 200px;
	height: 17px;
	line-height: 17px; 
	border: 1px solid #CECDCD;
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	padding: 0px;
}
/* html .search .suchen {
	width: 190px;
display:;
}*/
.search .senden:link, .search .senden:active, .search .senden:visited {
	display: block;
	width: 18px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 16px;
}

#mainBox .rechts #scrollRechts {
/*position: absolute;*/
width: 312px;
height: auto;
min-height: 241px;
padding-bottom: 10px;
/*top: 174px;*/
margin-top: 10px;
/*bottom: 186px;*/
}
html*#mainBox .rechts #scrollRechts {
 height:241px;
}
head:first-child+body #mainBox .rechts #scrollRechts {
 height:auto;
}
* html #mainBox .rechts #scrollRechts {
width: 302px;;
}
/*#mainBox .rechts #scrollRechts[id] {
   position: fixed;
}*/
/* html #mainBox .rechts #scrollRechts {
display: none;
}*/


#mainBox .rechts #bildRechts {
width: 308px;
height: auto;
min-height: 200px;
padding-left: 4px;
}
html*#mainBox .rechts #bildRechts {
 height:200px;
}
head:first-child+body #mainBox .rechts #bildRechts {
 height:auto;
}

#mainBox .rechts #bildRechts img {
	padding: 3px;
	border: 1px solid #CECDCD;
}

#mainBox .rechts .description {
	margin-top: 10px;
	line-height: 130%;
	padding-left: 4px;
	color: #666666;
}
#mainBox .rechts .description h2 {
	color: #666666;
	margin-bottom: 7px;
	font-size: 14px;
}
/****************/
#mainBox .indexImage {
	width: 778px;
	height: auto;
	min-height: 345px;
	padding: 2px;
	padding-right: 0px;
}
html*#mainBox .indexImage {
 height:345px;
}
head:first-child+body #mainBox .indexImage {
 height:auto;
}
/****************/
#mainBox .normal {
	width: 775px;
	height: 381px;
	/*min-height: 341px;*/
	padding: 5px;
	padding-right: 0px;
	padding-top: 7px;
overflow: hidden;
}
/*html*#mainBox .normal {
 height:341px;
}
head:first-child+body #mainBox .normal {
 height:auto;
}*/
/******/
#mainBox .normal .content {
margin-bottom: 20px;
}

#mainBox .normal .content .ueberschrift h2{
margin: 0px;
font-size: 14px;
border-bottom: 1px solid #000;
padding-bottom: 3px;
margin-bottom: 3px;
}
#mainBox .normal .content .ueberschrift h2 a{
color: #000;
text-decoration: none;
}

#mainBox .normal .content .text{
}
#mainBox .normal .content .text img{
margin: 5px;
margin-top: 0px;
}
#mainBox .normal .content .text ol {
margin-left: 25px;
margin-top: 15px;
}
#mainBox .normal .content .text a {
color: #23A057;
}
#mainBox .normal .content .text a:hover {
text-decoration: none;
}
/******************* Mainbox Rechts ende ***************/

#unten {
	height: auto;
	min-height: 100px;
	width: 968px;
	padding-left: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
html*#unten {
 height:100px;
}
head:first-child+body #unten {
 height:auto;
}
* html #unten{
	width: 980px;
	padding: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#unten .links {
	width: 188px;
	font-size: 11px;
	height: auto;
	min-height: 100px;
	float: left;
	line-height: 130%;
	padding-bottom: 32px;
}
html*#unten .links {
 height:100px;
}
head:first-child+body #unten .links {
 height:auto;
}
* html #unten .links {
	width: 176px;
	padding-left: 12px;
}

#unten .links .content {
	padding-right: 12px;
	margin-bottom: 10px;
}

#unten .links .ueberschrift {
	font-weight: bold;
}

#unten .rechts {
	width: 775px;
	padding-left: 5px;
	font-size: 11px;
	height: auto;
	min-height: 100px;
	float: left;
	line-height: 130%;
}
html*#unten .rechts {
 height:100px;
}
head:first-child+body #unten .rechts {
 height:auto;
}
* html #unten .rechts{
	width: 775px;
}

#unten .rechts .content {
	width: 238px;
	height: auto;
	min-height: 158px;
	border-right: 0px solid #FFFFFF;
	padding-right: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
	background-image: url(http://www.kesper.com/layout/strichRechts.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
html*#unten .rechts .content {
	height:158px;
}
head:first-child+body #unten .rechts .content {
 height:auto;
}
* html #unten .rechts .content {
	width: 228px;
}

#unten .rechts .content .ueberschrift {
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
	font-weight: bold;
}

#unten .rechts .content .ueberschrift a{
	color: #666666;
}
#unten .rechts .content .ueberschrift a:hover{
	text-decoration: none;
}

#unten .rechts .content .text {
	font-size: 11px;
	color: #666666;
	line-height: 140%;
}

#unten .rechts .content .text a{
	color: #666666;
}
#unten .rechts .content .text a:hover{
	text-decoration: none;
}

.clr {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	min-height: 0px;
}

/******* Startseite Googletext BOX *********/
.start_googletext {
font-size: 11px;
color: #999;
width: 963px;
padding-left: 12px;
padding-right: 5px;
margin-bottom: 15px;
text-align: left;
}
.start_googletext a {color: #999 !important;}

/***********************Kontaktformular***********************************************************/
#kontaktformular {
	width: 775px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.kUeberschrift {
	width: 751px;
	background-color: #009343;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	padding-left: 2px;
}

.kSpalte1 {
	width: 108px;
	height: 20px;
	float: left; 
}

.kSpalte2 {
	width: 149px;
	height: 20px;
	float:left;
}

.kSpalte3 {
	width: 667px;
	height: 80px;
	float:left;
}

.clean3 {
	clear:both;
	font-size: 0px;
	height: 5px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.kInput1 {
	width:125px;
	height:16px;
	line-height:20px;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
} 

.kInput2 {
	width:643px;
	height:80px;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.kButton {
	margin-left: 543px;
	margin-top: 0px;
}

.kButton1 {
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#E4E4E4;
	width: 210px;
	height: 30px;
	font-weight: bold;
	background-image: url(http://www.kesper.com/layout/formularButton.gif);
	background-repeat: x-repeat;
}

/************ SCROLLER ****************/
#scrollBox {
				height: 459px;
			}
#scrollBoxGross {
				height: 381px;
			}
			
			.jScrollPaneTrack {
				background: url(http://www.kesper.com/images/windows_track.gif) repeat-y !important;
			}
			.jScrollPaneDrag {
				background: url(http://www.kesper.com/images/windows_drag_middle.gif) no-repeat 0 50% !important;
			}
			.jScrollPaneDragTop {
				background: url(http://www.kesper.com/images/windows_drag_top.gif) no-repeat !important;
				height: 4px;
			}
			.jScrollPaneDragBottom {
				background: url(http://www.kesper.com/images/windows_drag_bottom.gif) no-repeat !important;
				height: 4px;
			}
			a.jScrollArrowUp {
				height: 17px !important;
				background: url(http://www.kesper.com/images/windows_arrow_up.gif) no-repeat 0 0 !important;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			a.jScrollArrowDown {
				height: 17px !important;
				background: url(http://www.kesper.com/images/windows_arrow_down.gif) no-repeat 0 0 !important;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}			
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */