/* 
	Stylesheet fuer
	'seo.de.com'
	Stand: August 2008
	HTML validiert, CSS validiert (ausser: IE5x-Hack)
*/
* {
margin: 0;
padding: 0;
}

body {
background-image: url(images/bgr.gif);
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 82%;
background-color: #150185;
color: #ccc;
text-align: center; /* IE-fix */
}


/* Hauptbereiche */
#mainbox {
margin: 20px auto;
width: 620px;
text-align: left;
background-color: #150185;
color: #ccc;
}
#header, #footer {
background-image: url(images/back2.jpg);
background-repeat: repeat-x;
width: 620px;
height: 50px;
}
#footer p {
text-align: right;
padding: 16px 10px 0px 0px;
}
#footer a {
position:underline;
	clear:left;
text-decoration: none;
background-color: transparent;
color: #e0d0b0;
font-size: 90%;
padding-right: 10px;
}
#footer a:hover {
background-color: transparent;
color: #fff;
}

#menuebox {
position: relative;
top: 0;
left: 0;
width: 170px;
margin: 7px 0;
}

#weblogo {
background-image: url(images/logo.gif);
background-repeat: no-repeat;
width: 234px;
height: 50px;
}
#header #weblogo h1 {
font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
}


#logo {
background-image: url(images/logo1.jpg);
background-repeat: no-repeat;
float: right;
width: 360px;
height: 282px;
margin-top: 75px;
margin-right: 30px;
}
#impressum {
background-color: #150185;
background-repeat: no-repeat;
float: right;
width: 360px;
height: 682px;
margin-top: 75px;
margin-right: 30px;
font-variant: small-caps;
font-style: italic;
letter-spacing: 2px;
}

#claim p {
position: absolute;
margin: 25px 0px 0px 220px;
font-variant: small-caps;
letter-spacing: 2px;
background-color: transparent;
color: #999;
}



/* Liste und Links im Menue */
ul#menue li {
display: block;
list-style: none outside;
}
ul#menue a {
display: block;
width: 160px;
padding: 4px 0 4px 10px;
text-decoration: none;
background-color: #14285f;
color: #bbb;
border-left: 10px solid #02012e;
}
ul#menue a:visited {
background-color: #14285f;
color: #e0d0b0;
}
ul#menue a:hover {
background-color: #02012e;
color: #fff;
border-left: 10px solid #FF8C00;
}
ul#menue a:active {
background-color: #666;
color: #fff;
}

ul#menue a.alternate {
background-color: #02012e;
color: #bbb;
border-left: 10px solid #14285f;
}
ul#menue a:visited.alternate {
background-color: #02012e;
color: #e0d0b0;
}
ul#menue a:hover.alternate {
background-color: #14285f;
color: #fff;
border-left: 10px solid #FF8C00;
}
ul#menue a:active.alternate {
background-color: #02012e;
color: #fff;
}

/* 'mouseover'-Inhalte */
ul#menue a span.hint {
display: none;
}
ul#menue a:hover span.hint {
display: block;
position: absolute;
top: 0;
left: 182px;
width: 384px;
height: 350px;
background-color: #150185;
color: #e0d0b0;
padding: 20px;
}

a.textver {
display: none;
}



/* Formatierungen fuer 'mouseovers' */
ul#menue a:hover span.hint span.innen {
display: block;
font-weight: bold;
padding-bottom: 20px;
}
ul#menue a:hover span.hint span.innen2 {
display: block;
font-weight: normal;
padding-bottom: 10px;
}
ul#menue a:hover span.hint img {
display: block;
margin-top: 25px;
margin-left: 90px;
}
ul#menue a:hover span.hint span.innen2 img {
margin: 0;
}

/* Sonstige */
 .invis {
display: none;
}
img {
border: none;
}
#preload {
visibility: hidden;
}
.breaker {
clear: both;
}