@charset "UTF-8";




/* CSS Document */
* {margin:0;padding:0}
p {margin-bottom:1em}
ul{margin-left:20px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
  background:#D2DA9C url(leftcolbg.jpg) repeat-y left top;
  color: #FFF;
}
#outer{
  margin-left:15em;
  margin-right:15em;
  background: #FFF;
/*  border-left:1px solid #000; 
  border-right:1px solid #000;*/
  margin-bottom:-100px;
  min-height:100%
}
#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:176px;
  background: #809900;
/*  border-top:1px solid #000;
  border-bottom:1px solid #000;*/
  overflow:hidden;
}
#left {
  position:relative;/*ie needs this to show float */
  width:15em;
  float:left;
  margin-left:-15em;/*must be 1px less than width otherwise won't push footer down */
  z-index:100;
  left:-1px;
}
#left p, 
#right p {padding:3px}
#right {
  position:relative;/*ie needs this to show float */
  width:15em;
  float:right;
  margin-right:-15em;/*must be 1px less than width otherwise won't push footer down */
  left:1px;
  color: #000;
}
#footer {
  width:100%;
  clear:both;
  height:100px;
/*  border-top:1px solid #000;
  border-bottom:1px solid #000; */
  background-color: #DDDDDD;
  text-align:center;
  position:relative;
}
#clearheader{height:177px;}/*needed to make room for header*/
#clearfooter{clear:both;height:100px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
#content {
  width:100%;
  float:left;
  position:relative;
  z-index:1;
  margin:0 -1px;/* moz fix*/
}

html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-102px;} /*safari wrapper */

/* Zentrale Formatdefinitonen von M.Tietz (m.tietz@west.de) Jan. 2003 */
/* Grevesmühlener Busbetriebe - Inhaltsseiten */

body, html {
 background-color:#FFFFFF;
 font-family: Verdana,Arial,Helvetica ; color: #666666;
  
}
#outer{
/* margin-right:0;*/
 background-image: url(/fileadmin/img/green.gif);
 background-repeat:repeat-y;
}
#footer {
 display: none;
}

#right {
/* display: none;*/
}

td {
vertical-align: top;
}

#content h1 {
 font-size: 1.2em; 
}

#content h2 {
 font-size: 1.1em; 
}

#content h3 {
 font-size: 1em; 
}

#content h1,
#content h2,
#content h3,
#content h4 {
 margin-bottom:1em;
 clear: both;
}

#content p,
#content span,
#content li,
#content label,
#content dd,
#content li p
 {
 font-size: 0.8em; 
}

#content .csc-textpic-caption {
 font-size: 0.7em; 
}
#content .csc-textpic-imagewrap {
  padding: 4px;
  border: 1px solid #CCCCCC;
}
#content p {
 margin-bottom:0.5em;
}


#content div.text {
 padding-bottom:1em;
/* text-align: justify; */
}

csc-textpic-caption {
  clear:both;
}

#header {
 background-image: url(/fileadmin/Dateien/Bilder/Logos/Logo-gruen_02.gif);
 background-color: #ffffff;
 background-repeat: no-repeat;
}

#headerleft {
  position:absolute;
  top:0;
  left:0;
  margin-left: 3em;
  margin-top: 2em;
  width: 150px;
}

#left ul {
 list-style-type: none;
 padding-left: 0;
 margin-left: 0;
 margin-top: 1em;

}

#left ul li a {
  padding-bottom: 0.6em;
  padding-top: 0.6em;
  padding-left:3em;
  display: block;
  background-repeat: no-repeat;
}

#left ul li.selected a {
  background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item1 a {
 background-image: url(/fileadmin/img/logo1.jpg);
}

#left ul li.item1 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item2 a {
 background-image: url(/fileadmin/img/logo2.jpg);
}

#left ul li.item2 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item3 a {
 background-image: url(/fileadmin/img/logo3.jpg);
}

#left ul li.item3 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item4 a {
 background-image: url(/fileadmin/img/logo4.jpg);
}

#left ul li.item4 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item5 a {
 background-image: url(/fileadmin/img/logo5.jpg);
}

#left ul li.item5 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item6 a {
 background-image: url(/fileadmin/img/logo6.jpg);
}

#left ul li.item6 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item7 a {
 background-image: url(/fileadmin/img/logo7.jpg);
}

#left ul li.item7 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}

#left ul li.item8 a {
 background-image: url(/fileadmin/img/logo8.jpg);
}

#left ul li.item8 a:hover {
 background-image: url(/fileadmin/img/button_active_02.gif);
}
#left ul.menu-level2 {
 margin:0;
 padding:0;  
}

#left ul.menu-level2 li a {
  background-image: none;
  padding:0;
  margin-left:2em;
  padding-left:1em;
  font-size:0.8em;
 border-left: 1px solid #00327F;
}

#left ul.menu-level2 li a:hover {
  background-image: none;
}

a
 {
    font-weight:bold;
    color: #00327F;
    text-decoration: none;
  }
  
a:active
  { 
  }


a:hover 
  { 
    text-decoration:underline; 
  }
a:active
  { 
  }

#left ul.csc-menu-1 li {
    margin-bottom: 0.5em;
}


p.align-right {
    text-align: right;
}


.pg {
/*width: 30em;*/
  list-style: none none;
  float:right;
  margin-left:20em;
  margin-right:1em;
}

.pg:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

.pg {
  list-style: none none;
  display: inline;
}

.pg a {
  margin: 2px;
  border: 1px solid #CCC;
  padding: 4px;
  position: relative;
  float: right;
  display: block;
  width: 75px;
  height: 75px;
  margin-bottom: 8em;
}

.pg a:hover {
  font-size: 100%;
  z-index: 2;
}

.pg a img {
  border: 0 none;
  position: absolute;
  width: 75px;
  height: 75px;
}

.pg a:hover img,.pg li a:active img,.pg li a:focus img {
  width: 150px;
  height: 150px;
  left: -50px;
/* top: -37px; */
  top: 0;
  z-index: 15;
}

div.modPodcast div.info {
  display: none;
  
}

div.modPodcast div.episodes div.episode div.audio {
  margin-top:3em;
  
}



/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 108 $ $Date: 2007-08-01 18:38:01 +0200 (Mi, 01 Aug 2007) $ */
@media print {
body,#page_margins,#page,#main {margin:0;padding:0;border:0;}
#page_margins,#page{width:100% !important;min-width:inherit;max-width:none}
#header{height:auto}
#footer,#topnav,#nav,#search{display:none}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r {width:100%;margin:0;float:none;overflow:visible;display:table}
.subc,.subcl,.subcr {margin:0;padding:0}
/*body *{font-family:"Times New Roman", Times, serif}*/
code,pre{font-family:"Courier New", Courier, mono}
body{font-size:12pt}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
abbr[title]:after,acronym[title]:after{content:'(' attr(title) ')'}
#page a[href^="http:"],#page a[href^="https:"]{padding-left:0;background-image:none}
a[href]:after{color:#444;background:inherit;font-style:italic}
#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}

#outer{
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica;
  background-color: transparent;  
}


#left,
#right,
#header,
#footer,
#clearheader,
#clearfooter
 {
  display: none;
}




}