/*CSS Stand 31.03.09 */
/* copyright 2009 www.asgari-design.de */



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


Verwendete Farben:
Alexandra Grün: 		b0c0c0
Alexandra Schriftfarbe: 819090
Link Alex orange 		f90
bwp:Orange:	313e87
Grau(Text):7c7c7c
*/


/*		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: Helvetica, Arial, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 69%;
	}



/* Menu Header *********************************************/
#head_menu_container { /* oberer head container 1. Reihe */
	position: fixed;
	top: 81px;
	left:0px;
	width: 100% !important;
	height: 98px !important;
	text-align: right;
	z-index: 10;
	background-color: #ffffff;
	}


/* Logo *********************************************/
#logo { /* not used up to now */
	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 {/* not used up to now */
	display: block;
	height: 46px;
	width: 158px;
	text-indent: -700em !important;
	}



/* BREADCRUMP *********************************************/
#breadcrumb {
	color: #ffffff;
	font-family: Helvetica, Arial, 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 *******************************************/


#left_greenbg { /* gründer bereich links im head container */
	position:fixed;
	left:0px;
	bottom:0px;
	width: 132px;
	height: 100%;
	background-color: #b0c0c0;
	z-index: 9;
	color:#ffffff;
	}

#content_position {/* needed to encapsulate follwing relative positions and to set 100% width*/
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	}

#headdistance {/* needed to define distance of following divs*/
	position:relative;
	top:0px;
	left:0px;
	height:220px;
	width:100%;
	}

#content {/* Beeinflusst alle Schriften im block - legt aber nicht die breite des contens fest*/ /*background picture here or eigenen container*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	float: left;
	z-index: 0;
	font-size:1em;
	line-height:1.5em;
	text-align: left;
	color: #819090;
	}

#content a,
#content a:link {
	color:#f90;
	}

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


#main  {/* Breite für Content wird hier festgelegt */
	position: relative;
	top: 0px;
	padding-top:10px;
	left: 230px;
	width:730px;
	height: auto;
	z-index: 0;
	}

#contact_adress_window {/* Wird nur für das rechte CType für die Addresse unter "Kontakt" verwendet */
	position:fixed;
	top:420px;
	right:0px;
	height:300px;
	width:170px;
	}

/* Backgroundimages controlled by Metatags*/
#bg_image_light {
	position:fixed; top:220px;
	left:132px;
	z-index:-1;
	height:600px;
	width:850px;
	background-image:url(grundr_mediakt_bl3.jpg);
	}

#bg_image_dark {
	position:fixed;
	top:220px;
	left:132px;
	z-index:-1;
	height:600px;
	width:850px;
	background-image:url(grundr_mediakt_bl2.jpg);
	}

#bg_filled_top { /*used for disclaimer*/
	position:fixed;
	top:0px;
	left:132px;
	z-index:-1;
	height:81px;
	width:100%;
	background-color: #b0c0c0;
	}

#bg_filled_content {
	position:fixed;
	top:179px;
	left:132px;
	z-index:-1;
	height:100%;
	width:100%;
	background-color: #b0c0c0;
	}

/* 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;
     }

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

#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 .article_paginators { /* vor- zurückblättern in Tesaser unsichtbar machen */
	display: none;
     }

.article_paginators { /* vor- zurückblättern fix positionieren */
	position:absolute;
	top: -30px;
	right: 5px;
	text-align:left;
	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 pirntsymbol which can not be nested in extramenu */
	position: absolute;
	bottom: 0px;
	width:100%;
	color: #ffffff
     }

.printsymbol{

	position:absolute;
	top:-40px;
	left:27px;
	z-index:30;
	}



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


#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: Helvetica, Arial, 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.2em;
	font-weight: normal;
	line-height: 1.4em;
	}

h2 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	}

h3 {
	font-size: 1em;
	font-weight: normal;
	}

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

h5 {
	font-size: 1em;
	}

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




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

.error {
	color: red;
	}


/* GENERAL TABLE CONTROL *********************************************/
table {
	/*border: none;*/
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	}
.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: top;
	text-align: left;
	}




/* 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 0px 0px 0;	/* korrigiert Textabstand nach Bildverschiebung */
	position:relative;
	left: 0px; /* 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;
	}ktes 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;
	}