@charset "utf-8";


/* Basisvorlage CSS
WSM Automation
www.wsm-automation.de
Start: 22.10.2009
Letzte Aenderung: 22.10.2009
*/
/* CSS Document */
.dns {display: none;}
/* Reset
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* Globals und Typo
------------------------------------------------*/
html, body{height:100%;margin:0; padding:0}
body {
	font-size: 75%;
	background-color:#FFFFFF;
	background-image:url(../bilder/all/body_bg_black.gif);
	color: #333333;
}
html>body {
	font-size: 12px;
}
a:link {text-decoration:underline;color: #333333;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:underline;}
/* macht gepunktete linie um geklickte links unsichtbar
------------------------------------------------*/
a:focus {outline:none;}
/* box positioning
------------------------------------------------*/
#seite {
	margin: auto;
	width: 960px;
	height: 100%;
	min-height: 100%;
	position: relative;  

}

#kopf {
	width: 960px;
	height: 305px;
	background-color: #fff;
	margin-bottom: 4px;
}
#menu {
	width: 960px;
	height: 47px;
	background-color: silver;
	background-image:url(../bilder/all/bg_menu.png);
	padding-top:2px;
	text-align: center;
}
#inhalt {
	width: 870px; padding: 30px 45px 0 45px;
}
/* menu
--------------------------------------------------------------------------------------- */
a.menu:link {
	display: block;
	color: white;
	text-decoration:none;
	width: auto; padding: 0 20px 0 20px;
	font-size: 11px;
	line-height: 44px;
	border-right: 1px solid #7b7b7a;
	text-align: center;
	text-transform: uppercase; float: left;
	
}

a.menu:visited {
	display: block;
	color: white;
	text-decoration:none;
	width: auto; padding: 0 20px 0 20px;
	font-size: 11px;
	line-height: 44px;
	border-right: 1px solid #7b7b7a;
	text-align: center;
	text-transform: uppercase; float: left;
	
}
a.menu:hover {background-color:#252552;}
.aktiv {background-color:#252552;}
#menutop {width: 200px; color: black; position: absolute; left: 50%; margin: 10px 0 0 260px; float: right; font-size: 11px; text-align:right;}

.startseite {background-color:#f2f2f2;color: #333333;}
.startseite:hover {background-color:#252552;text-decoration:underline; color: white;}
.startseite1 {background-color:#dbdbdb;color: #333333;}
.startseite1:hover {background-color:#252552;text-decoration:underline; color: white;}
.startseite2 {background-color:#e2e3e3;color: #333333;}
.startseite2:hover {background-color:#252552;text-decoration:underline; color: white;}
/* inhalte raster
--------------------------------------------------------------------------------------- */
.einespalte {width: 260px; float: left; margin-right: 10px; line-height:1.5em;}
.zweispalten {width: 560px; float: left;line-height:1.5em;}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h1 {
	font: 1.67em/0.9em Geneva, Arial, Helvetica, sans-serif;
	/*margin-top: 0.9em;*/
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
}
/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}
/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0m 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 0;
}



.form form {margin: 0px; padding: 0px;}
.form .separator {margin:0px; padding: 0px;}

.form .element {
    margin: 0px 0px 15px 0px;
    clear: both;
}

.form .element .description {
    float: left;
    width: 100px;
}

.form .element .description .note {
    display: block;
    font-size: 10px;
    color: #aaa;
}

.form .element .field input {
    width: 250px;
    text-align: left;
    border: 1px;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.form .element .field select {
    width: 250px;
    text-align: left;
    border: 1px;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.form .element .field textarea {
    width: 250px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px;
    border-color: #aaa;
    border-style: solid;
	background: none;
}

.form .element .field .checkbox {
    width: 20px;
    border: 0px;
    background: none;
}

.form .element .field .radio {
    width: 20px;
    border: 0px;
    background: none;
}

.form .element .field .submit {
    text-align: center;
    width: 100px;
    border-color: #aaa;
    background-color: #eee;
	cursor: pointer;
}

.form .element .field input.error {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 12px;
    color: white;
	background-color: red;
}
.form .element .field div.error {color: red; font-size: 12px;}