body {
	text-align:center;
	font-size:100%;
	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;}
h1 {font-size:130%; }
h2 { font-size:120%;  margin:0; padding:5px 0;}
div.spacer10 { 	height:10px; }
div.spacer20 { 	height:20px;  overflow:hidden; clear:left;}
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;
}
#content .spotlight .articleText {
  
}
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 {
	display:none;
}
#print {
	display:none;
		}

#main {
	background:#b9b9b9;	
	border-bottom:none;
	text-align:left;
	/*border:10px solid #FFFFFF;*/
}
#header {
	background-image:none !important;
	background-color:#8B1314;
}
#logo {
width:10%;
}
#logo img {
	margin:15px 0 0 15px;
}

#getActive {
	display:none;
}

#right {
	margin:0 10px;
}
/* Search */
#topmenu .search {
padding:6px 0 0 5px;
*padding:10px 0 0 5px;
}
#topmenu .search input {
display:none;
}
.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;
	padding:0 0 0 5px;
}
.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:3% 2%;

}
#breadcrumb span.prefix { 
	color:#222222; 
	font-weight:bold;
	}

#content .homeTeaser, #content .teaser {
	padding:3% 0;
}
#content .teaser {
  background:#B9B9B9;
  margin:-20px -30px;
}
#content .homeTeaser h1, #content .teaser h1 {
	color:#8b1314;
	font-size:125%;
	font-weight:normal;
	letter-spacing:1%;
	padding:0 1%;
}
#content .homeTeaser p, #content .homeTeaser p.withimage {
	font-weight:bold;
	font-size:80%;
	padding:0 1%;
}
#content .homeTeaser p.withimage {
    padding:0 0 0 20px;
}
#content .homeTeaser h2, #content .teaser p {
	color:#666666;
	font-size:90%;
	letter-spacing:1.6%;
	font-weight:normal;
	padding:0 1%;
}
/* boxes home*/
#content .box {
	background:#FFFFFF;
	margin:0 0 5% 0;
}
#content .home, #content .polares,  #content .home_alt{
	
}

#content .event {
}
#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;
}
/*#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 {
  
}
#content .spotlight {
	background-color:#13798b;
}
#content .rss {
	background-color:#FFFFFF;
}

#content .boxhead {
	background:#FFFFFF;
	margin: 0;
	padding: 0 0 0 10px;
	text-align: left;
}

#content .boxhead h2, #content .boxhead h1 {
	margin: 0;
	padding:9px 0 10px 0;
	font-weight: bold; 
	color:#333333;

}
#content .boxhead h1, #content .defaultcontent .boxhead h2 {
	padding-left:10px;
}
#content .boxpic {
	
}
#content .transleft1, #content .transleft2 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:10;
}
#content .transleft1 {
	
}
#content .transleft2 {
	
	margin-top:140px;
}
#content .boxbody, #content .contentbody {
	margin: 0;
	padding-bottom:2px;
}
#content .home .boxbody {
  
}
#content .polares .boxbody {
    position:relative;
}
#content .home_alt .boxbody {
	
}
#content .polares .boxbody ul + span {
  padding:0 2px 0 20px;
  position:absolute;
  bottom:10px;
}
#content .spotlight .boxbody h2 {
	color:#FFFFFF;
	padding:10px 0 10px 0 ;
}
#content .spotlight .boxbody {
	color:#FFFFFF;
	/*padding:0 0 20px 330px;*/
}
#content .spotlight .boxbody a {
  color:#FFFFFF;
  text-decoration:none;
}
#content .spotlight .boxbody span {
  
}
#content .boxbody p {
	padding:5px 9px 5px 9px;
	margin:0;
}
#content .boxbody p.teaser {
	background:#8b1314;
	font-weight:bold;
	color:#FFFFFF;
	min-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 {
	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;
}
#content .defaultcontent {
	padding:0 20px 40px 20px;
	min-height:380px;
	background:#FFFFFF;
	margin:0 0 5% 0;
}

#content .content .boxhead {
	text-align:left;
	margin:-50px 0 0 -20px;
	position:absolute;
	text-align:left;
}
#content .defaultcontent .boxhead {
	text-align:left;
	margin:0 -20px;
	text-align:left;
}
#content .defaultcontent  + div.box  {
	display:none !important;
}

#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;
	height:30px;
}
#share {
display:none;
}
/*Footer  */
#footer {
	background:#4b4a4b;
}

#footer p, #footer div, #footer address { 
	padding:1%; 
	color:#FFFFFF;
	font-size:95%;
}
#footer address {
	padding:0 1%;
}
#footer a, #footer span {
	color:#FFFFFF;
	font-weight:bold;
}
#footer address {
 	font-style:normal;
}
#footer .social {

}
#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;
	height:21px;
	width:90%;
}
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;
}

#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:16px;
	   font-weight:bold;
       color: #999999;
       height: 12px; /*     /* ORG 25px */
       text-decoration: none;
	   padding: 5px;
    }
    /* 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:13px;
	   padding:2px 2px 5px 2px;
	   width:140px;
	   border-bottom:1px solid #999999;
	   border-left:1px solid #999999;
	   border-right:1px solid #999999;
	   background:#222222;
    }
	 /* 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:2px 2px 5px 2px;
	   width:140px;
	  }
    #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;
	   width:100px;	   
    }
    /* 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: -1px;         /* ORG -11px */
      left: 100px;
      padding:0;  /*ORG padding: 10px */
      background:transparent url(../../img/article/leer.gif);
      width: 145px;
	  border-top:1px solid #999999;
    }
	/* 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: 100px;
       top: 0px;
    }
    /* 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;
    }

    #pmenu li.drop_ul {
       background: #222222 url(../img/oewf/menu_flyout.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;
    }
	#pmenu li.act_path {
	padding-right:8px;
	}
	/* Untermenüs beim aktivieren Reiter, benötigen eigene Styles! */
	#pmenu li.act_path a, #pmenu li.act_path a:hover {
		color:#ffffff;
	}
	#pmenu li.act_path ul li a {
		color:#999999;
	}
/* 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; }