/* CSS Document */

*{margin:0; padding:0;}




/* === Elementselektoren ====================================== */

html {height: 100%;}
body {
	margin:0;
	padding:0;
	border-collapse: collapse; 
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-align:left; 
	color:#000033; 
	background:#000519 url("bg2010.jpg") repeat-x top center; 
}

iframe {overflow:auto;}
label {float:left; width:60px;}
input {}

h1, h2, h3, h4, h5 {font-weight:normal;}
h1 {font-size:1.8em; padding-top:2px; margin-bottom: 5px;}
h2 {font-size:1.4em; padding-top:2px; margin-bottom: 5px;}
h3 {font-size:1.2em; margin-bottom: 15px;}
h4 {margin:0; padding-bottom:5px; padding-top:10px; font-size:0.8em; font-style:italic;}
h5 {margin:0; padding-top:10px; font-size:1.0em; font-weight:bold;}
p {margin:10px 0;}

a {color:#8fa8b3; text-decoration:none;}
a:hover {color:#FFFFFF;}

ul {list-style-type:square;}
li {margin-left: 15px; padding:7px; 
/*background-image:url(list-style.gif); background-position:right; background-repeat:no-repeat; margin-right:10px;*/
}


/* === generic IDs ==================================================== */

#wrapper {
	margin:0 auto;
	width:1020px;
	background-image:url(bg2010title.jpg);
	background-position: top center;
	background-position: 0px 40px;
	background-repeat:no-repeat;
}

#title {
	height:40px;
	margin-top:0px;
	font-size:0.8em;
	color:#9dbada;}
#title a {/*vertical-align:bottom;*/}
#title a img {padding: 2px 4px;}
#title a img:hover {background-image:url(opacity15b.png);}

#head {height:182px; margin:0;}

#topmenu {margin-left:320px; height:40px; font-size:0.9em; clear:both; margin-bottom:8px; }
#topmenu img {border:0;}

#topmenu div {line-height:30px; margin-right: 4px; float:left;}
#topmenu div a {padding-left:5px; padding-right:7px; display:block;
  	 min-height: 27px;
  	 height:auto !important;  /* für moderne Browser */
  	 height:27px;  /*für den IE */}
#topmenu a:hover, #topmenu .active {background-image:url(opacity15b.png);}
#topmenu a:hover {}
#topmenu a.active:hover {}

#breadcrumb {/*font-size:0.75em;  height:68px; */ display:none;}

#mainbody {color:#e9e9e9;}

#menu-vert {float:right; font-size:0.85em; font-weight:normal; text-align:right;}
#menu-vert {width:290px;}
/*
#menu-vert a:hover {border-bottom:1px solid #ffffff; border-top:1px solid #ffffff; color:#FFFFFF;} 
#menu-vert .active {color:#FFFFFF;}
#menu-vert .second-vert-menu {font-size:0.85em; margin-right:20px;}
*/

.vmenu {
	list-style-type:none; 
	background-image:url(opacity15.png);
	padding:25px;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	margin-bottom:10px;}
.vmenu ul {padding:0; margin:0; border:0; list-style-type:none;}
.vmenu li {padding: 0; margin:0;}
.vmenu img {border:0; margin:0; padding:0;}
.vmenu a {margin: 0; display:block; line-height:1.4em; padding:2px 0;}
.vmenu a:hover {background-image:url(opacity15b.png);}
.vmenu .active {margin-right: 2px; border-right:4px solid #ababab; padding-right:4px; color:#FFFFFF;}
.vmenu h4 {text-align:left;}

#content {
	position:relative;
	min-height:550px;
	height:auto !important;  /* für moderne Browser */
	height:550px;  /*für den IE */
	margin-right:300px; font-size:12px; padding:15px; padding-bottom:5px; background-image:url(opacity15.png);
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}
#content img {border:0px solid #9dbada;}
#content a {font-weight:bold;}
#content a:hover {font-weight:bold;}

#content-left {width:260px; float:left; margin-right:15px; margin-bottom:5px; padding:5px;}
#content-main {margin-left: 285px; position:relative;}

#content-wide {
	position:relative;
	min-height:550px;
	height:auto !important;  /* für moderne Browser */
	height:550px;  /*für den IE */
	font-size:12px; padding:15px; padding-bottom:5px; background-image:url(opacity15.png);
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}

#footer {clear:both; padding:15px 0; font-size:0.75em; color:#cccccc; text-align:center;}
#footer a {font-weight:bold;}



/* === generic CLASSES ======================================== */

.clr {clear: both;}
.invis {display:none;}
.small {font-size:0.85em;}
.fett {font-weight:bold;}
.right {text-align:right;}
.center {text-align:center;}
.red {color:#FF0000;}
.bigger {font-size:1.25em;}
.hr {background-image: url("dotted_blue2.gif"); background-repeat:repeat-x; background-position:top; height:1px; margin:15px 0;}
.topper {text-align:right; font-size:0.85em;}
.menupic {width:256px; height:144px; text-align:left; margin: 0 15px 15px 0;}

.box {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-image:url(/css/opacity15.png); padding:15px; margin-bottom:15px; text-align:left;}



/* === special IDs ==================================================== */

/* home */
#home .small {font-size:0.75em;}

/* impressum */
#impressum h3 {font-weight:bold;}
#impressum p {margin-bottom:25px;}

/* kontakt */
#anfrage {}
#formmailcss {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; width:100%; }
#formmailback {margin:20px 0; font-size:0.75em; font-weight:bold;} 
#formmailfoot {font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:0.75em; margin-top:50px;}


/* news */
#termine dt, #termine dd {line-height:1.4em; font-size:1.25em;}
#termine dt {float:left; width:115px; /*font-weight:bold; */}
#termine dd {margin-left:115px;}

#fb-ticker {
	background-image:url(opacity15.png);
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	padding:15px; margin-bottom:10px;
	font-size:0.75em;}

/* produktionen */
#content .videothek a {font-weight:normal;}
#content .videothek a:hover {font-weight:normal; text-decoration:underline;}
#content .videothek td {vertical-align:top; padding:7px 20px; vertical-align:middle;}
#content .videothek td.plakat {/*width:150px;  */ text-align:left;}

#produktionen-plakat {border:0; float:left;}
#produktionen h3 {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-image:url(/css/opacity15.png); padding:8px; margin-bottom:15px; margin-top:25px; text-align:left;}
#produktionen #credits dt {width:180px; float:left; font-weight:bold;}
#produktionen #credits dd {margin-left:190px; margin-bottom:5px; padding-bottom:5px;}
#produktionen #credits dd a {text-decoration:none; display:block; padding:0 5px;}
#produktionen #credits dd a:hover {color:#e9e9e9; display:block; padding:0 5px;}

div#produktionen {margin-left:250px;}
div#trailer {background-image: url("dotted_blue2.gif"); background-repeat:repeat-x; background-position:bottom; margin:15px 0; padding-bottom:15px;}


/* team */
#macher img {border:0;}
#macher dt {width:130px; float:left;}
#macher dd {border-bottom: 0px solid #ababab; margin-bottom:20px; margin-left:160px; background-image: url("dotted_blue2.gif"); background-repeat:repeat-x; background-position:bottom; margin-bottom:15px; padding-bottom:15px;}
#macher dl, #knowhow dl {padding-top:20px;}
#macher h4 {margin:10px 0; font-size:1.4em;}

#historie h5 {background-image: url("dotted_blue2.gif"); background-repeat:repeat-x; background-position:top; margin-top:15px; padding-top:15px;}

/* media */
/* presse */
/* shop */



/* alt */
#dtb img {margin-right:5px;}


#maintopic ul {list-style-image: url("list-style.gif");}
#maintopic ul li {margin-left:20px; padding:10px 0;}

#newsletter-archiv dt {font-weight:bold;}
#newsletter-archiv dd {margin-bottom:10px;}

#kontakt dt {float:left; width:200px;}
#kontakt dd {margin-left:210px;}


/* vorstellungsauswahl und reservierung */
#buchung {border:0; margin:0; padding:0 5px;}
#buchung td {padding: 0 3px; line-height:2.2em; border-top:1px solid #2e547d;}
#buchung a {display:block; text-align:right; font-weight:bold;}
#buchung .full {text-align:right; font-size:0.78em; display:block; color:#FF0000; font-weight:bold;}
#buchung .td_color_back {background-image:url(opacity15b.png);}
#reservierung h4{margin: 15px 0 0 0;}
#reservierung ul {margin-left: 7px;}
#reservierung li {padding:5px 0;} 
#reservierung label {width:110px; float:left;}
#reservierung input {margin-right:5px;}
#vorstellung-label {width:110px; float:left;}
#vorstellung {font-weight:bold; font-size:1.25em; line-height:1.6em;}


/* === CLASSES ================================================ */
.dtb-tage a {margin-right:10px;}

#content .archiv dt {width:440px; float:left; line-height:2.0em; margin-left:100px;}
#content .archiv dd {margin-left:550px; line-height:2.0em;}
#content .archiv dd a {text-decoration:none; display:block; font-weight:normal;}
#content .archiv dd a:hover {display:block; font-weight:normal;}

#content .links dt {width:250px; float:left; line-height:3.5em; margin-left:30px;}
#content .links dd {margin-left:290px; line-height:3.5em;}
#content .links dd a {text-decoration:none; display:block; font-weight:normal;}
#content .links dd a:hover {display:block; font-weight:normal;}

#content .liste230 dt {width:220px; float:left; line-height:2.0em;}
#content .liste230 dt a {display:block;}
#content .liste230 dd {margin-left:230px; line-height:2.0em;}
#content .liste230 dd a {text-decoration:none; display:block; font-weight:normal;}
#content .liste230 dd a:hover {display:block; font-weight:normal;}

#content .fakten dt {width:220px; float:left; line-height:2.0em;}
#content .fakten dd {margin-left:230px; line-height:2.0em;}
#content .fakten dd a {text-decoration:none; font-weight:normal;}
#content .fakten dd a:hover {font-weight:normal;}

h3.links {margin:0 0 5px 0;}

.pr-links dt {width:180px; float:left; font-weight:bold;}
.pr-links dd {margin-left:190px; margin-bottom:5px; padding-bottom:5px;}
.pr-links dd a {text-decoration:none; display:block; padding:0 5px;}
.pr-links dd a:hover {color:#e9e9e9; display:block; padding:0 5px;}

.printlist li {padding: 5px 0;}

/* pressespiegel */
h3.pressespiegel {margin:0 0 5px 0;}
.pressespiegel dt {width:170px; float:left; font-weight:bold; padding-left:10px;}
.pressespiegel dd {margin-left:190px; border-bottom: 1px dotted #cccccc; margin-bottom:5px; padding-bottom:5px;}
.pressespiegel dd a {text-decoration:none; display:block;}
.pressespiegel dd a:hover {background-color:#dddddd; display:block;}
.pressespiegel img {border:0;}


#toggleText {}
#displayText {}