/*Stylesheet für Utes Hundehuette */

/* Ich mach es mal so: */
/* alle #ids nacheinander und die entsprechenden */
/* untergruppen (#wrapper p {}) dann jeweils dannach */

* {
padding: 0;
margin: 0;
font-family:"Helvetica";
font-size:100%;
}


body {
background: #E4E3B1;

}


#kontaktleiste{
background: #E4E3B1;
margin-bottom:0px;
text-align:right;
width:950px;
color:black;
border: 0px solid black;
}

#kontaktleiste li {
padding:0px 5px 0px 5px;
display:inline;
list-style-type:none;
}

#kontaktleiste ul{
margin-bottom:0px;
}

#kontaktleiste a
{
border:1px solid black;
text-decoration:none;
padding:4px 8px 4px 8px;
color:black;
background-color:#cccccc;
}


#kontaktleiste a:hover, active {
background-color:white;
padding-bottom: 5px;
border-bottom:0px;
}

#gbook #navi0 a,
#email #navi1 a,
#impressum #navi2 a,
#admin #navi3 a
{
background-color:white;
padding-bottom: 5px;
border-bottom:0px;

}

#logo {
margin:10px;
margin-left:30px;
}

#wrapper {
position:absolute;
margin-left:20px;
margin-top:0px;
margin-bottom:20px;
padding:1px;
width:950px;
border:1px solid black;
background: #ffffff;
color:black;
z-index:0;
padding-bottom:20px;
}

#backimage {
width:700px;
position:absolute;
left:230px;
top:50px;
z-index:1;
}
#pfote{
position:absolute;
left:490px;
top:130px;
z-index:1;
width:100px;
}



/*   ---------------- Menu ------------- */

#menueleiste {

position:relative;
margin:5px;
margin-top:80px;
float:left;
border:0px solid green;
width:190px;
background:#ffffff;
z-index:2;
}


#menueleiste ul         {
margin-left:10px;
border: 0px solid black;
padding-top:20px;

}
#menueleiste li {
border: 0px solid black;
list-style-type:none;
padding:10px;
padding-right:0px;
padding-left:30px;
margin-bottom:10px;
background-image:url(#)
background-repeat:no-repeat;
}
#menueleiste li:hover,active {
background-image:url(pics/menuicon.gif);
background-repeat:no-repeat;
}



#menueleiste a {
border: 1px solid black;
border-right:0px;
border-left:3px solid black;
padding:5px;
text-decoration: none;
margin-left:15px;
color:black;
}
#menueleiste a:link,visited {
color:black;

}

#menueleiste a:hover,active {
text-decoration: underline overline;
color:brown;
border: 1px solid brown;
border-right:0px;
border-left:3px solid brown;
/*background-color:#E4E3B1;*/
}

/*   ---------------- CONTEND ------------- */

#uberschrift {
position:absolute;
left: 300px;
top:140px;
border: 1px solid black;
background:#ffffff;
padding:10px;
padding-left:20px;
padding-right:20px;
border-top:2px solid black;
border-right:2px solid black;
z-index:4;
}

#textfeld {
position:relative;
margin-left: 290px;
margin-top:230px;
border:0px solid yellow;
width:520px;
z-index:5;
min-height:450px;
padding:15px;
padding-bottom:30px;
}

#textfeld img {
max-width:500px;

margin:10px;
border:1px solid black;
}

#textfeld h1{
margin:15px;
font-size:150%;
}

#textfeld #uberschrifttext {
margin:5px;
text-style:bolt;
font-size:120%;
margin-bottom:30px;
}
#textfeld #text {
min-height:300px;
font-size:90%;
padding-left:20px;
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid black;
}

#textfeld #text h1{
font-size:140%;
margin:10px;
margin-left:0px;
}
#textfeld #text h2{
font-size:120%;
margin:8px;
margin-left:2px;
}
#textfeld #text h3{
font-size:100%;
margin:0px;
margin-left:4px;
}

/* Galerieformatierung */

#galerie #textfeld img {
float:left;
margin:0px;
margin-top:20px;
margin-bottom:10px;
border:1px solid black;
max-width:500px;
}