/*********************************************************************/
/*                        Basis-Stylesheet                           */
/*                        f�r www.enob.info                          */
/*      copyright 2006/2007 Sunbeam GmbH www.sunbeam-berlin.de       */
/*                                                                   */
/*********************************************************************/

/*** EnOB-Farben
	EnOB  - #003F7C
	VIBau - #5E8FCB
	EnBau - #D94B00
	EnSan - #698600
	LowEx - #B90F22

***/

/*** Allgemein Anweisungen ***/
* {
	margin: 0;
	padding: 0;
}

body	{
	background: #fff;
	color: #000;
  	font: normal 76%/1.5em Verdana, Arial, Helvetica, sans-serif;
	/*font: normal 70%/1.5em Verdana, Arial, Helvetica, sans-serif;*/ /* 70% ist exact die Entwurfsgr? */
	min-width: 50em;
	max-width: 103.8em; /* ae 20.03.07 Begrenzung der Ansichtsgr��e auf 1280px Breite */
}

* html .minwidth {border-left:40em solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-40em; position:relative; float:left; z-index:2;}


#header h1	{
	font-size: 1.4em;
	width: 10.7em;
	background: #fff;
}

h2	{
	font-size: 1.3em;
	color: #003F7C;
	padding: 0 0 0.3em 0;
	border-bottom: 2px solid #CECED1;
	margin-top: 2em;
	margin-bottom: 0.4em;
}

abbr,
acronym	{
	border-bottom: 1px dashed #CDD9E5;
}

h2 abbr,
h3 abbr,
h4 abbr,
h5 abbr,
h2 acronym,
h3 acronym,
h4 acronym,
h5 acronym	{
	border-bottom: none;
}

/** H2 ohne margin, wenn unter einem Logo angeordnet **/
#h2om h2	{
	margin-top: 0em;
}

/** Rahmenprojektlogos werden ber der Hauptberchrift angezeigt **/
#logoueberh2 h2	{
	padding-top: 0.5em;
	border-top: 2px solid #CECED1;
	border-bottom: none;
	margin-top: 0.1em;
}

/** Verlinkte H2-?erschriften in Listendarstellungen **/
h2 a:link, h2 a:visited { text-decoration: none; }
h2 a:focus, h2 a:hover, h2 a:active { text-decoration: underline; }

h3	{
	margin: 1.2em 0 0 0;
	font-size: 1.1em;
	color: #003F7C;
}

h4	{
	font-size: 1em;
	margin-top: 0.6em;
	color: #003F7C;
}

/** in Benutzung ??? **/
h4 a:link, h4 a:visited { text-decoration: underline; } /* kl verlinkte ?erschriften in Listendarst.*/
h4 a:focus, h4 a:hover, h4 a:active { text-decoration: none; } /* kl */
h4.x	{
	font-size: 1em;
	color: #808080;
}
/**  in Benutzung ??? **/

h5	{
	font-weight: bold;
}

a img	{
	border: none;
}

a:link, a:visited 	{
	color: #003F7C;
}

a:hover, a:focus, a:active	{
	color: #B90F22;
	text-decoration: none;
}

a:link.glossarlink,
a:visited.glossarlink 	{
	color: #000;
	text-decoration: none;
	padding-left: 12px;
	border-bottom: 1px dashed #B1B0B5;
	background: url(../../../../../fileadmin/images/icons/glossarlink.gif) no-repeat 0 3px;
}

a:hover.glossarlink,
a:focus.glossarlink,
a:active.glossarlink	{
	color: #B90F22;
	text-decoration: none;
	border-bottom: none;
	background: #CDD9E5 url(../../../../../fileadmin/images/icons/glossarlink.gif) no-repeat 0 3px;
}

h2 a:link.glossarlink,
h2 a:visited.glossarlink,
h2 a:hover.glossarlink,
h2 a:focus.glossarlink,
h2 a:active.glossarlink	{
	padding-left: 0;
	color: #003F7C;
	border-bottom: none;
	background: none;
}



pre {
	white-space: pre;
}

p	{
	margin: 0 0 0.4em 0;
}

p.mehr	{
	margin: 0;
	margin-right: 1.5em;
	text-align: right;
}

address	{
	font-style: normal;
	margin: 0 0 0.4em 0;
}

/*** Unsichtbare Elemente zum Vorlesen (lassen) ***/
#hilfsnavigation,
span.usb,
dfn.usb,
.mehr span,
li em,
#suchbox label,
ul dfn,
p.usb,
h3.usb,
a em,
caption,
#filter label {
	display: block;
	position: absolute;
	left: -3000px;
	top: 0;
	height: 1px;
	width: 1px;
}

.clear	{
	clear: both;
	line-height: 0;
}

.clr	{
	clear: right;
}

.cll	{
	clear: left;
}

#hilfsnavigation a:focus,
#hilfsnavigation a:active {
	display: block;
	position: absolute;
	left: 3000px;
	top: 0px;
	font-weight: bold;
	color: red;
	margin-left: 1em;
	padding: 0.1em 0.3em 0.2em 0.3em;
	border: 1px solid #c00;
	outline: none;
	height: auto;
	width: 12em;
}

/*** Headerbereich // Start ***/
#header	{ /** Kopfzeile mit Standard-Headergrafik **/
	background:  url(../../../../../fileadmin/images/visuals/visual_main.jpg) no-repeat 17.1em -10px;
	max-width: 103.8em; /* ae 20.03.07 Begrenzung der Ansichtsgr? auf 1280px Breite */
}

/** Headergrafiken der anderen Seiten **/
#neu #header,
#enbau #header	{
	background:  url(../../../../../fileadmin/images/visuals/visual_neubau.jpg) no-repeat 17.1em -10px;
}
#san #header,
#ensan #header	{
	background:  url(../../../../../fileadmin/images/visuals/visual_sanierung.jpg) no-repeat 17.1em -10px;
}


#header p	{ /** Bmwi-logo **/
	margin: 0;
}

/** Bmwi-logo im Quellcode vor EnOB-Logo verschoben um es zu floaten - sonst war die Max-Width nicht realisierbar **
#partner	{
	position: absolute;
	top: 0;
	right: 0;
	width: 21%;
	height: 140px;
	background: #fff;
}
**/
/** Bmwi-logo **/
#partner	{ /* ae 20.03.07 Begrenzung der Ansichtsgr? auf 1280px Breite */
	float: right;
	width: 21%;
	height: 140px;
	background: #fff;
}

#partner img	{
	margin: 5px 10px;
}

/*** #main umschlie? #haupnavi, #content, #marginalie ***/
#main {
	position: relative;
	width: 100%;
	padding-top: 0em;
}

/***  blauer Balken mit Service-Navigation und Suche // Start ***/
#meta	{
	background: #003F7C;
}

/*** Servicenavigation // Start ***/
#servicenavi	{/** mit unterem Bereich der Standard-Headergrafik **/
	margin-left: 17.1em;
	margin-right: 21%;
	background:  url(../../../../../fileadmin/images/visuals/visual_main_unten.jpg) no-repeat 0 0;
}

/** Untere Bereiche aller anderen Headergrafiken **/
#neu #servicenavi,
#enbau #servicenavi	{
	background:  url(../../../../../fileadmin/images/visuals/visual_neubau_unten.jpg) no-repeat 0 0;
}

#san #servicenavi,
#ensan #servicenavi	{
	background:  url(../../../../../fileadmin/images/visuals/visual_sanierung_unten.jpg) no-repeat 0 0;
}

#servicenavi ul	{
	list-style-type: none;
	padding: 0.5em 0.8em 0 1.5em;
	color: #fff;
}

/** clearing ohne zus?liches HTML hinter der Liste der Servicenavigation **/
#servicenavi ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#servicenavi li	{
	float: left;
	display: block;
	padding-right: 0.5em;
}

#servicenavi li.act span,
#servicenavi li.lastact span	{
	font-weight: bold;
	padding-right: 0.5em;
}

#servicenavi a:link,
#servicenavi a:visited	{
	color: #fff;
	padding-right: 0.5em;
	text-decoration: none;
}

#servicenavi a:hover,
#servicenavi a:focus,
#servicenavi a:active	{
	text-decoration: underline;
}
/** Servicenavigation // Ende **/

/** Suche // Start **/
#suchbox {
	padding: 0.5em 0 0.1em 0;
	float: right;
	width: 21%;
}

#suchbox input.suchfeld {
	width: 75%;
	margin: 0 0 0.3em 0.5em;
	padding: 0;
	border: 1px solid #fff;
	font-size: 1em;
}

/* Hintergrund Ajaxsuche */
#suchbox input.suchfeld:focus {
	background-color: #CDD9E5;
}

#suchbox input.auswahl {
	width: 1.4em;
	margin-left: 0.2em;
	background-color: #2D6193;
	color: #fff;
}
/** Suche // Ende **/
/***  dunkelblauer Balken mit Service-Navigation und Suche // Ende ***/


/*** hellblauer Balken mit Breadcrumbs // Start ***/
#breadcrumbs	{
	clear: left;
	position: relative;
	background-color: #CDD9E5;
	padding: 0.4em 0.8em 0.5em 20.6em;
	font-size: 0.9em; /* neu 16.11.06 */
}

#breadcrumbs p {
	margin: 0;
	display: inline;
	background: transparent;
	padding-top: 0.5em
}

#breadcrumbs ol {
	list-style: none;
	display: inline;
}

#breadcrumbs li {
	display: inline;
	padding-right: 0.3em;
}

#breadcrumbs span {
	display: none;
}

#breadcrumbs a {
	padding: 0.5em 0;
}
/*** hellblauer Balken mit Breadcrumbs // Ende ***/

/***  Hauptnavigation // Start ***/
#menu {
  float: left;
  width: 17.1em;
}

#hauptnavi {
	margin-top: 2.5em;
	font-size: 1.1em;
	font-weight: bold;
	color: #013F78;
	line-height: 2.4em;
	background-color: #E7E7E7;
}

#hauptnavi ul {
	list-style: none;
}

#hauptnavi li {
	width: 100%;
	border-bottom: 1px solid #fff;
	list-style: none; /* fr opera*/
}

/*** Auszeichnungen fr normale und besuchte Links und aktuelle Listenpunkte ohne Links // Start ***/
#hauptnavi li a:link,
#hauptnavi li a:visited,
#hauptnavi li.topact span,
#hauptnavi li.act span,
#hauptnavi li.mainuntenact span,
#hauptnavi li.bottomact span {
	display: block;
	padding-left: 30px;
	text-decoration: none;
	color: #013F78;
	background: url(../../../../../fileadmin/images/navi_bullet.gif) no-repeat 13px 50%; /* Aufz?ungspunkt */
}

#hauptnavi li.topact span,
#hauptnavi li.act span {
	background: url(../../../../../fileadmin/images/navi_bullet_act_blau.gif) no-repeat 13px 50%; /* Aufz?ungspunkt blau aktiv */
}

#hauptnavi li.mainuntenact span,
#hauptnavi li.bottomact span {
	color: #676767;
	background: url(../../../../../fileadmin/images/navi_bullet_act_grau.gif) 13px 50% no-repeat; /* Aufz?ungspunkt grau aktiv */
}

/* Schriftfarbe der unteren Navigationspunkte ist anders */
#hauptnavi li.mainunten a:link,
#hauptnavi li.mainunten a:visited,
#hauptnavi li.bottom a:link,
#hauptnavi li.bottom a:visited {
	color: #676767;
}

/* abgerundete Hintergrundgrafiken oben und unten // Start */
#hauptnavi li.top,
#hauptnavi li.topact {
	background: url(../../../../../fileadmin/images/navi_top_hover2.gif) no-repeat top right;
}

#hauptnavi li.bottom,
#hauptnavi li.bottomact {
  background: url(../../../../../fileadmin/images/navi_bottom_hover2.gif) no-repeat bottom right;
}
/* abgerundete Hintergrundgrafiken oben und unten // Ende */

/* die graue Hintergrundfarbe der Navigation wird bei HOVER, FOCUS, ACTIVE und aktuellen Listenpunkten weiss */
#hauptnavi li.topact,
#hauptnavi li.act,
#hauptnavi li.mainuntenact,
#hauptnavi li.bottomact,
#hauptnavi li:hover,
#hauptnavi li:focus,
#hauptnavi li:active,
#hauptnavi li.top:hover,
#hauptnavi li.top:focus,
#hauptnavi li.top:active,
#hauptnavi li.bottom:hover,
#hauptnavi li.bottom:focus,
#hauptnavi li.bottom:active {
	background-color: #fff;
}
/** Auszeichnungen fr normale und besuchte Links und aktuelle Listenpunkte ohne Links // Ende **/

/** Auszeichnungen fr HOVER, FOCUS, ACTIVE // Start **/
#hauptnavi li a:hover,
#hauptnavi li a:focus,
#hauptnavi li a:active {
	background: url(../../../../../fileadmin/images/navi_bullet_act_blau.gif) no-repeat 13px 50%; /* kleines blaues K?chen mit Pfeil */
}

#hauptnavi li.mainunten a:hover,
#hauptnavi li.mainunten a:focus,
#hauptnavi li.mainunten a:active,
#hauptnavi li.bottom a:hover,
#hauptnavi li.bottom a:focus,
#hauptnavi li.bottom a:active {
	background: url(../../../../../fileadmin/images/navi_bullet_act_grau.gif) 13px 50% no-repeat;
}
/** Auszeichnungen fr HOVER, FOCUS, ACTIVE // Ende **/

/** Menzust?e wenn eine Unterseite aktiv ist // Start **/
#hauptnavi li.topsub {
  background: url(../../../../../fileadmin/images/navi_top_hover2.gif) no-repeat top right;
  background-color: #fff;
}

#hauptnavi li.sub,
#hauptnavi li.mainuntensub {
  background-color: #fff;
}

#hauptnavi li.bottomsub {
  background: url(../../../../../fileadmin/images/navi_bottom_hover2.gif) no-repeat bottom right;
  background-color: #fff;
}

#hauptnavi li.sub a:link,
#hauptnavi li.sub a:visited,
#hauptnavi li.topsub a:link,
#hauptnavi li.topsub a:visited {
	background: url(../../../../../fileadmin/images/navi_bullet_sub_act.gif) 13px 50% no-repeat;
	color: #013F78;
}

#hauptnavi li.mainuntensub a:link,
#hauptnavi li.mainuntensub a:visited,
#hauptnavi li.bottomsub a:link,
#hauptnavi li.bottomsub a:visited {
	background: url(../../../../../fileadmin/images/navi_bullet_sub_act.gif) 13px 50% no-repeat;
	color: #676767;
}

#hauptnavi li.topsub a:hover,
#hauptnavi li.topsub a:focus,
#hauptnavi li.topsub a:active,
#hauptnavi li.sub a:hover,
#hauptnavi li.sub a:focus,
#hauptnavi li.sub a:active {
	background: url(../../../../../fileadmin/images/navi_bullet_act_blau.gif) 13px 50% no-repeat;
}

#hauptnavi li.mainuntensub a:hover,
#hauptnavi li.mainuntensub a:active,
#hauptnavi li.mainuntensub a:focus,
#hauptnavi li.bottomsub a:hover,
#hauptnavi li.bottomsub a:focus,
#hauptnavi li.bottomsub a:active {
	background: url(../../../../../fileadmin/images/navi_bullet_act_grau.gif) 13px 50% no-repeat;
}
/** Menzust?e wenn eine Unterseite aktiv ist // Ende **/
/*** Hauptnavigation // Ende ***/

/*** Hauptinhaltsbereich // Start ***/
#content {
	margin: 0 21% 0 17.1em;
	padding: 0.8em 1.5em;
	position: relative;
}

#content h5 {
	margin-top: 0.8em;
	color: #808080;
	font-size: 1em;
}

#content ul {
	margin-left: 1.5em;
}

#content ol {
	margin-left: 2em;
}
/*** Hauptinhaltsbereich // Ende ***/



/***  Marginalie mit Infoboxen // Start ***/
#marginalie	{
	position: absolute;
	top: 1.8em;
	right: 0;
	width: 21%;
	line-height: 1.3em;
	font-size: 0.9em; /* neu 16.11.06 */
}

.margibox {
	margin: 1em 1em 0 0;
	background: #E7E7E7 url(../../../../../fileadmin/images/runde_ecke_lo.gif) top left no-repeat;
	border-bottom: 1px solid #fff; /* ie collapsing margins */
}

.margibox .head {
	background: url(../../../../../fileadmin/images/runde_ecke_ro.gif) top right no-repeat;
}

.margibox .body {
	padding: 0.8em; /* neu ae 16.11.06 */
}

.margibox h4 {
	color: #003F7C;
	padding: 0.5em 0 0.5em 30px;
	border-bottom: 1px solid #fff;
	font-size: 1.1em; /* neu 16.11.06 */
}

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

#marginalie h4 a:focus,
#marginalie h4 a:hover,
#marginalie h4 a:active	{
	text-decoration: underline;
}

#verwandte h4 {background:  url(../../../../../fileadmin/images/icons/icon_themes.gif) 7px 7px no-repeat;}
#adressen h4 {background:  url(../../../../../fileadmin/images/icons/icon_address.gif) 7px 7px no-repeat;}
#analysen h4 {background:  url(../../../../../fileadmin/images/icons/icon_analyse.gif) 7px 7px no-repeat;}
#publication h4 {background:  url(../../../../../fileadmin/images/icons/icon_public.gif) 7px 7px no-repeat;}
#events h4 {background:  url(../../../../../fileadmin/images/icons/icon_events.gif) 7px 7px no-repeat;}
#news h4 {background:  url(../../../../../fileadmin/images/icons/icon_news.gif) 7px 7px no-repeat;}
#achtung h4 {background:  url(../../../../../fileadmin/images/icons/icon_achtung.gif) 7px 7px no-repeat;}
#presse h4 {background:  url(../../../../../fileadmin/images/icons/icon_presse.gif) 7px 7px no-repeat;}

#enbau #verwandte h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbau_themes.gif) 7px 7px no-repeat;}
#enbau #adressen h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbau_address.gif) 7px 7px no-repeat;}
#enbau #analysen h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbau_analyse.gif) 7px 7px no-repeat;}
#enbau #publication h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbau_public.gif) 7px 7px no-repeat;}
#enbau #events h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbau_events.gif) 7px 7px no-repeat;}
#enbau #news h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbau_news.gif) 7px 7px no-repeat;}

#ensan #verwandte h4 {background:  url(../../../../../fileadmin/images/icons/icon_ensan_themes.gif) 7px 7px no-repeat;}
#ensan #adressen h4 {background:  url(../../../../../fileadmin/images/icons/icon_ensan_address.gif) 7px 7px no-repeat;}
#ensan #analysen h4 {background:  url(../../../../../fileadmin/images/icons/icon_ensan_analyse.gif) 7px 7px no-repeat;}
#ensan #publication h4 {background:  url(../../../../../fileadmin/images/icons/icon_ensan_public.gif) 7px 7px no-repeat;}
#ensan #events h4 {background:  url(../../../../../fileadmin/images/icons/icon_ensan_events.gif) 7px 7px no-repeat;}
#ensan #news h4 {background:  url(../../../../../fileadmin/images/icons/icon_ensan_news.gif) 7px 7px no-repeat;}

#lowex #verwandte h4 {background:  url(../../../../../fileadmin/images/icons/icon_lowex_themes.gif) 7px 7px no-repeat;}
#lowex #adressen h4 {background:  url(../../../../../fileadmin/images/icons/icon_lowex_address.gif) 7px 7px no-repeat;}
#lowex #analysen h4 {background:  url(../../../../../fileadmin/images/icons/icon_lowex_analyse.gif) 7px 7px no-repeat;}
#lowex #publication h4 {background:  url(../../../../../fileadmin/images/icons/icon_lowex_public.gif) 7px 7px no-repeat;}
#lowex #events h4 {background:  url(../../../../../fileadmin/images/icons/icon_lowex_events.gif) 7px 7px no-repeat;}
#lowex #news h4 {background:  url(../../../../../fileadmin/images/icons/icon_lowex_news.gif) 7px 7px no-repeat;}

#vibau #verwandte h4 {background:  url(../../../../../fileadmin/images/icons/icon_vibau_themes.gif) 7px 7px no-repeat;}
#vibau #adressen h4 {background:  url(../../../../../fileadmin/images/icons/icon_vibau_address.gif) 7px 7px no-repeat;}
#vibau #analysen h4 {background:  url(../../../../../fileadmin/images/icons/icon_vibau_analyse.gif) 7px 7px no-repeat;}
#vibau #publication h4 {background:  url(../../../../../fileadmin/images/icons/icon_vibau_public.gif) 7px 7px no-repeat;}
#vibau #events h4 {background:  url(../../../../../fileadmin/images/icons/icon_vibau_events.gif) 7px 7px no-repeat;}
#vibau #news h4 {background:  url(../../../../../fileadmin/images/icons/icon_vibau_news.gif) 7px 7px no-repeat;}

#enbop #verwandte h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbop_themes.gif) 7px 7px no-repeat;}
#enbop #adressen h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbop_address.gif) 7px 7px no-repeat;}
#enbop #analysen h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbop_analyse.gif) 7px 7px no-repeat;}
#enbop #publication h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbop_public.gif) 7px 7px no-repeat;}
#enbop #events h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbop_events.gif) 7px 7px no-repeat;}
#enbop #news h4 {background:  url(../../../../../fileadmin/images/icons/icon_enbop_news.gif) 7px 7px no-repeat;}

.margibox h5 {
	font-size: 1em;
	font-weight: bold;
	padding-top: 0.3em;
	color: #000;
}

.margibox#news h5,
.margibox#publication h5,
.margibox#events h5 {
	font-weight: normal;
}

.margibox ul	{
	list-style-type: none;
}

.margibox li	{
	padding: 0.4em 0em;
}

.margibox .body p	{
	padding: 0.3em 0em;
}

.margibox dt	{
	font-weight: bold;
	padding: 0.5em 0 0 0em;
}

.margibox dd	{
	padding: 0.1em 0 0.2em 0;
}

.margibox .foot {
	background:  url(../../../../../fileadmin/images/runde_ecke_lu.gif) bottom left no-repeat;
}

.margibox .foot p {
	margin: 0;
	background:  url(../../../../../fileadmin/images/runde_ecke_ru.gif) bottom right no-repeat;
}

.margibox .foot span	{
	display: block;
	background:  url(../../../../../fileadmin/images/runde_ecke_ru.gif) bottom right no-repeat;
}

.alle {
	padding: 0 0.6em 0.8em 0.6em;
}

.alle a {
	display: block;
	text-align: right;
	border-top: 1px solid #fff;
	padding-top: 0.5em;
}

#marginalie .margibilder	{
	margin: 1em 1em 0 0;
}

#marginalie .margibilder ul,
#marginalie .margibilder dl	{
	list-style-type: none;
	text-align: center;
	line-height: 1em;
}

#marginalie .margibilder li	{
	background-color: #E7E7E7;
	margin: 0.5em 0;
	text-align: center;
}

#marginalie .margibilder dt	{
	background-color: #E7E7E7;
	margin-top: 0.5em;
}

#marginalie .margibilder dd	{
	margin: 0 0 1em 0;
	font-size: 0.9em;
	border: 1px solid #E7E7E7;
	border-top: none;
	line-height: 1.2em;
	padding: 0.2em;
	text-align: left;
}

#marginalie .margibilder dd span	{
	margin: 0 auto;
	width: 150px;
	display: block;
}
/***  Marginalie mit Infoboxen // Ende ***/


/* kl 12.1.07 */

.type img,
#suchfilter li img {
	vertical-align: middle;
}

#sbprojects_spinner {
	left: auto !important;
	right: 23.75em;
	top: 7.75em !important;
	height: 1.3em;
	width: 1.3em;
}


/*Silke: 25.2.2010 - für textpic mit Video*/
div.csc-textpic{
 overflow:hidden;
}