html, body{
height: 100%;
}
body{ 
	background: url(../img/global/mainbg.jpg) repeat-x 0px 0px;	
	background-color: #bb3564;
	font-family:Verdana;
	font-size:12px;
	line-height:17px;
	color:#000066;
}

body, body * { 
	padding: 0px; 
	margin: 0px;
}

a{
	color:#c63771;
	font-weight:bold;
}

.arrows{
	color:#c63771;
	font-weight:bold;
	padding-right:5px;
}

/*### seiten geruest */ 
#wrap{
	position:relative;
	width:845px;
	margin: 0 auto;
	height: 100%; 
	max-height: 100%; 
	left:30px;	
}

#vlabel{
	position:absolute;
	left:0px;
	top:100px;
	z-index:1000;
}

#anhaenger{
	position:absolute;
	left:800px;
	top:-40px;
	z-Index:10000;	
}
#cornerleft{
	position:absolute;
	left:-123px;
	top:121px;
	z-Index:10;	
}

#cornerright{
	position:absolute;
	left:845px;
	top:121px;
	z-Index:10;
}
#headline{
	display:none;
}

#homeheadline{
	position:absolute;
	left:350px;
	top:0px;
}

#header{
	position:relative;
	top:0px;
	height:auto;
	width:832px;
	z-Index:100;	
}

#navi{
	position:relative;
	background: url(../img/global/navi/navibg.jpg) no-repeat;	
	width:921px;
	height:97px;
	top:29px;
	left:-46px;
	z-index:10;
}

#navi ul{
	position:absolute;
	left:78px;
	top:35px;
	
}
#navi ul li{
	list-style:none;
	float:left;
	color:#fff;
}

#mainhilight{
	position:absolute;
	left:-1000px;/*statt display:none raus aus dem sichtbaren bereich damit der pngfix greifen kann*/
	z-index:1000;
}
#subhilight{
	position:absolute;
	top:20px;
	left:-1000px;/*statt display:none raus aus dem sichtbaren bereich damit der pngfix greifen kann*/
	z-index:1000;
}

.navisub4{
	position:relative;
	top:18px;	
	left:60px;
	width:700px;		
}

.navisub4 ul li{
	list-style:none;
	float:left;
	color:#fff;
}


/** navi ***/
#subnavi{
	top:7px;
	left:-3px;
	position:relative;
	z-index:100;
	margin-bottom:-28px;
	height:105px;
	width:921px;
	background: url(../img/global/navi/subnavibg.jpg) no-repeat;

}

.navisub4 .active{
	position:absolute;
	top:20px;	
	left:-15px;
}

#subnavi410 .active{
	left:10px;
}
#subnavi420 .active{
	left:0px;
}
#subnavi440 .active{
	left:-19px;
}
#subnavi450 .active{
	left:10px;
}
#subnavi460 .active{
	left:-20px;
}
#subnavi470 .active{
	left:0px;
}

#navimain .active{
	position:absolute;
	top:20px;	
	left:-20px;
}

#navimain li{
	position:relative;
	float:left;
}

#navimain100 .active{
	top:17px;
}
#navimain200 .active{
	top:15px;
}
#navimain300 .active{
	top:13px;
}
#navimain400 .active{
	top:10px;
}
#navimain500 .active{
	top:8px;
}
#navimain600 .active{
	top:8px;
}
.navimain100top{
	top:52px;
}
.navimain200top{
	top:50px;
}
.navimain300top{
	top:48px;
}
.navimain400top{
	top:45px;
}
.navimain500top{
	top:43px;
}
.navimain600top{
	top:45px;
}


/** /navi ***/

#middle{
	position:relative;
	top:25px;
	padding:0 0 0 0; 
	width:845px;
	overflow:hidden;
	height:auto;
	background: url(../img/global/contentbg_kachel.gif) repeat-y 0px 519px;
	z-index:1000;
	border:0px solid #000;	
}	

#content{
	position:relative;	
	width:auto;
	height:auto;
	left:0px;
	top:0px;
	/*padding:30px 50px 30px 50px;*/
	z-Index:10;
	border:0px solid #000;
}
#content.home {
	padding:30px 20px 30px 30px;
}

* html #innercontent.home {
  height: 390px;
}
* html #innercontent {
  height: 387px;
}

#innercontent{
	position:relative;
	min-height: 387px;
	z-Index:100;
	padding:28px 50px 0px 60px;
	border:0px solid #000;
}

#innercontent.home{
	min-height: 390px;
	padding-top:60px;
	margin-bottom:0px;
}

#contentbg{
	position:absolute;
	left:40px;
	top:30px;
	z-Index:10;
	border:0px solid #000;
}
/** buecher **/
.buch{
	top:3px;
	left:0px;
	position:relative;
	background: url(../img/content/buecher_bg.jpg) no-repeat 0px 0px;
	height:402px;	
}

.buch a{
	text-decoration:none;
	color:#000066;;
}


.trenner{
	display:block;
	margin:42px auto 32px auto;
	/*	margin:42px auto 41px auto;*/
}

.buch .titel, 
.buch .copy{
	left:230px;
}
.buch .titel strong{
	font-size:14px;
	line-height:17px;
}

.buch .titel em{
	font-size:13px;
	line-height:16px;
}


.buch .cover{
	position:absolute;
	left:52px;
	top:45px;
}
.buch .button{
	position:absolute;
	left:540px;
	top:20px;
	z-index:1000;
}
.buch .leseprobe, .buch .autorin, .buch .buchinfo{
	position:absolute;
	top:348px;
	font-size:13px;	
	font-weight:bold;
	text-align:center;
}
.buch .leseprobe{
	width:134px;
	left:98px;
}
.buch .autorin{
	width:106px;
	left:240px;
}
.buch .buchinfo{
	width:160px;
	left:355px;
}

.buch .titel{
	position:absolute;
	width:300px;	
	top:16px;
}

.buch .copy{
	position:absolute;
	width:300px;
	top:95px;
}

.buch .brief{
	position:absolute;
	width:235px;	
	height:313px;	
	top:27px;
	left:541px;
	background: url(../img/content/steckbrief_kurz.jpg) no-repeat 0px 0px;
	font-size:11px;
	line-height:13px;
}

.buch.lang{
} 

.buch.lang .brief{
	background: url(../img/content/steckbrief_lang.jpg) no-repeat 0px 0px;
	top:27px;
	left:541px;
	width:237px;	
	height:420px;	
} 

.buch .brief div{
	padding:48px 10px 30px 30px;
}	

.buch .brief h3{
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	display:inline;
}

.buch .brief h2{
	margin-left:50px;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	padding-bottom:10px;
}

.buch .farbschema1 h2, .buch .farbschema1 h3{
	color:#e89808;
}
.buch .farbschema2 h2, .buch .farbschema2 h3{
	color:#18789d;
}
.buch .farbschema3 h2, .buch .farbschema3 h3{
	color:#43920a;
}
.buch .farbschema4 h2, .buch .farbschema4 h3{
	color:#a90c5a;
}


/** /buecher **/

/** autorin **/

.autorin{
	position:relative;
	width:670px;
	left:50px;
}
.autorin .body{
	background: url(../img/content/boxtyp1_bg.gif) repeat-y 0px 0px;
	padding:10px 15px 15px 45px;
}
.autorin .head{
	background: url(../img/content/boxtyp1_head.gif) repeat-y 0px 0px;
	height:72px;
}
.autorin .bottom{
	margin-bottom:20px;	
}
.autorin .head h2{
	font-size:14px;
	line-height:17px;
	padding:40px 0 0 70px;
	margin:0px;
}
.autorin .button{
	position:absolute;
	left:-30px;
	top:5px;
}
/** /autorin **/

/** news */

.news{
	position:relative;
	margin: 0 auto;	
	width:670px;
}
.news .body{
	background: url(../img/content/news/bg.gif) repeat-y 0px 0px;
	padding:9px 20px 10px 40px;
	border:0px solid #000;	
}
.news .head{
	background: url(../img/content/news/head.gif) repeat-y 0px 0px;
	height:51px;
}
.news .bottom{
	margin-bottom:20px;
	border:0px solid #000;	
}
.news .head h3{
	padding:20px 0 0 70px;
	margin:0px;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
}
/** /news */

/** presse */

.presse{
	position:relative;
	margin: 0 auto;	
	width:675px;
	text-align:center;
}
.presse .body{
	background: url(../img/content/presse/bg.gif) repeat-y 0px 0px;
	padding:9px 20px 10px 40px;
	border:0px solid #000;	
	text-align:left;
}
.presse .head{
	background: url(../img/content/presse/head.gif) repeat-y 0px 0px;
	height:44px;
}
.presse .bottom{
	margin-bottom:20px;
	border:0px solid #000;	
}
.presse .head h3{
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	padding:20px 0 0 60px;
	margin:0px;
}
.presse .add1{
	position:absolute;
	left:-13px;
	top:40px;
}
.presse .add2{
	position:absolute;
	left:650px;
	top:30px;
}

.presse .info div{
	text-align:left;
	padding:13px 10px 15px 10px;
}

/** /presse */


/** footer **/
#footer{
	position:relative;
	font-size:10px;
	top:25px;
	left:-21px;
	border:0px solid #000;
	width:910px;
	z-index:2000;
	
}

#footer.home{
	top:0px;
}

#footer .functions{
	position:absolute;
	top:12px;
	left:700px;
	z-index:1000;
}

/** /footer **/

* html body{ /*IE6 hack*/
padding: 0 0 130px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/
}


/*### /seiten geruest */


.cleaner {
	margin:0px;
	padding:0px;
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:0px none;
	background:transparent;
}

.marked{
	color:red;
}

.imgaftercopyr{
	position:absolute;
	top:30px;
	left:500px;
}

.buchwidget{
	float:left;
	width:195px;
	height:330px;
}
.boxtipps{
	height:372px;
} 
.boxtipps .cover{
	float:left;
	width:217px;
	height:auto;
}
.boxtipps .text{
	float:left;
	width:380px;
	height:auto;
	padding:0px 20px;
}

.boxgrey{
	margin-top:20px;
	background-color: #e7e2db;
	padding:10px;
}

.boxgrey em{
	color:#980818;
}

.marginbottom {
	margin-bottom:40px;
}

.paragraphs p {
	position:relative;
	margin-bottom:20px;
}


TABLE.ecard {
	margin:10px 0px 0px 0px;
	width: 420px;
	height: 280px;
}
TABLE.ecard textarea {
	width: 180px;
	height: 226px;
	border: solid 0px #990000;
	padding: 3px;
	margin-top: 11px;
	overflow: auto;
	background-color: #FFF;
	font: normal 12px verdana;
	color: #00293e;
}
TABLE.ecard input {
	padding-bottom:2px;
	margin-left: 2px;
	margin-top: 6px;
	margin-bottom: 0px;
	width: 180px;
	border: solid 0px #990000;
	padding: 1px;
	background-color: #FFF;
	font: normal 12px verdana;
	font-size: 12px;
	color: #00293e;
}
.inputbg div{
	height:28px;
	background: url(../img/global/ecardforminput.gif) repeat-y 0px 0px;
}

TABLE.ecard td label { font: bold 12px/110% verdana;color:#000066;}
TABLE.ecardThumbs { padding: 0px 0px 15px 0; }
TABLE.ecardThumbs td { padding: 0 15px 5px 0; }
TABLE.ecardThumbs a { 
	color:#000066;
	text-decoration:none;
	font-weight:normal;
}
.bookLinks a {}

.codeBox {
	font: normal 11px/120% "Courier New", sans-serif;
	width:642px;
	overflow: hidden;
	background-color: #efefef;
	color: #666666;
}

.banner{
	margin-top:20px;
}
.banner h2{
	font-size:12px;
}

.textbox{
	position:relative;
	left:10px;
	top:-14px;
	
	background: url(../img/content/testcopybg.jpg) no-repeat 0px 0px;
	width:706px;
	height:123px;
}
 .textbox p{
 	padding:30px 40px 40px 40px;
 }

.test{
	margin:0px;
	position:relative;
	left:10px;
	top:0px;
	height:auto;
}

#marginbox{
	display:none;
}
.test .fragebogen{
	position:relative;
	z-index:100;
	height:auto;
	padding-top:30px;
	width:700px;
	border:0px solid #000;
}

.test .fragenblock{
	position:relative;
	width:500px;	
	height:355px;
	left:100px;
	padding-left:15px;
	z-index:10;	
}
.test .short{
	height:170px;
}
.test .fragelabel{
	position:absolute;
	left:-70px;
	top:-10px;
}

.test .frage h3{
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	width:450px;
}

.test .frage{
 	position:relative;
 	padding:0;
 	border:0px solid #000;
 	width:500px;
}
.test .optionen .input{
 	margin:0px;
 	padding:0px;
 	width:20px;
 	float:left;
 	border:0px solid #000;
}
.test .optionen .text{
 	width:480px;
	float:left;
 	border:0px solid #000;
 	color:#c66298;
 	font-weight:bold;	 
}

.test .optionen .altfarbe{
	 color:#8eb424;
}


.test .trenner{
	position:relative;
	left:-30px;
	margin:20px auto;
	border:0px solid #000;	
}
.test .trenner.mehr{
	margin:0px auto;	
}
.test .mehr{
	margin:0px auto;	
}
.test #testsubmit{
	position:relative;
	top:-20px;
	z-index:0;
	background: url(../img/content/testsubmitbg.gif) repeat-x 0px 0px;
	width:632px;
	height:96px;	
}
.test #testsubmit p{
	padding:40px 30px 30px 100px;
	color:#fff;
}
.test #testsubmit .add1{
	position:absolute;
	left:470px;
	top:30px; 
}

.test #testergebnis{
	display:none;
	position:relative;
	top:0px;
	z-index:0;
	background: url(../img/content/testergebnisbg.gif) repeat-x 0px 0px;
	width:714px;
	height:172px;	
}
.test #testergebnis .contentbg{
	position:absolute;
	top:10px;
	left:10px;
}
.test #testergebnis .contentcopy{
	position:relative;
	z-index:10;
	padding:30px 140px 20px 80px;
}

#testergebnis .add1{
	position:absolute;
	left:-13px;
	top:10px;
}
#testergebnis .add2{
	position:absolute;
	left:665px;
	top:120px;
}


.test #testsubmit a{
	color:#fff;
	font-weight:bold;
}

#testbg{
	position:absolute;
	top:8px;
	left:0px;
	z-index:10;
}
/* boxen */
.box2{
	position:relative;
	width:732px;
	height:auto;
}

.box2 .add1{
	position:absolute;
	left:-13px;
	top:7px;
}
.box2 .add2{
	position:absolute;
	left:665px;
	top:10px;
}

.box2 .inner{
	background: url(../img/content/box2/bg.gif) repeat-y 0px 0px;
}

.box2 .body{
	position:relative;
	z-index:1000;
}

.box2 p{
	padding:0px 50px 0px 160px;
}

.box2 h2{
	position:absolute;
	left:54px;
	top:-3px;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	color:#000066;
	border:0px solid #000;
}
.box2 .body a{
	color:#000066;
}


/* dwsewew*/
.box3{
	position:relative;
	width:732px;
	height:auto;
}

.box3 .add1{
	position:absolute;
	left:5px;
	top:-5px;
}

.box3 .inner{
	background: url(../img/content/box3/bg.gif) repeat-y 0px 0px;
}

.box3 .body{
	position:relative;
	z-index:1000;
}

.box3 p{
	padding:0px 50px 0px 50px;
}

.box3 h2{
	position:absolute;
	left:54px;
	top:0px;
	font-size:18px;
	font-weight:normal;
	line-height:19px;
	color:#000066;
	border:0px solid #000;
}
/* dwsewew*/
.box{
	position:relative;
	margin-top:5px;
	width:575px;
	left:60px;
	height:auto;
}
.box .body{
	position:relative;
	z-index:1000;
	padding:30px 20px;	
}

.box4{
	margin-top:20px;
}

.box4 .inner{
	background: url(../img/content/box4/bg.gif) repeat-y 0px 0px;
	font-weight:bold;
}

.box4 h2{
	position:absolute;
	left:54px;
	top:0px;
	font-size:18px;
	font-weight:normal;
	line-height:19px;
	color:#000066;
	border:0px solid #000;
}

.box5 .inner{
	background: url(../img/content/box5/bg.gif) repeat-y 0px 0px;
	height:276px;
}

.box6 .inner{
	background: url(../img/content/box6/bg.gif) repeat-y 0px 0px;
	height:274px;
}

.box7 .inner{
	background: url(../img/content/box7/bg.gif) repeat-y 0px 0px;
	height:134px;
}

.box8{
	position:relative;
	margin:0px auto;	
	width:675px;
	height:auto;
}

.box8 .add1{
	position:absolute;
	left:-13px;
	top:40px;
}
.box8 .add2{
	position:absolute;
	left:650px;
	top:30px;
}

.box8 .inner{
	background: url(../img/content/box8/bg.gif) repeat-y 0px 0px;
}

.box8 .body{
	position:relative;
	z-index:1000;
}

.box8 p{
	padding:0px 50px 0px 40px;
}

.boxecard{
	height:134px;
	width:752px;
	left:0px;
}
.boxecard .inner{
	padding:0px 50px 0px 20px;
}
/*
.box{
	position:relative;
	margin-top:5px;
	width:575px;
	left:60px;
	height:auto;
}
.box .body{
	position:relative;
	z-index:1000;
	padding:30px 20px;	
}*/


.boxlesetipps{
	margin-top:0px;	
	height:132px;
	width:752px;
	top:-5px;
	left:-12px;
	background: url(../img/content/blueboxbg.gif) repeat-y 0px 0px;
}
.boxlesetipps .inner{
	padding:20px 50px 0px 50px;
}

.boxstories{
	width:722px;
	height:222px;
	margin: 0 auto;
	left:0px;
	background: url(../img/content/storiesboxbg.gif) repeat-y 0px 0px;
	border:0px solid #000;
}

.boxstories .inner{
	padding:28px 35px 0px 50px;

}
.boxstories .headline{
	position:absolute;
	left:50px;
	top:25px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

.boxstories2{
	width:681px;
	height:77px;
	margin: 20px auto;
	left:5px;
	background: url(../img/content/storiesbox2bg.gif) repeat-y 0px 0px;
}
.boxstories2 .body{
	padding:20px;
	font-weight:bold;
	
}

.boxtipps{
	background: url(../img/content/tippsboxbg.gif) repeat-y 0px 0px;
	height:372px;
	width:696px;
	left:0px;
}

/* /boxen*/

#mainbg_fest{
	position:absolute;
	left:0px;
	top:0px;
}

#mainbg_fest.withsubnavi{
/*	top:-79px;*/
}

#middle.withsubnavi #mainbg_fest{
	top:-76px;
}
#middle #mainbg_fest{
	display:block;
}
#middle.withsubnavi{
	background-position: 0px 443px;
}
#middle.withsubnavi #content{
	top:-21px;
}

.tipp{
	top:8px;
	left:0px;
	position:relative;
	background: url(../img/content/leseprobebg.jpg) no-repeat 0px 0px;
	height:399px;
	border:0px solid #000;	
}

.tipp .titel, 
.tipp .copy{
	padding:20px 60px 0 200px;
}
.tipp .cover{
	position:absolute;
	left:37px;
	top:33px;
}

.tipp .titel h3{
	font-size:14px;
}
.tipp .add1{
	position:absolute;
	left:-12px;
	top:15px; 
}
.tipp .add2{
	position:absolute;
	left:655px;
	top:4px; 

}

#copyr{
	position:relative;
	left:-15px;
	top:-10px;
	text-align:center;
	color:#fedfe7;
}
#copyr a{
	text-decoration: none; 
	font-size:10px;
	font-weight:normal;
	color:#fedfe7;
}

#copyr a.footernav{
	text-decoration: none; 
	font-size:11px;
	color:#fedfe7;
}

#copyr a.copy{
	color:#fedfe7;
}

#copyr a.copy:hover{
	text-decoration:underline;
}
#copyr span{
	font-size:10px;
	color:#fedfe7;
}