@import url(mailform.css);
@import url(style.menue.css);
@import url(style.content.css);
@import url(headlines.css);
@import url(style.tabellen.css);
@import url(style.links.css);
@import url(slidebox.css);

html, body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100%;
} 

body {
	line-height: 1;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	line-height: 17px;
	color:#8F8677;
	text-align:center;/* for ie5.+*/	
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/


#wrapper-shadow-top {
	height: 15px;
	width: 940px;
	margin: auto;
	padding: 5px 20px 0px 0px;
   text-align: right;   
	position: relative;
	background-attachment: fixed;
	background-image: url(../img.layout/shadow.top.jpg);
	background-repeat: repeat;
	background-position: top;
   z-index: 1;
   clear: both;
	}

#top-wrapper  {
	height: 110px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-color: #FFFFFF;
   z-index:2;
	clear: both;	
	}

.logo-top {
	height: 110px;
	width: 270px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-repeat:repeat;
   float: left;
	}	
	
	
.spruch-top {
	height: 95px;
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 20px;
	background-color: #ffffff;
	background-repeat:repeat;
	line-height: 18px;
   text-align: left;      
   float: left;
	}		

.menue-oben {
	height: 95px;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding: 15px 20px 0px 0px;
	background-color: #ffffff;
	background-repeat:repeat;
   float: left;
  	text-align: right;    
}	


#wrapper-linie {
	height: 2px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-image: url(../img.layout/linie.960x2_top.gif);
	background-repeat: repeat;
	background-position: top;
   z-index:3;
   clear: both;
	}

#img-wrapper  {
	width: 960px;
   height: 230px;
   text-align: left;
	margin: auto;
	padding: 0px;
	position: relative;
	background-color: #ffffff;
	background-repeat:repeat;
	z-index: 4;
	clear: both;
	}

.box-left-slogan {
   height: 215px;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 20px;
	line-height: 22px;
background-image: url(../img.layout/bg.shadow.top.jpg);
	background-repeat: repeat;
	background-position: top;
   float: left;
	}	
	
	
.box-image-top {
   height: 230px;
	width: 690px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-repeat:repeat;
  	text-align: left;      
   float: left;
	}	

#wrapper-schatten-image {
	height: 22px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-image: url(../img.layout/shadow.image.jpg);
	background-repeat: repeat;
	background-position: top;
   z-index: 5;
   clear: both;
	}


#wrapper-content {
	height: 30%;
	min-height:400px;
	max-height: 1500px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-color: #ffffff;
	background-repeat:repeat;
	z-index: 6;
   clear: both;
	}

.box-navigation {
	height: auto;
	width: 250px;
	margin:  0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
   float: left;
	}	

.box-content{
	height: auto;
	width: 650px;
	margin:  0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	line-height: 18px;
   text-align:left;
	background-color: #ffffff;
	background-repeat:repeat;
   float: left;	
	}
	


#wrapper-content-zwei{
	height: 160px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-color: #ffffff;
	background-repeat:repeat;
	z-index: 7;
   clear: both;
	}

.box-c-zwei-1S {
	height: 160px;
	width: 240px;
	margin:  0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	

.box-c-zwei-2S {
	height: 160px;
	width: 220px;
	margin:  0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	
	
.box-c-zwei-3S {
	height: 160px;
	width: 230px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	

.box-c-zwei-4S{
	height: 160px;
	width: 160px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	
	
#wrapper-schatten-footer-top {
	height: 20px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-image: url(../img.layout/shadow.top.footer.jpg);
	background-repeat: repeat;
	background-position: top;
   z-index: 8;
   clear: both;
	}


#wrapper-content-drei{
	height: 160px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-color: #ffffff;
	background-repeat:repeat;
	z-index: 9;
   clear: both;
	}

.box-c-drei-1S {
	height: 160px;
	width: 240px;
	margin:  0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	

.box-c-drei-2S{
	height: 160px;
	width: 220px;
	margin:  0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	
	
.box-c-drei-3S{
	height: 160px;
	width: 230px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	

.box-c-drei-4S{
	height: 160px;
	width: 160px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-color: #ffffff;
	background-repeat:repeat;
   text-align: left;
	line-height: 20px;
   float: left;
	}	



#wrapper-schatten-footer-bottom{
	height: 22px;
	width: 960px;
	margin: auto;
	padding: 0px;
	position: relative;
	background-image: url(../img.layout/shadow.bottom.footer.jpg);
	background-repeat: repeat;
	background-position: top;
   z-index: 8;
   clear: both;
	}



.navigation	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:normal;
	font-size: 12px;
	font-weight:bold;	
	color:#FF9900;
	text-align: left;
	padding-right: 100px;
	text-transform: uppercase;
	float: left;
}


.content  dl.csc-textpic-image, dl.csc-textpic-firstcol{
	padding-bottom: 15px;
	padding-right: 15px;
	}


.randspalte a:link{
	font-size: 12px;
}