body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:12px; }
#bodyContainer { height: 100%;   width: 100%; margin:0;  text-align: center;  background-color:#f7f3f3; }
#centerContainer { width: 100%; height: 100%; }
#mainContainer { position: relative;top:0px; width:850px; margin: 0 auto; text-align: left;}
#head{position:absolute; top:0; left: 0px; width:850px; height:220px; padding:0; color:#f0ecfc; background:  url(img/head.jpg) no-repeat;}
#content{position:absolute; top: 220px; left: 0px; width:900px;  background:  url(img/contentbgr.jpg) repeat-y;}
#text{position:relative; top:0px; left: 200px; width:462px;  z-index:100;}
#text h2{border-bottom:4px double #99B7C5; padding-bottom:2px; margin-top:30px;}
.dart{width:180px; height:100px; background:  url(img/dart.jpg) no-repeat;}
#datum{position:absolute; top:30px; right:40px; }
#footer{position:absolute; bottom:-10px; left:24px; width:850px; height:20px; text-decoration:none; color:#999;}
#footer li {margin:0; display:inline; }
#footer ul{list-style:none; margin:0; padding:0; }	   
#footer a:link, #footer a:visited {color:#999 ; text-decoration:none; }
#footer a:hover, #footer a:active {color:#333 ; }
.content_bottom{position:relative; left:-200px; bottom:0px; width:850px; height:40px; background:  url(img/footerbgr.jpg) no-repeat left bottom;} 
.back a:link, .back a:visited{position:relative; left:328px; text-decoration:none;color:#666; font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin-right:10px;}
.back a:hover, .back a:active{ text-decoration:none; color:#999; }
.box{background-color:#fcf2e1; border:1px solid #f90; padding:5px;}
.bl{border-left:1px solid #ccc; padding-left:10px;}
blockquote{background-color:#ebf4fd;border:1px solid #ccc; padding:5px; color:#036;}
acronym{background-color:#cff; border:1px solid #bbb;}
strong{font-weight:bold;}
h1{font-size:18px; color:orange; font-weight:100;}
h2{font-size:14px;}
h3{font-size:13px;}
ul{list-style-image:  url(img/ul.gif); }
ul, li, ol, p, blockquote{line-height:18px;}
a{outline:none;}
a:hover{text-decoration:none;}
#tipp fieldset{background: #fff; border: 0px; margin:0; padding:0;}
.left{float:left; margin:0 10px 5px 0;}
.right{float:right; margin:0 0 5px 10px;}
.clear{clear:both;}
.clear { /* generic container (i.e. div) for floating buttons */overflow: hidden; width: 100%;}
a.button {background: transparent url(img/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left; font-weight:normal; font-size:12px; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.button span {background: transparent url(img/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */}
a.button:active span {background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */}
a.button:hover{color:#690;}
