/* Screen-Design für www.wahregroesse.com, v1, Dezember 2007 */
/* von Nicolai Schwarz, www.textformer.de */

img{
border-width:0px; }
/* Die Bilder enthalten evtl. Ränder um CSS-Hacks zu umgehen */


hr {
display: none;
}

.versteckt_beide, .versteckt_web {
display: none;
}

body {
margin: 0;
padding: 0;
border: 0;
background: #eee url(hintergrund.gif) 0 0;
}

/* Der Inhalt. */

#wrapper {
margin: 20px auto 10px auto;
border: 5px solid #D3B64A;
padding: 0;
width: 900px;
background: #fff url(ssvs_startseite.jpg) 20px 20px no-repeat;
}


body#bber #wrapper {background: #fff url(ssvs_beratung.jpg) 20px 20px no-repeat;}
body#bcoa #wrapper {background: #fff url(ssvs_coaching.jpg) 20px 20px no-repeat;}
body#bfsi #wrapper {background: #fff url(ssvs_fuer_sie.jpg) 20px 20px no-repeat;}
body#bfun #wrapper {background: #fff url(ssvs_fuer_unternehmen.jpg) 20px 20px no-repeat;}
body#bimp #wrapper {background: #fff url(ssvs_impressum.jpg) 20px 20px no-repeat;}
body#blei #wrapper {background: #fff url(ssvs_leitbild.jpg) 20px 20px no-repeat;}
body#bnew #wrapper {background: #fff url(ssvs_newsletter.jpg) 20px 20px no-repeat;}
body#bpro #wrapper {background: #fff url(ssvs_profil.jpg) 20px 20px no-repeat;}
body#bsch #wrapper {background: #fff url(ssvs_schlossgefluester.jpg) 20px 20px no-repeat;}
body#btra #wrapper {background: #fff url(ssvs_training.jpg) 20px 20px no-repeat;}
body#bueb #wrapper {background: #fff url(ssvs_wir_ueber_uns.jpg) 20px 20px no-repeat;}
body#bco2 #wrapper {background: #fff url(ssvs_pers_coaching.jpg) 20px 20px no-repeat;}
body#bref #wrapper {background: #fff url(ssvs_referenzen.jpg) 20px 20px no-repeat;}
body#bkon #wrapper {background: #fff url(ssvs_kontakt.jpg) 20px 20px no-repeat;}


#kopf {
position: relative;
margin: 0px auto;
padding: 0;
width: 230px;
top: -55px;
height: 250px;
}

#spalte1 {
position: relative;
float: left;
margin: 0 20px;
padding: 0;
width: 170px;
}

#inhalt {
position: relative;
float: left;
margin: 0 20px;
padding: 0;
width: 460px;
}

#spalte3 {
position: relative;
float: left;
margin: 0 20px;
padding: 0;
width: 150px;
}

#fuss {
clear: left;
margin: 0;
padding: 1px 0;
width: 900px;
}

#logo {
position: relative;
margin: 0 0 20px 20px;
}

#navigation {
position: relative;
margin: 0;
width: 150px;
}


#kopf h2 {
padding: 10px 10px 0px 10px;
font-size: 1em;
line-height: 1em;
color: #999;
}


/* Die Navigation. */

div#navigation ul#menu	{
margin: 0;
padding: 0;
border: 0;
width: 170px;
}

ul#menu li {
margin: 0 0 10px 0;
border: 0;
width: 170px;
list-style: none;
display: block;
}

ul#menu li a {
margin: 0;
padding: 6px 4px 2px 10px;
width: 156px;
display: block;
font-size: 0.95em;
line-height: 1.3em;
font-weight: normal;
text-decoration: none;
background-color: #fff;
overflow: hidden;
color: #336699;
}

ul#menu li#fuer_unternehmen a {
padding: 6px 4px 6px 0px;
width: 166px;
font-weight: bold;
border-top: 2px solid #E3D18C;
border-bottom: 2px solid #E3D18C;
}

ul#menu li#fuer_sie a, ul#menu li#ueber_uns a {
padding: 6px 4px 6px 0px;
width: 166px;
font-weight: bold;
border-top: 2px solid #E3D18C;
border-bottom: 2px solid #E3D18C;
margin-top: 15px;
}

ul#menu li#coaching a, ul#menu li#coaching2 a {
border: 0;
}

ul#menu li#start a, ul#menu li#termine a {
padding: 6px 4px 6px 0px;
width: 166px;
border: 0;
}

ul#menu li a:hover {
text-decoration: none;
color: #D3B64A;
}

body#bsta ul#menu li#start a {color: #D3B64A;}
body#bter ul#menu li#termine a {color: #D3B64A;}

body#bfun ul#menu li#fuer_unternehmen a {color: #D3B64A;}
body#bber ul#menu li#beratung a {color: #D3B64A;}
body#btra ul#menu li#training a {color: #D3B64A;}
body#bcoa ul#menu li#coaching a {color: #D3B64A;}

body#bfsi ul#menu li#fuer_sie a {color: #D3B64A;}
body#bco2 ul#menu li#coaching2 a {color: #D3B64A;}
body#bgeh ul#menu li#geheimnis a {color: #D3B64A;}
body#bmin ul#menu li#mind a {color: #D3B64A;}
body#bkla ul#menu li#klarheit a {color: #D3B64A;}

body#bueb ul#menu li#ueber_uns a {color: #D3B64A;}
body#blei ul#menu li#leitbild a {color: #D3B64A;}
body#bpro ul#menu li#profil a {color: #D3B64A;}
body#bref ul#menu li#referenzen a {color: #D3B64A;}
body#bart ul#menu li#artikel a {color: #D3B64A;}
body#bemp ul#menu li#empfehlungen a {color: #D3B64A;}




/* Die Navigation2. */

div#navigation2 ul#menu2	{
margin: 20px 0 0 0;
padding: 0;
border: 0;
width: 150px;
}

ul#menu2 li {
margin: 0 0 10px 0;
padding: 0;
border: 0;
width: 150px;
height: 60px;
list-style: none;
}

ul#menu2 li a {
padding: 0;
width: 150px;
height: 50px;
background-color: #ccc;
text-decoration: none;
text-indent: -9999px;
display: block;
overflow: hidden;
}

ul#menu2 li#letter a {background: #fff url(buttons.gif) -150px 0px no-repeat;}
ul#menu2 li#blog a {background: #fff url(buttons.gif) -150px -50px no-repeat;}
ul#menu2 li#schloss a {background: #fff url(buttons.gif) -150px -150px no-repeat;}
ul#menu2 li#kontakt a {background: #fff url(buttons.gif) -150px -200px no-repeat;}

ul#menu2 li#letter a:hover {background: #fff url(buttons.gif) 0 0px no-repeat;}
ul#menu2 li#blog a:hover {background: #fff url(buttons.gif) 0 -50px no-repeat;}
ul#menu2 li#schloss a:hover {background: #fff url(buttons.gif) 0 -150px no-repeat;}
ul#menu2 li#kontakt a:hover {background: #fff url(buttons.gif) 0px -200px no-repeat;}

body#bnew ul#menu2 li#letter a {background: #fff url(buttons.gif) 0 0px no-repeat;}
body#bblo ul#menu2 li#blog a {background: #fff url(buttons.gif) 0 -50px no-repeat;}
body#bsch ul#menu2 li#schloss a {background: #fff url(buttons.gif) 0 -150px no-repeat;}
body#bkon ul#menu2 li#kontakt a {background: #fff url(buttons.gif) 0px -200px no-repeat;}

/* Die Typographie. */

body	{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center;
/* text-align sorgt dafür, dass der IE5/Win den Inhalt in die Mitte setzt */
}

h1, h2, h3, h4, h5, p, ul, li, a, q, legend, blockquote, input, label, tr, td, th  {
text-align: left;
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #336699;
}

a {
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#inhalt h2 {
margin-bottom: 10px;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
color: #D3B64A;
}

#inhalt h2 a {
margin-bottom: 10px;
font-size: 1.1em;
line-height: 1.4em;
font-weight: bold;
color: #D3B64A;
text-decoration: underline;
}

#inhalt h2 a:hover {
text-decoration: none;
}

#inhalt h3 {
margin-bottom: 10px;
font-size: 1em;
line-height: 1.4em;
font-weight: bold;
color: #336699;
}


#inhalt blockquote {
font-style: italic;
}

#inhalt p, #inhalt ul, #inhalt ol, #inhalt a, #inhalt label {
font-size: 1em;
line-height: 1.3em;
}

#inhalt ul li {
margin: 0 0 4px -20px;
padding-left: 10px;
list-style: bullet;
}

#spalte3 h2 {
margin-bottom: 10px;
font-size: 1em;
line-height: 1.3em;
font-weight: bold;
color: #D3B64A;
}

#spalte3 p, #spalte3 blockquote {
margin: 0 0 2px 0;
font-size: 0.8em;
line-height: 1.2em;
color: #369;
}

#spalte3 p {
margin: 0 0 10px 0;
}

#fuss p {
margin: 30px 20px 10px 20px;
border-top: 1px solid #D3B64A;
padding: 10px 0 0 0;
font-size: 0.9em;
line-height: 1.3em;
color: #369;
text-align: center;
}

#fuss p a {
color: #369;
}

/* Kontaktformular */

form {
text-align: left;
}

form fieldset {
padding: 20px;
border: 1px solid #369;
}


form label {
margin: 15px 0 -10px 0;
display: block;
}


form input {
display: block;
padding: 4px;
}

form input#E-Mail, form input#Name {
width: 300px;
}

/* Diese beiden Felder sind nur Spam-Honeypots */
form input#phone, form input#mail  {
width: 300px;
height: 1px;
display: inline;
float: left;
}

form textarea {
width: 300px;
height: 100px;
margin-bottom: 16px;
padding: 4px;  
}

/* Suche */

#suchen {
width: 142px;
margin: 0 0 10px 0;
border: 1px solid #369;
padding: 3px;
}

/* Bilder */

img {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #369;
padding: 3px;
}

img.frei {
clear: both;
border: 0;
}

img.rechtsfrei {
float: right;
margin: 0 0 10px 10px;
border: 0;
padding: 0;
}

img.links {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #369;
padding: 3px;
}

img.linksfrei {
float: left;
margin: 0 10px 10px 0;
border: 0;
padding: 0;
}

img.block {
display: block;
clear: both;
margin: 0 10px 10px 0;
border: 1px solid #369;
padding: 3px;
}

/* Kommentarformular */

h3#Kommentar {
margin-top: 5em;
}

form#txpCommentInputForm label.clearme {
display: inline;
float: left;
width: 100px;
}

form#txpCommentInputForm label {
margin: 0 0 15px 0;
padding: 0;
display: inline;
float: left;
}

form#txpCommentInputForm input {
margin: 0 0 15px 0;
padding: 4px;
display: inline;
}

form#txpCommentInputForm textarea {
padding: 4px;
}

form#txpCommentInputForm input#remember {
float: left;
margin: 0 10px 0 100px;
}

form#txpCommentInputForm a#txpCommentHelpLink {
margin: 0 0 0 30px;
}

form#txpCommentInputForm input#txpCommentPreview {
clear: left;
float: left;
margin: 10px 20px 0 100px;
}

form#txpCommentInputForm input#txpCommentSubmit {
float: left;
margin: 10px 0 0 0;
}