/* CSS Document */

body{
height:100%;
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:0.7em; 
font-weight:normal;
line-height:1.5em;
background-color: #1a1a1a ;
}

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


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

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

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



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

.container-all { margin:auto;}

.header { width:950px; height:120px;background: transparent url(images/logo-larea.jpg) left center no-repeat; margin:auto;} 

.container-pics { height:275px; margin:auto; padding:0px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%;}

.container-left-right { width:950px; margin:auto;}

.left { width:250px; float:left; padding:30px 0px 0px 0px;}

.story { width:650px; margin-left:250px; padding:30px 20px 20px 30px;}

.contact { margin-left:780px; padding-top:85px;}

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


.back {
background: transparent url(images/icons/back.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
/***************************************** Menue */
    
.menue { height:30px;  margin:auto; border-bottom:1px solid #fff;}

.menue ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
width:950px; 
margin:auto;
}
.menue ul li {
display: inline;
float: left;
text-align: center;
padding: .6em 0 .5em 0;
margin: 0;
}

.menue ul li a{border-left: 1px solid #666; padding: 0px 20px 0px 20px;margin: 0;color: #fff; text-decoration: none; font-weight:normal; }

*+html .menue ul li a {padding: .5em 18px 3px 19px;} 

.menue ul li a:hover{color: #fff;background: #c00;}
.menue li.active a{background: #c00; color: #fff;}

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

.box-left { width:200px; float:left; margin-right:25px; min-height:60px;}
.box-center { width:200px;float:left;margin-right:25px; min-height:60px;}
.box-right { width:200px;float:left;  min-height:60px;}

.box-container { float:left; margin-bottom:30px;}