/********************* cp styles **********************/

* { 
margin:0; 
padding:0; 
} 
html, body { 
height: 100%; 
width: 100%; 
font:12px/19px Arial,Helvetica,sans-serif;color:#777;background-color: #FFFFFF;

} 
#distance { 
width: 10px; 
height: 50%; 
margin-bottom: -370px; 
float: left; 
 
} 
#container { 
margin: 0 auto; 
position: relative; 
height: 680px; 
clear: left; 
width:980px;
padding-left: 40px;
} 



p{margin-top:7px;}

b{font-weight:normal;color:#000;}

em{color:#000;}

strong{font-weight:normal;font-size:16px;line-height:28px;}

a{color:#111;text-decoration:none;}

a:hover{color:#000;text-decoration:none;}

a img{border:0px solid #000;}

img{border:none;}

/******* hyperlink and anchor tag styles *******/

a.grey:link
 {
  text-decoration:none; font-weight:normal;
  color:#cccccc;
 }
 a.grey:visited
 {
  text-decoration:none; font-weight:normal;
  color:#cccccc;
 }
 a.grey:hover
 {
  text-decoration:none; font-weight:normal;
  color:#000000;
 }
 a.grey:active
 {
  text-decoration:none; font-weight:normal;
  color:#cccccc;
 }
 
 
 
 a.darkgrey:link
 {
  text-decoration:none; font-weight:normal;
  color:#666666;
 }
 a.darkgrey:visited
 {
  text-decoration:none; font-weight:normal;
  color:#666666;
 }
 a.darkgrey:hover
 {
  text-decoration:none; font-weight:normal;
  color:#000000;
 }
 a.darkgrey:active
 {
  text-decoration:none; font-weight:normal;
  color:#666666;
 }
 



 
 
 
.lightgrey{
  color:#c1c1c1;

}
 
.black{
  color:#000000;

}

.darkgrey{
  color:#666666;

}
.grey{
  color:#777777;

}



a.black:link
 {
  text-decoration:none; font-weight:normal;
  color:#000000;
 }
 a.black:visited
 {
  text-decoration:none; font-weight:normal;
  color:#000000;
 }
 a.black:hover
 {
  text-decoration:none; font-weight:normal;
  color:#000000;
 }
 a.black:active
 {
  text-decoration:none; font-weight:normal;
  color:#555555;
 }





h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 120% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 110% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h5{
 font: bold 110% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font: 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

 


ul{
list-style-type: disc;
padding: 10px 0px 0px 20px;
	left: 0px;
 
}

ul ul{
 list-style-type: circle;
}


ul ul ul{
 list-style-type: none;
}


.featurelist  {
margin-left: 5px;
list-style: disc;
color: #333333;
list-style-position:left;
 }
 
 
 


#hiddencontact{
font: 100% Arial,sans-serif;
font-weight: normal;
display: none;
visibility: hidden;
}

 
 
 
.navi_versatz{
padding-left:30px;

padding-top:0px;
padding-bottom:3px;

}
 




 
#menu {
position: relative;
float:left;
padding-top:180px;
width:150px;
border:0px solid #cccccc;
position: relative;
line-height: 1.6;	
color: #333333;
font-size:10px;letter-spacing:.1em;
z-index=10;
overflow:hidden;
}


#middlebroad1 {
float:left;
min-width:200px;
position: relative;
text-align:center;
padding: 50px 30px 30px 0px;
  
}


#middlebroad2 {
float:left;
min-width:200px;
position: relative;
text-align:center;
padding: 50px 30px 30px 105px;
  
} 


#middlebroad3 {
float:left;
min-width:200px;
position: relative;
text-align:center;
padding: 50px 30px 30px 25px;
  
} 
 

 
 .logo {
 display:block;
 margin-bottom:38px;
 }



#textbox {
padding-top:120px;
  height:500px;
   overflow:hidden;
 float:left;
  width:265px;
   
 
}

#textboxbroad {
padding-top:0px;
float:left;
width:565px;
text-align:justify;
 
}
 

  
#extranavi {
position:fixed;
bottom:0px;
background:#fff;
text-align:right;
padding-top:3px;
right:0px;
padding-bottom:7px;
padding-right:10px;
z-index=1000;
width:100%;
font:10px Arial,Helvetica,sans-serif;color:#888;

}





@media print {
body { background-image: none; background-color: #fff; padding: 10px; border:0px; }
#hiddencontact  {  display: inline; visibility: visible; border:0px; font-weight: normal;	color: #000000;	font-size: 80%;  left: 10px;  }
#page { width: 100%; float: none; border:0px; }
#extranavi, .logo, #header, #navigation, #footertext_container, #footertext, .caption, #sockel, .sockeltext, #menu { display: none; visibility: hidden; border:0px; height:0px;}
#page { background-color: #FFFFFF; background-image: none;}
.feature a:link, a:visited, a:hover { font-weight: normal;	color: #000000;	text-decoration: none;}
.feature { border:0px; background-color: #FFFFFF;} 
#hiddencontact { visibility: visible; display:block;}
}


 

/********************* end **********************/