/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
border: 0;
}

html {
     /* verhindert Mozilla-Zucken
     * > Firefox 1.5
     */
         overflow-y: scroll
}


body{
margin:0;
padding:0;
font-family: arial, sans serif;
font-size: 75%;
color: #666;
background: url(images/bg.gif);        /* HIER KOMMT DIE HINTERGRUNDGRAFIK HIN !!!   */
}



/* ----- IDS ----- */

#wrapper{
	width: 800px;
         margin: 0 auto;

}

#header {
	height: 200px;
         width: 800px;
         margin: 50px 0 0 0;
         background: #000;
         padding: 0;
         position: relative;

}

#header img {
 	bottom:0;
         position: absolute;;

}

#header ul {
 	float: right;
         color: #fff;
         padding: 4px 10px 0 0;
         line-height: 1em;
}

#header ul li {
	font-size: 10px;
	display: inline;
         text-transform: uppercase;
}

#header ul li a {
 	text-decoration: none;
         color: #fff;
}

#menu, #menu_kontakt, #menu_ueber {
         padding: 10px 0 0 10px;
         width: 790px;
	font-weight: normal;
}

#menu {
         background: #fff;
         height: 20px;

}

#menu_kontakt {
         background: url(images/banner_kontakt2.jpg);
         height: 34px;
}

#menu_ueber {
         background: url(images/banner_ueber2.jpg);
         height: 34px;
}

#menu ul, #menu_kontakt ul, #menu_ueber ul {
	width: 800px;
	float: left;
	list-style-type: none;
}

#menu ul li, #menu_kontakt ul li, #menu_ueber ul li {

         font-size: 14px;
	display: inline;
	padding: 4px 16px 4px 0px;
	margin: 0px 1px 0px 0px;
	background-color: #fff;
}

#menu ul li a:hover, #menu_kontakt ul li a:hover, #menu_ueber ul li a:hover {
	color: #965252;
}

#menu ul li.current a, #menu_kontakt ul li.current a, #menu_ueber ul li.current a{
         color: #965252;
}

#menu ul li a, #menu_kontakt ul li a, #menu_ueber ul li a  {
	text-transform: uppercase;
         color: #666;
	text-decoration: none;
}

#submenu {
	padding: 0px 0 25px 180px;


}

#submenu {
         background: #fff;;
}

#submenu ul {
	width: 800px;
	float: left;
	list-style-type: none;
}

#submenu ul li {
         font-size: 1em;
         font-weight: bold;
	display: inline;
	padding: 0px 16px 4px 0px;
	margin: 0px 1px 0px 0px;
	background-color: #fff;
}

#submenu ul li a:hover {
	color: #965252;
}

#submenu ul li.current a {
         color: #965252;
}

#submenu ul li a {
	text-transform: uppercase;
         color: #666;
	text-decoration: none;
}


#content {
         width:800px;
         height: 100%;
         background: #fff;
         padding: 30px 0 0 0;
         float: left;
         line-height: 1.5em;
}

#content_produktionen {
	width:800px;
         height: 100%;
         background: #fff;
         padding: 5px 0 0 0;
         float: left;
         line-height: 1.5em;
}

.article_container {
         float: left;
         width: 790px;
         padding: 0 0 10px 10px;
         background: #fff;
}

.movie_container {
         float: left;
         width: 750px;
         margin: 0 0 20px 20px;
         padding: 5px 0 5px 0;
         border-top: 1px solid #666;
         border-bottom: 1px solid #666;
         background: #fff;
}

.left {                                  		/* für kontakt.php */
	float: left;
         width: 200px;
}

.left p {                                        	/* für kontakt.php */
         font-family: arial, verdana, sans serif;
         font-size: 12px;
         margin: 0 0 10px 0;
}

.left img {
 	padding: 0px 0 0 0;
}

* + html .left img {
 	padding: 8px 0 0 0;
}

.right  {                              		      	/* für kontakt.php */
         width: 480px;
         float: right;
         margin: 0 100px 0 0;
}
                                                      	/* für kontakt.php */
.right p {
         font-family: arial, verdana, sans serif;
         font-size: 12px;
}

.article_container h1 {
         color: #965252;
	font-size: 1em;
         float: left;
         font-weight: normal;
         text-transform: uppercase;
         border-bottom: 0;
}

.movie_container img.thumb {
	float: left;

}

.article_content {
         width: 480px;
         float: right;
         margin: 0 200px 0 0;
         font-family: arial, verdana, sans serif;
         font-size: 12px;

}

.movie_content {
         width: 400px;
         float: left;
         margin: 0 0px 0 40px;
         font-family: arial, verdana, sans serif;
         font-size: 12px;
         padding: 0 0 0 10px;

}

.article_content p {
         margin: 0 0 10px 0;
}


.movie_content p {
         margin: 0px 0 10px 0;
}

.article_content h1 {
	font-size: 1em;
         font-weight: bold;
         text-transform: uppercase;
         }

.movie_content h1 {
         color: #965252;
	font-size: 14px;
         font-weight: bold;
         text-transform: uppercase;
         border-bottom: 0;

}

h1.movie_header {
         color: #965252;
	font-size: 12px;
         font-weight: normal;
         text-transform: uppercase;
         border-bottom: 0;
         margin: 0 0px 0 95px;
         padding: 10px 0 0 10px;
         background: url(images/pfeil.jpg) no-repeat 0% 80% ;
}

.article_content h2 {
	font-size: 1em;
         font-weight: bold;
         text-transform: uppercase;
}

.movie_content h2 {
	font-size: 12px;
         font-weight: bold;
         padding: 10px 0 0 0;
}

.article_content ul {
         margin: 0 0 20px 0;
}

.movie_content ul {
         margin: 10px 0 10px 0;
}

.article_content ul li {
         background-image: url(images/yes.gif);
         background-repeat: no-repeat;
         padding: 0 0 0 20px;
         list-style-type: none;
         height: 20px;
}

.movie_content ul li {
         background-image: url(images/yes.gif);
         background-repeat: no-repeat;
         padding: 0 0 0 20px;
         list-style-type: none;
         height: 20px;
}

.article_content ul li.no {
         background-image: url(images/no.gif);
         background-repeat: no-repeat;
         list-style-type: none;
}

#footer {
	width: 800px;
         float: left;
         margin: 0 0px 50px 0px;
         background: #000;
         height: 20px;

}

#footer p {
         color: #fff;
         float: right;
         text-transform: uppercase;
         font-size: 10px;
         padding: 3px 10px 5px 0;

}

/* ----- CLASSES ----- */

.hide{
}
.show{
}
.line {
         height: 1px;
         background: #666;
         float: left;
         width: 780px;
}

.movie_play a, .movie_play2 a {
         color: #965252;
	font-size: 12px;
         font-weight: normal;
         text-transform: uppercase;
         border-bottom: 0;
         text-decoration: none;



}

.play img{
	padding: 8px 0 0 0;

}

.movie_play {

	width: 144px;
         float: right;
         padding: 10px 0 10px 0;
}

.movie_play 2 {

	width: 144px;
         float: right;
         padding: 10px 0 10px 0;
}

.movie_play img {

}

.cover img{
      	float: right;
         }

.cover {
	float: right;
}




.credits p{
 	text-align: right;
         font-family: arial, verdana, sans serif;
         font-size: 12px;
}

.reel {
        text-decoration: none;
        border:0;
        padding:0;
        display: block;
        text-indent: -9999px;
        letter-spacing: -9999px;
        font-size:0;
        width: 237px;
        height:77px;
        margin: 10px 0 0 0;
        float: left;
        background: url("images/reel.jpg") 0 0 no-repeat;
}

.reel:hover {
	background-position: -237px 0;

}

.eberhard {
        text-decoration: none;
        border:0;
        padding:0;
        margin: 0 0 0 20px;
        display: block;
        text-indent: -9999px;
        letter-spacing: -9999px;
        font-size:0;
        width: 229px;
        height:88px;
        background: url("images/eberhard.jpg") 0 0 no-repeat;
}

.eberhard:hover {
	background-position: -229px 0;

}

#buttons ul {
         margin: 0 0 10px 0;
          height:88px;
          width: 700px;
          display: block;

}

#buttons ul li {
 	         float: left;
                  background-image: none;
                  margin: 0;
                  padding: 0;

}


/* ----- HEADINGS ----- */

h1{
	color: #666;
         font-size: 12px;
         border-bottom: 2px solid #666;
         text-transform: uppercase;
         margin: 0 10px 20px 10px;
         font-family: arial, sans serif;
}

h2{
}
h3{
}
h4{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

/* ----- IMAGES ----- */

img{
	border: 0;
}
img a{

}
img a:hover{
}

/* ----- LINKS ----- */

a{	color: #965252;
text-decoration: none

}
a:hover{ text-decoration: underline;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

/* ----- FORMS ----- */

form{
	width: 500px;
         margin: 0 0 20px 0;
         line-height: 1em;
}
fieldset{
}
legend{
}

.formline {

    	border-top: 1px solid #666;
         width: 500px;
}

label {
         font-family: arial, verdana, sans serif;
         font-size: 12px;
         padding: 10px 0px 10px 0;
         width: 60px;
         float: left;

}

input{
}

.line2 {
         height: 1px;
         background: #666;
         float: left;
         width: 500px;
}

textarea{
	height: 100px;
	padding: 0 0 25px 0;


}
input, textarea{
         font-family: arial, verdana, sans serif;
         font-size: 12px;
         padding: 10px 0 10px 0;
         width: 440px;



}

input#submit1 {
         float: left;
         width: 60px;
         height: 25px;
         background: #000;
         margin: 25px 25px 20px 0;
         cursor: pointer;
         color: #fff;
         padding: 0 0 2px 0;
}

#submit2 {
         float: left;
         width: 60px;
         height: 25px;
         background: #000;
         margin: 25px 25px 20px 0;
         cursor: pointer;
         color: #fff;
         padding: 0 0 2px 0;
}

input#submit1:hover, #submit2:hover {
	background: #965252;

}

#feedback {
	color: #fff;
         background: #965252;
         padding: 10px;
         margin: 0 0 20px 0;
         width: 480px;
}

select{
}
optgroup{
}
option{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}


#basic-accordian{
	background: #fff;
         width: 800px;

}

.accordion_headings{
	cursor:pointer;

}

.accordion_headings:hover{
	text-decoration: underline;

}

.accordion_child{

}

.header_highlight{

}