html, body {
 margin:0;
 padding:0;
 background:#d6d6d6 url(pics/bg.jpg) repeat-x;
 font-family:Tahoma, Verdana, Arial, Sans-serif;
 font-size:0.95em;
}

#bg_footer{
 width:100%;
 background:url(pics/bg_footer.jpg) bottom repeat-x;
}

#header, #content, #footer, #navi{
 width:658px;
 padding:0px 42px;
 margin:0px auto;
}

#header{
 background:#fff url(pics/header.gif) no-repeat;
 height:152px;
}

#header strong{
 display:block;
 padding:20px;
 color:#fefefe;
 text-align:center
}

#navi{
 background:#fff url(pics/bg_content.gif) repeat-y;
}

#navi li {
 display:block;
 float:left;
}

#navi li a{
 width:109px;
 display:block;
 color:#000;
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 border:double 3px #666;
 border-width:0px 0px 3px 0px;
}

#navi li a:hover,
#navi li a:focus,
#navi li a:active{
 border:solid 3px #666;
 border-width:0px 0px 3px 0px;
}

#navi li a#geld_im_internet{
 background: url(pics/geld_im_internet.gif);
 padding:50px 0px 0px 0px;
 height:35px;
}

#navi li a#geld_im_internet:hover,
#navi li a#geld_im_internet:focus,
#navi li a#geld_im_internet:active{
 background: url(pics/geld_im_internet_active.gif);
}

#navi li a#artikel{
 background: url(pics/artikel.gif);
 padding:30px 0px 0px 0px;
 height:55px;
}

#navi li a#artikel:hover,
#navi li a#artikel:focus,
#navi li a#artikel:active{
 background: url(pics/artikel_active.gif);
}

#navi li a#links{
 background: url(pics/links.gif);
 padding:30px 0px 0px 0px;
 height:55px;
}

#navi li a#links:hover,
#navi li a#links:focus,
#navi li a#links:active{
 background: url(pics/links_active.gif);
}

#navi li a#affiliates{
 background: url(pics/affiliates.gif);
 padding:55px 0px 0px 0px;
 height:30px;
}

#navi li a#affiliates:hover,
#navi li a#affiliates:focus,
#navi li a#affiliates:active{
 background: url(pics/affiliates_active.gif);
}

#navi li a#foren{
 background: url(pics/foren.gif);
 padding:30px 0px 0px 0px;
 height:55px;
}

#navi li a#foren:hover,
#navi li a#foren:focus,
#navi li a#foren:active{
 background: url(pics/foren_active.gif);
}

#navi li a#webkataloge{
 background: url(pics/webkataloge.gif);
 padding:55px 0px 0px 0px;
 height:30px;
}

#navi li a#webkataloge:hover,
#navi li a#webkataloge:focus,
#navi li a#webkataloge:active{
 background: url(pics/webkataloge_active.gif);
}

#content{
 background:#fff url(pics/bg_content.gif) repeat-y;
 width:538px;
 padding:20px 102px;
}

#content h1{
 text-align:center;
 font-style:italic;
 font-size:2.0em;
 margin:0px;
 padding:0px;
}

#content h2{
 padding:1.5em 0px 0px 0px;
 font-size:1.3em;
 border:double 3px black;
 border-width:0px 0px 3px 0px;
}

#content h3{
 padding:0.5em 0px 0px 0px;
 border:solid 1px black;
 border-width:0px 0px 1px 0px;
}

#content p, #content ul{
 text-align:justify;
 line-height:1.3em;
 color:#444;
}

#content p:first-letter{
 font-size:1.75em;
 color:#000;
}

#content a{
 color:#0000FF;
 text-decoration:none;
 border:dotted 1px #5599ff;
 border-width:0px 0px 1px 0px;
}

#content a:hover, #content a:focus, #content a:active{
 color:#FF2200;
 border-color:#fff;
}

.angebot{
 width:39%;
 padding:1%;
 border:solid 1px black;
 font-size:0.8em;
 float:left;
 margin:1% 4%;
}

.angebot h2{
 text-align:center;
 font-size:1.2em;
}

#footer{
 color:#666;
 background:#fff url(pics/bg_footer.gif) bottom no-repeat;
 height:101px;
 font-size:0.8em;
}

#footer a{
 color:#666;
 text-decoration:none;
}

#footer a:hover, #footer a:focus, #footer a:active{
 color:#000;
}

#css, #html {
 float:right;
 width:88px;
 height:31px;
 display:block;
 margin:30px 0px 0px 0px;
}

#css{
 background:url(pics/css88x31.gif);
}

#html {
 background:url(pics/html88x31.png);
}

.preload{
 width:0px;
 height:0px;
 display:none;
}