/*
Theme Name: Entspanntreich
Theme URI: http://entspanntreich.de
Description: WordPress-Layout
Version: Version 2.0
Author: Ralph Segert
Author URI: http://segert.net
*/


* {
margin: 0;
padding: 0;
text-decoration: none;
}

body {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background-color: #e5a300;
color: #000;
font-size: 12px;

}

a:focus {
outline: none;
}

img {
border: 0;
}




/*  Linkformatierung
________________________________________________________*/


/* Contentbereich und Listen im Fliesstext */

p a, #content li a {
color: #552e0f;
border-bottom: 2px #e5a300 solid;
text-decoration: none;
font-weight: normal;
}

p a:hover, #content li a:hover {
color: #e5a300;
border-bottom: 0px dotted;

}


/* Infozeile */

#content .info a {
border-bottom: 0px dotted;
text-decoration: none;
font-weight: normal;
}


/* �berschriften */

h2 a, h3 a {
color: #552e0f;
border-bottom: 0px dotted;
text-decoration: none;
}

h2 a:hover, h3 a:hover {
color: #e5a300;
border-bottom: 0px dotted;
text-decoration: none;
}


/* Footer */

.footer a {
color: #febe20;
border-bottom: 0px dotted;
text-decoration: none;
font-weight: normal;
}

.footer a:hover {
color: #ccc;
border-bottom: 0px dotted;
text-decoration: none;
font-weight: normal;
}




/*  Container  Kopfbereich
_____________________________________________________________________*/


#wrapper {
width: 964px;
margin: 0 auto;
margin-top: 50px;
background-color: #fff;
}


#kopf {
float: left;
width: 964px;
text-align: left;
height: 107px;
color: #e5a300;
background: url(images/bg-header.gif) no-repeat;
}


#kopf strong {
display: none;
}


#hm {
float: left;
width: 964px;
text-align: left;
height: 40px;
background-color: #febe20;
}

/*  Container Content Startseite
_____________________________________________________________________*/



#wrappercontentstart {
float: left;
width: 964px;
background-color: #fff;

}

#startlinks {
float: left;
height: 481px;
width: 372px;
}

#startnavi {
float: left;
text-align: left;
margin-top: 50px;
width: 262px;

}

#startrechts {
float: left;
width: 316px;
}



/*  Hauptmenue mit Grundcontainer 
_________________________________________________*/



/* Hauptnavigation plus Vorbereitung WordPress
_______________________________________________*/



#hm ul li {
display: inline;
list-style-type: none;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#hm .menu li {
float:left;
width:auto;
position:relative;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#hm .menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:40px;
left:0; 
width:auto;

}


/* make the second level visible when hover on first level list OR link */
#hm .menu ul li:hover ul, #hm .menu ul a:hover ul{
visibility:visible; 
}


/* Hauptmenue   */

#hm .page_item a { 
float: left;
width: auto;
height: 28px;
font-size: 14px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 12px;
color: #000;
}

#hm .page_item a:hover {
color: #552e0f;
background-color: #fff;
}


#hm .current_page_item a { 
float: left;
width: auto;
height: 28px;
font-size: 14px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 12px;
color: #552e0f;
background-color: #fff;
}


/* Submenue   */



#hm .current_page_ancestor a { 
float: left;
width: auto;
height: 28px;
font-size: 14px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 12px;
color: #552e0f;
background-color: #fff;
}

#hm li ul li .page_item a { 
float:left;
width: 130px;
height: auto;
font-size: 12px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 0px solid #fff;
color: #552e0f;
background-color: #fff;
}

#hm li ul li .page_item a:hover {
color: #000;
background-color: #e5a301;
}


#hm li ul li .current_page_item a { 
float: left;
width: 130px;
height: auto;
font-size: 12px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 8px;
padding-bottom: 8px;
color: #000;
background-color: #e5a301;
}



/*  Container Content Unterseiten und Footer
_________________________________________________*/


#wrappercontent {
float: left;
width: 964px;
background-color: #fff;
background: url(images/bg-wrapper.gif) repeat-y;
}

#motiv {
float: left;
width: 458px;
text-align: left;
}

.bildlinks {
float: left;
margin: -69px 0 0 -458px;	
}

.bildstart {
float: left;
margin: -15px 0 0 -458px;	
}

#content {
float: left;
width: 502px;
text-align: left;
}




#footer {
float: left;
width: 964px;
height: 29px;
margin-bottom: 50px;
background-color: #552e0f;
}

#footerli {
float: left;
width: 890px;
text-align: center;
}


#clear {
clear:both;
visibility:hidden;
width:0;
height:0; 
margin:0; 
padding:0; 
}


/*  Suche
_________________________________________________*/


#suche {
width: 240px;
text-align: left;
margin: -28px 0 0 -10px;
}

#suche form {
margin:0; 
padding:0; 
}

#suche .suchfeld {
font-size: 13px;
width: 120px;
border: solid 1px #000;
height: 17px;
margin: 0px 0 0px 10px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
color: #000;
}

#suche .suchbutton {
font-size: 12px;
border: 1px #552e0f solid;
background-color: #e5a300;
margin-right: 20px;
padding-bottom: 6px;
height: 20px;
width: 60px;
}



/* Grundformatierungen Headlines und Fliesstext
___________________________________________________*/


h2 {
font-family: "Lucida Sans", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 20px 20px 10px 25px;
font-size: 20px;
line-height: 24px;
font-weight: normal;
color: #777;
}




h3 {
font-family: "Lucida Sans", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 20px 20px 10px 25px;
font-size: 20px;
line-height: 24px;
font-weight: normal;
color: #777;
}

h4 {
font-family: "Lucida Sans", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 25px 20px 10px 25px;
font-size: 18px;
line-height: 26px;
color: #e5a300;
}

p {
text-align: left;
font-size: 12px;
color: #000;
letter-spacing: 0px;
line-height: 21px;
margin: 8px 15px 0 25px;
}

#wrappercontentstart p {
text-align: left;
font-size: 12px;
color: #fff;
letter-spacing: 0px;
line-height: 22px;
margin: 350px 0 0 0;
}

#contentwissen p {
margin-bottom: 20px; 
}

#footer p {
text-align: left;
font-size: 11px;
color: #fff;
padding-top: 4px;
padding-left: 25px;
}


p img {
border-bottom: 0px solid;
text-decoration: none;
margin-top: 15px;
}

#content .textbild img {
float: left;
border: 1px solid #000;
margin-top: 4px;
margin-bottom: 10px;
margin-right: 15px;
}

#content .textbild {
margin-top: 20px;
margin-bottom: 30px;
}


blockquote p {
margin: 10px 25px 0px 50px;
letter-spacing: 0px;
color: #666;
}

.datum {
font-size: 12px;
color: #666;
letter-spacing: 0px;
margin: 12px 0 60px 30px;
}

.info {
font-size: 11px;
color: #666;
text-align:left;
margin: 10px 0 10px 25px;
}

#inhalt .info a {
font-weight: normal;
}

.footer {
margin: 0;
padding: 0;
}

.last {
padding: 0 28px 60px 50px;
}

.erstezeile {
margin: 25px 15px 0 25px;
}

#wrappercontentstart .footer {
font-size: 12px;
color: #fff;
text-align: center;
padding: 5px 0px 20px 0px;
margin: 0;
padding-bottom: 0;
}

#content ul {
list-style-type: square;
color: #552e0f;
margin-top: 4px;
margin-bottom: 8px;
margin-left: 40px;
margin-right: 14px;
}

#content li {
font-size: 12px;
line-height: 20px;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}


/* Das Kommentarformular
________________________________________*/


form {
margin: 20px 0 30px 0;
}

fieldset {
padding: 10px 10px 10px 0;
border: 0px;
}


label {
float: left;
width: 70px;
}

.textfeld {
width: 160px;
font-size: 12px;
border: 1px #552e0f solid;
padding: 2px;
background-color: #e5a300;
color: #000;
}

.kommentarfeld {
width: 163px;
font-size: 12px;
border: 1px #552e0f solid;
background-color: #e5a300;
color: #000;
}

.spamfeld {
width: 70px;
font-size: 16px;
padding: 4px;
padding-bottom: 0px;
height: 24px;
border: 1px #7a6857 solid;
background-color: #fff;
color: #000;
}

.sendbutton {
width: 163px;
border: 1px #e5a300 solid;
font-size: 12px;
color: #fff;
background-color: #552e0f;
padding: 4px;
padding-bottom: 6px;
margin-left: 70px;
margin-top: 10px;
vertical-align: middle;
}




/* Sonstiges
____________________________________*/


hr {
clear:both;
visibility:hidden;
width:0;
height:0; 
margin:0; 
padding:0; 
}