bannerkasten/* CSS Document */

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
}

html, body {
   background-image: url("../bilder/hintergrund.jpg"); 
   background-repeat: repeat-x;
   background-color: #f0f2e1;
   margin:auto;
   text-align:center;
}

.clearer{
	clear: both;
}
.clr{
	clear: both;
}
.floatleft{
	float: left;
	border: 0;
}
.floatright{
	float: right;
	display: inline;
	border: 0;
}
.floatleft10{
	float: left;
	border: 0;
	margin-left: 15px;
}
.abstand10{
	margin-top: 10px;
	border: 0;
}
.abstand20-oben-unten{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
}
.abstand6-links{
	margin-left: 6px;
	border: 0;
}
.kinderbuch-start{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 45px;
	border: 0;
}
#mitte{
	margin: auto;
	margin-top: 0px;
	width: 998px; 	
	text-align: left;
}
#oben{
	margin: auto;
	margin-top: 0px;
	float: left;
	background-repeat: no-repeat;
	width: 838px;
	height: 293px;
	text-align: left;
	display: inline;
}
#anzeige{
	margin: auto;
	background-image: url("../bilder/anzeige.jpg");
	width: 688px;
	float: left;
	display: inline;
	text-align: left;
	padding-top: 20px;
	padding-left: 75px;
	padding-right: 75px;
	padding-bottom: 30px;
	min-height: 500px;
}
#unten{
	margin: auto;
	margin-top: 0px;
	float: left;
	display: inline;
	background-image: url("../bilder/unten.jpg");
	width: 728px;
	height: 134px;
	padding-left: 60px;
	padding-right: 60px;
	color: #999999;
}

#hauptmenu{
	margin: auto;
	float: left;
	list-style-type: none;
	margin-top: 225px;
	margin-left: 75px;
	display: inline;	
}
#hauptmenu li{
	float: left;
	margin-right: 5px;
	display: inline;	
}

.bestellprozess{
	float: left; 
	display: inline; 
	margin-left: 440px; 
	margin-top: -40px;
	margin-bottom: 10px;
}

.socialbookmark{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #486200;
	padding: 5px;
	text-decoration: none;
	margin-top: 10px;
}

#bannerleiste{
	margin: auto;
	float: right;
	display: block;	
	width: 150px;
	height: 500px;
	margin-top: -280px;
}
.bannerkasten, .lesezeichen{
	text-align: left;
	width: 140px;
	height: 190px;
	background-image: url("../bilder/banner/hg-aktuelles.gif");
	margin-top: 10px;
	padding: 5px;
}
.aktuelles{
	float: left;
	display: inline;
	text-align: left;
	width: 150px;
	background-image: url("../bilder/kasten/hg-mitte.gif");
}
.keinrand{
	border: 0;
}
.validiert{
	border: 0;
	margin-top: 10px; 
}
.infoboxversteckt{
	position:relative; float: left; width:181px; height:253px; margin-top: -273px; z-index:1; visibility: hidden;
}
.sitemap{
	margin-left: 20px;
}
.sitemap li{
	margin-top: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #486200;
	letter-spacing: 1px;
}
.sitemap ul li{
	margin-left: 20px;
	margin-bottom: 15px;
}
.warenkorb{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #486200;
	letter-spacing: 1px;
	border: 0;
	width: 710px;
}

.buchansicht_detail{
	float: left;
	display: inline;
	margin-bottom: 100px;
}

.hintergrund_voransicht{
	margin-top: 30px;
	width: 670px;
	height: 550px;
	background-image: url("../bilder/hintergrund-voransicht.jpg");
	padding-left: 30px;
}
.hintergrund_voransicht_piraten{
	margin-top: 30px;
	width: 660px;
	height: 520px;
	background-image: url("../bilder/hintergrund-voransicht-piraten.jpg");
	padding-left: 40px;
	padding-top: 30px;
}
.hintergrund_voransicht_feenwald{
	margin-top: 30px;
	width: 660px;
	height: 520px;
	background-image: url("../bilder/hintergrund-voransicht-feenwald.jpg");
	padding-left: 40px;
	padding-top: 30px;
}
.hintergrund_voransicht_zauberdorf{
	margin-top: 30px;
	width: 660px;
	height: 520px;
	background-image: url("../bilder/hintergrund-voransicht-zauberdorf.jpg");
	padding-left: 40px;
	padding-top: 30px;
}
.hintergrund_voransicht_schatzsuche{
	margin-top: 30px;
	width: 660px;
	height: 520px;
	background-image: url("../bilder/hintergrund-voransicht-schatzsuche.jpg");
	padding-left: 40px;
	padding-top: 30px;
}
.oben_bild1{
	background-image: url('../bilder/oben-1/oben.jpg');
}
.oben_bild2{
	background-image: url('../bilder/oben-2/oben.jpg');
}
.oben_bild3{
	background-image: url('../bilder/oben-3/oben.jpg')
}
.oben_bild4{
	background-image: url('../bilder/oben-4/oben.jpg')
}
#unten ul{
	clear: both;
	margin-top: 5px;
}
#unten ul li {
	float: left;
	display: inline;
	list-style-type: none;
}


/******** Bild 1 Definition Menüpunkte ************/

.oben_bild1 .menupunkt1, .oben_bild1 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-1/start-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}
.oben_bild1 .menupunkt1:hover, .oben_bild1 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-1/start-02.png");
}

.oben_bild1 .menupunkt2, .oben_bild1 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-1/buecher-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild1 .menupunkt2:hover, .oben_bild1 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-1/buecher-02.png");
}

.oben_bild1 .menupunkt3, .oben_bild1 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-1/ebooks-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild1 .menupunkt3:hover, .oben_bild1 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-1/ebooks-02.png");
}

.oben_bild1 .menupunkt4, .oben_bild1 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-1/e-card-01.jpg");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild1 .menupunkt4:hover, .oben_bild1 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-1/e-card-02.jpg");
}

.oben_bild1 .menupunkt5, .oben_bild1 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-1/warenkorb-01.png");
	height: 42px;
	width: 165px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild1 .menupunkt5:hover, .oben_bild1 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-1/warenkorb-02.png");
}

/******** Bild 2 Definition Menüpunkte ************/

.oben_bild2 .menupunkt1, .oben_bild2 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-2/start-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}
.oben_bild2 .menupunkt1:hover, .oben_bild2 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-2/start-02.png");
}

.oben_bild2 .menupunkt2, .oben_bild2 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-2/buecher-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild2 .menupunkt2:hover, .oben_bild2 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-2/buecher-02.png");
}

.oben_bild2 .menupunkt3, .oben_bild2 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-2/ebooks-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild2 .menupunkt3:hover, .oben_bild2 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-2/ebooks-02.png");
}

.oben_bild2 .menupunkt4, .oben_bild2 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-2/e-card-01.jpg");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild2 .menupunkt4:hover, .oben_bild2 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-2/e-card-02.jpg");
}

.oben_bild2 .menupunkt5, .oben_bild2 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-2/warenkorb-01.png");
	height: 42px;
	width: 165px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild2 .menupunkt5:hover, .oben_bild2 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-1/warenkorb-02.png");
}



/******** Bild 3 Definition Menüpunkte ************/

.oben_bild3 .menupunkt1, .oben_bild3 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-3/start-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}
.oben_bild3 .menupunkt1:hover, .oben_bild3 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-3/start-02.png");
}

.oben_bild3 .menupunkt2, .oben_bild3 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-3/buecher-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild3 .menupunkt2:hover, .oben_bild3 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-3/buecher-02.png");
}

.oben_bild3 .menupunkt3, .oben_bild3 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-3/ebooks-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild3 .menupunkt3:hover, .oben_bild3 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-3/ebooks-02.png");
}

.oben_bild3 .menupunkt4, .oben_bild3 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-3/e-card-01.jpg");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild3 .menupunkt4:hover, .oben_bild3 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-3/e-card-02.jpg");
}

.oben_bild3 .menupunkt5, .oben_bild3 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-3/warenkorb-01.png");
	height: 42px;
	width: 165px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild3 .menupunkt5:hover, .oben_bild3 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-3/warenkorb-02.png");
}


/******** Bild 4 Definition Menüpunkte ************/

.oben_bild4 .menupunkt1, .oben_bild4 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-4/start-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}
.oben_bild4 .menupunkt1:hover, .oben_bild4 .menupunkt1_aktiv{
	background-image: url("../bilder/oben-4/start-02.png");
}

.oben_bild4 .menupunkt2, .oben_bild4 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-4/buecher-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild4 .menupunkt2:hover, .oben_bild4 .menupunkt2_aktiv{
	background-image: url("../bilder/oben-4/buecher-02.png");
}

.oben_bild4 .menupunkt3, .oben_bild4 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-4/ebooks-01.png");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild4 .menupunkt3:hover, .oben_bild4 .menupunkt3_aktiv{
	background-image: url("../bilder/oben-4/ebooks-02.png");
}

.oben_bild4 .menupunkt4, .oben_bild4 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-4/e-card-01.jpg");
	height: 42px;
	width: 110px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild4 .menupunkt4:hover, .oben_bild4 .menupunkt4_aktiv{
	background-image: url("../bilder/oben-4/e-card-02.jpg");
}

.oben_bild4 .menupunkt5, .oben_bild4 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-4/warenkorb-01.png");
	height: 42px;
	width: 165px;
	margin-left: 4px;
	cursor:pointer;
}
.oben_bild4 .menupunkt5:hover, .oben_bild4 .menupunkt5_aktiv{
	background-image: url("../bilder/oben-4/warenkorb-02.png");
}


.menupunkt1{
	background-image: url("../bilder/start-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}	
.menupunkt1:hover{
	background-image: url("../bilder/start-02.png");
}

.menupunkt2{
	background-image: url("../bilder/buecher-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}	
.menupunkt2:hover{
	background-image: url("../bilder/buecher-02.png");
}

.menupunkt3{
	background-image: url("../bilder/ebooks-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}	
.menupunkt3:hover{
	background-image: url("../bilder/ebooks-02.png");
}
.menupunkt4{
	background-image: url("../bilder/e-card-01.jpg");
	height: 42px;
	width: 110px;
	cursor:pointer;
}
.menupunkt4:hover{
	background-image: url("../bilder/e-card-02.jpg");
}	
.menupunkt5{
	background-image: url("../bilder/warenkorb-01.png");
	height: 42px;
	width: 110px;
	cursor:pointer;
}
.menupunkt5:hover{
	background-image: url("../bilder/warenkorb-02.png");
}	
#hauptmenu span {height: 42px; width: 110px; display: block; visibility: hidden;}
#hauptmenu a {height: 42px; width: 110px; display: block; }

.lesezeichen{

}

.bild_aktuelles{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0;
}
.bild_aktuelles_rechts{
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 0;
}
.artikelanzeige{
	float: left;
	display: inline;
	width: 152px;
	margin-right: 15px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.artikelanzeige img{
	margin-bottom: 8px;
	border: 0;
}
.artikelanzeige p{
	margin-bottom: 8px;
}
.artikeltext{
	min-height: 110px;
}
.knopfleiste{
	float: left;
	display: inline;
	width: 400px;
	margin-left: 165px;
}

.buchanzeige-piraten{
	width: 330px;
	height: 310px;
	background-image: url("../bilder/kinderbuecher/piraten-der-schatteninsel-detail.jpg");
	padding-left: 220px;
	padding-right: 150px;
	padding-top: 120px;
	position:relative;
}

.buchanzeige-feen{
	width: 330px;
	height: 310px;
	background-image: url("../bilder/kinderbuecher/rettung-des-feenwaldes-detail.jpg");
	padding-left: 220px;
	padding-right: 150px;
	padding-top: 120px;
	position:relative;
}

.buchanzeige-zauberdorf{
	width: 310px;
	height: 310px;
	background-image: url("../bilder/kinderbuecher/abenteuer-im-zauberdorf-detail.jpg");
	padding-left: 220px;
	padding-right: 170px;
	padding-top: 120px;
	position:relative;
}

.buchanzeige-schatzsuche{
	width: 330px;
	height: 310px;
	background-image: url("../bilder/kinderbuecher/auf-schatzsuche-in-bodenmais-detail.jpg");
	padding-left: 220px;
	padding-right: 150px;
	padding-top: 120px;
	position:relative;
}

hr{
    background-color:#efebca;
    color:#efebca;
    border:#efebca;
	border-bottom: 1px solid #efebca;
    height:1px;
	margin-top: 4px;
}

.vorschaubild{
	float: left;
	display: inline;
	border: 0;
	width: 132px;
	text-align: center;
}

.fiderato_karten{
	float: left;
	display: inline;
	width: 279px;
	height: 340px;
	background-image: url("../bilder/fiderato-ekarten.jpg");
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 150px;
	padding-bottom: 10px;
}

#navi_pressemitteilungen{
	float: right;
	display: inline;
	width: 250px;
	padding: 5px;
	border: 1px dashed #486200;
	margin-bottom: 15px;
	margin-left: 15px;
}
#navi_pressemitteilungen ul{
	display: block;
	margin-top: 5px;
}
#navi_pressemitteilungen li{
	display: block;
	list-style-type: none;
	border-bottom: 1px solid #CECECE;
	padding-bottom: 3px;
	padding-top: 3px;
}
#navi_pressemitteilungen li:hover{
	background-color: #ebffb5;
}
#navi_pressemitteilungen a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #486200;
	letter-spacing: 1px;
	border: 0;
	text-decoration: none;
	display: block;
}
.galeriebild{
	margin-right: 5px; margin-bottom: 5px;
}

.codeschnipsel{	background-color: #faffd6; padding: 5px; border: 1px solid #c3ca86; margin-top: 10px; font-family: "Courier New", Courier, monospace; font-size: 12px;}

.vorteile{
	margin-top: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #486200;
	font-size: 0.75em;
	letter-spacing: 1px;
	margin-left: 20px;
	margin-bottom: 10px;
}
.vorteile li{
	list-style-image: url("../bilder/sternchen.jpg");
	margin-top: 5px;
}
.zitat{
	margin-left: 5px;
	border: 0;
}

/*******************
Altes Popup
*******************/

.popupfenster_standard {
	position: absolute; 
	top: 400px; 
	left: 50%; 
	width: 420px; 
	height: 260px; 
	margin-left: -300px;
	background-image: url("../bilder/popup/hintergrund_transp.png");
}

.popupfenster {
	position: absolute; 
	top: 400px; 
	left: 50%; 
	width: 450px; 
	height: 300px; 
	margin-left: -300px;
	background-image: url("../bilder/popup/hintergrund_schatzsuche.png");
}


.popupfenster p{
	margin-top: 96px;
	margin-left: 150px;
	margin-right: 30px;
	color: #333333;
	font-size: 11px;
}

.popupclose{
	float: right;
	display: inline;
	margin-top: 10px;
	margin-right: 18px;
}

.popupclose a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

/***************/

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:500px;
width:500px;
background:#FFFFFF;
background-image: url("../bilder/popup/hg-popup.jpg");
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#000000;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#000000;
font-weight:700;
display:block;
cursor:hand;
}

#popupContact p{
	font-size: 1em;
	color: #000000;
}

.stoerer{background-color:#486200;padding:3px;color:#fff;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;font-size:0.9em;display:inline-block;width:auto;position:absolute;left:0;top:200px;text-align:center;}