/* CSS Document */
*{margin:0; padding:0;}

/* === Elementselektoren ====================================== */
html {height: 100%;}
body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px;
	margin:0; padding:0; text-align:left; color:#ababab; background-color:#ffffff;
}

h1, h2, h3, h4, h5 {font-weight:bold;}
h1 {font-size:1.8em; padding-top:2px; margin-bottom: 5px;}
h2 {font-size:1.6em; padding-top:2px; margin-bottom: 5px;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em; margin-top:5px; margin-bottom: 5px;}
h5 {font-size:1.05em; margin: 20px 0;}
p {margin:15px 0;}

a {text-decoration:none; font-weight:bold; color:#333333;}
a:hover {text-decoration:underline; color:#666666;}

#content a {font-weight:bold; text-decoration:none;}
#content a:hover {font-weight:bold; text-decoration:none;}
#content td {vertical-align:top;}
#content td img {padding: 0 5px;}

ul {list-style-type:square;}
li {margin-left: 15px;}

dl {margin-bottom:30px; margin-top:15px;}

table {border-collapse:collapse;}
td {vertical-align:top; padding:0 5px;}

iframe {overflow:auto;}
label {float:left; width:90px; display:block;}
input {}



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

#wrapper {margin:0 auto; width:1000px;} 
#wrapper.home {text-align:center; font-weight: bold; font-size:1.5em; width:1100px;}
#wrapper.kontakt {height:700px; text-align:center; font-weight: bold; font-size:1.5em; height:600px; margin-top:70px;}

#head {height:180px;margin:0;}
#head.vp3 {height:180px; background-image:url(vp3/title1_4c.jpg); background-repeat:no-repeat;}

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

#topmenu {height:27px; margin:0; padding:0; color:#c8ffc8;}
#topmenu img {border:0;}
#topmenu table {height:27px; width:100%;}
#topmenu td {margin:0; padding:0; text-align:center; border:0;}
#topmenu td a {color:#c8ffc8; text-decoration:none;}
.vp3 #topmenu a:hover, #topmenu .active {color:#bc77bf; border-top: 1px solid #bc77bf; border-bottom: 1px solid #bc77bf;}

#menu-substitute table {width:100%;}
#menu-substitute td {text-align:center; vertical-align:middle;}


#content, #content.vp2 {margin:0px; font-size:12px;
		min-height:600px;
		height:auto !important;  /* für moderne Browser */
		height:600px;  /*für den IE */
		width:inherit;
}
#content {color:#666666;}
#content img {border:0px solid #9dbada;}

#footer {height:20px; clear:both; padding:15px; margin-top:10px; text-align:center;font-size:10px;}
#footer a {color:#cccccc;}
#footer a:hover {color:#666666;}

/* === generic CLASSES ======================================== */
.clr {clear: both;}
.invis {display:none;}
.small {font-size:0.85em;}
.fett {font-weight:bold;}
.right {text-align:right;}
.bigger {font-size:1.25em;}
.topper {text-align:right; font-size:0.85em;}

.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;}
.hr {background-image: url("dotted_grey.gif"); background-repeat:repeat-x; background-position:top; height:1px; margin:15px 0;}

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


table#news {width:760px;}
table#news td {padding:0 10px;}
table#news td img {padding:0; margin-bottom:10px;}
table#news h4 {margin-top:0;}

.cast dt, .cast dd, .crew dt, .crew dd {line-height:1.8em;}
.cast dt, .crew dt {float: left; width:240px;}
.cast dd, .crew dd {margin-left:250px;}


#gallery img {margin:10px 0; border:0;}
#gallery img a {border:0;}
#gallery td {text-align:center;}

#kontakt p {font-weight:normal; margin-left:50px;}
#kontakt h4 {margin-top:35px;}
#kontakt h5 {font-weight:normal; margin:0; padding:0;}

#startbanner {padding-top:600px;}
.banner {text-align:center;}
.banner img {border:0px;}

#impressum p {margin-bottom:25px;}

.gallery {margin-bottom:25px; padding-bottom:25px;}

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

.dl1 {margin-bottom:35px;}
.dl1 dt {width:240px; float:left; font-weight:bold;}
.dl1 dd {margin-left:250px; margin-bottom:5px; padding-bottom:5px;}
.dl1 dd a {text-decoration:none; display:block; padding:0 5px;}
.dl1 dd a:hover {display:block; color:#000519; padding:0 5px;}

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;}

div.news-pic {width:270px; float:right; padding-left:30px; padding-right:0px; text-align:right;}
div.news-text {margin-right:290px;}


/* all css is specific to Mootools example */
#desk     { width:900px; height:506px; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:left; font-size:11px; background-image:url(bg-paper.jpg); background-repeat:repeat-y;}
.opacity    { background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:20px; font-weight:normal; }
.opacity2    { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight:normal; }
#desk-slot-0  { height:360px; position:absolute; top:0px; left:30px; width:480px; color:#333333; text-align:center; padding-top:50px;}
#desk-slot-1  { height:360px; position:absolute; top:30px; right:30px; width:310px; color:#666666;}