@charset "utf-8";
/* Basisvorlage CSS
Hohoff Tooltec
www.hohoff-tooltec.de
Start: 22.1.2010
Letzte Aenderung: 22.1.2010
*/
/* CSS Document */

/* Reset
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif; color:#000;
}
.dns {display: none;}
/* Globals und Typo
------------------------------------------------*/
html, body, a, h1, h2, h3, ul, p{margin:0; padding:0;}
html, body {height:100%;}
html>body {	font-size: 12px;}
body {
	font-size:75%;
	line-height:1.5;
	background:url(../bilder/body_bg.gif) repeat-x center top;
}

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

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

h1, h2, h3 { margin-top:0; margin-bottom:0; }
.inhalta h1 {margin-top: 102px;}
h1 { font-size:29px; padding:0.8em 0; }
h2 { font-size:1.25em; padding:1.3em 0; }
h3 { font-size:1.1em; padding:1.82142em 0; }
.weiss {color:#FFFFFF;}
.italic {font-style:oblique; font-size:14px;letter-spacing:2px;}
/* menu top
------------------------------------------------*/
#menutop {width: 960px; height: 31px; line-height: 31px; margin: auto;}
#menutopliste {height: 31px; margin:0; padding:0; list-style:none; float: right;}
#menutopliste li {
      float:left; background:url("../bilder/menutop_bg.png") repeat-x right top; margin:0; padding:0;
      }
#menutopliste a {
      display:block; padding: 0 10px 0 10px; color: #fff; text-decoration: none; position: relative;
      }
#menutopliste a:hover  {text-shadow: 2px 2px 2px #000;}
#menutopliste .topaktiv {text-decoration: underline;}
/*mainnav
------------------------------------------------*/
#menu {position:relative; z-index:500; height: 120px;}
#menu ul {padding:0; margin:0; list-style:none;}
#menu ul.level1 {height:30px;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left; padding:0;}
#menu ul li a:hover, .mainmenuaktiv {background-position: 0 -115px;}
#menu ul ul {margin:0; background-color:#6eb928;}
#menu ul ul li {margin:0; border-top: 1px solid #fff;}
#menu ul ul li a {height: 20px; padding: 5px;text-decoration: none;}
#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; position:relative; color:#FFFFFF; background-color: #007d00;}
#menu ul :hover ul {left:0px; top:115px;}

/* content
------------------------------------------------*/
#content {width: 960px; margin: auto;}
#content .links{width: 330px; float: left; margin-top: 22px;}
/*ie7 hack*/
*+html #content .links {margin-top: 20px;}
.padding30 {padding: 30px 0 0 30px; }
#content .rechts{margin-top: 44px; width: 630px;}
.inhalt {
	background:url("../bilder/content_bg.png") repeat-x left top; 
	padding: 0px 20px 10px 35px; 
	margin-top: 40px; 
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
.inhalta {
	padding: 0px 20px 10px 35px; 
	margin-top: 20px; 
}
.inhalta ul{margin-left: 18px;}
* html .inhalt {background-color: #bababa;}
*+html .inhalt {background-color: #bababa;}
.spalte1{float:left; width:257px; border-right: 1px solid #8d8e8e; padding: 0 20px 0 0;}
.spalte2 {float:right; width:256px; border-left: 1px solid #f3f2f2; padding: 0 20px 0 20px;}
*+html .spalte2 {float: none;}
/* macht gepunktete linie um geklickte links unsichtbar
------------------------------------------------*/
a:focus {outline:none;}
a:hover {color: #8d8e8e;}
/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0;
	width: 330px; 
}

.rechts {
	float: right;
	margin: 0;
	width: 630px; 
}

.left{float:left;}
.right {float:right;}

/* Formular
--------------------------------------------------------------------------------------- */
/*formulare*/
.form { width: 600px;}
* html .form { width: 550px;}
.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: 80px;
}

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

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

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

.form .element .field textarea {
    width: 400px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px;
    color: #FFFFFF;
    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;
    color: #000;
    border-color: #aaa;
    background-color: #eee;
	cursor: pointer;
}

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





input.button
{
	text-align: center;
    width: 100px;
    color: #000;
    border-color: #aaa;
    background-color: #eee;
	cursor: pointer;
}