@charset "utf-8";
HTML, BODY { height: 100%; }
body { margin:0; padding:0; height: 100%;}
tr, td, th { padding: 3px; margin:0; text-align:left;}
th { padding: 3px; margin: 5px 0 0 0; background-color: #999999; color:#fff;}
td { vertical-align:top;}
.table-rankings { background-color:#fff;}
.td-rankings { background-color:#F0F0F0;}
.td-rankings2 { background-color: #ccc;}
.clear { clear:both; }
#wrapper { width: 986px; height: 100%;}
.header { height: 96px; background-image: url(../images/header-bg.png); background-repeat: no-repeat; }
.dm-logo { height:90px; width:115px; float:left; margin: 2px 0 0 26px; background-image:url(../images/dm-logo.png); background-repeat:no-repeat;}

.dm-logo a { display:block; text-decoration:none; height:90px;}
.dm-logo img, .dm-logo a:focus { border: none; outline:none; } 
.top-navigation { width:600px; height:20px; position:absolute; left:250px; top:5px;} /* navigation ganz oben */
.slide-show-sponsoren { position:absolute; left: 845px; top: 8px; z-index: 1000; height: 40px; width: 130px;}
.dmboot-navigation{ position:absolute; left: 200px; top:64px; width: 778px;}
.dmboot-navigation div {line-height:23px; float:left;}
.dmboot-navigation div a.dropDownLink {height: 25px; width: 170px;}
.dmboot-navigationli a.simpleLink {margin:0 10px 0 0;}
.menudropdown { margin: 6px 0 0 0; }
.menudropdown a { margin:0; padding:0;}
#dropmenudiv{ position:absolute; z-index:100;}
li.subnav-bottom { background-image:url(../images/subnav-bottom.png); background-position:bottom left; background-repeat:no-repeat; height: 7px; width:170px; }
/* content */
.content { height:auto; width: 733px; margin:10px; float:left; }
/* right-col */
.right-col {float:left; margin: 10px 0 10px 0; width:233px; height:100px;}
/* boxen layout */
.box-1-spalte { width: 732px; margin: 0 0 10px 0;}
.box-2-1, .box-2-2 { width: 360px; float:left; margin: 0 0 10px 0; }
.box-2-1 { margin: 0 10px 0 0; }
.footer { height: 20px;}
/* tab menu in der rechten spalte*/
.right-col ul { margin:0; padding:0;}
.right-col li { list-style:none;}
.tab-01, .tab-02 { width:105px; float:left;  height:22px; text-decoration:none;} /*z�hlt f�r zwei spalten! ".toggle" ist immer 10% breit   !!!!immer auf 100% kommen. sonst .toggle a anpassen */
.toggle {	width:23px; height:22px; background-image:url(../images/tab-toggle.png); background-repeat:no-repeat; float:left; cursor: pointer;}
.tab-01 {background-image:url(../images/1tab-selected.png); background-position: 0 -23px; background-repeat:no-repeat;}/* hintergrunt position auf vertikal -23 pixel. per js onClick auf 0px*/
.tab-02 {background-image:url(../images/nav-bg.png); background-position: 0 0; background-repeat:repeat-x;}/* hintergrunt position auf vertikal 0 pixel. per js onClick auf -23px*/
.tab-01 a { color:#000; }
.tab-02 a { color:#fff; }
.tabmenu-footer { background-image:url(../images/tabmenu-footer.png); background-repeat:no-repeat; width:233px; height:15px;}
/*quick news*/
.news-outer { border: 1px solid #9c9898; }
.tabcontent { background-image: url(../images/tabcontent-bg.png); background-repeat: repeat-y; padding:7px 7px 1px 7px; }
.news-outer hr { margin:0; padding:0; border-width: 1px 0 0 0; border-style: solid; border-color: #FFFFFF; }
.news { background-color:#e6e6e6; padding:3px; font-size:9px; line-height: 130%; min-height:50px; text-align:left;}
.news2 { background-color:#d3d3d3; padding:3px; font-size:9px; line-height: 130%; min-height:50px; text-align:left;}
.news:hover, .news2:hover { background-color:#c3bdbd; cursor: pointer;}
.news img, .news2 img { float:left; margin:0 3px 3px 0;}
.stores { text-align:center;}
.stores img { margin: 2px auto 5px auto; border:#666666 solid 1px; }
/* movie box */
#show-box-big { height:387px; width:573px; float:left; background-image:url(../images/show-box-big.jpg); }
.show-box-thumb { height:117px; width:142px; float:right; background-image:url(../images/show-box-thumb.jpg); background-repeat:no-repeat; margin: 0 0 8px 0; padding:3px 5px; }
.show-box-thumb p, .show-box-thumb p a {padding: 1px 0 3px 0;margin:0; color:#fff;	font-size: 9px;	text-transform: uppercase; text-decoration:none; font-weight:bold;}
.show-box-thumb p.ansehen, .show-box-thumb p.ansehen a {text-align:right; font-weight:normal;}
.show-box-thumb {cursor:pointer;}
.show-box-thumb img { border:1px #444242 solid;}
.show-box-thumb img:hover {	border:1px solid #999; }
.show-box-thumb p:hover {	color: #ff6600; }
#show-box-big .content { margin:10px; background-color:#000!important; width:553px; height:340px;}
.show-box-400 { background-image:url(../images/show-box-736x400.jpg); background-repeat:no-repeat; height:400px; width:736px; padding:11px 10px 10px 10px; }
.hotel_img { background-image:url(../images/show-box-190x140.jpg); background-repeat:no-repeat; padding:10px; width:190px; height:130px; float:left;}
.hotel_img img { border:#484848 solid 1px;}
.hotel { width:500px; float:left; }
/*
####################################################
#####################typo###########################
####################################################
*/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 130%; color:#000000; }
ul {padding:0 0 0 20px; margin:0;}
a { color: #000; }
a:focus { outline:none; }
h1 { margin:0; padding:0;}
p { padding: 0; margin: 5px 0 10px 0;}
h1.headline { font-size:22px; line-height:120%; margin: 0 0 15px 0; }
/* header > top-navigation */
.top-navigation { color:#fff; font-size: 10px; }
.top-navigation a { color: #fff; text-decoration: none; font-size: 10px;}
.top-navigation a:hover { color:#ff6600; }
/* dm-boot navigation div*/
.dmboot-navigation div a { color: #fff; text-decoration:none; margin: 0 10px 0 0; }
.dmboot-navigation div a:hover { color: #ff6600;}
/* link mit dropdown*/
.dmboot-navigation div a.dropDownLink_inaktiv {	background-image:url(../images/dm-navi-bg.png); background-repeat:no-repeat; height: 24px; padding: 4px 25px 5px 0px; background-position: right -1px; }
/* link mit ohne dropdown */
.dmboot-navigation .link {	background-image:url(../images/dm-navi-bar.gif); background-repeat:no-repeat; height: 26px; padding: 5px 10px 5px 0px; background-position: right -1px; }
.dmboot-navigation .platzhalter { width: 80px;}
#dropmenudiv a{ color:#fff; display: block; text-decoration: none; }
#dropmenudiv a:hover{ color:#ff6600; }
ul.subNAV { margin:0; padding:0;}
ul.subNAV li { list-style:none; display:block; padding:0; width:170px; margin: 0 0 0 -10px;}
ul.subNAV li a {  background-color:#131313; margin:0; padding:0; display:block; text-indent:10px; line-height:25px; }
/* box typo */
.box-1-spalte, .box-2-1, .box-2-2 { text-align:justify;}
.mehr, .mehr a { color:#990000; font-weight: bold; text-align:right; font-size: 10px; margin: 0 0 10px 0;}
/*tabmenu*/
.tab-01 a,.tab-02 a { text-decoration:none; line-height:22px; padding: 0 10px 0 10px; font-size:10px; display:block;}
/* movie box */
#show-box-big h1, .iframe-anfahrt h1 { color:#FFFFFF; text-transform:uppercase; margin:10px 10px 3px 10px; font-size:14px; padding:0px;}
/*########################### sponsoren ##########################*/
.spon_header {background-image:url(../images/spon_header.png); background-repeat:no-repeat; width:733px; height:28px; color:#fff; font-size:14px; line-height:28px; text-indent:15px; text-transform:uppercase;}
.spon_footer {background-image:url(../images/spon_footer.png); background-repeat:no-repeat; width:733px; height:14px; margin:0 0 15px 0; clear:both;}
.spon_content { border:#000 1px solid; width:731px;}
.spon_content div { margin:10px 15px 10px 15px;}
.spo_img { border:#CCCCCC 1px solid; float:left; margin: 0 20px 0 0;}
/*############### presse ###############*/
.presse label {
	display:block;
	height: 20px;
	width: 200px;
	font-weight: bold;
	float: left;
	clear:both;
	margin-bottom:3px;
	}
.presse .lable {
	height: 20px;
	font-weight: bold;
	margin-bottom:3px;
	}
.presse .form {}
.presse .input {
	height:14px;
	width:200px;
	line-height:14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #999999;
	border-left-color: #999999;
}