body {background: #afb1b0; font-family: tahoma, helvetica, sans serif; font-size: 10px; color: #141413; margin: 0; text-align: center;}

b {color: #141413; font-size: 11px;}

a:hover{cursor:pointer; text-decoration: none;}
input{cursor:pointer;}

table, td {font-size: 10px;}

form, p {margin: 0;}
li {list-style-image:url(bilder/RoterKasten.png);}
/* Alle ID's */

#wrapper{background: url(bilder/bg.jpg) no-repeat; position: absolute; top: 50%; left: 50%; width: 800px; height: 497px; margin: -248px 0 0 -400px; text-align: left;}
#wrapper2{background: url(bilder/bc-bg.png) no-repeat; position: absolute; top: 50%; left: 50%; width: 800px; height: 497px; margin: -248px 0 0 -400px; text-align: left;}
#wrapper3{background: url(bilder/bg.jpg) no-repeat; position: absolute; top: 50%; left: 50%; width: 800px; height: 497px; margin: -248px 0 0 -400px; text-align: left;}
#wrapperSpiel{background: url(bilder/bg-2.jpg) no-repeat; position: absolute; top: 50%; left: 50%; width: 800px; height: 497px; margin: -248px 0 0 -400px; text-align: left;}
.bigHeadlineFoot {position: absolute; bottom: 88px; left: 33px; font-size: 16px; color: #6f1116; margin: 0;}
.bigHeadlineFoot2 {position: absolute; bottom: 90px; left: 33px; font-size: 16px; color: #6f1116; margin: 0;}
#logo {background: url(bilder/logo.png) no-repeat; display: block; position: absolute; bottom: 73px; right: 33px; width: 147px; height: 51px;}
#kaeferRechtsGross {background: url(bilder/kaeferRechtsGross.png) no-repeat; display: block; position: absolute; top: -19px; right: 30px; width: 194px; height: 393px;}
#nav_bottom {position: absolute; bottom: 22px; left: 33px; width: 788px; height: 20px; text-align: left;}
ul.bottomNav {margin: 0; padding: 0;}
ul.bottomNav li {float: left; display: inline; padding: 3px 2px 1px 3px; padding-left: 4px;}
.bottomNav li a, .bottomNav li a:active, .bottomNav li a:visited {color: #FFF; text-decoration: none;}
.francaisLink {float: right; color: #FFF; font-size: 11px; text-decoration: none; padding-right: 55px; padding-top: 3px;}
#main {position: relative; top: 40px; left: 0px; width: 800px;}

/* Alle Klassen */
.displaynone {display: none;}
.hide {position: absolute; top: -20px; left: -20px;}
.small {font-size: 9px;}
.back2start {
	background: url(bilder/buttonBack2Start.png) no-repeat;
	display: block;
	position: absolute;
	top: 14px;
	left: 699px;
	width: 72px;
	height: 40px;
}
.kdm {
	background: url(bilder/buttonKdm.png) no-repeat;
	display: block;
	position: absolute;
	top: 135px;
	left: 93px;
	width: 211px;
	height: 82px;
}
.steckbriefGo {display: block; position: absolute; top: 276px; left: 450px; width: 200px; height: 28px;}

/* Boxen */
.collection{background: url(bilder/brillen.png); display:block; position:absolute; top:-10px; left:5px; width:759px; height:385px;}
.blaseLogin {background: url(bilder/blaseLogin.png) no-repeat; display: block; position: absolute; top: -10px; left: 40px; width: 475px; height: 94px; padding: 15px 15px 35px 15px; text-align: center;}
.blaseLogin h1 {margin: 15px 0px 0px 0px; font-size: 30px; color: #9f1422; font-family: georgia, helvetica, "sans serif";}
.blaseAnmelden {background: url(bilder/blaseAnmelden.png) no-repeat; display: block; position: absolute; top: -10px; left: 40px; width: 467px; height: 327px; padding: 15px 55px 35px 25px;}
.blaseAnmelden h1 {margin: 15px 0px 0px 0px; font-size: 20px; color: #d10422; font-family: georgia, helvetica, "sans serif";}
.blaseDatenschutz {background: url(bilder/blaseDatenschutz.png); font-size:12px; display: block; position: absolute; top: -10px; left: 40px; width: 475px; height: 319px; padding: 15px 45px 35px 15px;}
.blaseDatenschutz h1 {margin: 15px 0px 0px 0px; font-size: 24px; color: #d10422; font-family: georgia, helvetica, "sans serif";}
.blaseImpressum {background: url(bilder/blaseDatenschutz.png); font-size:12px; display: block; position: absolute; top: -10px; left: 40px; width: 475px; height: 319px; padding: 15px 45px 35px 15px;}
.blaseImpressum h1 {margin: 15px 0px 0px 0px; font-size: 24px; color: #d10422; font-family: georgia, helvetica, "sans serif";}
.blaseAufins {background: url(bilder/blaseAufins.png) no-repeat; display: block; position: absolute; top: -10px; left: 40px; width: 357px; font-size: 11px; height: 327px; padding: 15px 165px 35px 25px;}
.blaseAufins h1 {margin: 15px 0px 0px 0px; font-size: 28px; color: #d10422; font-family: georgia, helvetica, "sans serif";}
.blaseWin {	background: url(bilder/bgMalwettbewerbWin.png) no-repeat;display: block;position: absolute;top: -10px;left: 40px;width: 593px;height: 333px;padding: 15px 15px 35px 15px;text-align: center;}

.headlineDuM {color: #FFF; margin: 20px 0 5px 25px; font-family: georgia, helvetica, "sans serif"; font-size: 20px;}
.wrapperDuM {background: url(bilder/bgDruckMal.png); display: block; width: 726px; height: 329px; margin: 0 0 0 38px;}
.textMalvorlagen {position: absolute; top: 62px; left: 50px; display: block; width: 265px; height: 80px;}
.textDruckvorlagen {position: absolute; top: 62px; left: 475px; display: block; width: 279px; height: 100px;}
.textMalvorlagen h3, .textDruckvorlagen h3 {font-size: 14px; color: #d10422; font-family: georgia, helvetica, "sans serif"; margin: 5px 0;}
.downloadMalvorlagen {position: absolute; top: 180px; left: 45px; display: block; width: 210px; height: 180px; text-align: center;}
.downloadDruckvorlagen {position: absolute; top: 180px; left: 530px; display: block; width: 210px; height: 180px; text-align: center;}
.downloadMalvorlagen h3, .downloadDruckvorlagen h3 {font-size: 14px; color: #fff; margin: 3px 0;}

.headlineMalwettbewerb {color: #FFF; margin: 15px 0 0px 25px; font-family: georgia, helvetica, "sans serif"; font-size: 20px;}
.wrapperMalwettbewerb {background: url(bilder/bgMalwettbewerb.png); display: block; width: 749px; height: 336px; margin: -5px 0 0 38px;}
.textMalwettbewerb {
	position: absolute;
	top: 85px;
	left: 61px;
	display: block;
	width: 326px;
	height: 253px;
	line-height:12px;
}
.textMalwettbewerb h3 {font-size: 18px; color: #d10422; font-family: georgia, helvetica, "sans serif"; margin: 0;}
.textMalwettbewerb ul {list-style-type:  disc; padding: 0px 0px 0px 15px; font-size:9px; line-height:10px; margin-top:3px;}
.malwettbewerbLinkbilder img {text-decoration:none; border:none;}

.wrappergallerie {background: url(bilder/bgGallerie.png); display: block; width: 778px; height: 382px; margin: -9px 0 0 10px;}
.headlineGallerie {color: #9f1422; display: block; position: absolute; top: 10px; left: 35px; margin: 0; font-family: georgia, helvetica, "sans serif"; font-size: 20px;}
.gallerietext {position: absolute; top: 36px; left: 35px; display: block; width: 555px; height: 55px;}
.gallerie {position: absolute; top: 136px; left: 85px; display: block; width: 520px; height: 220px;}
.galleriebild1 {color: #FFF; position: absolute; top: 10px; left: 50px; display: block; width: 120px; height: 200px; font-weight: bold; text-align: center;}
.galleriebild2 {color: #FFF; position: absolute; top: 10px; left: 200px; display: block; width: 120px; height: 200px; font-weight: bold; text-align: center;}
.galleriebild3 {color: #FFF; position: absolute; top: 10px; left: 350px; display: block; width: 120px; height: 200px; font-weight: bold; text-align: center;}
.gallerierahmen {background: url(bilder/gallerierahmen.png); display: block; width: 114px; height: 159px; padding: 4px 0 0 5px; text-align: left;}
.arrowleft {background: url(bilder/arrowleft.png); position: absolute; top: 280px; left: 110px; display: block; width: 27px; height: 27px;}
.arrowright {background: url(bilder/arrowright.png); position: absolute; top: 280px; left: 550px; display: block; width: 27px; height: 27px;}


.wrapperKollektion {background: url(bilder/bgKollektion.png); display: block; width: 772px; height: 387px; margin: -10px 0 0 10px;}
.headlineKollektion {background: url(bilder/collection-text.png) no-repeat; position: absolute; top: 10px; left:60px; display: block; width:520px; height:50px;}
.brille1 {position: absolute; top: 105px; left: 75px; display: block; width: 200px; height: 80px;}
.brille2 {position: absolute; top: 115px; left: 350px; display: block; width: 200px; height: 85px;}
.wrapperKollektion {background: url(bilder/bgKollektion.png); display: block; width: 772px; height: 387px; margin: -10px 0 0 10px;}
.kollektiontext {position: absolute; top: 25px; left: 45px; display: block; width: 550px; height: 40px;}
.brille1 {position: absolute; top: 105px; left: 75px; display: block; width: 200px; height: 80px;}
.brille2 {position: absolute; top: 115px; left: 350px; display: block; width: 200px; height: 85px;}
.brille3 {position: absolute; top: 255px; left: 275px; display: block; width: 200px; height: 85px;}

.wrapperSpiel {background: url(bilder/bgSpiel.png); display: block; width: 750px; height: 411px; margin: -41px 0 0 28px;}
.wrapperSpiel b {font-size: 16px;}
.cloud1 {position: absolute; top: 15px; left: 330px; display: block; width: 100px; height: 50px; text-align: center;}
.cloud2 {position: absolute; top: 15px; left: 440px; display: block; width: 100px; height: 50px; text-align: center;}
.cloud3 {position: absolute; top: 15px; left: 575px; display: block; width: 100px; height: 50px; text-align: center;}
.bereit {position: absolute; top: 110px; left: 327px; display: block; width: 200px; height: 100px; text-align: center; font-size: 16px;}
.ranking {position: absolute; top: 150px; right: 25px; display: block; width: 225px; height: 200px; text-align: center; font-size: 16px;}
.ranking h2 {color: #d10422; margin: 5px 0 5px 0; font-family: georgia, helvetica, "sans serif"; font-size: 20px;}

.wrapperSteckbrief {background: url(bilder/bgSteckbrief.png); display: block; width: 782px; height: 388px; margin: -10px 0 0 10px;}
.wrapperSteckbrief-text {background: url(bilder/steckbrief-text.png); display: block; width: 782px; height: 500px; position:absolute; top:-112px; left:-47px; margin: -10px 0 0 10px;}

.boxStart {background: url(bilder/boxStart.png); display: block; position: absolute; top: 130px; left: 20px; width: 563px; height: 204px;}
.boxStart h3 {font-size: 16px; color: #d10422; margin: 10px 0; font-family: georgia, helvetica, "sans serif";}
.boxStartKlein1 {position: absolute; top: 11px; left: 12px; width: 165px; height: 180px;}
.boxStartKlein2 {position: absolute; top: 11px; left: 199px; width: 165px; height: 180px;}
.boxStartKlein3 {position: absolute; top: 11px; left: 386px; width: 165px; height: 180px;}
.boxLogin {background: url(bilder/boxLogin.png); display: block; position: absolute; top: 130px; left: 60px; width: 351px; height: 205px; padding: 10px 10px 10px 20px;}
.boxLogin h3 {margin: 3px 0px 3px 0px; color: #9f1422; font-size: 20px; font-family: georgia, helvetica, "sans serif";}
.boxLoginStoerer {display: block; position: absolute; top: 143px; left: 398px; padding: 0px 0px 0px 0px; }
.boxStartStoerer {display: block; position: absolute; top: 301px; left: 108px; padding: 0px 0px 0px 0px;}
.boxStartStoerer img {text-decoration:none; border:none;}
.formLogin td {font-size: 14px;}
.formLoginInput {background: url(bilder/inputLogin.png) no-repeat; width: 143px; height: 17px; border: 0; padding: 6px 7px; margin: 0;}
.formLoginGo {background: url(bilder/inputGo.png) no-repeat; width: 32px; height: 31px; border: 0; position: absolute; top: 42px; left: 305px;}
.formLoginGoGast {background: url(bilder/stoerer_franz.png) no-repeat; width: 205px; height: 83px; border: 0; position: absolute; top: 0px; left: 0px;}
.infoboxLogin {background: url(bilder/infoboxLogin.png) no-repeat; display: none; position: absolute; top: 40px; left: 383px; width: 319px; height: 81px; padding: 20px 10px 10px 10px; font-size: 10px;}
.formAnmelden {margin: 10px 0;}
.formAnmelden td {font-size: 14px;}
.formAnmeldenInput {background: url(bilder/inputAnmelden1.png) no-repeat; width: 178px; height: 17px; border: 0; padding: 6px 7px; margin: 0;}
.formAnmeldenInput2 {background: url(bilder/inputAnmelden2.png) no-repeat; width: 198px; height: 17px; border: 0; padding: 6px 7px; margin: 0;}
.formAnmeldenInput7 {background: url(bilder/inputAnmelden7.png) no-repeat; width: 198px; height: 35px; border: 0; padding: 6px 7px; margin: 0;}
.formAnmeldenGo {border: 0; background: none; color: #d10422; font-weight: bold;}
.formRegGo {background: url(bilder/inputGo.png) no-repeat; width: 32px; height: 31px; border: 0;}
.boxMallwettbewerbButtonAll {
	display: block;
	position: absolute;
	top: 303px;
	left: 646px;
	padding: 0px 0px 0px 0px;
}
.boxMallwettbewerbButtonAll img {text-decoration:none; border:none;}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */
#mycustomscroll {width: 435px;height: 250px;overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;background-color: #fff;margin: 0.3em auto;padding: 15px;}

#mycustomscroll2 {width: 340px;height: 250px;overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;background-color: #fff;margin: 0.3em auto;padding: 15px;}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {right: 0 !important;}
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/

/* following are the styles for fat & cuddly, comments and newlines removed */
.vscrollerbar {width: 27px;background: url(bilder/scrollbar.png) no-repeat;}
.vscrollerbase {width: 36px;background: #fff;}
.vscrollerbasebeg {width: 27px;height: 26px !important;background: #900 url(bilder/scrollbarBeg.png);}
.vscrollerbaseend {height: 27px; width: 27px; background: url(bilder/scrollbarEnd.png) no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */