body {
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
line-height:14px;
}
a { color:#339999; text-decoration:underline;}
a:visited { color:#339999;text-decoration:underline;}
a:hover {color:#000;text-decoration:none;}
a:active {color:#000;text-decoration:none;}

h1 {
font-size: 12px;
padding-left:9px;
padding-bottom:10px;
color:#339999;
font-weight:bold;
text-transform:uppercase;
}

h2 {
font-size: 12px;
padding-left:9px;
padding-bottom:10px;
padding-top:2px;
margin:0;
color:#000;
font-weight:bold;
text-transform:uppercase;
}

h3 {
font-size:10px;
font-weight:bold;
padding: 0px 10px 0px 10px;
margin:0px;
color:#000;}

h4 {
font-size:10px;
font-weight: normal;
padding: 5px 10px 10px 10px;
margin:0px;
color:#006666;}

h5 {
font-size:10px;
font-weight:bold;
padding: 0px 10px 0px 10px;
margin:0px;
color:#339999;}

/* ----------container zentriert das layout-------------- */
#container {
width: 700px;
margin-top: 30px;
padding-bottom:25px;
margin-left: auto;
margin-right: auto;
background-image:url(../bilder/schmuckfooter.gif);
background-repeat:no-repeat;
background-position: bottom;
}

#containerstart {
width: 700px;
margin-top: 80px;
padding-bottom:25px;
margin-left: auto;
margin-right: auto;
background-image:url(../bilder/schmuckfooter.gif);
background-repeat:no-repeat;
background-position: bottom;
}


/* ---------- logo-------------- */
#logo {
padding:15px 8px;
margin:0px;
}

/* ---------- header-------------- */
#header{
background-image:url(../bilder/ugheaderbg.jpg);
background-repeat: no-repeat;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
background-color:#ffffff;
height:192px;
}


/* -----------------Index--------------------- */

#start {
background-image:url(../bilder/ugstartbg1.jpg);
background-repeat: no-repeat;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
background-color:#ffffff;
}

div#start{ 
min-height:380px;
height:expression(this.scrollHeight > 380 ? "auto":"380px"); 
}


#startlink {
font-size: 18px;
padding-left:16px;
padding-top:260px;
margin:0px;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;

}

#startlink a {color:#FFFFFF;}
#startlink a:visited {color:#FFF;}
#startlink a:hover {color:#999;}
#startlink a:active {color:#999;}



/* -----------------Inhalt--------------------- */
#wrapper {
width: 592px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border: 1px solid;
}

#content {
background-color: #ffffff;
padding-top:30px;
margin-left: 0px;
margin-right: 0px;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

div.clearer {
	clear: both;
	margin: 0; padding: 0;
	font-size: 0;
}

#news {
margin:0;
pading:0;
width:450px;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* -------------- navigavtion------------- */
#navi{
font-size: 14px;
font-weight: bold;
color:#fff;
margin-top:25px;
padding-left:5px;
}

#navi a{
 text-decoration:none; color:#fff;
}

#navi a:hover {
 text-decoration:none; color:#999;
}
.activebutton {
 text-decoration:none; color:#999 ! important; 
}

#navi a:focus, #navi a:active {
 text-decoration:none; color:#999;
}

#navi ul {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 4px;

}
#navi li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}

#striche{
width:500px;
font-size: 14px;
font-weight: bold;
color:#999;
margin-top:15px;
padding-left:10px;
}

#subnavi{
font-size: 14px;
font-weight: bold;
color:#fff;
margin-top:10px;
padding-left:5px;
}

#subnavi a{
 text-decoration:none; color:#fff;
}

#subnavi a:hover {
 text-decoration:none; color:#999;
}


#subnavi a:focus, #subnavi a:active {
 text-decoration:none; color:#999;
}

#subnavi ul {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 4px;

}
#subnavi li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}

/* -----------inhalt--------------------------- */
.impress{
color:#339999;
font-weight:bold;
}

.theater{
font-size: 12px;
padding-bottom:10px;
padding-top:2px;
margin:0;
color:#000;
font-weight:bold;
text-transform:uppercase;
}

.dates{
padding-left:10px; 
padding-right:10px; 
float:left; width:70px; 
text-align:right;
}

.text{
padding:0; 
margin:0; 
width:480px; 
float:left;
}

/* -----------showreel--------------------------- */
#flash{
font-size: 14px;
font-weight: bold;
color:#000;
margin-top:0px;
padding-left:0px;
width:195px;
float:left;
}

#flash a{
 text-decoration:none; color:#000;
}

#flash a:hover {
 text-decoration:none; color:#339999;
}
.activefilmbutton {
 text-decoration:none; color:#339999 ! important; 
}

#flash a:focus, #flash a:active {
 text-decoration:none; color:#339999;
}

#flash ul {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;

}
#flash li {
margin: 0px;
padding: 10px; 0px 0px 0px;
list-style: none;
}
#film {
float:left; 
padding:0px 0px 20px 10px;

}

/* -----------tonart--------------------------- */

table {

	}

#titletable {
padding: 5px 10px;
margin:0px;
font-size:9px;
	}
	
.spalte {
padding-right: 10px;
width:50%;
	}

td.spalte table tr td {
	height:10px;
	padding:2px;
	}

#abfrage {
	padding: 5px 10px;
	}

hr {
	height:1px;
	border:1px solid #000;
	margin-top:15px;
	width:380px;
	text-align:left;
}

.tonartpics {
	
	/*border:1px solid #333;*/
	padding-right:30px; float:right;
	}

.order_fields {
	padding:0px 0px 2px 0px;
	margin:0px;
	}	
	
label {
	display:block;
	width:100px;
	height:20px;
	float:left;
	margin:0px;
	padding:0px;
	}	

div.kunde input {
	margin:2px 0px 0px 0px;
	border: 1px solid #666;
	}
	
.erfolg {
	padding: 5px 10px;
    margin:0px;
	color:#339999;
	font-size:12px;
	font-weight:bold;
}

/* -----------footer--------------------------- */
#footerstart {
background-color:#ffffff;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

#footer {
background-image:url(../bilder/footer.gif);
background-repeat: no-repeat;
background-color:#ffffff;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

div #footer a { color:#006666; text-decoration:underline;}
div #footer a:visited { color:#000;text-decoration:none;}
div #footer a:hover {color:#000;text-decoration:none;}
div #footer a:active {color:#000;text-decoration:none;}