#myScrollArea {position: absolute; top: 10px; bottom: 10px; left: 10px; right: 30px; }

#myScrollbar { position: absolute; top: 10px; bottom: 10px; right: 10px; width: 19px;}

/*
#scrolling_	{
border:thin inset;  text-align: left; overflow:auto; height:155px; width:1800px;
}
*/
#scrolling {
position: absolute;
/*border:thin inset;*/
text-align: left; overflow:auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:970px;
	height:160px;
}

*html #scrolling {
position: relative;
}

*+html #scrolling {
position: relative;
}


#header2 {
 width: 950px;
  height: 160px;
}


a.feedback{-moz-border-radius-bottomleft:1em;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:1em;-moz-border-radius-topright:0;background:#ff9900 url(img/feedback.gif) 2px 50% no-repeat;border-color:#ff9900 #ff9900 #ff9900 -moz-use-text-color;border-style:outset outset outset none;border-width:1px 1px 1px medium;display:block;height:98px;margin:-45px 0 0!important;padding:0!important;position:fixed;right:0;text-align:left;top:45%;width:24px;z-index:101;}

a:hover.feedback {-moz-border-radius-bottomleft:1em;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:1em;-moz-border-radius-topright:0;background:#fff url(img/feedback_o.gif) 2px 50% no-repeat;border-color:#fff #fff #fff -moz-use-text-color;border-style:outset outset outset none;border-width:1px 1px 1px medium;display:block;height:98px;margin:-45px 0 0!important;padding:0!important;position:fixed;right:0;text-align:left;top:45%;width:24px;z-index:101;}

* html a.feedback{position: absolute; float:right;  background:#ff9900 url(img/feedback.gif) 2px 50% no-repeat; border-color:#ff9900 #ff9900 #ff9900 -moz-use-text-color;border-style:outset outset outset none; border-width:1px 1px 1px medium;display:block;height:98px; margin:0px 0 0; padding: 0px 0;}


* html a:hover.feedback {position: absolute; float:right; background:#fff url(img/feedback_o.gif) 2px 50% no-repeat; border-color:#fff #fff #fff;border-style:outset outset outset none; border-width:1px 1px 1px medium;display:block;height:98px; margin:-45px 0 0;padding:0}

/* ccc - an open source xhtml/css website layout by avaflow media - http://www.avaflow.com . Free to use in any way and for any purpose as long as the proper c#ffffffits are given to the original designer. Version: 1.0, April 01, 2007 */

/**************** Body and tag styles ****************/

#gallerylist {
display:block;
width:250px;
height:20px;
margin-left: 160px;
padding-left: 10px;
background:blue;
color:#fff;
font-size:11px;
font-weight:bold;
/*font-family:verdana, arial, sans-serif;
font-size:0.9em;
float:left;
position:absolute;
*/
}

#gallerylist a:hover {
color:blue;
font-weight:bold;
background:#fff;
}

#gallerylist a {
color:#fff;
font-size:11px;
font-weight:bold;
}

#description{
font-size:8pt;
background:#CCCCCC;
width:450px;
padding: 10px 0 0 10px;
}

#language {
float:left;
color:blue;
margin:0 auto;
padding:0px 0px 10px 10px;

}
#language a{color:blue; background-color:inherit; font-weight:bold; text-decoration: underline;}
#language a:hover{color:#666633; background-color:inherit; text-decoration: underline;}

/*#language {
float:left;
padding:20px 0 0 10px;}*/

*{margin:0; padding:0;}

body{
font:86% Verdana,Tahoma,Arial,sans-serif;
/*font:14px Verdana,Tahoma,Arial,sans-serif; 76%*/
line-height:1.4em;
text-align:center;
color:#333333;
background:#efefef url(img/back.jpg) top center no-repeat;
}

a{
color:#ff9900;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#000000; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
/*
width: 970px;
height: auto;
margin:0 auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:5px solid #ffffff;
z-index: 1;*/

width: 970px;
text-align:center;
margin:0 auto;
padding:0 0px 0px 0px;
background:#fff;
}

#header {
  height: 350px;
  background-color: inherit;
  padding: 0;
  margin-top: 10px;
  width: 970px;
  /*background:url(img/header.jpg);*/
}
#pageheader {/*margin:1px 178px 0 970px;*/}

/*
#logo{
height:115px;
width:970px;
margin:0 1px 1px 1px;
padding: 0 0 0 0;
background: url(img/header.jpg) bottom left no-repeat;
color:#FF6600;
}
*/

#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}
#header h2{
float:left;
padding:50px 0 0 170px;
font-size: 13pt;
	color: #eee;
}




.rightmenu{
float:right;
width:220px;
height:345px;
padding:0 0 0 0;
/*margin: 0 10px 0 0;
*/
}

#projecttable {
background:#F4F4F4;
border: 0px;
}

#projecttable tr td{
border: 0px;
border-bottom:1px solid blue;
padding:5px 5px 5px 5px;
margin: 0 0 0 0;
}


/**************** Suche ****************/
.search_box {
	float: right;
}


#disclaimer{
font-size:1.4em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: blue;
}
#whiteline {
width: 970px;
height: 5px;
background: #eee;
float: left;
}
/**************** navigation ****************/

/*mine
# avanav3 ul li .folder --> Hauptverzeichnis
# avanav3 ul li -->Unterverzeichnis
*/

/*mine
# avanav3 ul li .folder --> Hauptverzeichnis
# avanav3 ul li -->Unterverzeichnis
*/
#avanav3 {
width: 970px;
height: 25px;
padding: 0 0px 0 2px;
margin: 5px 0 5px 0;
z-index:100;
}

#avanav3 ul{
list-style-type:none;
padding:0;
margin:0;
}

#avanav3 li{
float:left;
position:relative;
z-index:100;
}

#avanav3 ul li.folder{
background: url(img/folder.gif);
}
#avanav3 ul li{
background:#EEEEEE;
}

#avanav3 a{
height: 19px;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 1px;
text-align:center;
display:block;
font: bold 12px/16px arial, helvetica, sans-serif;
width:157px;
color:#333333;
text-decoration:none;
}

#avanav3 :hover{
background: url(img/over.gif);
color:#333333;
}

#avanav3 ul ul {
visibility:hidden;
position:absolute;
width:157px;
}

#avanav3 ul li:hover ul,
#avanav3 ul a:hover ul{
visibility:visible;
}


/* ANFANG: NAVIGATION..............................................NAVIGATION */

/*div#Rahmen {
    padding: 0 1px 0 1px;
	width:150px;
	display:block;
  }
  
  #Rahmen div {
     clear: left;
  }*/
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: left;
	text-indent: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
  }

  ul#Navigation li {
  width: 160px;
    list-style: none;
	float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 0px 0px 0px 0px;
  }
  
  /*unternavigation*/
  ul#Navigation li ul {
    margin: 0; padding-left: 0;
	padding-top: 0px;
	padding-bottom: 0px;
    top: 0px; left: 10px;
    /*display: none;   Unternavigation ausblenden */
  }
 
  
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
  width: 160px;
  }
  
  ul#Navigation li ul li a {
  font-size: 7pt;
  color: black;  background-color: blue; /*white*/
  }
  
 
  ul#Navigation ul li ul a{
  color:#FFFFFF;
  }
  	/*relevant*/
    ul#Navigation a{
    display: block;
    text-decoration: none; font-weight: little;
	border: 1px solid  white;
	font-size: 9pt;
    border-left-color: white; border-top-color: white; border-bottom-color: black; border-right-color: black;
    color: #ffffff;  background-color: #FF9900;
  }
  
 
  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-left-color: black; border-top-color: black;
    color: #FF9900;
    background: #FFF;
  }
  
  
  

/* ENDE: NAVIGATION..............................................NAVIGATION */

/*--------------------------------------------------------------------------------*/
#greyline {
width: 970px;
height: 5px;
background: #ccc;
float: left;
}
/*--------------------------------------------------------------------------------*/


/**************** leftbar ****************/
#leftcontent, #rightcontent{
float:left;
width:160px;
padding:0 0 0 0;
margin: 0 0 0 0;
}
* html #leftcontent, #rightcontent{
margin: 0 0 0 0;
}

#splitcontentleft1, #splitcontentleft2, #splitcontentleft3, #splitcontentright3{
background: #666 url(img/botti.png) no-repeat bottom;
margin: 0 0 25px 0;
/*background: #ff9900 url(img/blocker.gif) repeat-x;
padding: 20px 10px 10px 0;*/
text-align: right;
  text-shadow: #545454 1px 1px; 
  /*-moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;*/
}

/*
#splitcontentright3{
background: #666 url(img/botti.png) no-repeat bottom;
margin: 0 0 35px 0;
text-align: right;
text-shadow: #545454 1px 1px; 
}
*/

#splitcontentright1{
text-shadow: #545454 1px 1px;
}

* html #splitcontentleft3 {
background: url(img/botti.png) no-repeat bottom;
border:none;
padding: 0;
margin: 0 0 25px 0;
width: 160px;
}

#splitcontentright2{
background: #545454 url(img/botti.png) no-repeat bottom;
margin: 40px 0 25px 0;
}

#splitcontentright2 h3{
text-shadow: #efefef 1px 1px; 
height: 20px;
width: 160px;
background: #f7f7f7 url(img/top_pdf.png) no-repeat;
text-align:left;
color:#333;
font-size:12px;
text-indent: 34px;
}

/*
html > body #splitcontentright2 h3{
padding:16px 0 0px 0;
margin: 0 0 -16px 0;
}

*html #splitcontentright2 h3{
text-shadow: #efefef 1px 1px; 
height: 20px;
width: 160px;
background: #f7f7f7 url(img/toppi.png) no-repeat;
text-align:center;
color:#333;
font-size:12px;
}

*+html #splitcontentright2 h3{
text-shadow: #efefef 1px 1px; 
height: 20px;
width: 160px;
background: #f7f7f7 url(img/toppi.png) no-repeat;
text-align:center;
color:#333;
font-size:12px;
}
*/

*html #splitcontentleft1 h3, #splitcontentleft2 h3, #splitcontentright1 h3, #splitcontentleft3 h3, #splitcontentright2 h3, #splitcontentright3 h3{
padding: 2px 0 0 0;
}

#splitcontentleft1 h3, #splitcontentleft2 h3, #splitcontentright1 h3{
text-shadow: #efefef 1px 1px; 
height: 20px;
width: 160px;
background: #f7f7f7 url(img/toppi.png) no-repeat;
margin:0 0 0 0;
text-align:center;
color:#333;
font-size:12px;
}

#splitcontentleft3 h3, #splitcontentright2 h3, #splitcontentright3 h3{
text-shadow: #efefef 1px 1px; 
height: 20px;
width: 160px;
background: #f7f7f7 url(img/top_pdf.png) no-repeat;
margin:0 0 0 0;
text-align:left;
color:#333;
font-size:12px;
text-indent: 34px;
}

#splitcontentright1{
margin: 0 0 25px 0;
}

#splitcontentleft1{
height:103px;
}

*html #splitcontentleft1{
height:88px;
}

#splitcontentright1{
height:140px;
}


#splitcontentleft2{
height:145px;
}

*html #splitcontentleft2{
height:120px;
}

#splitcontentright2{
height:270px;
}

*html #splitcontentright2{
height:255px;
}

#splitcontentleft3{
height:305px;
}

#splitcontentright3{
/*margin:35px 0 0 0;*/
height:125px;
}

*html #splitcontentright3{
/*margin:35px 0 0 0;*/
height:105px;
}

#splitcontentleft{
/*background: url(img/d-p-l1.jpg) bottom left no-repeat;*/
padding:0 0 0 0;
margin: 0 0 0 0;
}

/**************** rightbar ****************/

/*
#newsticker{
font-size:18px;
color:blue;
font-weight:bold;
width:190px;
margin:10px 0 20px 10px;
padding: 0 0 20px 0;
}


#splitcontentrightmenu li a.menu_current {
    color: #505d33;
}
#splitcontentrightmenu li a.menu_default {
}

*/

/**************** Contentbar ****************/
#headercontainer {
height:380px;
position: relative;
z-index: 2;
clear: both;
}
#bodycontainer {
	/*border-bottom:5px solid red; 	float: left;*/
width: 970px;
	position: relative;
	clear: both;
	background:#fff;
	text-align:left;
}
#topper {
background: url('img/topper.jpg') no-repeat bottom;
height: 18px;
width:970px;
padding: 10px 0 0 0;
}

#main {
background: url('img/background.jpg') repeat-y;
width:970px;
margin: 0 auto;
/*background: url('images/background.jpg') repeat-y;*/
}

#content{
float:left;
width:630px !important;
width:620px;
height:auto; /*height:690px; */
font-size:0.9em;
padding:0 0 0 0;
margin: 0 0 0 20px;
}

#splitcontenttext{
float:left;
width:570px; 
padding:0 0 0 0;
margin: 0 10px 0 10px;
}

* html #splitcontenttext{
margin: 0 0 0 2px;
}

#splitcontentimg	{
background: #ffffff;
/*background: url(img/background.jpg) bottom left no-repeat;*/
float:left;
min-height:204px;
width:570px; 
padding:0 0 0 0;
margin: 0 0 0 0;
/*z-index:2; */
}

/**************** Content styles ****************/
#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
}

#content h1 {margin:0 0 15px 0;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}


/**************** Images styles ****************/
#float-right {
float: left;
vertical-align: top;
  /*width: 186px;/* em width variance by element
  height: 186px;*/
  margin: -500px 0px 0px 400px;
}
/**************** Images styles ****************/

#menu_currentHome{
padding:-40px 0 10px 0;
margin:-40px 0 10px 0;
}

/*
* html #menu_currentHome{
background-color:#FF0000;
padding:-100px 0 0 0;
margin:-100px 0 0 0;
}
*/

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}


/**************** Searchbar styles ****************/

#searchbar{margin:0px 0 0 760px;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer2{
background: transparent url(img/footer.png) no-repeat bottom;
display:block;
height:26px;
width:970px;
font:86% Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
margin:0px 0px 0px 0px;
padding:10px 0 0 0;
}

html>body #newsletter{
background:transparent url(img/newsletter.png) no-repeat bottom;
display:block;
width: 73px;
height:52px;
position: relative; float:left; left: 620px; top:-40px;
}

*html #newsletter{
}

html>body #rss{
background: transparent url(img/rss.png)  no-repeat bottom;
display:block;
width:63px;
height:48px;
position: relative ; float:left ; left: 560px ; top:-36px ;
}

*html #rss{
}


/*
*html #rss {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container-top-bg.png', sizingMethod='scale');
background:none;
}
*/
/*
#newsletter {
position: absolute;
left: 0;
top: 0;
z-index: 2;
background-image: url(img/rss.png);
background-repeat: no-repeat;  
background-position: 680px 50%;
}
#rss{
 style="position: absolute;
 float:left;
 left: 0px;
background-image: url(img/rss.png);
background-repeat: no-repeat;  
background-position: 680px 50%;
}
*/

#footer2 p{padding:0; margin:0 0 0 10px; text-align:left; text-indent:80px;}
#footer2 a{color:#fff; font-weight:bold;}
#footer2 a:hover{color:#fff; text-decoration: underline;}

.picture{
/*
background:transparent url(img/rss.png) no-repeat bottom;
margin:0px 0px 0px 0px;
padding:0 0 0 0px;
position: relative;
left:750px;
top: -90px;
width:100px;
height: 100px;
display:block;
z-index: 90000;

float:right;
height:80px;
width:100px;*/
}

/*rechtsfloaten und #footer2 linksfloaten*/

#pdf {
position: relative; float:left; background: transparent url(img/pdficon.jpg) no-repeat; left: -10px; top:-10px; z-index:100;
/*<img src="<?php echo WB_URL.MEDIA_DIRECTORY.'/'; ?>pdficon.png">*/
}

* html #pdf{
position: absolute; float:right; left: 0px; top:0px; z-index:"100";
}

.clear {
  clear: both;
}

.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: "."; 
  display: block;
  font-size: 0;
  height: 0; 
  visibility: hidden;
}




/**************** Misc classes and styles ****************/

.splitcontentleft{background:#ffffff; float:left;}
.splitcontentright{background:#ffffff; float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}