/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/160% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/160% "Trebuchet MS", Verdana, sans-serif; }

p {font:15px/160% Verdana, Geneva, Arial, Helvetica, sans-serif;}


/*  Layout
----------------------------------------------- */

body {
    background: #333333 url(bg.gif) no-repeat top left;
    padding:35px 0 0 0;
    margin:0;
}

#container
{
    margin:0 auto;
    width:1350px;
    background:white;
}

#header
{
margin-top:30px;
color:#eee;      
padding:10px;
}

#header h1,
#header h2,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:40px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:center;
}

#header a:hover { text-decoration:none;  }


#navigation
{
    float:center;    
    width:1150px;
    height: 85px;   
font-size:20px;
    padding-left:260px;
}

#sidebar
{
    padding-top:52px;
    margin-left:10px;
    float:center;
    width:200px;

}

#content
{
    float:right;
    width:1050px;
    margin: 40px;
    margin-top:52px;


}
#footer
{
    clear:both;
    height:45px;
    background:#eee;
}

#footer .gutter 
{

    height:30px;
    padding:10px 15px 0 15px;
}




/* Formatierung Navigation*/

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

/* 1. Ebene Links beschreiben */

#navigation ul li{
float:left;
}


#navigation ul li a{

font:normal 20px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
margin: 10px;
display:block;
}

#navigation ul li a:hover{
    background:#EEE;
    color:black;
}

/* 2. Ebene Links beschreiben */

#navigation ul ul{
position:absolute;
left: -9999px;
}

/* Beim Hovern der erste li die untergeordnete ul wieder einblenden bzw. ausrichten */

#navigation ul li:hover ul{
left:auto;
width:150px;
margin-top: -10px;
}

#navigation ul li li a{

margin: 0px;
margin-left:-34px;
background: #fff;
display: block;
width:160px;
line-height: 27px;
text-align: left;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

#navigation ul li li:last-child a{
border-bottom: 1px solid #eee;
}