* {
margin:0;
padding:0;
}

/*www.wera-naegler.de_250608_prueferpr.de*/

html {
color: #000;
/*color: #242424;*/
font: 82% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
/*font: 82% Arial, Verdana, Helvetica, sans-serif;*/
}

body {
margin:1em 0 0 1em;
max-width:1000px;
}

/*für Screenreader wird die Möglichkeit gegeben, die Navigation und den Kopfbereich zu überspringen*/

a.skip{
display:none;
}
/*Ende Skip*/
/*für den Internet Explorer bis Version 6 wird hiermit die Breite auf 850px festgelegt, da IE6 kein max-width versteht*/
* html body{
 width: 850px;
}

/*Farbmanagement*/

a:link, a:visited {
/*color: #3E3962;*/
color: #4867a5;
text-decoration: none; 
}

h2, #header h1, a:hover, a:active {
color:#6d0023; 
}

#navigation h2, #content h1{
color: #444d33; 
}

h3{
font-size:100%;
}

h4{
font-size:90%;
color:#6d0023;
margin: 1em 0 0.4em 0;
}

h5{
font-size:80%;
}
img{
border:none;
}

/*Box, worin sich der gesamte Inhalt befindet*/

#wrapper {
text-align:left;
position:relative;
border-left: 1px solid #a6b8bb;
background-image: url('../img/logo2.jpg');
background-repeat: no-repeat;
background-position: 2em 140px; 
}

/*Kopfbreich*/

#header{
height: 100px;
background-color: #a5bfd5;
background-image: url('../img/wera2.jpg');
background-repeat: no-repeat;
z-index:30;
}

#header h1{
padding:1em 0 0 6em;
height: 100px;
font: 200% Optima, Helvetica, Arial, Verdana, sans-serif;
background-image: url('../img/ecke.jpg');
background-repeat: no-repeat;
background-position: +100% 0%;
} 

/*für den IE6, da es Probleme mit der Höhe des Headers gibt*/
* html #header{height:90px;}
* html #header h1{height:74px;}


#header h2{
margin:-4em 0 0em 12.5em;
font-style: italic;
font-weight: normal;
font-size:1em;
}

/*Sonderanweisung für den IE6*/

*html #header h2{
margin-top:-3em;
}

#header ul {
position:absolute;
top:0em;
right:0em;
line-height:1.4em; 
}

#header li {
list-style: none;
text-align: right;
margin-right: 0.5em;
font-size: 90%;
padding: 0 0.5em 0 0.5em; 
}

#header li a:link, #header a:visited {
color:#6d0023; 
}

#header li a:hover, #header li a:active {
border-bottom: 1px #b6dee5 solid;
background-color: #6d0023;
color:#fff; 
}

/* Format für Javascript - Gewinnspiel */

#fade_base {
position:absolute;
top:20px;
left:400px;
width:250px;
border:none;
padding:5px;
height:60px;
line-height:1.8em; 
}

#fade_link {
color: #242424; 
}

/*ende*/

/*Navigatoin links*/

#navigation {
position:absolute;
width: 11em;
margin-top:2em; 
left:1em;
}

#navigation p {
margin-bottom: 1em; 
}

#navigation h2 {
margin-left:0.2em;
font-size: 100%;
border-bottom: 1px #444d33 dotted; 
}

#navigation a:link, #navigation a:visited {
display:block;
text-decoration: none;
border-left: 1px #a6b8bb solid;
padding-left: 0.3em; 
}

#navigation ul {
margin: 0.6em 0 2em 1em; 
}

#navigation li {
width:9em;
color: #000;
list-style: none;
line-height:1.3em;
padding-bottom:0.3em;
}

#navigation li a:hover {
border-left: 1px #800040 dotted; 
}

#navigation li a:active {
border-left: 1px #800040 solid; 
}

/*Inhalt mitte*/

#content {
margin: 2em 13em 0em 15.4em;
padding-bottom: 2em;
line-height:1.4em;
z-index: 10;   
left: -1px;
}

#content h1 {
padding-left:7em;
font-size: 125%; 
}

#content h1.top {
margin-top: 2em; 
}

#content h2 {
font-size:110%;
}

#content h2, #content h3{
margin: 1.3em 0em 0.1em 0em; 
}


/*Absätze*/

#content p{
margin-bottom:0.6em;
}

#content p.list {
margin-left:1em; 
line-height:1.6em;
}

#content p.greycontent{
color: #495258;
margin:1em 0 1em 10em;
line-height:1.4em;
text-indent: 0em; 
}

#content p span, #side2 span, #side2 h3 {
color: #990000;
}

#content p span, #side2 span{
font-variant: small-caps;
}

/* Bilder links oder rechts*/

#content img.left{
float:left;
margin: 0.5em 1em 2em 0;
}

#content img{
float:right;
margin: 0.5em 0 2em 2em;
}

#content ul, #content ol{
margin:1.2em 0 1.2em 1.5em;}

#content ul li {
list-style-image: url(../img/pencil.png);
padding-left:1em;
}

p.float{
float:left;
clear:both;
}



/*nach oben steht rechts*/
.right{
text-align:right;
}

/*Wenn der Inhalt kleiner ist als die Navigation links einen Abstand nach unten setzen. Wenn mehr Inhalt als die linke Navigaiton da ist, dann die Klasse entfernen.*/

#content.abstand{
margin-bottom:19em;
}

/*Definitionsliste der Bildrechte im Impressum*/

dt{
margin:0.5em 0;
font-weight:bold;
color:#666;
}

dd{
margin-left:2em;
}

/*Zentrierter Text mit Unterlinie des Absatzes wie bei coachingtipps*/
p.center{
text-align: center;
margin-bottom:5.5em;
padding-bottom:2.3em;
border-bottom:1px solid #000;
}

/*Zentrierter Text wie Überschriften*/
.middle{
text-align:center;
}
/*Rechte Spalte - auf jeder Seite, auch PDF-Archiv*/

#side2 {
position: absolute;
right: 1em;
padding-left:0.5em;
top: 140px; 
width:10em;
border-left: 1px dotted #495258;
font-size:93%;
}

#side2 a:hover {
background-color: #fff; 
}

#side2 p{
border-bottom:1px dotted #aaa;
margin:0.3em 0;
padding-bottom:0.2em;
line-height:1.3em;
}

#side2 h3 a:link, #side2 h3 a:visited{
color:#fff;
background-color:#a4bfd5;
}

#side2 h3 a:hover, #side2 h3 a:active{
color:#a4bfd5;
background-color:#fff;
}

#side2 h2{
font-size:110%;
}

#side2 h3{
margin-top:1.3em;
font-weight:normal;
}

/*Zitat rechte Spalte*/

blockquote{
margin-top:1em;
line-height:1.4em;
}

/*ende*/

/*Fußbereich - Gras, Text*/

#footer {
position:relative;
padding:3em 1em 0 0;
margin-top:2em;
color: #fff;
background-image: url('../img/bottom.gif');
background-repeat: repeat-x;
text-align: right;
clear: both;
background-position: 0em 100%; 
}

/*Formular bei kontakt.php*/

form {
float:left;
width:100%; 
}

form p {
clear:left; 
}

fieldset {
border: 1px #e6e6e6 solid;
margin-top:10px;
padding: 8px; 
}

fieldset.abo input{
margin-right:2em;
}

legend {
font-weight: bold;
font-size: 0.8em;
color: #3E3962;
background-color: #fff;
padding: 0 0.5em 0 0.5em; 
}

form p label {
float: left;
width: 30%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 90%; 
}

.ok {
color: #008040;
background-image: url('../img/form/ok.gif'); 
}

.ok, .no {
padding-left: 1em;
font-size: 120%;
background-repeat: no-repeat;
font-weight: bold; 
}

.no {
color: #ff0000;
background-image: url('../img/form/stop.gif'); 
}

form p input, form p textarea {
background-color: #e1e1e1; 
}

form p input {
width: 60%; 
}

form p textarea {
height:100px;
width: 60%; 
}

#submit, #reset {
margin: 2em 0 3em 0.3em; 
}