/*
Theme Name: Wordpress-Theme für Fengshui-Wetzler.de
Description: Demo-Theme für die Fengshui-Wetzler.de
Author: Sebastian Kentzler
Author URI: http://www.sebastian-kentzler.de
Start: 08.02.10
Letzte Aenderung: 23.02.10
*/



/* Reset
--------------------------------------------------------------------------------------- */
* {
padding: 0;
margin: 0;
border: 0px;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
outline: none;
}

/* Farbschemen
--------------------------------------------------------------------------------------- */
.willkommen #wrapper { background-image: url('images/willkommen_bg.gif'); background-repeat: repeat-y; }
.willkommen h2 { background-image: url('images/willkommen_head.gif'); background-repeat: no-repeat; }
.willkommen #sign { background-image: url('images/willkommen_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.willkommen #subnavi { background-color: #f99e35; }
.willkommen #active { background-image: url('images/willkommen_navi_active.gif'); background-repeat: no-repeat;}

.zurperson #wrapper { background-image: url('images/zurperson_bg.gif'); background-repeat: repeat-y; }
.zurperson h2 { background-image: url('images/zurperson_head.gif'); background-repeat: no-repeat; }
.zurperson #sign { background-image: url('images/zurperson_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.zurperson #subnavi { background-color: #d24d62; }
.zurperson #active { background-image: url('images/zurperson_navi_active.gif'); background-repeat: no-repeat;}

.fengshui #wrapper { background-image: url('images/fengshui_bg.gif'); background-repeat: repeat-y; }
.fengshui h2 { background-image: url('images/fengshui_head.gif'); background-repeat: no-repeat; }
.fengshui #sign { background-image: url('images/fengshui_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.fengshui #subnavi { color: black; background-color: #a03d38; }
.fengshui #active { background-image: url('images/fengshui_navi_active.gif'); background-repeat: no-repeat;}

.leben #wrapper { background-image: url('images/leben_bg.gif'); background-repeat: repeat-y; }
.leben h2 { background-image: url('images/leben_head.gif'); background-repeat: no-repeat; }
.leben #sign { background-image: url('images/leben_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.leben #subnavi { background-color: #bbcc59; }
.leben #active { background-image: url('images/leben_navi_active.gif'); background-repeat: no-repeat;}

.natur #wrapper { background-image: url('images/natur_bg.gif'); background-repeat: repeat-y; }
.natur h2 { background-image: url('images/natur_head.gif'); background-repeat: no-repeat; }
.natur #sign { background-image: url('images/natur_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.natur #subnavi { background-color: #59a09c; }
.natur #active { background-image: url('images/natur_navi_active.gif'); background-repeat: no-repeat;}

.kraft #wrapper { background-image: url('images/kraft_bg.gif'); background-repeat: repeat-y; }
.kraft h2 { background-image: url('images/kraft_head.gif'); background-repeat: no-repeat; }
.kraft #sign { background-image: url('images/kraft_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.kraft #subnavi { background-color: #a4a5a7; }
.kraft #active { background-image: url('images/kraft_navi_active.gif'); background-repeat: no-repeat;}

.wohlfuehl #wrapper { background-image: url('images/wohlfuehl_bg.gif'); background-repeat: repeat-y; }
.wohlfuehl h2 { background-image: url('images/wohlfuehl_head.gif'); background-repeat: no-repeat; }
.wohlfuehl #sign { background-image: url('images/wohlfuehl_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.wohlfuehl #subnavi { background-color: #e8daa9; }
.wohlfuehl #active { background-image: url('images/wohlfuehl_navi_active.gif'); background-repeat: no-repeat;}

.preise #wrapper { background-image: url('images/preise_bg.gif'); background-repeat: repeat-y; }
.preise h2 { background-image: url('images/preise_head.gif'); background-repeat: no-repeat; }
.preise #sign { background-image: url('images/preise_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.preise #subnavi { background-color: #348a87; }
.preise #active { background-image: url('images/preise_navi_active.gif'); background-repeat: no-repeat;}

.kontakt #wrapper { background-image: url('images/kontakt_bg.gif'); background-repeat: repeat-y; }
.kontakt h2 { background-image: url('images/kontakt_head.gif'); background-repeat: no-repeat; }
.kontakt #sign { background-image: url('images/kontakt_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.kontakt #subnavi { background-color: #86655c; }
.kontakt #active { background-image: url('images/kontakt_navi_active.gif'); background-repeat: no-repeat;}

.links #wrapper { background-image: url('images/links_bg.gif'); background-repeat: repeat-y; }
.links h2 { background-image: url('images/links_head.gif'); background-repeat: no-repeat; }
.links #sign { background-image: url('images/links_sign.gif'); background-repeat: no-repeat; background-position: 50% 50%; margin-right: auto; margin-left: auto; }
.links #subnavi { background-color: #da6679; }
.links #active { background-image: url('images/links_navi_active.gif'); background-repeat: no-repeat;}


/* Allgemeine Einstellungen
--------------------------------------------------------------------------------------- */
html, body { color: #666666; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 14pt; background-color: #f5dfa0; margin: 0; padding: 0; height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */}

a { color: #666; font-weight: normal; font-style: normal; text-decoration: underline; }
a:active { color: #666; font-weight: normal; font-style: normal; text-decoration: underline; }
a:visited { color: #666; font-weight: normal; font-style: normal; text-decoration: underline; }
a:hover { color: #666; font-weight: normal; font-style: normal; text-decoration: underline; }

#wrapper { 
width: 820px;
\width:900px; /*Hack für IE 5.5 */
w\idth:820px; 

margin: 20px auto 20px auto; /* Div soll zentriert werden */
border: solid 40px white; text-align: left; position: relative; overflow: auto; padding: 0; }


/* Linke Spalte
--------------------------------------------------------------------------------------- */
#left { position: relative; width: 550px; float: left; margin: 0; padding: 0; }

#text { margin-top: 40px; margin-bottom: 80px; padding-right: 20px; padding-left: 140px; }
#text p { padding-bottom: 12px; padding-left: 20px; }
#text li { padding-bottom: 12px; padding-left: 20px; list-style-type: square; list-style-position: inside; }
#text h2 { font-size: 16px; margin-bottom: 20px; padding-left: 20px; }


/* Rechte Spalte
--------------------------------------------------------------------------------------- */
#right { width: 270px; float: right; font-size: 14px; position: relative; }
#right a:active { color: #666; font-weight: bold; font-style: normal; text-decoration: none; }
#right a:hover { color: #666; font-weight: bold; font-style: normal; text-decoration: underline; }
#right a:visited { color: #666; font-weight: bold; font-style: normal; text-decoration: none; }
#right a { color: #666; font-weight: bold; font-style: normal; text-decoration: none; }

#subnavi { height: 24px; padding-top: 8px; padding-left: 40px; }
#subnavi a:link { color: #333; }
#subnavi a:hover { color: #333; }
#subnavi a:active { color: #333; }
#subnavi a:visited { color: #333; }



#navi { margin-top: 14px; padding-left: 40px; }
#navi li { background-image: url(images/navi_bg.gif); 
background-repeat: no-repeat; background-position: right 0; 
width: 230px; \width:150px; w\idth:230px; 
height: 24px; padding-top: 8px; list-style-type: none; list-style-position: outside; }

#sign { width: 250px; height: 250px; margin-bottom: 80px; }


/* Seitenfuß
--------------------------------------------------------------------------------------- */
#footer {font-size: 9pt; width: 820px; height: auto; float: none; position: absolute; bottom: 0; margin: 0; }

#footer a { color: #666; font-weight: normal; font-style: normal; text-decoration: none; }
#footer a:active { color: #666; font-weight: normal; font-style: normal; text-decoration: none; }
#footer a:visited { color: #666; font-weight: normal; font-style: normal; text-decoration: none; }
#footer a:hover { color: #666; font-weight: normal; font-style: normal; text-decoration: underline; }

#footerleft { background-color: #cdcdcd; 
width: 530px;
\width:550px; /*Hack für IE 5.5 */
w\idth:530px; 
height:100%; /* Mindesthöhe für den IE */ 
float: left; padding: 10px;  }

#footerright { text-align: right; background-color: white; width: 250px; height:100%; /* Mindesthöhe für den IE */  
float: right; padding: 10px; }


/* Kontaktformular
--------------------------------------------------------------------------------------- */
#formular { padding-right: 20px; padding-left: 20px; margin-top: -20px;}
form label { clear: both; display: block; font-weight: bold; }
form dl input, form dl textarea { background: #fff; color: #575757; border: solid 2px #86655c; padding: 5px; margin: 3px 3px 12px 0; 
width: 300px; 
\width:314px; /*Hack für IE 5.5 */
w\idth:300px;  }
form dd small { color: #86655c; letter-spacing: 0.1em; border-bottom: 1px dotted #e4e5ab; }
form dd input[type=submit] { clear: both; background: none; color: #000; background: #c1b2ad; padding: 10px; 
width: 314px;
\width:328px; /*Hack für IE 5.5 */
w\idth:314px;  }

/* zeigt den Mauszeiger als Hand */
label, select, input[type=checkbox], input[type=radio], 

input[type=button], input[type=submit] { cursor: pointer; }
/* Zeigt das aktivierte Feld */
input:focus, textarea:focus { color: #000; background: #c1b2ad; outline: solid 1px #86655c; }