*{
    padding     : 0px;
    margin      : 0px;
}
body{
    background  : #000000;
    color       : #000000;
    font        : 12px Arial, Verdana, "Trebuchet MS";
    line-height : 18px;
    scrollbar-face-color:#b7c1c3; 
	scrollbar-highlight-color:#b7c1c3;
	scrollbar-arrow-color:#667c81; 
	scrollbar-track-color:#b7c1c3; 
    scrollbar-shadow-color:#b7c1c3; 
    scrollbar-3dlight-color:#667c81;
	scrollbar-darkshadow-color:#667c81;
}
h1 {
	color:#1B5363;
	font-size:15px;
	font-family:Arial, Verdana;
	line-height:18px;
	font-weight:bold;
	margin-bottom:15px;
}
.container{
    position    : relative;
    width       : 1024px;
    height      : 655px;
    margin      : 0 auto;
    background  : url(../images/bg.jpg) no-repeat;
    z-index     : 100;
}


.spinne {
	margin-left:924px;	
	width:100px;
}

.header{
    position    : absolute;
    top         : 58px;
    left        : 151px;
    width       : 789px;
    height      : 74px;
}
.content{
    position        : absolute;
    left            : 243px;
    top             : 150px;
    width           : 625px;
    height          : 382px;
    overflow-x      : hidden;
    overflow-y      : auto;
    padding-right   : 10px;
}
.content_startseite{
    position    : absolute;
    left        : 513px;
    top         : 203px;
    width       : 360px;
    height      : 310px;
}
.content_text_startseite{
    padding-left: 58px;
}
.footer{
    position    : absolute;
    left        : 517px;
    top         : 565px;
    width       : 210px;
    height      : 20px;
    color       : #777171;
}
.linkarea_araminta_spuk{
    position: absolute;
    top: 0px;
    left: 366px;
    width: 343px;
    height: 68px;
    background: transparent;
    z-index: 1;
}
.linkarea_reihe_hanser{
    position: absolute;
    top: 548px;
    left: 440px;
	width: 67px;
    height: 34px;
    background: transparent;
    z-index: 1;
}
.tlist_cover{
    float: left;
    padding: 5px 10px;
}
.tlist_text{
    padding: 5px;
}
.tdetail_cover{
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

a.wako_order:link, a.wako_order:visited, a.wako_order:active, a.wako_order:focus {
	display:block;
	width:182px;
	background-image:url(../images/wako.gif);
	background-repeat:no-repeat;
	background-position:7px 5px;
	background-color:#1B5363;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:1px 5px;
	border-width:0px;
	text-decoration:none;
	
}

a.wako_order:hover {
	display:block;
	width:182px;
	background-color:#277a8c;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:1px 5px;
	border-width:0px;
	text-decoration:none;
}
/*
###########################################
################ Formatierung ###################
###########################################
*/
a{
    color           : #1B5363;
    font-weight     : bold;
    text-decoration : none;
}
.footer a{
    color           : #777171;
    font-weight     : normal;
}
.black{
    margin-right     : 15px;
}
.black, .black2, a:hover.black, a:hover.black2{
    font-weight     : normal;
    /*color           : #000000;    
            text-decoration : none;*/
}
a:hover, a:active{
    text-decoration : underline;
}
a img{
    border          : 0;
}
hr{
    background-color: #000000; /* Farbe für Opera und Firefox */
    color           : #000000; /* Farbe für Internet Explorer (IE) */
    border          : 0;
    height          : 1px; 
}
ul{
    list-style-type : none;
    padding    : 5px 10px;
}
li{
   padding-left     : 20px;
   background       : url(../images/spinne_klein.png) no-repeat top left; 
}
.spinnenlinie{
    background      : url(../images/spinnenlinie.jpg) no-repeat center;
    width           : 100%;
    height          : 36px;
    margin          : 15px 0;
    clear           : both;
}
.clear{
    clear           : both;
}
.m5{
    margin          : 5px;
}
.ml5{
    margin-left     : 5px;
}
.mr5{
    margin-right    : 5px;
}
.m10{
    margin          : 5px;
}
.ml10{
    margin-left     : 10px;
}
.mr10{
    margin-right    : 10px;
}
.fleft{
    float           : left;
}
.fright{
    float           : right;
}
input{
    border: 1px solid #37555F;
    background-color: #FFFFFF;
}



/*
###########################################
################## Menü #####################
###########################################
*/
.startseite{
    position    : absolute;
    left        : 0px;
    top         : 0px;
    width       : 111px;
    height      : 74px;
    background  : url(../images/menu/startseite.jpg) no-repeat;
}
.startseite:hover, .startseite:active, .startseite_active{
    background  : url(../images/menu/startseite_hover.jpg) no-repeat;
}
.spukhaus{
    position    : absolute;
    left        : 111px;
    top         : 0px;
    width       : 120px;
    height      : 74px;
    background  : url(../images/menu/spukhaus.jpg) no-repeat;
}
.spukhaus:hover, .spukhaus:active, .spukhaus_active{
    background  : url(../images/menu/spukhaus_hover.jpg) no-repeat;
}
.geisterjagd{
    position    : absolute;
    left        : 231px;
    top         : 0px;
    width       : 200px;
    height      : 74px;
    background  : url(../images/menu/geisterjagd.jpg) no-repeat;
}
.geisterjagd:hover, .geisterjagd:active, .geisterjagd_active{
    background  : url(../images/menu/geisterjagd_hover.jpg) no-repeat;
}
.buecher{
    position    : absolute;
    left        : 431px;
    top         : 0px;
    width       : 106px;
    height      : 74px;
    background  : url(../images/menu/buecher.jpg) no-repeat;
}
.buecher:hover, .buecher:active, .buecher_active{
    background  : url(../images/menu/buecher_hover.jpg) no-repeat;
}
.autorin{
    position    : absolute;
    left        : 537px;
    top         : 0px;
    width       : 116px;
    height      : 74px;
    background  : url(../images/menu/autorin.jpg) no-repeat;
}
.autorin:hover, .autorin:active, .autorin_active{
    background  : url(../images/menu/autorin_hover.jpg) no-repeat;
}
.gewinnspiel{
    position    : absolute;
    left        : 653px;
    top         : 0px;
    width       : 136px;
    height      : 74px;
    background  : url(../images/menu/gewinnspiel.jpg) no-repeat;
}
.gewinnspiel:hover, .gewinnspiel:active,.gewinnspiel_active{
    background  : url(../images/menu/gewinnspiel_hover.jpg) no-repeat;
}
/*
###########################################
################## Andere ####################
###########################################
*/
.spukhaus_container{
    padding-top: 10px;
}
.spukhaus_bild{
    margin-right: 20px;
    margin-bottom: 10px;
    float       : left;
}
.spukhaus_text{
    padding         : 20px 5px 10px 10px;
}
.autorin_bild{
    float       : left;
    font-size   : 9px;
    line-height : 9px;
    padding     : 5px;
	margin-right: 10px;
}
.schloss{
    position    : absolute;
    background  : url(../images/schloss/normal.jpg) no-repeat;
    left        : 208px;
    top         : 136px;
    width       : 310px;
    height      : 410px;
}
.clear {
	clear:both;
	height:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}
.button {
	background-color:#1B5363;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:1px 5px;
	border-width:0px;
	text-decoration:none;
	cursor:pointer;	
}
input.text, textarea {
	border:1px solid #1B5363;
	background-color:#ffffff;
	padding:2px;
}

#loesung {
	display:none;
}

.p_right {
	text-align:right;
}

.float_left{
    float: left;
	margin:0px 15px 0px 0px;
	padding:0px 0px 30px 0px;
}

.tlist_cover {
	position: relative;
}

.tlist_cover .ebook {
	width: 29px;
	height: 29px;
	background: transparent url("http://www.dtv.de/themes/dtv/images/titel/ebook-1.jpg") no-repeat left top;
	position: absolute;
	right: 10px;
	top: 10px;
}

.tdetail_cover {
	position: relative;
}

.tdetail_cover .ebook {
	width: 43px;
	height: 43px;
	background: transparent url("http://www.dtv.de/themes/dtv/images/titel/ebook-2.jpg") no-repeat left top;
	position: absolute;
	right: -10px;
	top: 10px;
}

.tdetail_cover .ebook_format_epub,
.tdetail_cover .ebook_format_app,
.tdetail_cover .ebook_format_pdf {
	width: 57px;
	height: 14px;
	position: absolute;
	right: -10px;
	bottom: 40px;
}

.tdetail_cover .ebook_format_epub { background: transparent url("http://www.dtv.de/themes/dtv/images/ebooks/pfeil_detail_epub.png") no-repeat left top; }
.tdetail_cover .ebook_format_app { background: transparent url("http://www.dtv.de/themes/dtv/images/ebooks/pfeil_detail_app.png") no-repeat left top; }
.tdetail_cover .ebook_format_pd { background: transparent url("http://www.dtv.de/themes/dtv/images/ebooks/pfeil_detail_pdf.png") no-repeat left top; }
