/*
-------------------------------------------------------------
project            Goethe Oberschule Berlin
author:            hüben und drüben // heimat für kulturgestaltung
last updated:      07.02.2010
-------------------------------------------------------------
*/

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

img {
 border:0px;
 }

#body {
 width:960px;
 position:scroll;
 top:0px;
 text-align:left;
 vertical-align:middle;
 margin:0px auto;
 padding:0px;
 background-color:transparent;
 font-size:12px;
 }

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

.rahmen_top_transparent {
  background-image:url(head_trans.png);
  background-repeat:no-repeat;
  width:960px;
  height:60px;
  top:0px;
  margin:0px;
  padding:0px;
  position:static;
 }

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

    }
#colorline { height:30px; width:946px; margin:8px 0; background-image:url(head_bottom.png); background-repeat:no-repeat; }
#breadcrumb { position:relative; top:8px; margin:0 0 0 10px; font-size:10px; }

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

* 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:960px;
  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:814px;
 font-size:12px;
 width:150px;
 }

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

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

/* ---------- Top nav ---------- */
#top-nav { position:relative; float:right; padding:0px; top:12px; right:3px; z-index:100; }
#top-nav ul li { float:left; height:25px; text-transform:uppercase; color:#333333; padding:0 5px 0px 0px; position:relative; }
#top-nav li.first { padding-left:0; }
#top-nav li.nav_last { padding-right:0; }
#top-nav a { font-size:12px; line-height:100%;  height:25px; position:relative; display:block; float:left; display:inline; font-weight:500; padding:6px 5px 0px 5px; margin:-3px 0; }
#top-nav a:hover,
#top-nav a.current,
#top-nav a#active { color:#333333; background:#fdb90c; text-decoration:none; }
#top-nav li:hover a { color:#333333; background:#fdb90c; height:25px;}
#top-nav a.current:hover { text-decoration:none; }
#top-nav li.last a { padding-right:0; }
#top-nav li { list-style:none; }

*:first-child+html #top-nav { top:24px; }

/* 2nd Menu */
#top-nav ul li > ul.nav2nd,
#top-nav ul li a ul.nav2nd,
#top-nav ul li a:visited ul.nav2nd,
#top-nav ul li a:link ul.nav2nd { display:none; position:absolute; }
#top-nav ul li:hover ul { display:block; position:absolute; top:0px; left:-40px; z-index:-1; }
#top-nav ul li ul li { padding:0; margin:0; position:relative; top:28px; left:0px; vertical-align:middle;
                border-top:1px solid #EA6A00; text-transform:none; }
#top-nav ul li.nav_last ul li { left:-120px; }
#top-nav ul li.nav_2ndLast ul li { left:-50px; }
#top-nav ul li ul li.nav_last { border-bottom:1px solid #EA6A00; }
#top-nav ul li ul li a,
#top-nav ul li:hover ul li a { height:19px; width:150px; color:#333333;
                background:url(navArr.png) no-repeat top left #fdb90c; font-weight:500; padding:6px 5px 0px 18px; margin:0; }
#top-nav ul li ul li.navDoubleHeight { height:37px; }
#top-nav ul li:hover ul li.navDoubleHeight a { height:37px; }
#top-nav ul li ul li.navSpace { height:25px; background:#fdb90c; border-bottom:4px solid #EA6A00; width:173px; margin-top:-1px; }
                /* 2nd Menu Hover Persistence */
#top-nav ul li ul li:hover { height:25px; }
#top-nav ul li ul li.navDoubleHeight:hover { height:37px; }
#top-nav ul li ul li a:hover,
#top-nav ul li ul li a.current { color:#ffffff; background:url(navArr.png) no-repeat top left #EA6A00; }
/* Ende Navi
////////////////////////////////*/

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

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

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

.logo {
 /* background-image:url(logo_gray.png); */
 background-image:url(../files/logo_gray_1.png);
 background-repeat:no-repeat;
 width:302px;
 height:100px;
 margin:0px;
 padding:0px;
 position:relative;
 background-color:transparent;
 }
.nr2 {margin-top:-100px; background-image:none;}
.r1 { top:8px; }
.r2 { top:116px; }
.r3 { top:224px; }
.s1 { left:9px; }
.s2 { left:243px; }
.s3 { left:478px; }
.s4 { left:712px; }

/* Ende Kopfbild
/////////////////////////////////////*/

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

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

/* Sub-Navigation
///////////////////////////*/
#navigation {
 width:222px;
 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:12px;
 font-weight:normal;
 padding-top:0px;
 }

#navigation ul {
 margin:0px;
 padding:0px;
 width:222px;
 display:block;
 }

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

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

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

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

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

#navigation ul li a {
 color:#333333;
 }
/* Navigation Ende
///////////////////////////*/

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

.box-head {
 padding-left:12px;
 padding-top:4px;
 width:210px;
 height:16px;
 background-color:#fdb90c;
 color:#333333;
 font-size:12px;
 text-transform:uppercase;
 }

#box_news {
 width:222px;
 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;
 }

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

#box_kontakt {
 width:198px;
 background-image:url(box_kontakt_bg.jpg);
 background-repeat:no-repeat;
 background-color:#D9D9D9;
 padding:12px;
 padding-top:15px;
 }

#box_termine {
 width:198px;
 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;
 }

.box_termine {
 width:198px;
 background-image:url(box_kontakt_bg.jpg);
 background-repeat:no-repeat;
 background-color:#D9D9D9;
 padding:12px;
}
.box_termine li {
 list-style:none;
 padding:0;
 margin:0;
 }
.box_termine ul {
 margin:0;
 padding:0;
 }
/* Ende linke Spalte
/////////////////////////////////////*/

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

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

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

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

/* Teaser */

#features  { width:680px; height:150px; overflow:visible; position:relative; margin:0; margin-left:5px; padding-right:10px; padding-top:0px; }
#features h1,
#features h2{ z-index:1; position:relative; margin-left:0px; padding:0; font-size:12px; font-weight:normal;}
#features .issue { float:left; width:160px; margin:0px; margin-right:10px; }
#features .issue p { z-index:1; position:relative; }
#features  a { text-decoration:none; }
#features .red-teaser-arr { position:absolute; display:inline; margin-left:0px; padding:5px 0; z-index:1; }

#features .kontakt .big_img,
#features .big_img_only { position:absolute; left:0; top:-5px; z-index:5; }
#features .neuhier .big_img,
#features .big_img_only { position:absolute; top:-5px; z-index:5; }
#features .drei .big_img,
#features .big_img_only { position:absolute; left:400; top:-5px; z-index:5; }
#features .vier .big_img,
#features .big_img_only { position:absolute; left:400; top:-5px; z-index:5; }
#features .big_img.hover { display:none; }

#features .issue:hover img.big_img { display:none; }
.teaser_headline { margin:3px 0; text-transform:uppercase; }
.teaser_headline  a { margin-left:15px; }
/* Ende Teaser */

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

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

.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;
 }

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

.solo {
 width:680px;
 }

.bsolo {
 width:664px;
 clear:both;
 }
.c-img.bsolo img {
 margin-bottom:-3px;
 max-width:664px;
 }

.c_img_bg.bsolo {
 background-image:url(box_content_bg_solo.jpg);
 width:634px;
 }

.c-artiste {
 text-transform:uppercase;
 background-color:#fdb90c;
 padding:3px;
 padding-left:10px;
 padding-right:10px;
 color:#333333;
 position:relative;
 line-height:14px;
 font-size:12px;
 font-weight:bold;
 margin-bottom:-10px;
 margin-top:0px;
 }

.c-title,
.c-subtitle {
 background-color:#ea6a00;
 padding:1px;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:18px;
 font-size:12px;
 font-weight:normal;
 }

*html .c-title {
 margin-top:7px;
 }
*:first-child+html .c-title {
 margin-top:7px;
 }

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

.c-produktion {
 font-size:12px;
 }

.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:#cccccc;
 padding:2px;
 padding-left:10px;
 padding-right:10px;
 color:white;
 position:relative;
 line-height:19px;
 }

.ct table tr td {
 padding:0 2px 0 2px;
 margin:0px;
 border:1px dotted #cccccc;
 border-spacing:0px;
}
.ct table.htmlphp tr td {
  padding:0px;
  border:0px;
}
.ct table tr td {
 vertical-align:top;
}

/* Event_Cal Styles
///////////////////////////*/
.TKOPF{
    color:black;
    font-size:150%;
    font-weight:bold;
   border:1px solid #808080;
   background-color:#c0c0c0;
   width:100%;
   margin-top:20px;
   margin-bottom:5px;
}

.EVENT {
   color:black;
   border:1px solid #808080;
   background-color:#f6f6f6;
   width:100%;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:4px;}

.TZEILE1 {}
.TZEILE2{background-color:#f0f0f0;}
.TZEILESPECIAL{color:#009900;border:1px solid #990000; }
.TZEILEIMPORTANT{color:#990000;border:1px solid #009900; }


.EVENT p, .EVENT ul {
margin: 0;
}
/* ---------- Calendar ---------- */
#calendar { overflow:hidden; height:213px; padding:0; padding-left:4px; }
#calendar #ical { position:absolute; float:left; width:194px; margin-top:7px; padding:0px 10px 0px 10px;} /* background:url(dot-line-vert_.gif) right repeat-y; */
#calendar #calHead { position:absolute; width:194px; height: 45px; overflow:visible; padding:0; margin:0; text-align:center; background:url(bg-days.gif) bottom repeat-x; }
#calendar #calHead #mon-prev { width:20px; height:18px; display:block; background:url(mon-prev.gif) no-repeat; background-position:0; }
#calendar #calHead #mon-prev:hover { background-position:-21px 0; }
#calendar #calHead #mon-next { width:20px; height:18px; display:block; background:url(mon-next.gif) no-repeat; background-position:0; }
#calendar #calHead #mon-next:hover { background-position:-21px 0; }
#calendar #calPrevMon { float:left; }
#calendar #calNextMon { float:right; }
#calendar span#calHeadMon { margin-left:25px; color:#333333; float:left; width:154px; font-weight:bold; font-size:1.2em; padding-top:2px;}
#calendar .calendar { width:194px; padding:0; margin:20px 0; position:absolute; background:transparent; }
#calendar .calendar tr { width:194px; height:25px; }
#calendar tr.tableDays { background:transparent; }
#calendar .calendar th { text-align:center; }
#calendar .calendar td { font-size:0.9em; width:21px; height:21px; background-color:#DFDFDF; border:2px solid #DFDFDF; text-align:center; }
#calendar .calendar td.linked-day { border-bottom:2px solid #fdb90c; }
#calendar .calendar td.linked-day a { display:block; color:#333; }
#calendar .calendar td.linked-day:hover{ border:2px solid #fdb90c; background-color:#fdb90c; color:#000000; }
#calendar .calendar td.linked-day:hover a,
#calendar .calendar td.linked-day a:hover { color:#000000; }
#calendar .calendar td.dayEmpty { height:25px; border:0px; background:url(bg-emptyday.gif) repeat-x; }

        /* ---------- Global search box ---------- */
#searchBox { float:left; color:#ccc; position:absolute;}
#search-form { float:left; display:inline; width:225px; }
#search-input {        font-size:0.9em; width:130px; margin-top:22px; margin-left:10px; height:14px; padding:2px; float:left; display:inline; border:1px solid #c3c3c3; border-top-color:#7c7c7c; border-bottom-color:#ddd; }
#search-submit { margin:22px 0 0 10px; display:inline; float:left; }
#searchBox .hide {display:none;}

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

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

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

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

#copyright {
 color:#333333;
 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; /*333333*/
 }

a:hover {
 color:#E55124;
 }
#c-main a {
  color:#E55124;
  }
#c-main a:hover {
  color:#E55124;
  }
#c-main .c_img_links a {
  color:#ffffff;
  }
#c-main .c_img_links a:hover {
  color:#E55124;
  }


.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;
 }