body {
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
line-height:14px;
}

.rot {
	color:#dc0b0c !important;
}

a { color:#6d8644; text-decoration:underline;}
a:visited { color:#6d8644;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:#6d8644;
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:#6d8644;}

/* ----------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: 802px;
margin-top: 65px;
/*padding-bottom:25px;*/
margin-left: auto;
margin-right: auto;
/*background-image:url(../bilder/schmuckfooter.gif);
background-repeat:no-repeat;
background-position: bottom;*/
}

#containerstart .main, #container .main {
border: 1px solid;
}

#title {
	font-size: 28px;
	color:#000;
	padding: 0px 0px 18px 0px;
}


/* ---------- 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;
position: relative;
}

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

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

#wrapper_start {
width: 802px;
margin: 0px;
margin-left: auto;
margin-right: auto;
/*border: 1px solid;*/
}

#content {
background-color: #ffffff;
padding-top:30px;
margin-left: 0px;
margin-right: 0px;
padding-bottom:30px;
}
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------------- */

#header_tonart #navi, #header_tonart #subnavi{
padding-left:7px;
}

#header_tonart #navi{
padding-top: 40px;
}

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

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

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

#navi a:focus, #navi a:active {
 text-decoration:underline; color:#000;
}

#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:#000;
margin-top:15px;
padding-left:10px;
}

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

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

#subnavi a:hover {
 text-decoration:underline; color:#000;
}


#subnavi a:focus, #subnavi a:active {
 text-decoration:underline; color:#000;
}

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

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

.facebook,
.instagram {
	padding-left: 10px;
	position: absolute;
    top: 160px;
    width: 100px;
	display: block;
}

.instagram {
	left: 90px;
}

.facebook img,
.instagram img{
	padding-right: 5px;
	float: left;
}

.facebook a,
.instagram a{
	color: #000;
	text-decoration: none;
}

.facebook span,
.instagram span{
	display: block;
    padding-top: 3px;
}

/* -----------inhalt--------------------------- */
.impress{
color:#6D8644;
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:190px;
float:left;
}

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

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

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

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

}
#flash li {
margin: 0px;
padding: 10px 0px 0px 10px;
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:#6d8644;
	font-size:12px;
	font-weight:bold;
}

.invisible {
	display:none;
}

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

#footerstart h4 {
color: #000;
}

#footerstart a {
color: #000;
}

#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:#6d8644; 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;}