body, html {
background: #76a5ff;
height:100%;
margin-bottom:40px;
}

.kopf {
position: absolute;
left: 285px;
top: 30px;
width:454px;
height:70px;
background-image:url(bilder/gestaltung/ganz-besondere-kinderbuecher.jpg);
z-index:2;
}

.hintergrund {
position: absolute;
left: 0px;
top: 0px;
width: 1024px;
height: 400px;
background-image:url(bilder/gestaltung/buecher.jpg);
z-index:1;
}



.navigation {

position: absolute;
top: 350px;
left: 10px;
width: 160px;
padding:5px}


/*leseprobe wunder der welt manuell auf 550px breite angepasst*/

.inhalt {
position: absolute;
left: 230px;
top: 190px;
width: 500px;
line-height: 25px;
padding-left: 30px;
padding-right: 30px;

margin-bottom: 30px;
z-index: 1;
}

.seitenstreifen {
position: absolute;
left: 869px;
width: 120px;
font-family:verdana,helvetica,arial,sans-serif;
font-size:9px;
padding:5px;
}

.inhalt, .seitenstreifen, .navigation {
color:#000000;
padding-bottom:30px;
border-style:solid;
border-width:0px;
border-color:#ffcc00;
z-index:10;}

.inhalt {
background-color:#b4ceff;
}

/*Trennlinie fuer seitenstreifen*/
.line {
width:100%;
height:1px;
padding:0px;
overflow:hidden;
background:#000033;
z-index:11;
margin-top:0px;
margin-bottom:0px;
}

a {
color:#000000;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}


/*bestellvorgang links dickgedruckt*/
td a{
font-weight:bold;
}

/*Hauptlinks der Navigation*/
.maincategory {
font-family:verdana,sans-serif;
font-size:11px;
font-weight:bold;
height:20px;
vertical-align:bottom;
}
/*Unterlinks der navigation*/
.subcategory {
font-family:verdana,sans-serif;
text-indent:10px;
font-size:11px;
font-weight:bold;
height:20px;
vertical-align:bottom;
color:#000000;
}

/*buecher subnavigation*/
.leseprobe {
position:absolute;
top:120px;
height:50px;
width:100px;
top:100px;
left: 500px;
border: 1px solid red;
z-index:2;
}

.bestellung{
position:absolute;
top:120px;

height:50px;
width:100px;
top:100px;
left: 300px;
border: 1px solid red;
z-index:2;
}

/*uebersichtsseite der buecher beim bestellen*/
.bestelldisplay td{
background-color: #cce0ff;
width: 450px;

border-style: solid;
border-color: #b4ceff;
border-left-width: 0px;
border-right-width: 0px;
border-top-width:3px;
border-bottom-width:3px;
padding-left: 20px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

/*formatierung der zahlen in der uebersicht*/
.gesamtkosten td {
border-width:0px;
padding:0px;
}


.buchinhalt {
position:absolute;
top:120px;

height:50px;
width:100px;
top:100px;
left: 400px;
border: 1px solid red;
z-index:2;

}

.subcategory_highlighted {
font-family:verdana,sans-serif;
text-indent:10px;
font-size:11px;
font-weight:bold;
height:20px;
vertical-align:bottom;
color:#000000;
text-decoration:underline;
}

h1 {
font-family:serif;
font-weight:bold;
font-size:22px;
color:#000000;
text-indent:0px;
margin-top:30px;
text-align:left;
}

h2 {
font-family:times,serif;
font-weight:bold;
font-size:28px;
color:#000000;
text-indent:0px;
margin-top:30px;
}


h3 {
text-indent: 16px; 
font-family: verdana,sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding-top: 20px;
}

img{
border:0px;
}

p a{color:#000055;}


td {vertical-align:top}

p a:hover {
text-decoration:underline;
}

p b{text-indent:0px}

.fliesstext {

font-family:verdana,sans-serif;
font-size:13px;
line-height:20px;
clear:both;
}

.inhalt {

font-family:verdana,sans-serif;
font-size:13px;
line-height:20px;
clear:both;
}
/*fuer fakemail-formular-ausgabe*/
pre {
line-height:18px;
font-size:16px;
}


textarea, input {
font-family:verdana,sans-serif;
font-size:11px;
font-weight:bold;
border-style:solid;
border-width:1px;
border-color:#000000;
background:#ffffff;
color:#000000;
}

/*input {
width: 150px;

}
*/
select {
width: 153px;

}

/*Aussehen der Formulare*/
.formtext {
font-family:verdana,sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}

.tab1, .tab2, .tab3 {
position: absolute;
left: 255px;
top: 115px;
width:500px;
height:75px;
z-index:2;
}

.tab1 a {
font-weight:bold;
}
.tab2 a {
font-weight:bold;
}
.tab3 a {
font-weight:bold;
}


/*buttons der subnavigation blaetter*/


.i-ts {width:170px; height:40px;}
.i-tb {width:170px; height:80px;}
.l-ts {width:170px; height:40px;}
.l-tb {width:170px; height:80px;}
.b-ts {width:170px; height:40px;}
.b-tb {width:170px; height:80px;}


.tab1 {background-image: url(bilder/gestaltung/tabs-01.jpg)}

.tab2 {background-image: url(bilder/gestaltung/tabs-02.jpg)}

.tab3 {background-image: url(bilder/gestaltung/tabs-03.jpg)}


.kleinerwarenkorb {
position:absolute;
left:800px;
top:400px;
width:140px;
z-index:10;
font-family:verdana,sans-serif;
font-size: 10px;
padding:10px;
}


.small_img {
float:right;
margin-right: 10px;
margin-left: 30px;
margin-bottom:20px;
border: 8px solid white;
width: 100px;
height: 138px;
}

.leseprobe_vorschau {
float:right;
margin-right: 0px;
margin-left: 20px;
margin-bottom:30px;
margin-top: 0px;
border: 8px solid white;
width: 100px;
height: 138px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(bilder/gestaltung/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(bilder/gestaltung/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bilder/gestaltung/lightbox/overlay.png", sizingMethod="scale");
	}