body {font: normal 100% Verdana, Arial, sans-serif; color: #333; margin: 0; padding: 0; background-color:#fff;}
ul, li, div, p, h1, h2, h3, p {margin: 0; padding: 0;}
html, body {height:100%;}
#spacer, #container {position:absolute; margin:0; padding:0;}
#spacer {width:100%; height:100%; min-width:990px; min-height:600px;}

* html #IEspacer {width:990px; height:600px;}

/*#container {position:absolute; top:50%; left:50%; margin:-300px 0 0 -495px;	padding:0; width:990px;	height:600px;}*/
#container {position:absolute; top: 0; left: 50%; margin: 0 0 0 -495px;	padding:0; width:990px;	height:600px;}
#left_box {width: 225px; position: absolute; left: 10px; top: 238px;}
#right_box {width: 755px; position: absolute; left: 235px; top: 0; background:#fff url(../pix/tastatur.jpg) 140px 0 no-repeat;}
#left_box .logo {padding: 0 40px 25px 0; text-align: right;}
.meta_infos {padding: 0 40px 0 0;}
.meta_infos p {text-align: right; font: normal 0.75em/145% Arial, Verdana, sans-serif; color: #B9B9B9;}
.meta_infos .aktProben {color: #585858;}
.meta_infos a {color: #B9B9B9; text-decoration:none;}
.meta_infos a:hover {color: #C7C010;}
.bildaus {text-align: right; margin-top:171px;}

#right_box #navigation {font: normal 0.9em/135% Arial, Verdana, sans-serif;	min-height:180px;}
#navigation ul {margin: 0; padding: 0 0 60px 0;}
#navigation li {border: 0; list-style-type: none;}
#navigation li a {color: #B9B9B9; text-decoration:none;}
#navigation li a:hover, #navigation #active {color: #585858;}

/*#nav_arbeiten {margin: 70px 0 45px 0;}*/
#nav_arbeiten {margin: 70px 0 42px 0;}

.text {color: #666;}
.text h1 {height:50px; font: normal 1.0em Arial, Verdana, sans-serif; color: #C7C010;}
.text p {width: 465px; font: normal 0.75em/145% Arial, Verdana, sans-serif;}
.text .blockLinks {float: left; width: 240px;}
.text .blockLinks a {color: #585858; text-decoration:none;}
.text .blockLinks a:hover {color: #B9B9B9;}
.text .blockRechts {float: left; width: 380px;}
.text .blockRechts .gelb {font: normal 1.1em/145% Arial, Verdana, sans-serif; color: #C7C010;}
.gelb {color: #C7C010;}
.abstand {font: normal 1.3em/135% Arial, Verdana, sans-serif;}
.abstandSmall {font: normal 0.5em Arial, Verdana, sans-serif; background:#ff9;}

/*#arbeiten {padding-top:50px;}*/
#arbeiten .zahlenNavi {height:50px; color: #C7C010;}
#arbeiten .zahlenNavi .headline {display: block; float: left; font-size: 1em;}
#arbeiten .zahlenNavi .ziffern {margin: 0 0 0 40px; float: left;}
#arbeiten .ziffern ul {padding: 0; margin: 0;}
#arbeiten .ziffern ul li {width: 20px; list-style-type: none; display: block; float: left; background: url(../pix/linie_hoch.gif) 13px 6px no-repeat;}
#arbeiten .ziffern ul li.ohne {background: none;}
#arbeiten .zahlenNavi .ziffern ul li a {font-size: 0.8em; text-decoration: none; color: #C7C010;}
#arbeiten .zahlenNavi .ziffern ul li a:hover, #arbeiten .zahlenNavi .ziffern a.active {color: #999;}
#arbeiten .zahlenNavi .pfeile {margin: 0 0 0 40px; float: left;}
#arbeiten .zahlenNavi .pfeile a {margin: 6px 5px 0 0;}

.beispieleLinks {float: left; width: 465px;}
.beispieleLinks p {margin-bottom:10px;}
#beispieleRechts {float: left;}
#beispieleRechts p {margin-top:176px;}
#thumbs {padding: 0; margin: 0;}

.ziffern_unt ul {padding: 0; margin: 0;}
.ziffern_unt ul li {width: 20px; list-style-type: none; display: block; float: left; background: url(../pix/linie_grau.gif) 13px 6px no-repeat;}
.ziffern_unt ul li.ohne {background: none;}
.ziffern_unt ul li a {font-size: 0.8em; text-decoration: none; color: #B9B9B9;}
.ziffern_unt ul li a:hover, .ziffern_unt a.active {color: #585858;}

#navcontainer {width: 285px;}
#navcontainer  ul {padding: 0; margin: 0;}
#navcontainer ul li {list-style-type: none; padding: 0; margin: 0 3px 0 0; display: block; float: left;}
#navcontainer a {padding: 3px 3px 3px 3px; text-decoration: none; display: block;}
#navcontainer a:hover, #navcontainer #active {background-color: #C7C010;}

#visitBoxes {width: 155px; font-size: 0.4em;}
#visitBoxes  ul {padding: 0; margin: 0;}
#visitBoxes ul li {list-style-type: none; padding: 0 ; margin: 0 5px 0 0; display: block; float: left;}
#visitBoxes ul li {width: 9px; height:9px; background: #ccc;}
#visitBoxes #active {background: #C7C010;}

#arbeiten_ueb {margin: 50px 0 0 0;}

#listeArbeiten {width: 725px;}
#listeArbeiten  ul {padding: 0; margin: 0;}
#listeArbeiten ul li {list-style-type: none; padding: 0; margin: 0 10px 0 0; display: block; float: left;}
#listeArbeiten a {padding: 2px 2px 2px 2px; text-decoration: none; display: block;}
#listeArbeiten a:hover, #listeArbeiten #active {background-color: #C7C010;}

.clearen {clear: left; padding: 0 0 4px 0; margin: 0;}

a.proben {background:#fff url(../pix/back_proben.gif) left top no-repeat; color: #B9B9B9; text-decoration:none; padding-left: 20px;}
a:hover.proben {color: #C7C010;}