/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#808080;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
 background:#808080 ;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:1024px;

}

#mitte{
 background:#808080 url(images/logo_m1.JPG);
 color: white;
 clear:both;
 height:280px;
 width:1024px;
 float:left;
}
#logounten_startseite{
 background:#808080 url(images/st_bg.JPG);
 clear:both;
 height:440px;
 width:1024px;
 float:left;

}

#logounten_start{
 background:#808080 url(images/logo_u.JPG);
 clear:both;
 height:312px;
 width:1024px;
 float:left;

}

#logounten{
 background:#808080 url(images/bg.jpg);
 clear:both;
 min-height:700px;
 width:1024px;
 float:left;

}

#aktuell{
 background:#808080;
height:60px;
padding:10px 0 0 0;
margin:0 0 0 0;
color:#666;
letter-spacing:0.01em;


}
#wetter{
 background:#808080;
 float:left;
 margin: 0 0 0 0;
 width: 25%;
 border-right: 2px  solid #666;
 }
 
#rechts{
 color:#FFF; 
}

#links{
 background:#fff;
 float:left;
 margin: 0 0 0 0;
 width: 28%;
 height: 780px;
 border-right: 2px  solid #666;
}

#mieseler{
 color:#fff;
  font-family:verdana;
  font-weight:bold;
}
#werbung{
 background: #6495ed;
 clear: right;
 float: right;
 min-width:252px;
 margin: 20px 2px 0 0;
}

/* Formatierungen Navigationsleiste */
#navigation{
 
 background:#808080 url(images/logo_o.JPG);
 float:left;
 height: 25px;
 min-width:1024px;
 margin:0px 0px 0 0;
 padding:0 0 4px 0
}

#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0 
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #6495ed
}



/* Sonstige Formatierungen */
.titel{
 color:#666;
 font:.85em "trebuchet ms", verdana, sans-serif;
 float:right;
 width:110px;
 padding:0 0 0 0
}

.titel img{
 border:0;
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:2px solid #ff8c00;
 color:#FFFFFF;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 5px
}


#links p{
 text-align:justify
}

#unten p{
 text-align:right;
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
  display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px;
 
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#6495ed;
}

#mitte ul{
list-style:none;
 margin:10px 0 0 0
}

#mitte ul li{
  display:block;
 
  margin:0 0px 0 0;
 padding:0 0 0 16px;
 
}

#mitte ul li a{
 text-decoration: none;
 font-family:arial;
  color:#FFFFFF;
  font-size:1.1em;
  letter-spacing:0.10em;
}

#mitte ul li a:hover{
  color:#ff8C00;
}


/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#ff8C00;
 
}

a:hover{
 text-decoration:none
 text-decoration:underline
}


#mieseler a{
 font-family:verdana;
 color:#ffffff;
  font-weight:bold;
}

#mieseler a:hover{
 color:#ff8C00;
 text-decoration:underline
}

#mieseler ul li{
  display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px;
 
}

#mieseler ul li a{
 text-decoration:none;
 font-family:verdana;
  color:#FFFFFF;
}

#mieseler ul li a:hover{
  color:#ff8C00;
  text-decoration:underline
}