/*-------------*********HTML ELEMENT***********--------------------------*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	text-align: center;
	background: url("../img/bg/main2.gif") repeat center top;
	height:100%;
}

td{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}

div#spalteindex hr {
border:1px solid #d4d6d6;
margin:12px 0px 12px 0px;
}
	
a, a:visited {
	color: #284a5c;
    text-decoration: underline;
}
a:hover, a:active {
    text-decoration:underline overline;
} 

.vid {
font-size: 14px;
}
.achtung {
color: #ff0000;
}


.obenaktiv{
    font-size: 14px;
	font-weight: bold;
	color: #284a5c;
	text-decoration: none;
	padding:5px 0px 6px 0px;
	background-image:url(../img/bg/over_oben.gif);
	background-repeat:repeat;
}
.intro {
font-size: 16px;
color: #d6d6d6;
}
.hell{
    color: #d6d6d6;
    font-size: 14px;
}
.anruck1{
padding-left: 20px;
}
.anruck2{
padding-left: 40px;
}
.anruck3{
padding-left: 60px;
}
.anruck4{
padding-left: 80px;
}
h1{
font-size:18px;
color:#284a5c;
padding:0;
margin:0;
}

.plus {
text-align:center;
margin:15px 0px 15px 0px;
padding:0;

}

.plus a, .plus a:active, .plus a:hover, .plus a:visited { 
border:0;
text-decoration:none !important;

}

.center {
margin:15px 0px 0px 0px;
padding:0;
text-align:center;
}

/*-----------------*********HEAD*************----------------------*/
#header {
	position: relative;
	width: 876px;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 175px;
	background-image: url(../img/bg/head.jpg);
}
#miniaturen {
	position: absolute;
	top: 98px;
	right: 9px;
	width: 275px;
	height: 48px;
	background-image: url(../img/pix/miniaturen.jpg);
}
#headline {
	position: absolute;
	left: 172px;
	bottom: 2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #284a5c;
	text-align: left;
}

.screen{
width:350px;
margin:0 auto;
	padding:15px  0px 15px 0px;
	background-image:url(../img/bg/screen.gif);
	background-repeat:repeat;
	border: 1px solid #b0aeae;
}

.screenw{
width:450px;
margin:0 auto;
	padding:15px  0px 15px 0px;
	background-image:url(../img/bg/screen.gif);
	background-repeat:repeat;
	border: 1px solid #b0aeae;
}

/*----------------************MENU************--------------------------*/
.komm {
width:149px;
	text-align: left;
	background-image: url(../img/bg/komm.gif);
   padding: 8px 4px 15px 10px;
	text-decoration: none;
	color: #828080;
	background-repeat: repeat;
	border-top: 1px solid #b0aeae;
}

.komm h2{
       color:#828080;
		 font-weight:bold;
		 margin:0;
		 padding:0;
		 font-size:12px;
}



div#clink {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #828080;
	margin: 0;
	padding: 0;
	width: 163px;
}

div#clink a {
    display: block;
	 padding-left: 12px;
    padding-bottom:4px;
	 margin: 0px;
	 padding-top: 4px; 
	 font-weight: bold;
	 color:#828080;
	 text-align: left;
	 text-decoration: none;
	 border-top: 1px solid #b0aeae;
	 background-image:url(../img/bg/clink_a.gif);

 }
	
div#clink a:hover, div#clink a:active {
	color: #dedede;
	border-top: 1px solid #b0aeae;
	background-image:url(../img/bg/clink_over.gif);
	background-repeat:repeat;
}

div#menuoben {
	position: absolute;
	top: 56px;
	left: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #d6d6d6;
}
div#menuoben a {
	font-size: 14px;
	font-weight: bold;
	color: #d6d6d6;
	text-decoration: none;
	padding:5px 0px 6px 0px;
}
div#menuoben a:hover, div#menuoben a:active {
	font-size: 14px;
	font-weight: bold;
	color: #284a5c;
	text-decoration: none;
	background: #ffffff;
   background-image:url(../img/bg/over_oben.gif);
	background-repeat:repeat;
}

div#subnav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color:#f0f2f2;
	color: #828080;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 163px;
	text-align: left;
}
div#subnav a{
   display: block;
	background-image: url(../img/icon/quadrat.gif);
	background-position:15px 9px;
   padding: 5px 0px 2px 0px;
	text-decoration: none;
   text-indent:25px;
	color: #828080;
	background-repeat: no-repeat;
}
div#subnav a:hover, div#subnav a:active{
	color:#284a5c;
   background-image: url(../img/icon/quadrat_aktiv.gif);
	background-position:15px 9px;

}
div#subsubnav {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #828080;
	text-indent:24px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 163px;
	text-align: left;
}
div#subsubnav a{
   display: block;
   padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	padding-left: 7px;
	color: #828080;
	background-image: url(../img/icon/quadrat_sub.gif);
	background-position:22px 8px;
	background-repeat: no-repeat;
}
div#subsubnav a:hover, div#subsubnav a:active{
	color:#284a5c;
   background-image: url(../img/icon/quadrat_sub_over.gif);
	background-position:22px 8px;
	background-repeat: no-repeat;
}

div#newslink {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #828080;
	margin: 0px 0px 0px 1px;
	padding:0;
	width: 177px;
}
div#newslink a{
   display: block;
	text-align: left;
	background-image: url(../img/bg/news_a.gif);
   padding-bottom: 3px;
	padding-top: 4px;
	text-decoration: none;
	padding-left: 20px;
	color: #828080;
	background-repeat: no-repeat;
	border-top: 1px solid #b0aeae;
	font-weight: bold;
}
div#newslink a:hover, div#newslink a:active {
	 color: #dedede;
	 border-top: 1px solid #b0aeae;
	background-image: url(../img/bg/news_over.gif);
	background-repeat: no-repeat;
}


div#subnavright {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #828080;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width: 159px;
	text-align: left;
}
div#subnavright a{
    display: block;
	 background-image: url(../img/icon/quadrat.gif);
	 background-position: left;
    padding-bottom: 2px;
	 padding-top: 2px;
	 text-decoration: none;
	 padding-left: 10px;
	 color: #828080;
	background-repeat: no-repeat;
}
div#subnavright a:hover, div#subnav a:active{
	color:#284a5c;
	background: #d2d2d2;
}

div#video {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #284a5c;
	margin: 0px 0px 0px 0px;
	padding-left:23px;
	padding-top:10px;
	width: 120px;
	background: #ebebeb;
	text-align: left;
}

div#video a {
    display: block;
	 background-image: url(../img/icon/movie.gif);
	 background-position: left;
    padding-bottom: 2px;
	 padding-top: 2px;
	 text-decoration: none;
	 padding-left: 22px;
	 color: #284a5c;
	background-repeat: no-repeat;
}

 div#video a:hover, div#video a:active {
 	 background: #457798;
	 color: #dedede;	
	 background-image: url(../img/icon/movie.gif);
	 background-position: left;
	 background-repeat: no-repeat;
}

/*-----------------------***************CONTENT********-----------------*/
div#sucheoben {
position:absolute;
top:54px;
left: 700px;
width: 170px;
margin:0;
padding:0;
}


#master {
	position: relative;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 877px;
}

div#text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	width: 495px;
	min-height: 310px;
	-height: 310px;
	border: 1px solid #b0aeae;
	background-image:url(../img/bg/text.jpg);
	background-repeat:no-repeat;
	margin-left:8px;
	padding:10px 10px 10px 10px;
}
div#content {
	width: 876px;
	margin: 0;
	padding: 0;
}
div#left {
width: 164px;
float: left;

}
div#left h1{
font-size:13px;
color:#284a5c;
padding:0;
margin:0;
}

div#middle {
width: 533px;
float: left;
}
div#right {
	width: 178px;
	float: right;

}
div#newstext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #828080;
	font-size: 12px;
	margin: 0px 0px 0px 18px;
	padding: 8px 0px 0px 0px;
	width: 160px;
}


/*---------------------------********LAYOUT************---------------*/

#linieleft {
    width: 163px;
	height:1px;
    margin: 0;
    padding: 0;
	border-top: 1px solid #b0aeae;
}
#linieright {
    width: 178px;
    margin: 0;
    padding: 0;
	border-top: 1px solid #b0aeae;
	padding-top:20px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	text-align: center;
}

div#spezi{
width:auto;
   margin: 0px;
	padding:4px 0px 4px 5px;
	font-size: 14px;
	color:#284a5c;
   background-image: url(../img/bg/clink_a.gif);
	background-repeat: repeat;
	border:1px solid #b0aeae;
	font-weight:bold;
}

div#heading{
    margin: 0;
	padding:4px 0px 4px 5px;
	font-size: 12px;
	color:#284a5c;
   background-image: url(../img/bg/clink_a.gif);
	background-repeat: repeat;
	border:1px solid #b0aeae;
		font-weight:bold;
}

div#bottom {
width: 515px;
padding-top: 5px;
margin-top: 3px;
text-align: center;
margin-left:10px;
}
div#logo{
width: 60px;
height: 48px;
background-image: url(../img/logo/logo_kl_f1.gif);
background-repeat: no-repeat;
background-color: transparent;
margin: 0;
padding: 0;
position: absolute;
top: 190px;
right: 198px;
float: right;
}

div#verlinkt {
position:absolute;
top: 26px;
left: 0px;
width: 168px;
height: 126px;
margin:0;
padding: 0;
}
/*---------------------*************KONTAKT*******--------------------*/
div#spalte {
    width: 164px;
    display: block;
    border-top: 1px solid #b0aeae;
	padding-top: 10px;
	padding-bottom: 20px;
	margin:0;
	text-align: center;
}
div#spalteindex {
    width: 143px;
    display: block;
	border-top: 1px solid #b0aeae;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin:0;
	text-align: left;
	color: #828080;
}



/* ----------- FORMULARE FORMULARE ------------- */
input, textarea {font-family: Arial, Verdana, Helvetica, sans-serif;}

.formular, textarea, .flang, .fmittel, .fkurz, .checkbox{
	border-top: 1px solid #284a5c;
	border-left: 1px solid #284a5c;
	border-right: 1px solid #284a5c;
	border-bottom: 1px solid #284a5c;
	font-size: 11px;
	background-color: #FFFFFF;
}

.button {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #284a5c;
	color: #f1f1f1;
}


.radiobckg {background-color: #f1f1f1;}
.flang     {width:200px;}
.fmittel   {width:150px;}
.fkurz     {width: 80px;}

.buttonkl {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	background-color: #284a5c;
	color: #f1f1f1;
	font-size: 10px;
}