@charset "utf-8";

/* ------------ HTML5 HACK ------------ */  
header, footer, nav {  
  display: block;  
}


/* ------------ ALLGEMEIN ------------ */  
*  { 
  padding: 0; 
  margin: 0; 
}

html { 
  height: 101%; 
} 

img{
  border:0; 
}

h1{
  color:#31afe0;
  margin:0;
}

a,
a:visited, 
a:focus, 
a:link,
a:active,
a:hover {
  color:#31afe0;
  text-decoration:none;
}
/* ------------ LAYOUT ------------ */
 
body {

  background: url(../img/start_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1{
  color:#31afe0;
  margin:0;
}

#headline{
  background-image:url(../img/linien_start.png);
  background-repeat:repeat-x;
  height:139px;
}

#wrapper{
  width:85%;
  float:left;
}

#main{
  margin:50px 0 0 73px;
}

nav{
  clear:both;
  display:block;
  float:left;
  width:314px;
  margin-top:11%;
  margin-left:7%;
}

#navlist{
  margin:0;
  margin-top:290px;
  padding:0;
  font-size:30px;
  font-family: Univers, verdana, helvetica, sans-serif;
  letter-spacing:0.7px;
}

#navlist li{
  list-style:none;
  top:0;
  left:0;
  text-transform:uppercase;
  margin-bottom:7px;
  height:30px;
  display:block;
}

#navlist a{
  text-decoration:none;
  color:#b0c934;
}

#navlist a:active,
#navlist a:hover {
    color:#31afe0;
}

.aktuell{
  color:#31afe0;  
}

#sidebar{
  width:268px;
  margin-left:85%;
}

#sidebar header{
  width:268px;
  height:139px;
}

footer{
  margin-left:25px;
}

footer .spacer{
  margin-left:5px;
  vertical-align:4px; 
}

footer a,
footer a:visited, 
footer a:focus, 
footer a:link{
  color:#fff;
  text-decoration:none;
}

footer a:active,
footer a:hover {
    color:#31afe0;
}

.mailw{
  background:url("../img/Clipboard01.jpg") 0 0;
  display:block;
  width:150px;
  height:14px;
  text-indent:-999em;
  margin-bottom:4px;
}

.mailw:hover{
  background:url("../img/Clipboard01.jpg") 0 15px;
  display:block;
  width:150px;
  height:14px;
  text-indent:-999em;
}