html, body {

	margin: 0;

	padding: 0;

	border: 0;

/* \*/

  height:100%;

/* Last height declaration hidden from Mac IE 5.x */

}

body {

font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;

font-size: 100.1%; 

color: #000;

min-width:954px;

text-align:center;

background-color: #314563;

}

#container{

position:relative;

margin: 0 auto;

text-align:left;

width:954px;

}



#header{

width:954px;

height:270px;

background: url(images/bg-top-954x270.png) no-repeat;

overflow: visible;

margin: 0px 0 0 0; padding: 0;

}

#tatort {

	position: absolute; top: 103px; left: 127px;

}

#emmerich {

	position: absolute; top: 138px; left: 260px;

}

#buch1 {

	position: absolute; top: 20px; left: 785px;

}

#buch2 {

	position: absolute; top: 100px; left: 880px;

}

#neu {

	position: absolute; top: 160px; left: 825px;

}

#middle {   

	margin: 0px;

	padding: 0;

	width: 954px;

	background: url(images/bg-954x10.png) repeat-y;

}

#sidebar {

	float: left;

	width: 270px; 

	margin: 0px; padding: 0;

	color: #fff;

	font-size: 14px; line-height: 24px;

	background: url(images/bg-turm-80x220.png) no-repeat;

}

#maincontent {

   margin: 0 0 0 280px; 

	padding: 0 0 0px 0;

	width: 640px;

	font-size: 14px; line-height: 18px;

}

#aktuelles {

	float: right;

	width: 200px;

	padding-left: 20px;

	border-left: solid 2px #ff0; 

	height: 100%;

}

#pagetext {

	width: 400px;

}

#footer{

width:954px;

height: 50px;

background: url(images/bg-bottom-954x50.png) no-repeat;

margin: 0 auto;

padding: 0 0 14px 0;

}

#logo {
	padding-left: 90px; margin-top: -20px;
}

#blutfleck {

	position: absolute; bottom: 0; left: 890px;

}



.clear{

clear:both;

height:1px;

overflow:hidden;

line-height:1%;

font-size:0px;

margin-bottom:-1px;

}

* html .clear{height:auto;margin-bottom:0}

.clearleft {clear: left;}

.clearright {clear: right;}



div {

	margin: 0; padding: 0;

}



img {

	border: 0;

}



.top0 {

	margin-top: 0;

}



/*Navigation*/

#sidebar ul {

	list-style: none;

	margin: 0 0 0 60px; padding: 0;

	width: 200px;

}

#sidebar a {

	text-decoration: none;

	text-indent: 30px;

	color: #fff;

	display: block;

}

#sidebar a:hover {

   color: Yellow;

	background: url(images/blutstropfen_klein.png) no-repeat;

}

#sidebar .SEL {

   color: Yellow;

	background: url(images/blutstropfen_klein.png) no-repeat;

}



#maincontent a {

	color: #0AAF99; text-decoration: none; font-weight: bold;

}

#maincontent a:hover {

	color: #0AAF99; text-decoration: underline;

}

#maincontent a:visited {

	color: #0AAF99; text-decoration: none;

}



/*ab hier: Definition f?r die Textelemente*/

.flleft { float: left; width: 130px; }
.flleft2 { float: left; width: 130px; height: 270px; }
.flleftstart { float: left; width: 155px; margin: 10px 0 0 0; padding: 0; }
.top10 { padding-top: 10px; }

h1 {

	font-size: 14px; line-height: 24px;

}
h2 { font-size: 14px; font-weight: normal; font-style: italic; line-height: 24px; }

.ausverkauft {
	position: absolute;
	top: 418px; left: 680px;
}
.topplus {
	padding-top: 15px;
}

.ds2  { font-weight: bold; }
.ds4  { font-size: 14px; font-style: italic; }
.ds7  { font-size: 11px; }
.ds8  { font-weight: bold; }
.ds10 { font-size: 14px; font-style: italic; font-weight: bold; }
.ds1  { font-weight: bold; }
.ds12 { font-style: italic; font-weight: bold; }