/* All associated graphics copyright 2005, Ole Wiemeler www.mediaprojekte.de */
/* Added: October 1rd, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and used 
   techniques you learn from it elsewhere. */

/* All original artwork copyright 2005, Ole Wiemeler */

body {  background: #fff url(pic/bg.gif); margin: 0; padding: 0; }
h1 { font: bold 0.9em Arial,sans-serif; letter-spacing: 1px; margin-bottom: 0; color: #999; }
h2 { font: bold 0.8em Arial,sans-serif; letter-spacing: 1px; margin-bottom: 0; color: #999; }
a, 
a:link, 
a:visited { text-decoration: none; color: #fff; }
a:hover, 
a:active, 
a:focus { text-decoration: underline; color: #369; }
a span, 
a:link span, 
a:visited span { font-weight: bold; text-decoration: none; color: #A2A2A2; }
a:hover span, 
a:active span, 
a:focus span { text-decoration: none; color: #369; }
.active { color: #369 }
.image { padding: 0; border: 0; margin-bottom: 0;}
.small { font: 10px/20px Verdana,sans-serif; color: #A2A2A2; }
.bildunten { font: 10px/20px Verdana,sans-serif; margin-left: 40px; color: #A2A2A2; }

/* div */
#logo { background: url(pic/logo.gif) no-repeat 0 0; position: absolute; top: 34px; left: 574px; width: 171px; height: 50px; }
#contentBox { position: absolute; top: 120px; left: 0; width: 737px; height: 473px; }
        #contentBoxHead { position: absolute; top: 305px; left: 220px; width: 340px; height: 20px; }
        #contentBoxText { font: .6em/1.4em Verdana,sans-serif; position: absolute; top: 340px; left: 222px; width: 493px; height: 123px; }
                #contentBoxText a, 
                #contentBoxText a:link, 
                #copyright a:visited { color: #369; }        
                #contentBoxText a:hover, 
                #contentBoxText a:active, 
                #contentBoxText a:focus { text-decoration: underline; color: #AFC2D2; }
		#contentBoxHeadx { position: absolute; top: 33px; left: 205px; width: 340px; height: 20px; }
		#contentBoxTextx { font: .6em/1.4em Verdana,sans-serif; position: absolute; top: 66px; left: 205px; width: 493px; height: 123px; }
        #fotoBox { position: absolute; top: 1px; left: 205px; width: 532px; height: 279px; }
        #leftBox { background: url(pic/left-nav_bg.gif); font: bold 0.7em/1.6em Arial,sans-serif; position: absolute; width: 204px; height: 459px; }
        #leftNav { position: absolute; left: 27px; top: 40px; width: 162px; height: 219px; }
        #leftExtraNav { position: absolute; left: 27px; top: 300px; width: 162px; }

#infoBox1 { background: url(pic/info-box_bg.gif) no-repeat 0 0; position: absolute; top: 160px; left: 752px; width: 180px; height: 105px; }
#infoBox2 { background: url(pic/info-box_bg.gif) no-repeat 0 0; position: absolute; top: 291px; left: 752px; width: 180px; height: 105px; }
#infoBox3 { background: url(pic/info-box_bg.gif) no-repeat 0 0; position: absolute; top: 428px; left: 752px; width: 180px; height: 105px; }
#infoBox4 { background: url(pic/info-box_bg.gif) no-repeat 0 0; position: absolute; top: 559px; left: 752px; width: 180px; height: 105px }
#infoBox5 { background: url(pic/info-box_bg.gif) no-repeat 0 0; position: absolute; top: 559px; left: 752px; width: 180px; height: 105px }
#infoBoxHead1, #infoBoxHead2, #infoBoxHead3, #infoBoxHead4, #infoBoxHead5 { position: absolute; top: -12px; left: 10px; width: 165px; height: 19px; }
                * html #infoBoxHead1, * html #infoBoxHead2, * html #infoBoxHead3, * html #infoBoxHead4, * html #infoBoxHead5 { top: 0; }
        #infoBoxText1, #infoBoxText2, #infoBoxText3, #infoBoxText4, #infoBoxText5{ font: .6em/1.4em Verdana,sans-serif; position: absolute; top: 10px; left: 78px; width: 100px; height: 70px; }
                * html #infoBoxText1, * html #infoBoxText2, * html #infoBoxText3 { top: 19px;}
        #infoBoxBild1, #infoBoxBild2, #infoBoxBild3,m #infoBoxBild4 { position: absolute; top: 22px; left: 10px; width: 55px; height: 55px; }
                #infoBoxBild1 IMG, #infoBoxBild2 IMG, #infoBoxBild3 IMG, #infoBoxBild4 IMG, #infoBoxBild5 IMG { border: 0; }
#nav { font: .7em/1.4em Verdana,sans-serif; background: url(pic/nav_bg.gif) no-repeat 0 0; padding: 12px 0 0 0; position: absolute; left: 19px; width: 575px; height: 19px; }
        #nav a { margin: 0 8px 0; }
#subNav { font: 1.1em/1.2em Arial,sans-serif; letter-spacing: 1px; position: absolute; top: 53px; left: 14px; width: 200px; height: 20px; }
        #subNav a { margin: 0 10px 0; text-decoration: none; }
#breadcrumb { font: bold 1.5em Arial,sans-serif; color: #369; letter-spacing: 1px; padding: 12px 0 0 0;	position: absolute;	top: 85px; left: 22px; width: 278px; z-index: 99; }
#footer { background: url(pic/footer_bg.gif) no-repeat 0 0; left: -200px; width: 705px; height: 13px; position: relative; }
#copyright { color: #AFC2D2; background: #fff; padding: 10px 0 0 0; position: relative; left: -200px; width: 705px; height: 30px; }
        #copyright a, 
        #copyright a:link, 
        #copyright a:visited { color: #369; }
        #copyright a:hover, 
        #copyright a:active, 
        #copyright a:focus { text-decoration: underline; color: #AFC2D2; }