html
{
margin: 0;
padding: 0;
min-height: 100%;
}
* {
margin: 0;
padding: 0;
}
body {
background: #fff url(../images/background_white.jpg) top center no-repeat;
margin: 0;
padding: 0;
text-align: left;
color: #fff;
}
#logoimage {
background: url("../images/tool8_media_logo_w.png");
}
#container {
margin: 0 auto;
position: relative;
width: 760px;
}
#container[id] {
overflow: auto;
}
#header {
width: 760px;
margin: 0 0 0 0;
padding: 0;
height: 210px;
}
#header h1 {	
margin-left: 202px;
margin-top: -37px;
width: 557px;
text-transform: uppercase;
font: bold 14px verdana, Helvetica;
text-align: right;
letter-spacing: 0px;
color: #000;
}
#logo {
margin: 0;
padding: 22px 25px 21px 24px;
width: 131px;
height: 143px;
background: #fff;
}
#logo a {  
    background: url(../images/tool8_media_logo_mo_w.png) no-repeat;
    display:block; width:130px; /* Linkbereich begrenzen */
  }
#logo img {
    display:block; width:130px; height:139px; border:0;
  }
#logo a:hover img {
    visibility: hidden;
  }
#logo a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
#navigation {
font: normal 10px geneva, "Trebuchet MS", arial, verdana, sans-serif;
letter-spacing: 1px;
width: 180px;
margin-right: 22px;
float: left;
padding: 0;
color: #000;
z-index: 1000;
}
#navigation p { 
margin: 0 0 0 0; 
}
#navigation ul {
list-style : none;
margin : 0;
padding : 0 0 20px 0;
line-height: 12px;
}
#navigation ul li {
background: #fff;
display : inline;
padding : 0;
margin : 0;
}
#navigation ul li a {
display: block;
color: #000;
background: inherit;
text-decoration: none;
margin: 0 0 3px 0;
padding: 1px 28px;
height: 12px;
}
* html #navigation ul li a {
margin: 3px 0 3px 0;
}
#navigation ul li a:hover {
text-decoration : none;
background : #000;
color : #fff;
}
.activelink {
text-decoration : none;
background: #000;
color: #fff;
width: 150px;
}
.mainnavi {
text-transform: uppercase;
line-height: 12px;
}
.mainnaviactive {
text-transform: uppercase;
line-height: 12px;
width: 150px;
}
#colorswitch {
font: normal 10px geneva, helvetica, "Lucida Sans Unicode", verdana, sans-serif;
color: #aaa;
}
.footeractive {
background: #eee;
color: #111;
text-decoration: none;
}
.overview {
list-style-type: square;
color: #999;
margin-left: 20px;
}
.ovtext {
color: #000;
list-style-type: none;
margin-left: 20px;
}
.ovwhite {
color: #000;
}
#content[id] {
font: 11px verdana, geneva, "Trebuchet MS", arial, georgia;
color: #000;
background: #fff;
float: left;
line-height: 18px;
width: 528px;
padding: 15px 15px 15px 15px;
}
* html #content {
font: 11px verdana, geneva, "Trebuchet MS", arial, georgia;
color: #000;
background: #fff;
float: right;
line-height: 18px;
width: 520px;
margin: 3px 0 0 0;
padding: 15px 15px 15px 15px;
}
p {
margin-bottom: 11px;
}
#footer {
margin: 0 auto;
position: relative;
width: 760px;
height: 14px;
margin-top: 22px;
font: normal 10px geneva, helvetica, "Lucida Sans Unicode", verdana, sans-serif;
color: #666;
text-align: right;
}
.spanmargin {
margin-right: 2px;
}
a {
color: #333;
text-decoration: none;
}
.textlink a {
text-decoration: underline;
}
a:hover {
background: #111;
color:  #fff;
text-decoration: none;
}
a img {
border: 0;
}
h2 {
font: bold 12px verdana, Helvetica, sans-serif;
text-transform: uppercase;
color: #000;
padding: 0 0 0 0;
margin: 0 0 20px 0;
width: 526px;
}
h3 {
font: bold 12px verdana, Helvetica, sans-serif;
text-transform: uppercase;
color: #000;
padding: 0 0 0 0;
margin: 0 0 20px 0;
width: 526px;
}
h5 {
margin: 20px 0 0 0;
font: normal 9px geneva, helvetica, "Lucida Sans Unicode", verdana, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
width: 525px;
height: 14px;
margin: 0 0 3px 0;
color: #333;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #aaa;
}
#validation {
float: right;
margin-top: -45px;
background: inherit;
}
#validation a:hover {
background: none;
}
.idl {
font: normal 9px geneva, helvetica, "Lucida Sans Unicode", verdana, sans-serif;
color: #999;
}
.imgright {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}
label {float:left; width:8em;}
    p input {width:40%;}
    fieldset {border:0px solid #1a1817;}
    input, textarea {font: 11px verdana, geneva, "Trebuchet MS", arial, georgia; color:#111; border:1px solid #333; background: #1a1817;}
    textarea {font: 11px verdana, geneva, "Trebuchet MS", arial, georgia; color:#111; width:70%; overflow:auto; background: #1a1817;}
    input.send {background: #1a1817; width:6em; cursor:pointer; font-weight:bold; background: #ccc;
    }
    .message {font: 11px verdana, geneva, "Trebuchet MS", arial, georgia; color:#eee;}
    input.send.error   {color:#000;}
    input.send.confirm {color:#000;}
    .error {color:#D00;}
    .confirm {color:#000;}
    .standard {color:#111;}
    .right {text-align:right; padding:2em 20% 0 0;}
    code {display:block; margin-top:10px; font: 11px verdana, geneva, "Trebuchet MS", arial, georgia; color:#111;}
    strong {color:#000;}