/*

*/

body {
  background-image:url(bground.gif);
  background-attachment:fixed;
  background-color:white;
  font-size:12px;
  color:black;
  padding:0px;
  margin:0px;
  text-align:center;
  }

img {
 border:0px;
 }

#body {
 width:818px;
 position:scroll;
 top:0px;
 text-align:left;
 vertical-align:middle;
 margin:0px auto;
 padding:0px;
 background-color:transparent;
 }


/*Rahmen um den Content
/////////////////////////////////////*/

.rahmen_top_transparent {
  background-image:url(border_top_trans.png);
  background-repeat:no-repeat;
  width:818px;
  height:14px;
  top:0px;
  margin:0px;
  padding:0px;
 }

* html #rahmen_top_transparent {
      background:none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/border_top_trans.png', sizingMethod='scale');

    }

.rahmen_content_transparent {
 background-image:url(border_content.png);
 background-repeat:repeat-y;
 width:818px;
 margin:0px;
 padding:0px;
 }

* html #rahmen_content_transparent {
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/border_content.png', sizingMethod='scale');
 }

.linien_bottom_transparent {
  background-image:url(notenlinien.png);
  background-repeat:no-repeat;
  width:818px;
  height:18px;
  top:0px;
  margin:0px;
  padding:0px;
 }

* html #linien_bottom_transparent {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/notenlinien.png', sizingMethod='scale');
    }

.rahmen_bottom_transparent {
  background-image:url(border_bottom_trans.png);
  background-repeat:no-repeat;
  width:818px;
  height:14px;
  top:0px;
  margin:0px;
  padding:0px;
 }

* html #rahmen_bottom_transparent {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/border_bottom_trans.png', sizingMethod='scale');
    }

/* Ende Rahmen um den Content
/////////////////////////////////////*/

#c1 {
 background-color:white;
 width:800px;
 left:9px;
 position:relative;
 min-height:200px;
 }

#logo {
 background-image:url(logo.jpg);
 background-repeat:no-repeat;
 width:800px;
 height:96px;
 top:0px;
 margin:0px;
 padding:0px;
 background-color:white;
 position:relative;
 }

#head {
 background-image:url(head.jpg);
 background-repeat:repeat-x;
 width:800px;
 height:392px;
 top:0px;
 margin:0px;
 padding:0px;
 background-color:white;
 position:relative;
 }

#impressum {
 position:absolute;
 top:77px;
 left:700px;
 font-size:10px;

 }

#head-img {
 width:563px;
 height:364px;
 position:absolute;
 top:18px;
 right:0px;
 float:right;
 overflow:hidden;
 }

#trailer-text {
 background-image:url(trailer-text.jpg);
 background-repeat:repeat-x;
 width:150px;
 height:66px;
 position:absolute;
 top:255px;
 right:0px;
 overflow:hidden;
 }

#trailer-ruler {
 border-top: 1px solid #4092F5;
 position:absolute;
 width:140px;
 height:1px;
 top:25px;
 right:0px;
 }

#trailer-title {
 color:#4092F5;
 position:absolute;
 width:135px;
 right:0px;
 font-size:13px;
 top:7px;
 font-weight:bold;
 padding-right:5px;
 }

#trailer-date {
 color:white;
 position:absolute;
 width:135px;
 right:0px;
 top:29px;
 font-size:11px;
 padding-right:5px;
 }

.box {
 width:161px;
 border:1px solid #cccccc;
 background-color:#E8E5D3;
 position:relative;
 left:12px;
 margin-bottom:10px;
 padding-left:8px;
 }

.box-head {
 background-image:url(box_head.jpg);
 background-repeat:no-repeat;
 margin-left:-8px;
 padding-left:8px;
 width;169px;
 height:27px;
 }

#ticker {
 margin-top:10px;
 z-index:1;
 }

#ticker h3 {
 margin-top:3px;
 }

.sign {
 background-image:url(!.png);
 background-repeat:no-repeat;
 width:75px;
 height:75px;
 position:absolute;
 top:-26px;
 left:127px;
 z-index:10;
 }

*html #sign {
 background:none;
 background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/!.png', sizingMethod='scale');
  }



/* Navigation
///////////////////////////*/

#navigation {
 width:237px;
 position:absolute;
 top:30px;
 margin:0px;
 padding:0px;
 font-size:17px;
 font-weight:normal;
 }

*+html #navigation {
 font-size:16px;
 }

ul {
 margin:0px;
 padding:0px;
 width:237px;
 display:box;
 }

li {
 margin:0px;
 padding:0px;
 list-style:none;
 width:237px;
 display:block;
 height:26px;
 }

li.active {
 background:url(nav-button2.jpg) left no-repeat;
 background-color:#E5E2CE;
 }

li a {
 padding-left:25px;
 display:block;
 height:21px;
 padding-top:5px;
 background-color:transparent;
 }

li a:hover {
 background:url(nav-button2.jpg) left no-repeat;
 background-color:#E5E2CE;
 }

*html li a:hover {
 background:url(nav-button3.jpg) left no-repeat;
 background-color:#E5E2CE;
 }


/* Navigation Ende
///////////////////////////*/


#content {
 position:relative;
 top:15px;
 width:800px;
 }

#c-left {
 width:196px;
 border-right:1px solid #cccccc;
 float:left;
 position:relative;
 margin-bottom:13px;
 }

#c-main {
 width:603px;
 float:right;
 border-left:1px solid #cccccc;
 margin-left:-1px;
 margin-bottom:15px;
 }

.dummy {
 clear:both;
 }

/*Content
///////////////////////////*/

.content {
 width:568px;
 margin-left:12px;
 }

.ct {
 border-bottom:1px solid #cccccc;
 }

.c-img {
 width:180px;
 border:1px solid #cccccc;
 padding-left:8px;
 float:left;
 }

.c-img img {
 margin-left:0px;
 position:relative;
 margin-bottom:8px;
 }

.c-text {
 position:relative;
 margin-left:14px;
 width:364px;
 float:right;
 }

/* Fonts
///////////////////////////*/

body {
     font-size:11px;
     font-family:Georgia;
     font-weight:normal;
     text-align:left;
     color:#46412B;
     line-height:15px;
     }

* html .content h2 {
 font-size:18px;
 }

*+html .content h2 {
 font-size:18px;
 }

* html .c-img h2 {
 font-size:12px;
 }

h3 {
 font-size:13px;
 font-weight:bold;
 margin:0px;
 margin-top:14px;
 margin-bottom:-11px;
 padding:0px;
 }

h4 {
 font-size:17px;
 font-weight:bold;
 color:white;
 margin:0px;
 margin-bottom:7px;
 padding:0px;
 padding-top:7px;
 }

*html h4 {
 padding-top:4px;
 }

*+html h4 {
 padding-top:4px;
 }

a {
 text-decoration:none;
 color:#46412B;
 }

.box {
 font-family:Times New Roman;
 font-size:11px;
 line-height:12px;
 }

*html .box p {
 margin-top:12px;
 margin-bottom:12px;
 }

*+html .box p {
 margin-top:12px;
 margin-bottom:12px;
 }

*html .box form {
 margin-top:0px;
 margin-bottom:-13px;
 }

*+html .box form {
 margin-top:0px;
 margin-bottom:-13px;
 }

.c-img h2 {
 font-size:12px;
 margin-bottom:6px;
 margin-top:6px;
 }

.c-date {
 font-size:13px;
 font-weight:bold;
 margin-bottom:3px;
 }

#pscroller1{
width: 188px;
height: 71px;
border: 0px dashed black;
padding: 0px;
padding-top:15px;
background-color: transparent;
}

.someclass{ //class to apply to your scroller(s) if desired
}

#zurueck {
 width:140px;
 position:relative;
 text-align:center;
 float:left;
 margin-bottom:15px;
 margin-left:130px;
 }

#vor {
 width:140px;
 position:relative;
 text-align:center;
 float:right;
 margin-bottom:15px;
 margin-right:150px;
 }

*html #zurueck {
 margin-left:70px;
 }

*html #vor {
 margin-right:70px;
 }


/* Workaround Safari */

/*Formulare
///////////////////////////*/

input {
 border:1px solid #cccccc;
 background-color:#E8E5D3;
 width:145px;
 color:#47422C;
 margin-bottom:9px;
 margin-top:1px;
 }

#stk {
 position:relative;
 top:0px;
 }

input.anzahl {
 width:18px;
 }

input.abbonieren {
 position:relative;
 width:105px;
 border:0px;
 font-family:Times New Roman;
 font-size:11px;
 top:0px;
 background-color:transparent;
 margin-left:0px;
 }

#sende_button {
 display:none;
 }

#abbonieren_button  {
 display:none;
 }

input.senden {
 position:relative;
 width:70px;
 border:0px;
 font-family:Times New Roman;
 font-size:11px;
 top:0px;
 background-color:transparent;
 margin-left:-5px;
 }

*html input.senden {
 width:83px;
 }

*+html input.senden {
 width:83px;
 }

/* Kontaktformular
///////////////////////////*/

#kontakt input {
 background-color:white;
 width:200px;
 }

#kontakt textarea {
 background-color:white;
 border:1px solid #cccccc;
 width:250px;
 height:100px;
 }

#kontakt .absende_button {
 float:left;
 margin-top:5px;
 display:none;
 }

#kontakt input.button {
 border:0px;
 font-family:Georgia;
 font-size:11px;
 width:109px;
 margin-left:0px;
 margin-top:10px;
 background-color:transparent;
 }

.safari_hack {
 display:none;#
 }

#stk {
 position:relative;
 top:-9px;
 }

*html #stk {
 position:relative;
 top:-2px;
 }

*+html #stk {
 position:relative;
 top:-2px;
 }

#sende_button {
 position:relative;
 margin-left:0px;
 top:-6px;
 display:inline;
 }

*html #sende_button {
 position:relative;
 margin-left:13px;
 top:1px;
 }

*+html #sende_button {
 position:relative;
 margin-left:13px;
 top:1px;
 }

input.senden {
 margin-left:-20px;
 width:83px;

 }

#abbonieren_button {
 position:relative;
 top:-8px;
 display:inline;
 }

*html #abbonieren_button {
 top:0px;
 }

*+html #abbonieren_button {
 top:0px;
 }

input.abbonieren {
 margin-left:-20px;
 }

#kontakt .absende_button {
 display:inline;
 }

#kontakt input.button {
 margin-left:-20px;
  margin-top:4px;
 }
