*{
padding:0;
margin:0;}
  
body {
min-width: 980px;  
}

div#page { margin: 10px auto; width: 980px;}
  
body,html{

height:100%;
background:#f6f5f3;
font-family:Verdana,Arial,sans-serif;
font-size:12px;  background-image: url(_img/back.gif); 
background-position:top center ;
background-repeat:repeat-y;
}

#logo{
margin-top:4px;
float:left;
width:200px; 
height:260px;
z-index: 1;}


#header{  
float:left;
width:780px;
margin-top:4px;
height:260px;
font-size:20px;
background-image: url(_img/banner1.jpg);
border-bottom:5px solid #FFFFFF;
z-index: 1;}

 
#rootline {
float: left;
height: 20px;
margin: 7px 0 0 219px;
width: 763px;
z-index: 1;
}
  
#links {
display: inline;
float: left;
font: 10px Verdana,Arial,sans-serif;
margin-right: 5px;
padding: 6px 10px 0;
width: 175px;
}

#mitte {
margin:6px 20px 0px 15px;
width: 470px;
float: left;
display: inline;
font:12px Verdana, Arial, sans-serif;
line-height: 150%;  
}

#mitte_beratung {
margin:6px 20px 0px 15px;
width: 735px;
float: left;
display: inline;
font:12px Verdana, Arial, sans-serif;
line-height: 150%;  
}

div#mitte iframe { border: 0px; width: 475px; height: 583px; }

#rechts {
padding:6px 20px 0px 20px;
width: 225px;
float: left;
display: inline;
font:11px Verdana, Arial, sans-serif;
line-height: 150%;  
}
  
#mitterechts {
margin:20px 20px 20px 15px;
width: 735px;
float: left;
display: inline;
font:12px Verdana, Arial, sans-serif;
line-height: 150%;  
}

#kontaktmenu{
background-color: #F4A807;
height:16px;
width:240px;
margin-bottom:15px;
padding:2px;
}

#foot #kontaktmenu {
    height: 13px;
    margin-left: 675px;
    margin-top: 264px;
    padding: 2px 0;
    position: absolute;
    width: 280px;
}
ul#kontakt { 
padding: 0px; }
  
ul#kontakt li 
{float: left;
list-style: none;}
  
ul#kontakt li a {
background: url(_img/pfeil_hover.gif) no-repeat;
padding-left:17px;
color:#FFF;
text-decoration: none;
padding-right: 3px;
font-size: 10px;  }
  
ul#kontakt li a:hover,ul#kontakt li#active a { color:#ffffff; text-decoration: underline; background: url(_img/pfeil.gif) no-repeat;}
  
#hauptnavigation{
height:27px;
background:#666666;
background-image: url(_img/nav.gif);
background-repeat:no-repeat;
padding-left:200px;
font:14px Verdana, Arial, sans-serif;  
font-weight:bold;}



/* facebook */
a.socialmedia_facebook, a.socialmedia_facebook:link, a.socialmedia_facebook:visited, a.socialmedia_facebook:active {
background:url("_img/facebook.png") no-repeat scroll right center transparent;
cursor:pointer;
display:block;
height:100px;
position:fixed;
right:0;
top:230px;
width:35px;
z-index:10;
}

a.socialmedia_facebook:hover {
background:url("_img/facebook.png") no-repeat scroll left center #3c5a9a;
}


/* Standard Links */
a { color: #f2861a; text-decoration: none;}
a:hover, a:active { color:#666666; text-decoration: underline; }

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

h1 {
font:16px Verdana, Arial, sans-serif;  
color:#ffffff;
font-weight:bold;
font-variant:small-caps;
background:#f4a807;
padding-left:8px;
padding-bottom:2px;
margin:16px 0;
}

h1.csc-firstHeader{margin-top: 0;}

h1 a {color:#000;}

h2 {
font:13px Verdana, Arial, sans-serif;  
color:#ffffff;
font-weight:bold;
font-variant:small-caps;
background:#f4a807;
padding-left:8px;
padding-bottom:2px;
margin: 13px 0;
}


#mitte_beratung h2 {
font:13px Verdana, Arial, sans-serif;  
color:#ffffff;
font-weight:bold;
font-variant:small-caps;
background:#666666;
padding-left:8px;
padding-bottom:2px;
margin: 13px 0;

}

.header {
font:15px Verdana, Arial, sans-serif;  
color:#ffffff;
font-weight:bold;
font-variant:small-caps;
background:#f4a807;
padding-left:8px;
padding-bottom:2px;
}

p {
margin: 6px 0; 
line-height: 150%;
}
 
td {font:11px Verdana, Arial, sans-serif;}

legend {
padding-left:10px;
padding-right:10px;
border: 0px;
font-weight:bold;
}

label {
width: 100px;
float: left;
text-align: left;
margin-right: 10px;
margin-left: 5px;
margin-bottom:2px;
margin-top:2px;
}

.csc-mailform-field {
margin-bottom: 2px;
margin-top: 2px;
font-size:12px;
font-family: Verdana, Helvetica, sans-serif;
border: px solid ;
padding: 2px;
width: 500px;
}


.tx-admininterface-pi1-button {
margin-bottom: 2px;
margin-top: 2px;
font-size:12px;
font-family: Verdana, Helvetica, sans-serif;
border: px solid ;
padding:2px;
}

/*///////////////////////////////////////Pressebilder Sitemap//////////////////////////////////*/

#c5119 ul li, #c5118 ul li {
  list-style:inside; 
  list-style-type:square;
padding-left:10px;
  background:#eceef1;
  margin-bottom:10px;
}

ul.csc-uploads li {  list-style-type:none;}

.csc-uploads-item-2 {
float:left;
  min-height: 170px;
  padding-left:10px;
  width: 225px;
}
.csc-uploads-icon {    
  clear: both;
    display: block;}

.csc-uploads-fileName  {clear:both; font-size:10px;}

/*///////////////////////////////////////MENUE//////////////////////////////////*/

/*    ------   Grundger?st  ------    */
#menu {
display: block;
z-index: 999;
top: 10px;
position: absolute;
}
#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

#menu li {
margin: 0 0 0 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
}

#menu a {
display: block;
}

* html #menu li a {
position: relative;
}

#menu li ul {
visibility: hidden;
position: absolute;
z-index: 999999;
}

html>body #menu li ul {
display: none;
}

#menu li li {
width: 100%;
}

/* fixiert die Ausrichtung */
#menu li li ul {
top: 0;
left: 100%;
}

/* simulierter child-selector f?r I.E. */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
  visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
  visibility: hidden;
}

/* nicht f?r I.E. */
#menu ul#menuList li:hover>ul {
display: block;
visibility: visible;
}

/*    ------   Aussehen  --------      */

#menu {
font-family: Verdana;
font-size: 12px;
border: none;
}

#menu li {
color: #FFFFFF;    
}

/*Mouse-Over-Hintergrund*/
#menu li:hover {
background-color: #666666;
color: #666666;

}
/*Schrift Men?leiste*/
#menu a { 
text-decoration: none;
text-align: center;
color: #FFFFFF;
background-color: #666666;
}

#menu a.cur {
 color: #FFFFFF;
background-color: #eea500;}

#menu a.act{
color: #FFFFFF;
background-color: #eea500;
}

#menu a:hover {
text-decoration: none;
text-align: left;
color: #FFFFFF;
}

#menu a:active {
text-decoration: none;
text-align: left;
background-color: #666666;
color: #FFFFFF;
}

#menu li:hover>a, #menu a:hover {
color: #ffffff;
background-color: #eea500;
}

#menu li ul {  
font-weight:lighter;
text-align: left;
background-color: #eea500;
color: #000000;
border: none;
width: 145px;
height: 265px;
filter:alpha(opacity=85);
background-position: 135px;
-moz-opacity:0.85;
}

#menu li ul a { 
text-align: left;
color: #000000;
background-color: #eea500;
filter:alpha(opacity=85);
-moz-opacity:0.85;
padding: 3px 10px 5px 10px; 
}

#menu li ul a:hover{
text-align: left;
color: #000000;
background-color: #ffffff;
filter:alpha(opacity=100);
-moz-opacity:1;
 padding: 3px 10px 5px 10px; 
}

.mainmenu {    font-weight:bold;    
border-right:1px solid #ffffff;          
padding: 5px 10px 6px 10px; 
}

ul.csc-menu-def {
  background-color: #F4A807;
  height: 13px;
  list-style: none outside none;
  margin-top: -18px;
  padding: 2px 0;
}
ul.csc-menu-def li { float: left; }
ul.csc-menu-def li a { 
  background: url(_img/pfeil_hover.gif) no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-size: 10px;
  padding-left: 17px;
  padding-right: 8px;
  text-decoration: none;
  font-weight: bold;
}
ul.csc-menu-def li a:hover { text-decoration: underline; }
/*
.tx_powermail_pi1_fieldwrap_html_radio_title { float: left; }
.powermail_radio_inner label { float: left; margin-left: 5px; width: 340px; }
.powermail_radio_inner input { float: right; }

.tx_powermail_pi1_fieldwrap_html_checkbox_title { float:left; margin-left:5px; height:25px; width:400px; }
.powermail_check_inner { margin:5px 0; }
.powermail_check_inner label { float:left; margin:5px 0; width:400px;}
.powermail_check_inner input { float:left; margin:5px 0;}
*/

/* wt_directory */
div.wtdirectory-list { clear: both; }
div.tx-wtdirectory-pi1 li { list-style-type: none; padding: 0 5px; float: left; }
div.vcard {width:500px; padding-top: 20px;margin-bottom: 20px; border-top:1px solid #a3a3a3; }
div.img { float:right; margin-top:2px; margin-bottom:10px;  }

div.wtdirectory_list table { border: 1px solid #666; margin-bottom: 10px; }
div.wtdirectory_list td.col1 { width: 45px; color: #666; }
div.wtdirectory_list td.col2 { width: 212px; }
div.wtdirectory_list td.col3 { width: 213px; }
div.wtdirectory_list td.col3 span.label { color: #666; }
div.wtdirectory_list td.desc { backround-color: #EEE; }

/* browser */
.tx-browser-pi1 div.azSelector, .tx-browser-pi1 div.modeSelector {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    height: 1.4em;
    margin-bottom: 1em;
    padding: 0;
}
.tx-browser-pi1 fieldset { background-color: #F0F0F0; border-radius: 5px 5px 5px 5px; padding: 7px; }
.tx-browser-pi1 legend { color: #F4A807; }
.tx-browser-pi1 input, .tx-browser-pi1 select { font-size: 12px; color: #333333; margin-right: 10px; }
.tx-browser-pi1 .azSelector { height: 1.5em!important; }
.tx-browser-pi1 .azSelector li span { padding: 5px; color: #999999; }
.tx-browser-pi1 .azSelector li a span { font-weight: bold; color: #666666; }
.tx-browser-pi1 .azSelector li a:hover { text-decoration:none; background-color: #CCCCCC; }
.tx-browser-pi1 .hst {
  float: left;
  width: 230px;
  height: 12em;
  margin-right: 15px;
  font-family: verdana,helvetica,sans-serif;
  font-size: 11px;
  line-height: 16px;
}
.tx-browser-pi1 .hstlink { color: #666666; }
div#map3691_radiusform { background-color: #EEEEEE; padding: 5px; height: 22px; } 
div#map3691_radiusform input { width: 107px; }
div#map3691_radiusform div.field { float: left; margin-right: 10px; }
div#map3691_radiusform label { width: auto; }
.ac_conteiner {  float:left; }

div#map3691_sidebar { position: absolute; margin-left: -208px; margin-top: -34px; width: 200px; height: 494px; overflow: auto; }
div#map3691_sidebar a { color: #666666; font-weight: normal; font-size: 11px; }
div#map3691_sidebar a .infotitle { line-height: 1em; margin: 0.3em 0; }
.infotitle { font-size: 11px; }
.infotitle a { color: #666666; font-size: 11px; }
.tx-browser-pi1 th { text-align: right; font-size: 11px; }

/* felogin */
div.tx-felogin-pi1 fieldset { padding: 7px; border-radius: 5px; }
div.tx-felogin-pi1 div { margin: 5px 0; }
div.tx-felogin-pi1 legend { color: #F4A807; font-weight: bold; }
div.tx-felogin-pi1 label { float: none; }

.field {position:relative; float:left; width:100%;}

form {padding-bottom:20px;}

/* Listen */
ul {list-style-position:outside; padding-left:12px;}
li {list-style: square;}

#links ul#kontakt li a {float:left;}
#links ul#kontakt li{background:#f4a807; float:left; padding:5px 0;}


/* Holzfenster Beratung */

#mitte_beratung fieldset.tx-powermail-pi1_fieldset label {width:300px;}

#mitte_beratung div.tx-powermail-pi1 {width:550px;}