body {
	background:#000000 url(../img/oewf/background.jpg) top no-repeat;
	text-align:center;
	font-size:12px;
	color:#333;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	margin:0;
	padding:0;
}

p { padding:5px 0 5px 0; margin:0;}

form { display:inline; padding:0;margin:0;}
h2 { font-size:14px;  margin:0; padding:5px 0;}
div.spacer10 { 	height:10px; }
div.spacer20 { 	height:20px;  overflow:hidden; clear:left;}
div.spacer20r { 	height:20px;  overflow:hidden; clear:right;}
div.spacer60 {  height:60px; overflow:hidden;}
div.spacer0 { height:0;  }
div.spacer0, div.spacer10, div.spaceBeforeCP {
overflow:hidden; clear:both;
padding:0 !important;
}

td, th, p, span, ul, #content .spotlight .articleText {
 font-family:Tahoma,Arial,Verdana,sans-serif;
 font-size:12px;
}
#content .spotlight .articleText {
  padding:0 15px 0 0;
}
a, a:link  {
	color:#8b1314;
	text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a:focus {
font-weight:bold;

}

h1, h2, h3 {
	color:#8b1314;
}

.listEntry {
        margin-bottom: 10px;
}

.phpwcmsBackLink {
	padding:0 40px 10px 20px;
	display:block;
	width:10%;
}
#share span {
	float:left;
}
#print {
	margin: 0 0 20px 660px;
	width:290px;
		}
#print a, #print .phpwcmsBackLink, .phpwcmsBackLink, #print .phpwcmsTopLink {
  background:url(../img/oewf/service_icons.gif) no-repeat left top;
}
#print a {
	background-position:0 -80px;
	padding:0 10px 10px 20px;
	display:block;
	width:50%;
}
#print .phpwcmsBackLink, .phpwcmsBackLink {
	background-position:0 0;
}
#print .phpwcmsTopLink {
	background-position:0 -40px;
}

#main {
	width: 980px;
	background:#b9b9b9;	
	border-bottom:none;
	text-align:left;
	/*border:10px solid #FFFFFF;*/
	margin:auto auto 5%;
}

#header {
	height:220px;
	background:#FFFFFF no-repeat;
}
#logo {
	width:150px;
	height:150px;
	text-align:center;
	float:left;
}
#logo img {
	margin-top:15px;
}

#getActive {
	background:transparent url(../img/oewf/active_bg.png) no-repeat;
	width:280px;
	height:187px;
	margin:20px;
	overflow:hidden;
	float:right;
}
#getActive > div {
	padding:10px 0 0 15px;
	color:#FFFFFF;

}
#getActive strong {
	text-transform:uppercase;
}
#getActive p {
	font-size:14px;
}
#getActive ul {
padding:0 0 2px 5px;
margin:0;

}

#getActive li {
color:#FFFFFF;
list-style:none;
padding:2px 0 10px 40px;
font-weight:bold;
font-size:14px;
background:url(../img/oewf/active_icons.png) top left no-repeat; 
}
#getActive a {
color:#FFFFFF;
text-decoration:none;
}

#getActive li {

}

#getActive li.one {
background-position:0 0;
}

#getActive li.two {
background-position:0 -80px;
}

#getActive li.three {
background-position:0 -110px;
padding-bottom:20px;
}


#getActive a:hover {
color:#FF8E24;
}

#getActive input {
width:70%;
border:1px solid #FFFFFF;
padding:1px;
margin:6px 0 0;
font-size:11px;
background:#CCCCCC;

}
#getActive input.button {
border:1px solid #FFFFFF;
color:#FFFFFF;
background:#8b1314;
width:20%;
margin:0 0 0 5px;
padding:0;
font-weight:bold;
font-size:11px;
}


#log_res { color:#8b1314; padding:2px; font-weight:bold;}
#log_res.bg { background:#FFFFFF; top:128px; position:absolute; z-index:10; margin-left: 45px; width:154px;}


#right {
	float:right;
	width:260px;
	margin:0 20px;
}
/* Search */
#topmenu .search {
float:right;
width:260px;
padding:6px 0 0;
*padding:10px 0 0;
margin:0 20px 0 0;
}
#topmenu .search input {
padding:2px;
background:#222222;
border:1px solid #FFFFFF;
color:#FFFFFF;
}
.search div.flag_en, .search div.flag_fr, .search div.flag_de {
  background: url(../img/oewf/flags.gif) no-repeat;
	width:20px;
	height:19px;
	overflow:hidden;
	float:right;
	padding:0 5px 0 0;
}
.search div.flag_en {background-position:-25px 0;}
.search div.flag_fr {background-position:-50px 0;}
.search div.flag_de {background-position:0 0;}
.search div.flag_en a, .search div.flag_fr a, .search div.flag_de a {
display:block;
padding-top:20px;
}
/**/

#breadcrumb {
	margin:30px 20px;

}
#breadcrumb span.prefix, #breadcrumb_polares  span.prefix { 
	color:#222222; 
	font-weight:bold;
	}
#breadcrumb_polares {
	margin:0 20px 20px 20px;
}

.homeTeaser, #content .teaser {
	padding:30px 20px;
}
#content .teaser {
  background:#B9B9B9;
  margin:-20px -30px;
}
.homeTeaser h1, #content .teaser h1 {
	color:#8b1314;
	font-size:28px;
	font-weight:normal;
	letter-spacing:1px;
	margin:0;
}
#content .homeTeaser p, .homeTeaser p.withimage {
	float:right;
	width:47%;
	font-weight:bold;
	font-size:13px;
	text-align:right;
}
.homeTeaser p.withimage {
  width:38%!important;
	padding:0 0 0 20px;
}
.homeTeaser h2, #content .teaser p {
	color:#666666;
	font-size:18px;
	letter-spacing:1.6px;
	font-weight:normal;
	padding:0;
}
/* box home top */
#aboutus, #polares, #joinus {
	display:block;
	width:302px;
	height:50px;
	margin:0;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	padding:15px 0 0 10px;
	overflow:hidden;
	background:url(../img/oewf/home_boxes.png) no-repeat;
	color:#CCCCCC;
	text-decoration:none;
}

#aboutus:hover, #polares:hover, #joinus:hover{
	color:#FFFFFF;

}
#aboutus strong, #polares strong, #joinus strong {
	font-size:18px;
} 
#aboutus  {
	margin:0 10px 0 20px;
	background-position:-312px 0;
}
#polares {
	margin:0 10px 0 0;
	background-position:-312px -75px;
}
#joinus {
	background-position:-312px -150px;
}
#aboutus:hover {
	background-position:0 0;
}
#polares:hover {
	background-position:0 -75px;
}
#joinus:hover {
	background-position:0 -150px;
}
/**/
/* boxes home*/
#content .box {
	float:left;
}
#content .home, #content .polares,  #content .home_alt{
	background:#FFFFFF url(../img/oewf/box_body_r.gif) no-repeat bottom right;
	width:300px;
	margin: 0 0 0 20px; 
}

#content .event {
	float:right;
	background:#FFFFFF url(../img/oewf/box_body_r.gif) no-repeat bottom right;
	width:300px;
	margin: 0 20px 0 20px; 
}
#eventaccordion  {
	min-height:100px;
	padding-bottom:10px;
}
#eventaccordion strong.accordiontitle {
  padding:5px 10px 5px 5px;
  margin:0 5px 0;
  display:block;
  color:#8B1314;
  background: url(../img/oewf/arrow3.png) no-repeat right;
  border-bottom:1px solid #B9B9B9;
}
#eventaccordion strong.accordiontitle:hover {
  text-decoration:underline;
  cursor:pointer;
}
#eventaccordion strong.accordiontitle.active {
background:url(../img/oewf/arrow2.png) no-repeat right;
color:#333333;
border-bottom:none;
text-decoration:none;
}
#eventaccordion strong.accordiontitle.active + p.eventcontent {
   border-bottom:1px solid #B9B9B9 !important;
   padding-bottom:5px !important;
}
#eventaccordion a.detail {
  display:block;
  padding:5px 0 0 10px;
}
/*#content .event .virtualpage strong {
  margin:10px 0 5px;
  display:block;
} */
#content .event .eventpic {
  max-width:100px;
  float:right;
  padding:0 0 5px 5px;
  overflow:hidden;

}
#content .spotlight, #content .rss {
  background:url(../img/oewf/box_header_trans_ru.gif) no-repeat bottom right;
}
#content .spotlight {
	background-color:#13798b;
	width:620px;
	margin: 0 0 0 20px; 
}
#content .rss {
	background-color:#FFFFFF;
	width:620px;
	margin: 0 0 0 20px; 
}

#content .boxhead {
	background: url(../img/oewf/box_header_r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

#content .boxhead h2, #content .boxhead h1 {
	background: url(../img/oewf/box_header_trans_l.gif) no-repeat top left;
	margin: 0;
	padding:9px 0 10px 0;
	font-weight: bold; 
	font-size: 16px;
	color:#333333;

}
#content .boxhead h1, #content .defaultcontent .boxhead h2 {
	padding-left:20px;
}
#content .boxhead  .tweet {
	background:url(../img/oewf/twitter_bird.png) no-repeat left;
	position:absolute;
	width:38px;
	height:48px;
	margin:-15px 0 0 10px;
}
#content .boxpic {
	float:left;
	width:300px;
}
#content .transleft1, #content .transleft2 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:10;
}
#content .transleft1 {
	background: url(../img/oewf/box_header_trans_lo.gif) no-repeat;
}
#content .transleft2 {
	background: url(../img/oewf/box_header_trans_lu.gif) no-repeat;
	margin-top:140px;
}
#content .boxbody, #content .contentbody {
	background: url(../img/oewf/box_body_l.gif) no-repeat bottom left;
	margin: 0;
	padding-bottom:2px;
}
#content .home .boxbody {
  height:270px;
}
#content .polares .boxbody {
  height:290px;
  position:relative;
}
#content .home_alt .boxbody {
	height:180px;
}
#content .polares .boxbody ul + span {
  padding:0 2px 0 20px;
  position:absolute;
  bottom:10px;
}
#content .spotlight .boxbody h2 {
	background: url(../img/oewf/box_header_trans_ro.gif) no-repeat top right;
	color:#FFFFFF;
	padding:10px 0 10px 0 ;
	font-size: 14px; 
}
#content .spotlight .boxbody {
	color:#FFFFFF;
	padding:0 0 20px 330px;
}
#content .spotlight .boxbody a {
  color:#FFFFFF;
  text-decoration:none;
}
#content .spotlight .boxbody span {
  padding-right:5px;
}
#content .boxbody p {
	padding:5px 9px 5px 9px;
	margin:0;
}
#content .boxbody p.teaser {
	background:#8b1314;
	font-weight:bold;
	color:#FFFFFF;
	height:90px;
}
#content .boxbody span {
	font-weight:normal;
	/*padding-bottom:8px;*/
	display:block;
}
#content .event .boxbody span {
	display:inline;
}
#content .boxbody p.teaser a {
	color:#FFFFFF;
	text-decoration:none;
}
#content .boxbody a:hover, #content .boxbody p.teaser a:hover {
	text-decoration:underline;
}
#content .boxbody img, #footer img {
	border:none;
	margin:0;padding:0;
}
#content .home .boxbody img, #content .polares .boxbody img {
	width:140px;
	height:100px;
	overflow:hidden;
	float:left;
	padding-right:5px;
	background:#8B1314;
}
#content .home_alt h3 {
	padding:5px 9px;
	margin:0;
}
#content .boxbody li {
	padding-bottom:10px;
}
#content .boxbody li a {
	font-weight:bold;
	text-decoration:none;
}
#content ul {
  list-style-image:url(../../img/oewf/ul_bullet.gif);

 }
/**/

/* content general */
#content .content {
	background:#FFFFFF url(../img/oewf/box_body_r.gif) no-repeat bottom right;
	margin: 0 0 0 20px; 
	width:620px;
}
#content .defaultcontent {
	margin: 0 0 0 20px; 
	width:580px;
	float:left;
	padding:0 20px 40px 20px;
	min-height:380px;
	background:#FFFFFF url(../img/oewf/box_box_unten.gif) no-repeat bottom;
}
#content .wide, #content  .wide .boxhead   { /*extends defaultcontent to include middle and right column */
	width:900px !important;
}
#content .content .boxhead {
	text-align:left;
	margin:-50px 0 0 -20px;
	position:absolute;
	text-align:left;
	width:620px;
}
#content .defaultcontent .boxhead {
	text-align:left;
	margin:0 -20px;
	text-align:left;
	width:620px;
}


#content div.spacer20 + div.spacer, #content div.line2 + div.spacer {
 	background: #B9B9B9 url(../img/oewf/box_box_unten.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*#content .defaultcontent .spacer */
#content div.spacer20 + div.spacer, #content div.line2 + div.spacer
 {
	text-align:left;
	margin:0 -20px;
	text-align:left;
	width:620px;
	height:30px;
}
#share, #share_polares {
margin:0 0 0 660px;
position:absolute;
top:305px;
}
#share_polares {
top: 405px !important;
}
/*Footer  */
#footer {
	background:#4b4a4b;
}

#footer p, #footer div, #footer address { 
	padding:10px; 
	color:#FFFFFF;
	font-size:12px;
}
#footer address {
	padding:0 10px;
}
#footer a, #footer span {
	color:#FFFFFF;
	font-weight:bold;
}
#footer address {
 	font-style:normal;
}
#footer .social {
  float:right;
  width:30%;
}
#footer h2 {
  margin:0 0 20px 0;
}
#footer .social span {
	vertical-align:top;
}
/**/





/* Article Styles */
.articleText {
        margin-bottom: 3px;
        text-align: justify;
}

.articleCode {
        margin-bottom: 3px;
        font-family: "Courier New", Courier, monospace;
        font-size: 12px;
}
.articleSummary {

}

.articleBullet {
     background:url(../../img/article/bullet_1.gif) left no-repeat;
     padding-left:15px;
}
.articleExtLink {
     background:url(../../img/article/extlink_1.gif) left no-repeat;
     padding-left:15px;
}
.articleIntLink {
     background:url(../../img/article/intlink_1.gif) left no-repeat;
     padding-left:15px;
}
.arcticleDown {
     background:url(../../img/article/download.gif) left no-repeat;
     padding-left:15px;
}

/**/




.v09 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; }
.v10 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 10px; }
.v11 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
.v12 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
.v13 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; }
.v14 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; }


/* search */
.formSearch { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
.search_form { padding-bottom:5px;}
.search_result {}

.line_red {
border-top:1px solid #8b1314;
height:1px;
overflow:hidden;
}

/* form fields */
input, .formButton, .search_input_field, textarea  {
border:1px solid #333333;
margin:0;
padding:0;
}
input:focus, textarea:focus {
  border-color:#13798B;
}

.formLabelRequired {
 font-weight:bold;
 padding:2px 10px 3px 0;
 }
.formField {
 padding:2px 0 3px 0;
}
#form input, #form textarea, #form label, #form label.req { padding:2px 0 3px 0; margin:2px 0 3px; }
#form label, #form label.req { float:left; width:30%; text-align:right; padding-right:10px;}
#form label.req {font-weight:bold;}
#form br {clear:left;}
#form label.radio {float:none;}
#form div.error {margin:10px 0 0 32%;}
#form input.radio { border:none;}
#form input.button { border-color:#8b1314; cursor:pointer; border-width:2px;}

.formButton        { font-weight: bold; color: #8B1314; background-color: #C58989; border:1px solid #8B1314; padding:2px; }
.formLabel, .formLabelRequired        {   padding:2px 10px 3px 0; text-align:right; width:40%;}
.error {  margin:10px 0; color:#CC0000;}
.checkLabel        {  font-weight: bold;}
.radioLabel        { font-weight: bold;}
.formTextArea        { }
.inputText        { }
.inputPass        { }
.selectMenu        {}
.selectList        {}
.formspacer {
  font-weight:bold;
  color:#8B1314;
  margin:10px 0;
}
.loginLabel { width:20%; float:left; }
.loginFeild {  padding:2px 0 3px 0;}

.mainTable th {
        color: #8D553A;
        background-color: #aaa;
       text-align:left;
padding:3px 5px 3px 5px;
font-size:12px;
font-weight:bold;
}
.mainTable td {
 border-bottom:1px solid #999;
padding:3px 5px 3px 5px;
}
.image_td {

}


.imgDIVinTextLeft {
	float: left;
	margin:0 10px 10px 0;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;

} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}


.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}


#VisualModeIndicator {
	position:absolute;
	left:5px;
	bottom:5px;
	padding:5px;
	z-index:10000;
	background-color:#FF3300;
	color:#FFFFFF;
	border:1px solid #000000;
}

.btext, .image_caption { background:#999; padding:2px; font-size:10px; color:#fff; border-top:1px solid #fff; text-align:left;}
.line { clear:both; border-bottom:1px dashed #333; padding:10px 0 0 0; margin-bottom:10px; height:1px; overflow:hidden;}
.line2 { clear:left; border-bottom:1px dashed #333; margin:0 0 6px 0; height:1px;overflow:hidden; }
a.back { display:block; float:right; width:10%; text-align:right; }

#content .articleListListhead {
clear:left;
background:url(../../img/article/list_startimage.gif) left no-repeat;
padding-left:15px;
}
#content .articlelistleft {
background:transparent url(../img/oewf/archiv_icon.gif) no-repeat scroll left top;
float:left;
padding:0 0 8px 20px;
width:30%;

}
#content .articlelistright {
width:64%;
float:left;
padding-left:10px;
}

div.cpPagination {
	margin: 25px 0;
	padding:2px 0 5px 0;
	text-align: right;
	position:absolute;
	width:580px;
	height:21px;
}
div.cpPagination a {
	font-weight:normal;
	}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}

div.cpPagination .paginateBackLink img, div.cpPagination .paginateNextLink img {
 float:right;
 width:13px;
 height:21px;
 overflow:hidden;
 text-decoration:none;
 border:none;
}

div.cpPagination span {
float:right;
width:30%;
padding:0 10px;
font-size:11px;
}
div.cpPagination span.numbList {
float:right;
min-width:8%;
font-weight:bold;
text-align:center;
font-size:12px;

}
div.cpPagination span.numbList a {
  padding:2px;
}




/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired
 * 
 * OH Already changed for new design

.virtualpage {
/*hide the broken up pieces of contents until script is called. Remove if desired*/
/*display: none;
}

.paginationstyle{ /*Style for demo pagination divs*
text-align: left;
padding:5px 5px 10px 9px;
}

.paginationstyle a:link { /*Pagination links style
padding: 1px 3px 2px 3px;
color:#666666;
border:1px solid #dbdbdb;
}

.paginationstyle a:hover, .paginationstyle a.selected{
text-decoration:none;
}

.paginationstyle a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*
color: #ffffff !important;
background-color: #8b1314 ;
}
*/

#datatable {
border-left:1px solid;
}

#datatable th {
padding:2px;
background:yellow;
border-top:1px solid;
border-bottom:1px solid;
border-right:1px solid;
width:20%;
}

#datatable td {
border-bottom:1px solid;
border-right:1px solid;
}
#datatabel div {
padding:2px;
}
    /* ================================================================
    This copyright notice must be untouched at all times.

    The original version of this stylesheet and the associated (x)htmlis
    available at http://www.cssplay.co.uk/menus/simple_vertical.html
    Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any
    way to fit your requirements.

    08.11.07 KH (flip-flop) Enhanced: Start[ID] {NAV_HORIZ_DD:ID}
    http://www.phpwcms.de/forum/viewtopic.php?p=94688#94688
    (http://www.phpwcms.de/forum/viewtopic.php?p=89743#89743)
    =================================================================== */
    /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
    /* margin hinzugefuegt - ausschließlich fuer diese demo - und ein "relative position" mit einem hohen z-index Wert um sicherzustellen dass das Menue ueber jedem nachfolgenden Element aufklappt. */

    #topmenu {
       margin: 0;  /* 100px only for testing - default = 0 */
       position: relative;
       height: 44px;      /* ORG 20px */
	   background:#222222;
	   padding:0 0 0 20px;
	   border-bottom:1px solid #FFFFFF;
       z-index: 1000;
    }
    /* Get rid of the margin, padding and bullets in the unordered lists */
    /* margin und padding auf 0, Aufzählungszeichen der unsortierten Liste unterdruecken */
    #pmenu, #pmenu ul {
       padding: 0;
       margin: 0;
       list-style-type: none;

    }
    /* Set up the link size, color and borders */
    /* Einstellen der Groeszen, Farben und Rahmen fuer die Links */
    #pmenu a, #pmenu a:visited {
       display: block;
	   font-size:14px;
	   font-weight:bold;
       color: #999999;
       height: 12px;      /* ORG 25px */
       text-decoration: none;
	   padding:15px;
	 
    }
    /* Set up the sub level borders */
    /* Einstellen der Rahmen fuer die Unterebenen  */
    #pmenu li ul li a, #pmenu li ul li a:visited {
	   font-size:12px;
	   padding:5px 0 5px 14px;
	   width:150px;
	   border-bottom:1px solid #999999;
    }
	 /* Set up the sub sub level  */
    /* Einstellen der Links fuer die 2. Unterebenen  */
	 #pmenu li ul li ul li a, #pmenu li ul li ul li a:visited {
	   font-size:12px;
	   padding:5px 0 5px 14px;
	   width:150px;
    }
    #pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
       border-width: 1px;
    }
    /* Set up the list items */
    /* Einstellen der Listeneinzelheiten */
    #pmenu li {
       float: left;
       list-style-type: none;
       background: #222222;
    }
    /* For Non-IE browsers and IE7 */
    /* Fuer alle nicht IE + IE7 */
    #pmenu li:hover {
       position: relative;
    }
    /* Make the hovered list color persist */
    /* Festlegen der Farbe fuer hover li */
    #pmenu li:hover > a {
       background: #222222; /* ORG #dfd7ca; */
       color: #ffffff;      /* ORG #c00; */
    }
    /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif (leer.gif) is for IE to work */
    /* Einstellen der Unterebenenlisten mit einer absoluten Positionierung fuer die FlyOuts und dem "Ueberfahren-Abstand"
       Das transparente gif (leer.gif) ist fuer den IE gedacht */
    #pmenu li ul {
       display: none;
    }
    /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
    /* Fuer alle nicht-IE + IE7 wird die Unterebenenliste sichtbar bei einem Ueberfahren (hover) */
    #pmenu li:hover > ul {
       display: block;
       position: absolute;
       top: -6px;         /* ORG -11px */
      left: 80px;
       padding: 6px 30px 30px 30px;  /*ORG padding: 10px */
       background:transparent url(../../img/article/leer.gif);
       width: 120px;
    }
	/* korrektur 3. ebene bei aktiven pfad */
	#pmenu li.act_path ul li:hover > ul {
		top: -4px;

		
	}
	#pmenu li.act_path ul li ul .horiz_enclose  {
		border-top:1px solid #FFFFFF;
	}
    /* Position the first sub level beneath the top level links */
    /* Positioniere die erste Unterebene nach dem Topebenenlink */
    #pmenu > li:hover > ul {
       left: -30px;
       top: 32px;
    }
    /* get rid of the table */
    /* Tabelle neu einstellen */
    #pmenu table {
       position: absolute;
       border-collapse: collapse;
       top: 0;
       left: 0;
       z-index: 1000;
       font-size: 10px;
    }

    /* For accessibility of the top level menu when tabbing */
    /* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblättert wird */
    #pmenu li a:active, #pmenu li a:focus {
       background: #222222;
       color: #FFFFFF;      /* ORG #c00; */
    }
    /* Set up the pointers for the sub level indication */
    /* Einstellen der Symbole/Pfeile für die Unterebenenanzeige */
    #pmenu li.fly_ul {
       background: #222222 url(../img/oewf/menu_flyout.gif) no-repeat 90% top;
       
    /*   background: #7484ad url(../../img/article/navi/fly.gif) no-repeat right center;
    */
    }


    #pmenu li.drop_ul {
       background: #222222 url(../img/oewf/menu_foldout.gif) no-repeat right center;
       /* background: #7484ad url(../../img/article/navi/drop.gif) no-repeat right center;
    */
    }
    /* KH: Active Path output */
    /* KH: Ausgabe des aktiven Pfads */
    #pmenu li.drop_ul li.act_path {
       background:#222222 url(../img/oewf/menu_foldout.gif) no-repeat right center;
    /*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
       */
    }
	#pmenu li.act_path {
	background:url(../img/oewf/bg_reiter.gif) no-repeat scroll right top;
	padding-right:8px;
	margin:10px 0 0 10px;
	/**margin:7px 0 0 10px; IE Only */
	}
	/* Untermenüs beim aktivieren Reiter, benötigen eigene Styles! */
	#pmenu li.act_path a {
		padding:6px 8px 17px 16px;
		background:url(../img/oewf/bg_reiter.gif) no-repeat scroll left top;
		color:#222222;
		}
	#pmenu li.act_path li.sub_no a, #pmenu li.act_path li.fly_ul li a {
    background:#B9B9B9 none;
  }
  #pmenu li.act_path li.fly_ul a {
     background: #B9B9B9 url(../img/oewf/menu_flyout_sel.gif) no-repeat 90% top;
  }
	#pmenu li.act_path ul li a {
		color:#222222;
		padding:5px 0 5px 14px;
	   	width:150px;
		border-left:1px solid;
		border-right:1px solid;
		border-bottom:1px solid;
		border-color:#FFFFFF;
	}
	
	#pmenu li.act_path ul li a:hover {
		color:#FFFFFF;
	}
	#pmenu li.act_path ul {
				margin-top:-3px;		
	}
/* For Umfrage2010 form own style to not intfer with excisting form styles */
#umfrage2010  input, #umfrage2010 textarea { margin:5px 0; padding:2px; font-family:Tahoma,Arial,serif; font-size:12px; border:none;}
#umfrage2010 label { margin:0 0 0 6px; }
#umfrage2010 .button { background:#8B1314; padding:10px; color:#FFFFFF; font-weight:bold;}
.error { font-weight:bold;}
#umfrage2010 input.freetext, #umfrage2010 textarea.freetext { width:200px; border:1px solid #333333;} 
#umfrage2010 input.error, #umfrage2010 textarea.error {border:1px solid #CC0000;}
#umfrage2010 div.error {float:left; }



/* Moving Boxes */


#wrapper {
    background:#FFFFFF url(../img/oewf/box_body_r.gif) no-repeat bottom right;
	width: 940px;
    margin: 25px auto;
}

#wrapper .boxhead {
	background: url(../img/oewf/box_header_r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
#wrapper .box h1 {
	background: url(../img/oewf/box_header_trans_l.gif) no-repeat top left;
	margin: 0;
	padding:9px 0 10px 0;
	font-weight: bold; 
	font-size: 16px;
	color:#333333;
}
	
#intro {
    padding-bottom: 10px;
}

#slider {
	background: url(../img/oewf/box_body_l.gif) no-repeat bottom left;
	padding-bottom:2px;
    width: 940px;
    margin: 0 auto;
    position: relative;
	/*border: 10px solid #ccc;*/
}

.scroll {
	overflow: hidden;
	width: 880px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 15px;
    width: 250px;
	height: 280px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../img/oewf/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../img/oewf/rightshadow.png) repeat-y;
}


.inside {
	
	/*border: 1px solid #999;*/
	background:#222222;
}

.inside img {
	display: block;
	/*border: 1px solid #666;
	margin: 0 0 10px 0;*/
	width: 250px;
	height: 170px;
}

.inside h2 {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	margin:0;
}

.inside p {
	font-size: 11px;
	color: #ffffff;
	padding:5px;
	margin:0;
}

.inside a:link {
	color: #ffffff;
	text-decoration: none;
}

.inside a:hover {
	text-decoration:underline;
}
.inside a:visited {
	text-decoration:none;
	color:#CCCCCC;
	}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
	z-index:100;
}

.scrollButtons.left {
    left: -25px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}