/* --------------------------------------| Global Settings |-------------------------------------- */

body {
	color:#fff4e4;
	padding:0;
	margin:0;
	font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:125%;
	background:black url(../images/body_bg.jpg) top repeat-x;
}
	
#wrapper {
	position:relative;
	margin:0 auto;
	width:980px;
	background:url(../images/wrapper_bg.jpg) 0 0 no-repeat;
}

/*head:first-child+body {overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:scroll;}*/

/* --------------------------------------| Logo |-------------------------------------- */

div#logo {
	position:relative;
	top:40px;
	left:299px;
	width: 265px;
	height: 96px;
}

/* --------------------------------------| Menu |-------------------------------------- */

div#menu {
	float:left;
	width:242px;
	height:290px;
	margin-top:96px;
	margin-left:18px;
	background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}

* html #menu {
	margin-top:92px !important;
	margin-left:12px !important;
}

/* general settings */

#menu ul { 
	list-style-type:none;
	margin:0;
	padding:0;
}
	
#menu li {
	float:left;
	padding:0;
	margin:0;
	font-size:1px;
	line-height:1px;}
	
#menu ul a span {
	font-size: 1px;
	visibility: hidden;
	vertical-align: middle;
}
	
#menu ul li a {
	display: block;
	padding:0;
	margin:0;
	text-decoration: none;
	border:none;
	width:242px;
	background-image:url(../images/bg-navi.jpg);
	background-repeat:no-repeat;
}

#menu ul li#nav01 a {
height:22px;
background-position:0 0;
}

#menu ul li#nav02 a {
height:23px;
background-position:0 -22px;
}

#menu ul li#nav03 a {
height:19px;
background-position:0 -45px;
}

#menu ul li#nav04 a {
height:18px;
background-position:0 -64px;
}

#menu ul li#nav05 a {
height:19px;
background-position:0 -82px;
}

#menu ul li#nav06 a {
height:17px;
background-position:0 -101px;
}

#menu ul li#nav07 a {
height:20px;
background-position:0 -118px;
}

#menu ul li#nav08 a {
height:23px;
background-position:0 -138px;
}

#menu ul li#nav09 a {
height:25px;
background-position:0 -161px;
}

#menu ul li#nav10 a {
height:30px;
background-position:0 -186px;
}

#menu ul li#nav11 a {
height:31px;
background-position:0 -216px;
}

#menu ul li#nav12 a {
height:24px;
background-position:0 -247px;
}

#menu ul li#nav13 a {
height:22px;
background-position:0 -271px;
}

#menu ul li#nav01 a:hover,
#menu ul li#nav02 a:hover,
#menu ul li#nav03 a:hover,
#menu ul li#nav04 a:hover,
#menu ul li#nav05 a:hover,
#menu ul li#nav06 a:hover,
#menu ul li#nav07 a:hover,
#menu ul li#nav08 a:hover,
#menu ul li#nav09 a:hover,
#menu ul li#nav10 a:hover,
#menu ul li#nav11 a:hover,
#menu ul li#nav12 a:hover,
#menu ul li#nav13 a:hover {
background:none;
}



/* das konzept */

a.konzept {
	width:242px; 
	height:20px; 
	background:url(../images/navi_konzept.gif) 0px 0px no-repeat;
}

a.konzept:hover {
	width:242px; 
	height:20px; 
	background:url(../images/navi_konzept.gif) -242px 0px no-repeat;
}

/* die fälle */

a.faelle {
	width:242px; 
	height:26px; 
	background:url(../images/navi_faelle.gif) 0px 0px no-repeat;
}

a.faelle:hover {
	width:242px; 
	height:26px; 
	background:url(../images/navi_faelle.gif) -242px 0px no-repeat;
}

/* mord im herrenhaus */

a.herrenhaus {
	width:242px; 
	height:18px; 
	background:url(../images/navi_herrenhaus.gif) 0px 0px no-repeat;
}

a.herrenhaus:hover {
	width:242px; 
	height:18px; 
	background:url(../images/navi_herrenhaus.gif) -242px 0px no-repeat;
}

/* ein mörderisches dinner */

a.dinner {
	width:242px; 
	height:18px; 
	background:url(../images/navi_dinner.gif) 0px 0px no-repeat;
}

a.dinner:hover {
	width:242px; 
	height:18px; 
	background:url(../images/navi_dinner.gif) -242px 0px no-repeat;
}

/* die mörderische gartenparty */

a.gartenparty {
	width:242px; 
	height:19px; 
	background:url(../images/navi_gartenparty.gif) 0px 0px no-repeat;
}

a.gartenparty:hover {
	width:242px; 
	height:19px; 
	background:url(../images/navi_gartenparty.gif) -242px 0px no-repeat;
}

/* die mörderische weihnachtsfeier - bei bedarf einkommentieren und obrigen punkt auskommentieren 

a.weihnachtsfeier {
	width:242px; 
	height:19px; 
	background:url(../images/navi_weihnachtsfeier.gif) 0px 0px no-repeat;
}

a.weihnachtsfeier:hover {
	width:242px; 
	height:19px; 
	background:url(../images/navi_weihnachtsfeier.gif) -242px 0px no-repeat;
} */

/* tatortfotos */

a.tatorte {
	padding:3px 0 0 0;
	width:242px; 
	height:22px; 
	background:url(../images/navi_tatorte.gif) 0px 0px no-repeat;
}

a.tatorte:hover {
	padding:3px 0 0 0;
	width:242px; 
	height:22px; 
	background:url(../images/navi_tatorte.gif) -242px 0px no-repeat;
}

a.tatortfotos {
	width:242px; 
	height:29px; 
	background:url(../images/navi_tatortfotos.gif) 0px 0px no-repeat;
}

a.tatortfotos:hover {
	width:242px; 
	height:29px; 
	background:url(../images/navi_tatortfotos.gif) -242px 0px no-repeat;
}

/* tatzeugen */

a.tatzeugen {
	width:242px; 
	height:32px; 
	background:url(../images/navi_tatzeugen.gif) 0px 0px no-repeat;
}

a.tatzeugen:hover {
	width:242px; 
	height:32px; 
	background:url(../images/navi_tatzeugen.gif) -242px 0px no-repeat;
}

/* preise und buchung */

a.preise {
	width:242px; 
	height:27px; 
	background:url(../images/navi_preise.gif) 0px 0px no-repeat;
}

a.preise:hover {
	width:242px; 
	height:27px; 
	background:url(../images/navi_preise.gif) -242px 0px no-repeat;
}

/* --------------------------------------| Content |-------------------------------------- */

div#content {
	/*float:left;*/
	padding-top:80px;
	margin-left:307px;
	width:410px;
	min-height:310px; /* IE 7 + FF */
	color:#fff4e4;
	background-color:transparent;
	font-size:0.8em;
}

* html #content { /* IE 6 */
	height:310px;
} 

div#content a:link, div#content a:visited {
	color:#fe8300;
	text-decoration:none;
}

div#content a:hover, div#content a:active {
	color:#fe8300;
	text-decoration:underline;
}

div#content h1 {
	color:#fe8300;
	font-size:1.2em;
}

div#content h2 {
	color:#fe8300;
	font-size:1.1em;
	margin:0;
}

div#content h3 {
	color:#fe8300;
}

div#content .highlight {
	color:#fe8300;
	padding-left:12px;
	display:block;
	margin:12px 0;
	background-color:transparent;
}

div#content .smalltext {
	font-size:0.8em;
	line-height:120%;
	color:#FFC990;
}

div#content p {
	padding:0;
	margin:0 0 12px 0;
}

div#content ul li {
	list-style-image:url(../images/list_icon.gif);
	margin-bottom:5px;
	margin-left:20px;
	line-height:130%;
}

div#tatorte-links {
    float: right;
    margin: 0 0 0 0;
}

.clear {
	clear: both;
    float: none;
}

/* --------------------------------------| Footer |-------------------------------------- */

.alphaimg {
	border: 1px solid #696969;
	padding:1px;
	margin: 5px 10px 5px 0px !important;
	-moz-opacity:0.5; 	
	opacity:0.5;
	float:left;
}

.alphaimg2 {
	padding:1px;
	margin: 5px 10px 5px 0px !important;
	-moz-opacity:0.5; 	
	opacity:0.5;
	float:left;
}

.alphaimg3 {
	border: 1px solid #696969;
	padding:1px;
	margin: 5px 10px 5px 0px !important;
	-moz-opacity:0.5; 	
	opacity:0.5;
	float:right;
}


*+html .alphaimg, *html .alphaimg{
	filter:alpha(opacity=40); /* für IE */
	opacity:0.5; /* für IE */
}

.alphaimg:hover,
.alphaimg3:hover{
	border: 1px solid #919191;
	-moz-opacity:1.0; /* für FF */

}

*+html .alphaimg:hover, *html .alphaimg:hover{
	filter:alpha(opacity=100); /* für IE */
}

*+html .alphaimg2, *html .alphaimg2{
	filter:alpha(opacity=40); /* für IE */
	opacity:0.5; /* für IE */
}

.alphaimg2:hover{
	-moz-opacity:1.0; /* für FF */

}

*+html .alphaimg2:hover, *html .alphaimg2:hover{
	filter:alpha(opacity=100); /* für IE */
}

/* --------------------------------------| Footer |-------------------------------------- */

div#footer {
	
	float:left;
	background:url(../images/footer_bg.jpg) center no-repeat;
	margin:0 auto;
	width:980px;
	height:452px;
}

/* --------------------------------------| Additional Menu |-------------------------------------- */

div#additional_navi {
	padding-top:28px;
	padding-right:725px;
	font-size:0.7em;
	text-align:right;
}



div#additional_navi a:link, div#additional_navi a:visited {
	color:#ffc990;
	text-decoration:none;
}

div#additional_navi a:hover, div#additional_navi a:active{
	color:#fe8300;
	text-decoration:underline;
}

div#additional_navi ul li {
	list-style-type:none;
}

div#additional_navi img {
	margin-left:7px;
}

/* --------------------------------------| back to top |-------------------------------------- */

div#back-to-top {
	padding-top:20px;
	padding-right:570px;
	font-size:0.7em;
	text-align:right;
}

div#back-to-top a {
	color:#402C11;
	text-decoration:none;
}

div#back-to-top a:hover {
	color:#7F581D;
	text-decoration:underline;
}

div#back-to-top img {
	border:none;
}

/* --------------------------------------| Flash |-------------------------------------- */
div#topwindow{
	position:absolute;
	top:83px;
	left:646px;
	z-index:5;
}

div#bottomwindow{
	position:relative;
	top:-9px;
	left:529px;
	width:150px;
	z-index:5;
}

*+html div#bottomwindow{
	position:relative;
	top:-24px;
	left:529px;
	width:150px;
	z-index:5;
}
/* --------------------------------------| Euroweb CMS |-------------------------------------- */


.ewcms a:link, .ewcms a:hover, .ewcms a:active, .ewcms a:visited {
text-decoration:underline !important;
color:#666 !important;
}

.ewcms a img {
	border:none;	
}

.ewcms ul li {
	padding-bottom:20px;
}

.ewcms_firma {
	color:#fe8300;
	font-weight:bold;
}

.ewcms_abc-list {
	color:#fe8300;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	margin:0px 0 -15px 0;
	border-bottom:1px solid #815824;
}

.ewcms_feedback {
	font-style:italic;
	font-weight:normal;
	color:#fff4e4;
}

.meta {
	color:#666;
}

#playerContainer {
margin-bottom:15px;
width:410px;
height:254px;
display:block;
}

ul.tpictures {
width:410px;
padding:0!important;
margin:0!Important;
height:120px;
}

ul.tpictures li {
list-style-type:none;
display:block;
float:left;
width:100px;
height:100px;
}

.clearFix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

* html .clearFix {
height:1%; /* Hides from IE-mac \*/
}