body {
font-family : Verdana; 
font-size : 12px; 
background:#ffffcc url(../img/headhi.jpg) repeat-x;  
color :#000000; 
margin:auto;
padding-left: 0px; 
padding-right: 0px;
padding-top: 0px;
}
p  {
font-family : tahoma;
font-size :12px;
font-weight:bold;
color:#000000;
text-align:left;
}
.p  {
font-family : tahoma;
font-size :14px;
font-weight:bold;
color:#000000;
text-align:left;
}
.inhalt h1 {
font-family : tahoma;
font-size :16px;
font-weight:bold;
color:#000033;
text-align :left;
}
h2 {
font-family : verdana;
font-size :15px;
font-weight:bold;
color:#000033;
text-align : left;
text-decoration:blink;
}
h1, #kopf {
font-family:Verdana;
font-size:20px;
font-weight:bold;
color:silver;
text-align:left;
}
a:link {
color : #000033; 
} 
a:visited {
color : #000000; 
} 
a:hover {
color : #3366ff; 
} 
a:active {
color : #000000; 
} 
/*#headimg {float:left; margin:0px;}*/
/*--------------Ende Body---------------*/

/*---------------Beginn Navigation-------*/
#menu {
  position:relative;top:-4em;
  margin-left:10em;  
  padding:0px;
}
#menu_s li{display:block;
text-align:left;
padding-bottom:10px;
list-style-type:none;
}
#menu li{
  display:inline;
}
#menu li a, #menu_s li a{
  color:#006595;
  font:normal 12px arial,sans-serif;
  padding:3px 5px 0px 3px;
  text-decoration:none;
  background-color:#ffffcc;
  border:1px solid #d5e7ec;
  border-right:3px groove #dcdcdc;
  border-bottom:3px groove #dcdcdc;
}
#menu li a:hover, #menu_s li a:hover{
  color:#006595;
  font:normal 12px arial,sans-serif;
  padding:3px 5px 1px 3px;
  text-decoration:none;
  background-color:#dcdcdc;
  border:1px solid #d5e7ec;
  border-left:3px inset #d5e7ec;
  border-top:3px inset #d5e7ec;
}
.showcase {
 display: none;
}
#menu a:hover .showcase {
  position: absolute;
  top:4em;
  left:12em;
  display: block;
  width: 150px;
  font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
  background: transparent;
  border: 1px dashed #257;
  color: #000;
  padding: 3px;
}
/*---------------Aktive Seite----------------------*/

#menu li a#aktiv {
color:#006595;
font:normal 12px arial,sans-serif;
padding:3px 5px 1px 3px;
text-decoration:none;
background-color:#dcdcdc;
border:1px solid #d5e7ec;
border-left:3px inset #d5e7ec;
border-top:3px inset #d5e7ec;
}
#menu li a:hover#aktiv {
color:#006595;
font:normal 12px arial,sans-serif;
padding:3px 5px 1px 3px;
text-decoration:none;
background-color:#dcdcdc;
border:1px solid #d5e7ec;
border-left:3px inset #d5e7ec;
border-top:3px inset #d5e7ec;
}
/*---------------Beginn Inhalt---------------------*/

.inhalt {
filter:alpha(opacity=90);
opacity:0.90;
border:4px ridge #ffffcc;
background-color:infobackground;
margin:50px 0px 15px 85px;
width:70%;
padding:10px;
} 

#bildwechsel {
width: 240px;
height:276px;
margin:auto;
margin-right:5px;
float:left;
}
a.wechsel {
   display: block;
   background-image:   url(../img/impressum1.jpg);
   width: 240px;
   height:276px;
   color: white;
   background-repeat: no-repeat;
   text-decoration:none;
}
a.wechsel:hover {
background: white url(../img/impressum.jpg) no-repeat;
}

/*-----------------------Beginn Fusszeile------------------*/
/*-----------------------Rand mit Inhaltsangabe------------*/
.randblase {
margin:auto;
background-color:#ffffcc;
background:url(../img/blase.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 97% 13em;
}
.randhome {
margin:auto;
background-color:#ffffcc;
background:url(../img/whome.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randtrude {
margin:auto;
background:url(../img/wtrude.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randsveni {
margin:auto;
background:url(../img/wsveni.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randfam {
margin:auto;
background:url(../img/wfamilie.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randjob {
margin:auto;
background:url(../img/wjob.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randhobby {
margin:auto;
background:url(../img/whobby.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randgast {
margin:auto;
background:url(../img/wgaeste.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}

.randlinks {
margin:auto;
background:url(../img/wlinks.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randlogin {
margin:auto;
background:url(../img/login.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randimpr {
margin:auto;
background:url(../img/wimpr.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
.randkontakt {
margin:auto;
background:url(../img/wkontakt.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 98% 12em;
}
/*--------------------------Ende Rand------------------------*/
#fuss { 
background-color:#3399ff;
border-top:1px solid #000000;
padding:5px;
clear:left;
} 
.fuss {
text-align:left;
float:left;
margin-left:12px;
}
h1, #fuss {
font-family:verdana;
font-size:10px;
font-weight:bold;
color:silver;
text-align:left;
}
.logo {
text-align:right;
}
.unten {
text-align:right;
float:right;
clear:right;
}
a#email {
background-color:lightgrey;
padding:3px 5px 0px 3px;
text-decoration:none;
border:1px solid #d5e7ec;
border-right:3px groove #dcdcdc;
border-bottom:3px groove #dcdcdc;
color:#000000;
}
a#email:hover {
background-color:#dcdcdc;
padding:3px 5px 1px 3px;
text-decoration:none;
border:1px solid #d5e7ec;
border-left:3px inset #d5e7ec;
border-top:3px inset #d5e7ec;
color:#000000;
}