/*

*/

body {
  background-image:url(bgrverlauf.jpg);
  background-attachment:fixed;
  background-color:white;
  font-size:12px;
  color:#333333;
  padding:0px;
  margin:0px;
  text-align:center;
  }

img {
 border:0px;
 }

#body {
 width:820px;
 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(head_trans.png);
  background-repeat:no-repeat;
  width:820px;
  height:43px;
  top:0px;
  margin:0px;
  padding:0px;
 }

* html #rahmen_top_transparent {
      background:none;
      filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelab-berlin.de/thelab/template/head_trans.png', sizingMethod='scale');

    }

.rahmen_content_transparent {
 background-image:url(body_trans.png);
 background-repeat:repeat-y;
 width:820px;
 margin:0px;
 padding:0px;
 }

* html #rahmen_content_transparent {
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelab-berlin.de/thelab/template/body_trans.png', sizingMethod='scale');
 }

.rahmen_bottom_transparent {
  background-image:url(foot_trans.png);
  background-repeat:no-repeat;
  width:820px;
  height:58px;
  top:0px;
  margin:0px;
  padding:0px;
 }

* html #rahmen_bottom_transparent {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelab-berlin.de/thelab/template/foot_trans.png', sizingMethod='scale');
    }

/* Ende Rahmen um den Content
/////////////////////////////////////*/

/* Beginn Impressum
/////////////////////////////////////*/
#impressum {
 position:relative;
 top:15px;
 left:699px;
 font-size:12px;
 width:150px;
 }

#impressum a {
 font-size:11px;
 color:#333333;
 }

#impressum a img {
 position:relative;
 margin-bottom:-2px;
 margin-left:1px;
 margin-right:1px;
 }
/* Ende Impressum
/////////////////////////////////////*/

/* Beginn Kopfbild
/////////////////////////////////////*/
#head {
 background-image:url(head_pic_default.jpg);
 background-repeat:repeat-x;
 width:806px;
 height:392px;
 top:0px;
 margin:0px;
 padding:0px;
 background-color:white;
 position:relative;
 margin-left:6px;
 }

#head img {
 position:relative;
 margin-top:-7px;
 z-index:1;
 }

#raster {
 position:relative;
 margin-top:-399px;
 background-image:url(head_pic_raster.gif);
 background-repeat:no-repeat;
 width:806px;
 height:399px;
 z-index:10;
 }

*html #raster {
 margin-top:-402px;
 }

*:first-child+html #raster {
 margin-top:-402px;
 }

#logo {
 background-image:url(logo.jpg);
 background-repeat:no-repeat;
 width:192px;
 height:126px;
 top:7px;
 left:607px;
 margin:0px;
 padding:0px;
 background-color:white;
 position:relative;
 background-color:transparent;
 }
/* Ende Kopfbild
/////////////////////////////////////*/

/* Beginn linke Spalte
/////////////////////////////////////*/

#left {
 width:199px;
 margin:0px;
 margin-left:6px;
 border-right:1px solid #CCCCCC;
 overflow:hidden;
 margin-top:13px;
 float:left;
 }

*html #left {
 margin-left:3px;
 }


/* Navigation
///////////////////////////*/
#navigation {
 width:184px;
 min-height:119px;
 position:relative;
 left:7px;
 margin:0px;
 padding:0px;
 background:url(nav_bg.jpg) top no-repeat;
 background-color:#D9D9D9;
 margin-bottom:13px;
 font-size:13px;
 font-weight:normal;
 padding-top:3px;
 }

ul {
 margin:0px;
 padding:0px;
 width:184px;
 display:box;
 }

li {
 margin:0px;
 padding:0px;
 list-style:none;
 width:184px;
 display:block;
 height:23px;
 border-bottom:1px solid #cccccc;
 }

li.last,
li.active_last {
 border:0px;
 }

li.active,
li.active_last {
 background:url(nav_square.jpg) no-repeat;
 background-position:4% 50%;
 }

li a {
 padding-left:25px;
 display:block;
 height:19px;
 padding-top:4px;
 background-color:transparent;
 }

li a:hover {
 background:url(nav_square.jpg) no-repeat;
 background-position:4% 50%;
 }

#navigation ul li a {
 color:#333333;
 }

/* Navigation Ende
///////////////////////////*/

.box {
 width:184px;
 border:0px solid black;
 position:relative;
 left:7px;
 margin-bottom:13px;
 }

.box-head {
 padding-left:12px;
 padding-top:4px;
 width:172px;
 height:16px;
 background-color:#333333;
 color:white;
 }

#box_news {
 width:184px;
 height:60px;
 background-image:url(box_news_bg.jpg);
 background-repeat:no-repeat;
 padding:12px;
 padding-top:15px;
 }

#box_news input {
 width:126px;
 height:15px;
 border:1px solid #cccccc;
 color:#333333;
 font-size:12px;
 padding:3px;
 }

*html #box_news input {
 position:relative;
 bottom:8px;
 height:15px;
 }

*:first-child+html #box_news input {
 position:relative;
 bottom:8px;
 height:15px;
 }

.img_news {
 margin-bottom:-8px;
 margin-left:0px;
 }

*html .img_news {
 position:relative;
 top:-4px;
 }

*:first-child+html .img_news {
 position:relative;
 top:-3px;
 }

#box_kontakt {
 width:184px;
 height:111px;
 background-image:url(box_kontakt_bg.jpg);
 background-repeat:no-repeat;
 padding:12px;
 padding-top:15px;
 }

#box_termine {
 width:160px;
 background-image:url(box_termine_bg.jpg);
 background-repeat:no-repeat;
 padding:12px;
 padding-top:0px;
 background-color:#D9D9D9;
 }

.termin {
 margin-top:20px;
 }

.termin_img {
 float:left;
 }

.termin_link {
 width:100px;
 z-index:100;
 padding-left:18px;
 display:block;
 margin-top:-2px;
 }

*html .termin_link {
 padding-left:7px;
 }

*:first-child+html .termin_link {
 padding-left:7px;
 }
/* Ende linke Spalte
/////////////////////////////////////*/

/* Beginn Inhalt
/////////////////////////////////////*/
#c-main {
 width:614px;
 float:right;
 border-left:1px solid #cccccc;
 margin-left:-1px;
 margin-bottom:15px;
 margin-top:13px;
 }

.dummy {
 clear:both;
 height:0px;
 }

.content {
 width:580px;
 margin-left:8px;
 }

.ct {
 border-bottom:1px solid #cccccc;
 margin-top:0px;
 padding-bottom:15px;
 margin-bottom:15px;
 }

*html .ct {
 padding-bottom:0px;
 }

*:first-child+html .ct2 {
 padding-bottom:0px;
 }

.c-img {
 width:193px;
 border:1px solid #cccccc;
 padding:7px;
 float:left;
 z-index:10;
 }

.c-img img {
 margin-bottom:8px;
 }

.c_img_bg {
 background-image:url(box_content_bg.jpg);
 background-repeat:no-repeat;
 padding:15px;
 background-color:#D9D9D9;
 }

.c_img_links {
 background-color:#333333;
 height:17px;
 color:white;
 margin-top:7px;
 padding:0px;
 padding-left:13px;
 padding-top:3px;
 }

.c_img_links a {
 color:white;
 z-index:100;
 }
*html #c-main .content .ct .c-img .c_img_links {position:relative;}
*html #c-main .content .ct .c-img .c_img_links .ie {position:absolute;}

.c-text {
 position:relative;
 margin-left:14px;
 width:356px;
 float:right;
 z-index:1;
 }

.c-artiste {
 background-color:#E55124;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:15px;
 }

.c-title,
.c-subtitle {
 text-transform:uppercase;
 background-color:#28A7B0;
 padding:2px;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:19px;
 }

*html .c-subtitle {
 line-height:15px;
 }
*:first-child+html .c-subtitle {
 line-height:15px;
 }

.c-text hr {
 border:0px;
 border-top:1px solid #cccccc;
 margin-top:9px;
 margin-bottom:9px;
 height:1px;
 }

.c-produktion {
 font-size:10px;
 line-height:10px;
 }

.c-orange {
 background-color:#E55124;
 padding:2px;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:19px;
 }

.c-blue {
 background-color:#28A7B0;
 padding:2px;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:19px;
 }

.c-black {
 background-color:#333333;
 padding:2px;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:19px;
 }

/* Kontaktformular
///////////////////////////*/
#kontakt input {
 background-color:white;
 width:200px;
 border:1px solid #cccccc;
 margin-bottom:8px;
 }

#kontakt textarea {
 background-color:white;
 border:1px solid #cccccc;
 width:250px;
 height:100px;
 }

#kontakt input.button {
 border:0px;
 font-family:Arial;
 font-size:12px;
 width:109px;
 margin-left:0px;
 margin-top:8px;
 background-color:transparent;
 }

.safari_hack {
 display:none;#
 }


#sende_button {
 position:relative;
 margin-left:0px;
 top:-6px;
 display:inline;
 }

*html #sende_button2 {
 position:relative;
 margin-left:13px;
 top:1px;
 }

*+html #sende_button {
 position:relative;
 margin-left:13px;
 top:10px;
 display:block;
 }

input.senden {
 margin-left:-20px;
 width:83px;
 }

#kontakt .absende_button {
 display:inline;
 top:-1px;
 position:relative;
 }

*html #kontakt .absende_button {
 top:-2px;
 }

*:first-child+html #kontakt .absende_button {
 top:-2px;
 }

#kontakt input.button {
 margin-left:-20px;
 margin-top:4px;
 }
/* Kontaktformular ENDE
///////////////////////////*/

#copyright {
 color:white;
 margin-left:20px;
 padding-top:3px;
 }


/* Fonts
///////////////////////////*/

body {
     font-size:11px;
     font-family:Arial,Helvetica,sans-serif;
     font-weight:normal;
     text-align:left;
     color:#333333;
     }

a {
 text-decoration:none;
 color:#333333;
 }

a:hover {
 color:#E55124;
 }

span,
span span.caps {
 color:#28A7B0;
 }

span.caps {
 color:#333333;
 }

.box {
 font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 line-height:13px;
 }

#zurueck {
 width:90px;
 position:relative;
 text-align:right;
 float:left;
 margin-bottom:15px;
 margin-left:400px;
 }

#vor {
 width:87px;
 position:relative;
 text-align:left;
 float:right;
 margin-bottom:15px;
 margin-right:0px;
 }

*html #zurueck {
 margin-left:70px;
 }

*html #vor {
 margin-right:70px;
 }

#kontakt h2,
#kontakt h3 {
 font-size:14px;

 }


/*Accordeon Styles
*****************************/
dt{
        border-bottom: 1px solid #cccccc;
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }
dd {
        overflow: auto;
        margin:0px;
        padding:0px;
        padding-bottom:7px;
        margin-bottom:7px;
        border-bottom: 1px solid #cccccc;
        }
dd p {
        margin:0px;
        padding:0px;
        margin-bottom:7px;
        }

#myAccordion {
        width: 100%;
        border-bottom: 0px solid #cccccc;
        margin:0px;
        padding:0px;
        }

dt.myAccordionHover {
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }
dt.myAccordionActive {
        border-bottom: 1px solid #cccccc;
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }

dt p.acc_button {
        display:none;
        }

#myAccordion dt{
        border:0px;
        border-bottom: 1px solid #cccccc;
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }

*html #myAccordion dt{
        border:0px;
        border-bottom: 1px solid #cccccc;
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }

#myAccordion dd {
        overflow:hidden;
        margin:0px;
        padding:0px;
        padding-bottom:7px;
        margin-bottom:7px;
        border:0px;
        border-bottom: 1px solid #cccccc;
        }
#myAccordion dd p {
        margin:0px;
        padding:0px;
        margin-bottom:7px;
        }

#myAccordion dt.myAccordionHover {
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }
#myAccordion dt.myAccordionActive {
        border:0px;
        border-bottom: 1px solid #cccccc;
        margin:0px;
        margin-bottom:7px;
        padding:0px;
        padding-bottom:7px;
        }

#myAccordion dt p.acc_button {
        display:block;
        }

#myAccordion dt.myAccordionActive p.acc_button {
        display:none;
        }