@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/


@media all
{
/* Your styles here */

/*---------------Cyan 50% #84d0f0-----------------------------------------*/


/* #############################################
** ### Allgemeine Definitionen #################
** #############################################
*/

/* ### basemode.css ############################ */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #fff; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:100%;color:#aaa;}  
  

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { padding:0;border: 0 none; width: 985px;  min-width: inherit; max-width: none; background: #fff; text-align:left;margin: 0 auto;}
  
  #page{border: 0 none;}
  
  #header {padding: 0; margin: 0; color: #000; background: #fff;height:120px;  }
  #header img.headImg1 {font-size:208%; left:30px; position:absolute; top:25px; z-index:2000;}  
  #header .topnav {width:235px;margin:10px 10px 0 0;float:right;font-size:11px;text-align:right;}
  #header .topnav ul {margin:0;padding:0;list-style-image:none;list-style-position:outside;list-style-type:none;}
  #header .topnav li{ display:inline;margin:0 3px 0 0;padding:0;color:#a6b0c8;}
  #header .topnav li a{color:#a6b0c8;margin:0 3px 0 0;text-decoration:none;}
  
  #header .logo {position:absolute;top:30px;right:10px;}

  #teaser {position:relative;background-color:transparent; width:75%;top:20px;clear:both;z-index:999;display:none;}
  #teaser img {padding: 0 0 0 4px;}
  #teaser .rootline {margin:9px 0 0 50px;}
  #nav { display:none;}
  #nav_main {}
  
  #main { margin: 0 0 0 0;padding: 0 0 10px 0;min-height:325px;position:relative;}
  * html #main  {height:325px;}
  
  #footer { float:left;position:relative;right:0; text-align:right; padding: 0 0; color:#aaa; background: #fff; border-top: 0; margin-top:130px;font-size:11px;}
  #footer a, #footer a:link, #footer a:active, #footer a:visited,  #footer strong{ color:#aaa;font-weight:normal;text-decoration:none;padding-right:20px;}
  #footer a:hover, #footer strong{ color:#84d0f0;font-weight:normal;text-decoration:none;}
  
  .impressum {height:35px;padding: 5px 0 0; text-align:right;background: #fff url(../img/bg-pattern-weiss.gif) repeat;color:#dcddde; }
  .impressum a{color:#dcddde;font-weight:bold;text-decoration:none;}
  .impressum a:hover{color:#dcddde;font-weight:bold;text-decoration:none;}
  
  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; } 
  /* 
  .floatbox{padding-right:30px;}    
  * html .floatbox {padding:0;width:736px;}
   */
  .floatbox{padding-right:10px;overflow:auto;height:325px;width:740px; }
  * html .floatbox{padding-right:30px;overflow:auto;height:325px;width:740px;position:relative;}
html, body, textarea {
  scrollbar-base-color:#fff;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#aaa;
  scrollbar-darkshadow-color:#fff;
  scrollbar-face-color:#fff;
  scrollbar-highlight-color:#aaa;
  scrollbar-shadow-color:#aaa;
  scrollbar-track-color:#efefef;
}    
  
  .bordertop {position:relative;width:736px;height:11px;background:url(../img/rahmen-oben.gif) no-repeat;}
  .borderbottom {position:relative;width:736px;height:11px;background:url(../img/rahmen-unten.gif) no-repeat;}
  
  /* Move #col1 to the right | #col1 nach rechts verschieben */
  #col1 { float:right; width: 155px; position:absolute;right:0; }
  #col1_content { padding: 64px 0 0 0; }

  /* Hide #col2 | #col2 abschalten */
  #col2, #col2_content { display:none }

  /* Adjust right margin | Rechten Randabstand anpassen */
  #col3 { margin-left:0; margin-right:155px; }
  #col3_content { padding: 10px 0 0 0;padding-right:0;padding-left:0px;height:325px;}
  
  #submenu dfn, #submenu .hidden {
left:-1000em;
position:absolute;
width:20em;
}  

/* ############################################
** ### Navigation #############################
** ############################################
*/  
  
  ul#navi {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:10px 0 0 9px;
  margin:0;
  }
  ul#navi li {
  float:left;
  }
  ul#navi li a {
  background-repeat:no-repeat;
  display:block;
  height:30px;
  overflow:hidden;
  text-indent:999em;
  white-space:nowrap;
  }
  ul#navi li a:hover, ul#navi li.current a, ul#navi li.over a {
  background-position:0 -30px;
  }

/* ### nav_vlist.css ############################ */

   .spacer {clear:both;position:relative;height:5px;}
   .spacer2 {clear:both;position:relative;height:12px;}

   #submenu {
    width: 100%;
    overflow: hidden;
    margin:0;
    list-style-type: none;
    border-top:0;
    border-bottom:0 none;
    position:absolute;
  }

  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0;border-top: 0 none; }

  #submenu a,
  #submenu strong {
    display:block;
    width: 250px;
    padding: 2px 0px 3px 0;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border:0;
    line-height:15px;
    border-bottom:0;

  }

  #submenu a#navigation {border-bottom:0; padding:0;}

  #submenu li span {
    display:block;
    width: 100%;
    padding: 2px 0px 3px 0;
    font-weight: bold;

  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 100%;
    padding: 2px 0px 3px 0;
    font-weight: normal;
    color:#84d0f0;    
    background:transparent;
    border:0 none;
    
  }
  
  #submenu li.on, #submenu li.on a,ul#submenu strong a  { color: #84d0f0;}  
  #submenu li ul li.on  {}
  #submenu li a { padding-left: 0; width:100%; background:transparent; color: #aaa; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { color: #84d0f0;background-color: transparent;width:100%;}

  /* Level 2 */
  ul#submenu ul li a {padding: 0;}
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span {   width:100%; background: transparent url(../clear.gif);font-weight: normal;padding: 2px 0px 3px 0;}
  #submenu li ul li a {  width:100%; background: transparent url(../img/li-nav.gif) no-repeat 0 7px;padding-left:10px;}

  #submenu li ul li#active,
  #submenu li ul li strong,#submenu li ul li.on a{ width:100%; padding: 2px 0px 3px 0;background: transparent url(../img/li-nav.gif) no-repeat 0 7px;padding-left:10px;color:#009ee0;}

  #submenu li ul li a { background-color:transparent; color: #84d0f0; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { color:#84d0f0;background-color: transparent; width:100%;}
  /* Level 3 */
  ul#submenu ul ul {position:relative;margin: 0;padding: 3px 0 3px 0;font-size:88%;}
  #submenu li ul li.on ul li a{background: transparent url(../../clear.gif);padding-left:10px;color: #84d0f0;}
  #submenu li ul li.on ul li.on a{background: transparent url(../../clear.gif);padding-left:10px;color: #009EE0;}
  #submenu li ul li.on ul li ul li a{background: transparent url(../../clear.gif);padding-left:20px;color: #84d0f0;}
  #submenu li ul li.on ul li.on ul li a{background: transparent url(../../clear.gif);padding-left:20px;color: #84d0f0;}
      
      
      
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span {padding: 0 0 1px 0; padding-left: 10px; width:100%; background: transparent url(../../clear.gif);}


  #submenu li ul li ul li a { background-color:#fff; color: #a2dbf4; background: transparent url(../clear.gif);}
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active,#submenu li ul li ul li.on a { color: #84d0f0; background: transparent url(../clear.gif);}

  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 100%; padding-left: 20px; color:#009ee0;}

  #submenu li ul li.on ul li.on ul li strong {color: #009EE0;}

  #submenu li ul li ul li ul li a {  color: #a2dbf4; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active {  color: #a2dbf4; }
  
  #submenu li.actifsub {}
  #submenu li.actifsub a {font-weight:bold;}
  #submenu li.actifsub ul li a {font-weight:normal;}

/* ############################################
** ### Content Styles #########################
** ############################################
*/

/* ### content.css ############################ */  
  p {color:#aaa;line-height:16px;font-size:13px;}
  
  h1 {color: #aaa; font-size:180%;padding:0 0 20px 0;margin:0;font-weight:normal;}                        
  h2 {font-size:13px; font-weight:bold; color:#aaa; padding:0;margin:0;}
  h3 {font-size:13px;color: #aaa;font-weight:normal;}
  h4 {color: #aaa; font-size:13px;font-weight:normal;}     
  
  a {color:#84D0F0;text-decoration:none;}
  a:focus, a:hover, a:active {color:#84D0F0; text-decoration:none;}    
  
  a.pfeil {color:#000;text-decoration:none;padding-left:10px;background: url(../img/pfeil.gif) no-repeat 0 5px;}  

   a.linkInt {color:#777; text-decoration:none; }
   a.linkInt img {padding-right:4px; }
   /*a.linkInt:before { content:url(../img/link.gif); border:0px; }*/
   /*a.linkInt { display:inline-block; background-image:url(../img/link.gif); padding-left:13px; background-repeat:no-repeat; background-position:0 5px; border:0px; }*/
   a.linkInt:focus,
   a.linkInt:hover,
   a.linkInt:active {color:#D74127; text-decoration:underline;}
   
   div.flexi div.left, div.flexi div.center {margin-right:7px;}
   
   ul,ol,dl {font-size:13px;}
   ul li {margin:0;padding:0;margin-left:3px;list-style-type:square;}
   ol li {margin:0;padding:0;margin-left:6px;}
   
   input, textarea {border: 1px solid #8295a3;margin-left:0;}
   input[type=text]:focus, textarea:focus {border: 1px solid #aaa;color:#aaa;}
  
  table.contenttable {margin:0 0 25px 0;font-size:13px;}
  table.contenttable td {border:1px solid #8295a3;border-left:0 none;border-right:0 none;}  
  table.contenttable tr.tr-even {background:transparent;}
  table.contenttable tr.tr-odd {background:transparent;}
  table.contenttable tr.tr-0 {background:#fff;color:#aaa;}
  table.contenttable tr.tr-0 td {padding:3px 6px;margin:0;height:10px;font-weight:bold;}
  
  table.csc-loginform, table.csc-loginform tr, .csc-loginform td {margin:0;padding:0 0 3px 0;}
  td.csc-form-labelcell  {margin:0;padding:0 10px 0 0;font-weight:normal;}
  p.csc-form-label-req {font-weight:normal;}
  .csc-loginform input[type=text], .csc-loginform [type=password] {width:170px;}
  .csc-loginform input[type=submit] {width:80px;}
  .csc-loginform input {width:170px;}
  
  table {font-size:13px;color:#aaa;}
  th, td {padding:0 0.5em 0.5em 0;}
  
  HR {border:0 none;border-bottom:1px #ddd solid; background:transparent; margin:0 0 0.5em 0; height:1px; clear:both;}
  
  * html div.csc-textpic-left {}
  * html .csc-textpic-image {} 
  * html dl.csc-textpic-image dt {display:block;}  
 
/* ############################################
** ### FCE Styles #########################
** ############################################
*/

.col1 {width:28%;float:left;}
.col2 {;width:69%;float:left;}  

/* ############################################
** ### Extension Styles #######################
** ############################################
*/ 

/* --- Dateien -------------------------------- */  

td.csc-uploads-fileName p.csc-uploads-description {background:#fff;}

/* --- Powermail Eingabeformular -------------------------------- */   

.tx-powermail-pi1 {color:#aaa;font-size:13px;margin-bottom:25px;}

fieldset {
border: 0px;
}

.tx-powermail-pi1 legend{
/*visibility: hidden;*/
padding-bottom: 10px;

padding-left:0px;
font-weight:bold;
color:#aaa;
}

.tx_powermail_pi1_fieldwrap_html input[type=text] {
width:200px;
}

.tx_powermail_pi1_fieldwrap_html input[type=submit] {
width:auto;
background:#fff;
}

.tx_powermail_pi1_fieldwrap_html textarea {
width:200px;
height: 198px;
overflow:auto;
}

.tx_powermail_pi1_fieldwrap_html label {
float:left;
padding-right:5px;
text-align:left;
width:80px;
padding:0px;
}

.powermail_check_inner {
clear:both;
padding:0px;
margin:0px;
height:20px;
width:270px;
}

.powermail_check_inner label {
padding:0;
position:relative;
text-align:left;
width:240px;
margin-left:0px;
padding-left:0px;
float:right;
height:20px;
}

.powermail_check_inner input {
width: 30px;
position:relative;
margin-left:0px;
margin-top:0px;
float:right;
border:0px;
height:20px;
}


.tx_powermail_pi1_fieldwrap_html_checkbox_title {
display:none;
}

.powermail_select {
width: auto;
}

.tx_powermail_pi1_fieldwrap_html {
clear:both;
padding:2px 0px 2px 0px;
}

.powermail_submit{
background-color:#E6E6E6;
border:1px solid #aaa;
color:#aaa;
font-size:11px;
margin-top:10px;
margin-left:0;
padding:0px;
text-align:center;
float:left;
width:206px;
}

.tx_powermail_pi1_fieldwrap_html submit{

width:15%;
}

.tx_powermail_pi1_fieldwrap_html_submit{
position:absolute;
margin-left:0;
}


.powermail_all_table {
text-align:left;
width:280px;
height: 60px;
font-size: 100%;
}

.powermail_all_tr{
padding-right:5px;
padding-top:3px;
text-align:left;
}

.powermail_all_td{
padding-bottom:5px;
padding-left:0px;
font-weight:normal;
padding-top:2px;
}


.powermail_mandatory_js {
color: #d91d2e;
padding-left: 80px;
padding-bottom: 10px;
}



input.tx-powermail-pi1_confirmation_back {

background-color:#E6E6E6;
border:1px solid #8295a3;
color:#4F4F51;
font-size:11px;
padding:0px;
width:140px;
text-align:center;
margin:20px 0px 0px 0px;
}

input.tx-powermail-pi1_confirmation_submit{
float:right;
background-color:#E6E6E6;
border:1px solid #8295a3;
color:#4F4F51;
font-size:11px;
margin:20px 155px 0px 0px;
padding:0px;
width:80px;
text-align:center;
}

/* ##########################
** ### csc-sitemap        ###
** ##########################
*/
.csc-sitemap {}
* html .csc-sitemap {position:static;}
.csc-sitemap ul {list-style:none; margin:0;}
.csc-sitemap li {margin:0;list-style-type:none; }
.csc-sitemap li ul li {padding:0 0 0 20px;}
.csc-sitemap li a { margin:0 0 5px 0; padding:0 0 0 7px; display:block;  text-decoration:none; font-weight:bold;}
.csc-sitemap li ul li a {border:none; margin:0 0 5px 0; padding:0 0 0 7px; display:block; background:transparent url(../img/li-nav.gif) no-repeat scroll 0 7px;padding-left:10px;text-decoration:none; font-weight:normal;}
.csc-sitemap li ul li ul li a {background:transparent url(clear.gif) no-repeat scroll 0 7px;} 
.csc-sitemap li a:hover {}
.csc-sitemap li ul li a:hover {}

  
/* --- Download Listen -------------------------------- */  
  
dl { margin: 0px; }
dt { font-weight: normal; }
dd { margin: 0; }

/* div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float:left; } */

dd.csc-textpic-caption {
background-color:#fff;
font-size:0.8em;
font-style:italic;
font-weight:bold;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
padding-bottom:0;
}


/* ####################################
** ### BZD Staff           ############
** ####################################
*/


.tx-bzdstaffdirectory-pi1 {	padding:0;margin:0;	border-top:1px solid #ddd;}
.tx-bzdstaffdirectory-pi1 .listitem{width:360px;border-bottom:1px solid #ddd;height:68px;float:left;padding: 8px 0 8px 0;}
* html .tx-bzdstaffdirectory-pi1 .listitem{height:72px;}
.tx-bzdstaffdirectory-pi1 .right{float:left;width:80px;}
.tx-bzdstaffdirectory-pi1 .left{float:left;}
.tx-bzdstaffdirectory-pi1 p {margin: 0 0 2px 0;}

.tx_bzdstaffdirectory_teamlist_person_name a{	font-weight:normal;}
.tx_bzdstaffdirectory_teamlist_person_name {font-weight:bold;	text-align:left;}
.tx_bzdstaffdirectory_teamlist_email {}
.tx_bzdstaffdirectory_teamlist_detail {}
.tx_bzdstaffdirectory_teamlist_detail a{}
.tx_bzdstaffdirectory_teamlist_person_function {	font-weight:normal;}
.tx_bzdstaffdirectory_teamlist_person_kurzzeichen{}
.tx_bzdstaffdirectory_teamlist_person_phone {}

.float {float: none !important;}
.float {float: none;}

/* ##########################
** ### Galerie (Standard) ###
** ##########################
*/


.tx-rgsmoothgalleryext-pi1 {position:absolute;right:0;width:225px;padding-right:95px;z-index:2;}
#galleryinfo{position:relative;bottom:0;width:200px;margin:0 0 8px 0;padding:0;font-size:12px;}
.tx-rgsmoothgallery-pi1 {position:relative;float:left;margin-right:100px;z-index:1;width:420px;font-size:12px;background:#ccc;}

/*#externalthumbs{float:left;width:176px;position:relative;top:190px;padding: 0;height:52px;border: 10px solid #fff;z-index:3;margin:0;background:#fc0;}*/
#externalthumbs{position:absolute;float:right;right:110px;width:176px;bottom:20px;padding: 0;height:52px;border: 0 none;z-index:3;margin:0;}
* html #externalthumbs{right:45px;}
#externalthumbs .carouselInner {height:52px;}
#externalthumbs .carouselWrapper  {height:52px;}
.thumbnail {width:90px;height:52px;overflow:hidden;}
.rgsgcontent{background:#aaa;/*border: 1px solid #999;*/}
.myGallery {border:0 none;background:#aaa;display:block;}



/* ### Listansicht 1 Spalt. ### */

#gallery {position:absolute;bottom:0;width:736px;}
#gallery ul{margin:0;padding:0;list-style-image:none;list-style-position:outside;list-style-type:none;height:65px;}
#gallery ul li{list-style-image:none;list-style-type:none;bottom:0;}
#gallery .row {float:left; padding:0 15px 0 0;bottom:0;}
#gallery .preview {position:relative;}
#gallery .img1 img{position:relative;bottom:0;vertical-align:bottom;}
/*#gallery .bgimg {background: #fff;text-align:center;width:65px;height:195px;overflow:visible;}*/
#gallery #bgimg {background: #fff;text-align:center;width:65px;overflow:visible;bottom:0;position:absolute;z-index:99;}

#gallery .off {margin-bottom:30px;}

#gallery .container {bottom:0;position:absolute;}
#gallery .container #bgimg {position:relative;}
#pagebrowser {position:absolute;top:257px;right:110px;font-size:12px;z-index:99;}
* html #pagebrowser {right:40px;}

/*#gallery .big {background: #fff;text-align:center;width:195px;height:195px;overflow:hidden;}*/
#gallery .date {}
#gallery .preview .imgdesc {}

#gallery #gallerydesc1,#gallery #gallerydesc2,#gallery #gallerydesc4,#gallery #gallerydesc5,#gallery #gallerydesc6, #gallery #gallerydesc7, #gallery #gallerydesc3 {display:none;position:absolute;font-size:12px;z-index:10;bottom:203px;width:180px;}
/*#gallery #gallerydesc4 {display:block;}*/

#gallery #big1, #gallery #big2, #gallery #big3, #gallery #big4, #gallery #big5, #gallery #big6, #gallery #big7 {display:none;position:absolute;bottom:0;z-index:9;}
/*#gallery #big4{display:block;}*/




#gallery .togallery a {}
.clear {clear:both;}

/* ### Listansicht als Navigation ### */

#gallery-nav {}
#gallery-nav h2 {}
#gallery-nav .row {padding:7px 0;}
#gallery-nav .preview {position:relative;}
#gallery-nav .img1 {}
#gallery-nav .date {}
#gallery-nav .preview .imgdesc {}
#gallery-nav .gallerydesc {}
#gallery-nav .togallery a {}
.clear {clear:both;}

div#mb_contents,div#mb_bottom {
display:none;
height:250px;
margin-left:-125px;
width:250px;
}


  
}






/* CSS Document */