/* CSS Document */

body{
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
font-weight:normal;
line-height:1.5em;
background: transparent url(images/bg-body.gif) left top repeat-y;
}

p {margin:0; padding:0;line-height:1.5em;}
*html p { line-height:1.1em;}
strong {color:#666;}


h1 { font-size:1.3em; color:#1f5a9c;}
h2 { font-size:1em; color:#1f5a9c;border: 0 none; margin:0px; padding:0px;}

a:link { text-decoration:none; color:#1f5a9c;}
a:visited {text-decoration:none; color:#1f5a9c;}
a:hover { color:#1f5a9c; text-decoration:none;}
a:focus { color:#1f5a9c; text-decoration:none;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

/***************************************************** container *********************************************************/

.container-all { width:950px; margin:auto; background-color:#fff;}

.header { background: #fff url(images/head-ahrenshoop.jpg) right bottom no-repeat; height:280px;} 


.story { width:670px; margin-left:220px; padding:50px 30px 0px 30px; background-color:#fff;}


/***************************************************** allgemein gueltige klassen ***********************************************************/


.back {
background: transparent url(images/icons/back.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
/***************************************** Menue */
    
.servicemenue { height:20px; width:950px; margin:-20px 0px 0px 0px; padding:0px;}

.servicemenue ul {
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
float:right;
}

.servicemenue ul li {
display: inline;
text-align: center;
margin: 0;
}

.servicemenue ul li a{ padding: 2px 15px 5px 15px;margin: 0;color: #666; text-decoration: none; font-weight:normal; }



.menue { width:200px; float:left; margin-top:50px; }

*html .menue{ margin-top:-1px;}

.menue ul { list-style:none; margin:0; padding:0;border-bottom:1px solid #fff;}
.menue ul li {	padding:5px 0px 5px 4px; border-top:1px solid #fff; background-color:#b8c8d9;border-left:6px solid #fff;}
.menue ul li.active {padding:5px 0px 5px 4px; background-color:#1f5a9c; border-left:6px solid #b8c8d9;font-weight:normal; color:#fff;}
.menue ul li.active a{color:#fff;}

.menue ul li a { color:#666; padding-left: 6px; text-decoration:none; font-size:1em; display:block;}
#menue ul li a:hover { color:#fff; }

.menue li:hover {border-left:6px solid #1f5a9c; padding:5px 0px 5px 4px; background-color:#dae0e7; color:#fff;}


/***************************************** inhalt */


.story ul.list { list-style:none; margin-left:-35px;}

.story ul.list li {
margin-left:0px;
background: transparent url(images/bullet-ahrenshoop.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}

*+html .story ul.list { margin-left:5px;}

.story .distance100 { width:100px; float:left; color:#6d7d93;}

img.left { float:left; margin-right:15px; margin-bottom:10px;}



table,td {border: 1px solid #b8c8d9; border-collapse: collapse;}
table{border:none; border:1px solid #b8c8d9;}
thead th, tbody th {background:#b8c8d9;padding: 5px 5px; border-left: 1px solid #fff; text-align: left; font-weight:bold; color:#1f5a9c;}
tbody tr td{padding: 7px 5px; vertical-align:top;}