/*CSS Stand 15.12.08 */
/* copyright 2008 www.asgari-design.de */



/*		used COLORS - Development
*******************************************************************************


Verwendete Farben:
Orange:				313e87
Grau(Text):7c7c7c
bwp-blau: 929ba8
Logograu: 626262
hellgrau: ebeef2
*/


/*		RESET HTML SETTINGS
*******************************************************************************/

a,
:link,
:visited {
	text-decoration: none;
	}

/* removed as this makes problems with lists (numbers and dots do not show up)
li,ol,ul {
	list-style-type:none;
	}*/

pre,code {
	font-size: 1em;
	font-weight: normal;
	}

/* removed as this makes problems with lists */
li {
	margin: 0px;
	padding: 0px;
	}

ul { /* Auflistung Punkte*/
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 17px;
	}


ul li,
ul li ul li { /* Auflistung Punkte*/
	list-style: square;
	}

ol { /* Auflistung Zahlen */
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 20px;
	}

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	}

img,
a img,
:link img,
:visited img,
fieldset {
	border: none;
	}

img {
	margin: 0px;
	padding: 0px;
	}

address {
	font-style: normal;
	}

legend {
	display: none;
	}

/*	 specials ****************/

.clearer {
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
	}

.clear {
	clear: both;
	}

.flLeft {
	float:left;
	margin-right:10px;
	}

.flRight {
	float:right;
	margin-left:10px;
	}

.txt-algn-cntr {
	text-align:center;
}

/* Inline divs (to declared at every Inline-element - further controls hardcoded at element)*/
.inline {
	display:block !important;
	display:inline !important;
	float:left !important;
	padding-left:0px !important;
	}


/*		General settings
*******************************************************************************/

/*	 html *****************/
html {
	height: 100%;
	min-height: 100%;
	font-size: 100.01%;
	}

/*	 body + main-containers ****************/
body {
	background:transparent !important;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 70%;
	}

#centered-website {
	background:transparent !important;
	position: relative !important;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

/*	 includes all except footer -  height effects footer position */
#website_maincontent {
	width:  1024px !important;
	height: 100% !important;
	}

/*	 includes main-navigation -  height effects content position */
#head {
	position: relative !important;
	top: 0px;
	left:0px;
	width: 100% !important;
	height: 147px !important;
	text-align: left;
	z-index: 0;
	}

/* Logo *********************************************/
#logo {
	background-image: url(bwp-logo2.gif);
	background-repeat: no-repeat;
	position: absolute;
	float:right;
	top: 39px;
	right: -1px;
	width: 158px;
	height: 46px;
	z-index: 10;
	}

#logo a {
	display: block;
	height: 46px;
	width: 158px;
	text-indent: -700em !important;
	}

/* Logo *********************************************/
#logo_schriftzug {
	background-image: url(bwp_schriftzug.gif);
	background-repeat: no-repeat;
	position: absolute;
	float:left;
	top: 39px;
	left: 1px;
	width: 392px;
	height: 46px;
	z-index: 10;
	}

#logo_schriftzug a {
	display: block;
	height: 46px;
	width: 392px;
	text-indent: -700em !important;
	}

/* BREADCRUMP *********************************************/
#breadcrumb {
	color: #ffffff;
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1em;
	position:absolute;
	top: 130px;
	left: 39px;
	width: 450px;
	z-index: 10;
	}


#breadcrumb a,
#breadcrumb a:link {
	color:#ebeef2;
	}


#breadcrumb a:hover {
	color: #626262;
	}

/* COLORFIELDS *******************************************/
#greyhead {
	position:absolute;
	top: 95px;
	left: 0px;
	height: 52px;
	width: 100%;
	background-color: #929ba8;
	}

/*	 includes A1-C3 -  set height value very small  for free A3 login access height war  top0 NEW+44*/
#content {/* Beeinflusst alle Schriften im lock */
	position: relative !important;
	top: 0px !important;
	left: 0px;
	width: 100%;
	height: 400px;
	float: left;
	z-index: 0;
	font-size:1.1em;
	line-height:1.5em;
	text-align: left;
	background-image: url(grey_11.jpg);
	background-position: -9px 0px;
	background-repeat: repeat-y;
	}

#content a,
#content a:link {
	color:#929ba8;
	}

#content a:hover {
	color: #7c7c7c;
	}


#main  /* Beeinflusst alle Schriften im Mainblock */
	{
	color: #7c7c7c;
	font-size: 1em;
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	line-height:1.5em; /* hier stimmt was nicht*/
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 80px;
	z-index: 0;
	}

#right_grey_element { /* Rechter grauer Balken */
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 80px;
	z-index: 0;
	background-image: url(grey_13.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	}


#subheader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 89px;
	}

#flash-image {
	position: absolute;
	top: 0px;
	left: 39px;
	width: 100%;
	height: 89px;
	}

#headline {
	position: absolute;
	top: 155px;
	left: 80px;
	width: 66%;
	height: 30px;
	}

#position_elements {
	position: relative;
	top: 195px;
	left: 0px;
	width: 100%;
	height: 89px;
	}

#maincontent { /* wachsender contentbereich */
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 290px;
	background-color:#626262;
	background-image: url(grey_11.jpg);
	background-position: -9px 0px;
	background-repeat: repeat-y;
	}

#maincontent_2 { /*Hack der auch für IE 6 funktioniert min-height festlegen*/
	position: relative;
	left: 80px; /* set groundposition for whole article content */
	padding-top:30px;
	padding-bottom:30px;
	min-height: 290px;
   	height: auto !important;
   	height: 290px;
	width:913px; /* Grundbreite minus position left*/
	color: #ffffff;
	}

/* Positions Content *********************************************/
.left_edge { /* hosts the prntsymbol which can not be nested in extramenu */
	position:relative;
	left: -80px;
	width:1024px;
     }

.left_edge_inner { /* hosts the prntsymbol which can not be nested in extramenu */
	position:relative;
	left: -41px;
	width:985px;
     }

#iframe_modul_1 { /* hosts the prntsymbol which can not be nested in extramenu */
	position:relative;
	left: -40px;
     }

/* Teaserdarstellung abschneiden */
.teaser2 {
	position:relative;
	left: -41px;
	height: 140px;
	width: 910px;
	padding-left:41px;
	overflow: hidden;
	/*border: solid 1px red;*/
     }
.teaser_link { /* Teaserdarstellung abschneiden */
	position:relative;
	left: 270px;
	top: 105px;
	width: 200px;
	z-index: 100;
	/* border: solid 1px blue;*/
     }

.teaser2_kompetenz { /* Teaserdarstellung abschneiden */
	position:relative;
	left: -41px;
	height: 140px;
	width: 650px;
	padding-left:41px;
	overflow: hidden;
	/*border: solid 1px red;*/
     }
.teaser_link_kompetenz { /* Teaserdarstellung abschneiden */
	position:relative;
	left: 270px;
	top: 105px;
	width: 150px;
	z-index: 100;
	/* border: solid 1px blue;*/
     }

.teaser2 .article_paginators { /* vor- zurückblättern in Tesaser unsichtbar machen */
	display: none;
     }

.article_paginators { /* vor- zurückblättern fix positionieren */
	position:absolute;
	top: 5px;
	right: 0px;
	text-align:right;
	width: 450px;
	z-index: 100;
	/* border: solid 1px blue;*/
     }

/* Bildlistenmodul *********************************************/
.image_block { /*steuert Bildblcok incl. Bildunterschrift*/
	text-align:left;
	position:relative;
	left:-41px;
	margin-right: -41px;
	}
.imagelist_subtitle { /*steuert Bildunterschrift rrelativ zum Bild*/
	position:relative;
	top:-2px;
	height: 15px;
	text-align:right;
	font-size:0.8em;
	z-index:100;
	}
.images_left_of_text { /* */
	}
.images_right_of_text { /* */
	}

/* TinyMCE Specials *********************************************/

.place_image_left_edge { /* in TinyMCE eingebundenes Bild nach links verschieben*/
	position: relative;
	left: -41px;
	margin-right: -41px;
	}

/* FOOTER *********************************************/
#footer { /* hosts the prntsymbol which can not be nested in extramenu */
	position:relative;
	top: 0px;
	height: 25px;
	width:40px;
	z-index: 10;
	overflow: hidden;
	z-index:30;
     }

#footer_color_width { /* important sets position for text of extramenu */
	position:absolute;
	top: -1px;
	height: 23px;
	left:-30px;
	padding-top:1px;
	padding-left:31px; /* sets footernavi textposition*/
	z-index:10;
	background-color: #929ba8;
	}

#distanceToPageEnd { /* Element wich keeps distance to pageand (white space) if much content*/
	position:relative;
	top:50px;
	height:20px;
	width:20px;
	z-index:100;
	}

.printsymbol {
	position:relative;
	top:4px;
	left:16px;
	z-index:30;
	}

/* MSIE 7 specific rules */
*:first-child+html .printsymbol {
	position:relative;
	top:2px;
	left:16px;
	z-index:30;
	}




/*	 includes A1-C3 -  set height value very small  for free A3 login access height war  top0*/


#printwindow {
	color: #626262;
	position:absolute;
	top:0px;
	left:60px;
	width: 1024px;
	float: left;
	font-size:1.1em;
	line-height:1.5em;
	text-align: left;
	}
/*
#printwindow .section{
	color: #626262;
	position:absolute;
	top:0px;
	left:0px;
	}*/

#printwindow,
#printwindow .text_left,
#printwindow .text_right,
#printwindow .left-edge,
#printwindow .right-edge,
#printwindow .left_edge_inner,
#printwindow .teaser2,
#printwindow .section,
#printwindow .wysiwygimg,
#printwindow .wysiwygimgtext, {
	color: #626262;
	}






/* suchfeld  *********************************************/
#suchen1 {
	background-image: url(lupe_suchen.jpg);
	text-align: left;
	position: absolute;
	top: 95px; /* 20 Pixel tiefer gesetzt */
	width: 142px;
	height: 13px;
	z-index: 95;
	margin: 0;
	padding: 0; }

#search {
	color:#313e87;
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px;
	text-align: left;
	position: absolute;
	top: 95px; /* 20 Pixel tiefer gesetzt */
	width: 123px;
	height: 1em;
	z-index: 100;
	margin: 0 0 0 17px;
	padding: 0;
	border-color: #fff #ebeef2 #ebeef2 #fff;
	border-width: 1px; }



/* Headllines *********************************************/
h1 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.8em;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
	}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	}

h4 {
	font-size: 1em;
	font-weight: bold;
	}

h5 {
	font-size: 0.9em;
	}

h6 {
	font-size: 0.9em;
	margin-top: -0.5em;
	margin-bottom: 1em;
	}


.cont_ongreen h1,
.cont_ongreen h2,
.cont_ongreen h3,
.cont_ongreen h4,
.cont_ongreen h5,
.cont_ongreen h6 {
	color: #7c7c7c;
	}


/* ERROR Messages *********************************************/

.error {
	color: red;
	}


/* GENERAL TABLE CONTROL *********************************************/
table {
	/*border: none;*/
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 1em;
	}
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.left { text-align: left }
.center { text-align: center }
.right { text-align: right }

tr {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	}

td {
	/*text-align: left; */
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	}
td {
	vertical-align: middle;
	}
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

/* Erste Zeile Tabellen - Linie wir nicht von hier gesteuert*/
thead {
	color: #7c7c7c;
	text-align: left;
	}

/* Erste Zeile Tabellen - Linie*/
.table_head_underline {
	border-top: 1px solid white;
	vertical-align: top;
	}

.table_head_underline_grey {
	border-top: 1px solid #7c7c7c;
	vertical-align: top;
	}

/* Inhalte Positionen */

.text_left {
	color: #ffffff;
	position: relative;
	left: 80px;
	}


/* Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie ******************************************/

div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext,
.wysiwygimg td.wysiwygimgtext {
font-size: inherit;
 }

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; }
.wysiwygimg img.wysiwygimg {border:solid 0px #f5f5f5;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; }

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 0px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 0px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 0px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 0px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#ffffff; font-size:0.8em; font-style:italic; margin:0px 0px 10px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
/* Wenn nur Bild sich verschieben soll hier wie folgt korrigieren: position: relative; left: -41px; */
.wysiwygimg .wysiwygimgwrap {
	float:left;
	margin:0 -21px 0 0;	/* korrigiert Textabstand nach Bildverschiebung */
	position:relative;
	left: -41px; /* versetzt Bild aus Textblock nach links */}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {

	}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {
	}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}







/* Modul Magazinlayout ******************************************/
/* not neccessarily needed to run Magazinlayout */
	/* Beispiel-CSS f?r magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=100);
		line-height: 0.0em;
		opacity: 1.00;
		-moz-opacity: 1.00;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=800);
		opacity: 0.80;
		-moz-opacity: 0.80;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}