/* Erstellt von Ralph Segert - www.segert.net */


/* Resets und Vorgaben
____________________________________*/

* {
margin: 0;
padding: 0;
}

option { 
padding-left: 0.4em; 
}


body {
color: #000;
background-color: #f2f0db;
text-align: center;
font-family: Verdana, Geneva, Arial, sans-serif;
}

a:focus {
outline: none;
}

img, fieldset {
border: 0;
}

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

.sichtlos {
position:absolute;
left:-9999px;
}


/* Linkformatierung Layout
____________________________________*/


/* Im Fliesstext und in Listen */

a, #inhalt li a {
color: #7a9d4e;
text-decoration: none;
}

a:hover, #inhalt li a:hover {
color: #b7b5a5;
border-bottom: 0;
}

#spaltecontent p a {
font-weight: bold;
}


/* Topnavi */

#topnavi a {
color: #ddd;
border-bottom: 0;

}

#topnavi a:hover {
color: #fff;
}



/* Container fuers Grundlayout
____________________________________*/


#rahmen {
margin: 0 auto;
width: 940px;
text-align: left;
background: transparent;

}


#kopf {
float: left;
margin-top: 20px;
width: 940px;
height: 161px;
background: #fff url(images/bg-header.gif) no-repeat;
}

#kopflinks {
float: left;
width: 258px;
}

#kopfrechts {
float: right;
width: 682px;
text-align: left;
}


#inhalt {
float: left;
width: 940px;
background: transparent url(images/bg-inhalt.gif) repeat-y;
}


#spaltecontent {
float: right;
width: 602px;
padding: 10px 50px 20px 30px;
text-align: left;
background-color: transparent;
}

#spaltenavi {
float: right;
width: 258px;
text-align: right;
margin-bottom: 30px;
}

#sidebar {
float: left;
width: 248px;
text-align: right;
margin-top: 188px;
background-color: transparent;
}

#navi {
text-align: left;
}

#fuss {
float: left;
width: 940px;
height: 55px;
margin-bottom: 30px;
background: #fff url(images/bg-footer.gif) no-repeat;
}

#fusslinks {
float: left;
width: 258px;
text-align: center;
}

#fussrechts {
float: right;
width: 682px;
text-align: center;
}


/* Topnavi
_______________________________________________*/


#kopfrechts ul {
padding: 20px 0 0 368px;
list-style-type: none;
}

#kopfrechts li  {
font-size: 14px;
display: inline;
list-style-type: none;
padding-left: 20px;
}




/* Hauptnavigation plus Vorbereitung WordPress
_______________________________________________*/



#sidebar ul li {
list-style-type: none;
}

/*

#sidebar li ul li .page_item  { 
display:none; 
position: relative;
z-index: 10;
}

#sidebar li ul li:hover .page_item { 
display:block; 
}

*/


/* Für die Startseitenlink unter Wordpress    */


#sidebar .widget_pages a { 
float: right;
width: 200px;
height: 25px;
padding: 9px 0 0 20px; 
font-size: 13px; 
font-weight: bold;
letter-spacing: 1px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
color: #fff;
background-color: #dbb9ac;
}

#sidebar .widget_pages a:hover { 
color: #709641;
background-color: #dbdeca;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
}

#sidebar .current_page_parent a { 
float: right;
width: 200px;
height: 25px;
padding: 9px 0 0 20px; 
font-size: 13px; 
font-weight: bold;
letter-spacing: 1px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
color: #709641;
background-color: #dbdeca;
}

#sidebar .page_item a { 
float: right;
width: 200px;
height: 25px;
padding: 9px 0 0 20px; 
font-size: 13px; 
font-weight: bold;
letter-spacing: 1px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
color: #fff;
background-color: #dbb9ac;
}

#sidebar .page_item a:hover {
color: #709641;
background-color: #dbdeca;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
}


#sidebar .current_page_item a { 
float: right;
width: 200px;
height: 25px;
padding: 9px 0 0 20px; 
font-size: 13px; 
font-weight: bold;
letter-spacing: 1px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
color: #709641;
background-color: #dbdeca;
}



#sidebar .current_page_ancestor a { 
float: right;
width: 200px;
height: 25px;
padding: 9px 0 0 20px; 
font-size: 13px; 
font-weight: bold;
letter-spacing: 1px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
color: #709641;
background-color: #dbdeca;
}

#sidebar li ul li .page_item a { 
float: right;
width: 200px;
height: auto;
padding: 7px 0 7px 20px; 
font-size: 12px; 
margin-top: -1px;
font-weight: normal;
letter-spacing: 0px;
color: #709641;
background-color: #f1f1f1;
}

#sidebar li ul li .page_item a:hover {
color: #000;
background-color: #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0;
}


#sidebar li ul li .current_page_item a { 
float: right;
width: 200px;
height: auto;
padding: 7px 0 7px 20px; 
font-size: 12px; 
margin-top: -1px;
font-weight: normal;
letter-spacing: 0px;
color: #000;
background-color: #fff;
}



/* Drop Down Menu */

.glossymenu {
width: 248px; /*width of menu*/
}

.glossymenu a.menuitem {
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
margin-top: -1px;
}

.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 0;
}


.glossymenu div.submenu ul li {
border-bottom: 1px solid;
}




/* Grundformatierungen Headlines und Fliesstext
___________________________________________________*/


h1 {
margin: 45px 0 0 30px;
font-size: 24px;
}


h2 {
color: #666;
font-size: 19px;
margin-bottom: 14px;
}


h3 {
color: #666;
font-size: 17px;
margin-bottom: 14px;
margin-top: 40px;
}


p {
font-size: 14px;
line-height: 28px;
color: #000;
margin-bottom: 8px;
}



/* Kontextbezogene Formatierung, Grafikausrichtung
___________________________________________________*/


#spaltecontent p img {
border: 5px solid #dbd9c4;
text-align: center;
margin: 15px 0 12px 50px;
}

#spaltecontent .bildrechts img {
float: right;
margin: 0 50px 0 20px;
}

.last{
font-size: 12px;
margin-bottom: 50px;
}

#kopf .layoutbild {
position: absolute;
margin: 28px 0 0 27px;

}

#kopf .layoutbild img {
border: 6px solid #fff;
}


#fuss p {
font-size: 12px;
color: #666;
margin-top: 22px;
}


/* Listenformatierung  */


#spaltecontent ul {
font-size: 14px;
line-height: 24px;
color: #666;
margin-bottom: 18px;
margin-left: 20px;
}


#spaltecontent li {
list-style-type: square;

}



/* Suche
_____________________________*/


.suche {
float: right;
width: 220px;
height: 46px;
border: 1px solid #fff;
border-right: 0;
margin-bottom: 0;
text-align: center;
background: #fff url(images/bg-suche.gif) repeat-x;
}


.suchfeld {
margin-top: 9px;
width: 110px;
height: 20px;
color: #000;
border: 1px solid #7a9d4e;
vertical-align: bottom;

}

.suchbutton {
margin-top: 9px;
border:0;
margin-left: 2px;
height: 26px;
width: 59px;
vertical-align: middle;
background: transparent url(images/suchbutton.gif) no-repeat;
background-position: 0 3px;
}





/* Formular
________________________________________*/


#spaltecontent form {
margin: 30px 0 30px 0;
}

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


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

.textfeld {
font: 12px verdana, arial, sans-serif;
width: 220px;
font-size: 12px;
height: 26px;
padding: 0 2px 0 2px;
border: 1px #797979 solid;
background-color: #f2f0db;
color: #000;
}

.addition {
font: 12px verdana, arial, sans-serif;
width: 39px;
font-size: 12px;
padding: 6px 2px 0 2px;
height: 24px;
border: 1px #797979 solid;
background-color: #f9f9f9;
color: #000;
}

.kommentarfeld {
font: 12px verdana, arial, sans-serif;
width: 220px;
font-size: 12px;
padding: 6px 2px 0 2px;
border: 1px #797979 solid;
background-color: #f2f0db;
color: #000;
}

.sendbutton {
width: 224px;
border: 1px #48712d solid;
font-size: 13px;
color: #000;
height: 47px;
padding-bottom: 4px;
letter-spacing: 2px;
margin-left: 60px;
margin-top: 20px;
vertical-align: middle;
background-color: #f2f0db;
}

.sendbutton:hover {
background: #f9f9f9;
}

/* Buttons */


.button { /* Standardbutton mit flexibler Breite */
font-size:13px;
border: 1px solid #000;
text-decoration: none;
text-align: center;
padding: 8px 36px 8px 36px;
margin-left: 140px;
margin-top: 20px;
letter-spacing: 2px;
color: #000;
background: #dbdeca url(images/button-01.png) repeat-x;
background-position: 0 -11px;
}

.button:hover {
background: #f2f0db url(images/button-02.png) repeat-x;
background-position: 0 -11px;
}