/*      **********************************************************************       */
  /*      *																       *       */
  /*      *						  DNBGF 							 	       *       */
  /*      *       Deutsches Netzwerk für betriebliche Gesundheitsförderung     *       */
  /*      *																   	   *       */
  /*      *		    		  erstellt von: 							  	   *       */
  /*      *				   RITSCHEL-MARKETING							   	   *       */
  /*      *																   	   *       */
  /*      **********************************************************************       */


  /* ********************************************************************************* */
  /*  					V E R W E N D E T E  F A R B E N                               */
  /*																				   */
  /*   Überschriften, Schrift, Text-Links:       	HEX: #333333   RGB: 051 051 051    */
  /*   Aktiver Hauptpunkt, inaktiver Unterpunkt, 									   */
  /*   		Metanav, Rahmen links:  				HEX: #1F3466    RGB: 031 052 102    */
  /*   Inaktiver Hauptpunkt, rechte Spalte: 		HEX: #D0D5D9   RGB: 208 213 217    */
  /*   Aktiver Unterpunkt: 							HEX: #F1F1F1   RGB: 241 241 241    */
  /*   Abstand über Menü, Suche: 					HEX: #BBC6D2   RGB: 187 198 210    */
  /*   Gelber Balken Buttons: 						HEX: #EEB649   RGB: 238 182 073	   */
  /*																				   */
  /* ********************************************************************************* */
		
		
/* ****** */
/*  Kopf  */
/* ****** */
#header{
	 border-left: 10px solid #1F3466; height: 93px; background-image: url(bilder/headerbackground.jpg); background-repeat: repeat-x; 
	 width: 100%; z-index: 1;  overflow: hidden; }

#header2{
	 border-left: 10px solid #1F3466; height: 93px; background-image: url(bilder/headerbackground2.jpg); background-repeat: repeat-x; 
	 width: 100%; z-index: 1;  overflow: hidden; }

#header3{
	 border-left: 10px solid #1F3466; height: 93px; background-image: url(bilder/headerbackground3.jpg); background-repeat: repeat-x; 
	 width: 100%; z-index: 1;  overflow: hidden; }

#header4{
	 border-left: 10px solid #1F3466; height: 93px; background-image: url(bilder/headerbackground4.jpg); background-repeat: repeat-x; 
	 width: 100%; z-index: 1;  overflow: hidden; }

#header5{
	 border-left: 10px solid #1F3466; height: 93px; background-image: url(bilder/headerbackground5.jpg); background-repeat: repeat-x; 
	 width: 100%; z-index: 1;  overflow: hidden; }

#header a img, #header2 a img, #header3 a img, #header4 a img, #header5 a img  {border: none; overflow: hidden}				  

#leftheader{
	background-color: #1F3466; color: #333333; float: left; height: 93px; width: 158px; }
						
#middleheader{
	float: left; height: 93px; background-color: #ffffff; }

/* ****************************** */
/*  Subhead mit horizontaler Nav  */
/* ****************************** */	
#subheader{
	border-left: 10px solid #1F3466; height: 3.8em;  width: 100%; background-color: #1F3466; border-top: 1px solid #FFFFFF; 
	z-index: 20;  border-bottom: 1px solid #FFFFFF; overflow: visible; }
* html #subheader, #leftsubheader{
	height: 3.8em; }
		
#leftsubheader{
	 border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background-color: #1F3466; color: #FFFFFF; float: left;  
	 /*width: 156px;*/ width:14.2em; font-size: 11px; height:4.3em; overflow: hidden; }
	 
#middlesubheader{
	float: left; overflow:hidden; z-index: 19; white-space: nowrap; background-color: #1F3466}
	
#title{
	 padding-left: 24px; padding-top: 2px; overflow: hidden; }
		
#navioben{
	color: #ffffff;  padding-left: 0px;height: 2.5em; margin-top: 15px;white-space: nowrap; }
* html #navioben{
	margin-top: 16px; }

	/* N A V I G A T I O N   O B E N   L I N K S */
#navioben li{
	 display: block;  float: left; padding-right: 3em; white-space: nowrap; }

#navioben ul{ 
	list-style-type: none; white-space: nowrap; }

#navioben a{
	color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1em; }

#navioben a:hover{
	text-decoration: underline; background-color: white; color: #333333}

	/* M E T A N A V */	
#metanav{
	color: #FFFFFF; font-size: 0.1em; padding-left: 39px; white-space: nowrap; }
	
#metanav a{
	text-decoration: underline; color: #FFFFFF; }
	
#metanav a:hover{
	background-color: #FFFFFF; color: #333333; }

/* ******* */
/*  Menue  */
/* ******* */
#platzhalter{
	height: 15px; background-color: #BBC6D2; border-left: 1px solid #FFFFFF; }

#hauptnavigation{ /* Kasten um die Komplette Navi*/
	font-size:1.3em; margin-left: 0px;  height: 45em; border-left: 1px solid #FFFFFF; height: auto; }
*html #hauptnavigation{
	height: 2em; }

#hauptnavigation ul{
    list-style-type:none; line-height:150%; padding:0; margin: 0; font-size:0.8em; 
	border-top: 1px solid #FFFFFF; /*änderung 1px*/

	border-left:0;	background-color: #D0D5D9;/*#BBC6D2; /* blau-graue Farbe */}

#hauptnavigation ul li a{
	display:block; padding-left:10px; text-decoration: none; border-top: 1px solid #FFFFFF; } 
*html #hauptnavigation ul li a{ 
	height:1.5em;	/*sonst ist der Abstand des Oberpunktes bei Unterpunkten zu gro?*/}

#hauptnavigation a{
	color: #333333; }

#hauptnavigation ul li a:hover{
    background-color:#F1F1F1; color: #000000; text-decoration:none; }

#untermenue  a{ border-top: 0px solid white; border-bottom: 0px; 
	background-color: #1F3466; /* blaue Farbe eines inaktiven Unter-Buttons*/color: #FFFFFF;font-size: 1em;line-height: 1.5em; }
#untermenue ul li a{ border-top: 0px; border-bottom: 0px; }
#untermenue{
	background-color:#1f3466; border-top: 0px; border-bottom: 0px;}

	/* A K T I V E   M E N Ü P U N K T E */
#aktivO{
	 border-left: 5px solid #EEB649; color: #FFFFFF;background-color:#1f3466; margin-bottom: -1px; 
		border-bottom: 0px solid white;}
#aktivO a{color: #FFFFFF; margin-left: -5px; }
#aktivU{
	background-color: #F1F1F1; color: #000000;  border-left: 5px solid /*#1F3466*/ #EEB649; 
	font-size: 1.0em;line-height: 1.4em; }

#aktivU a{background-color: #F1F1F1; color: #333333; margin-left: -5px; border-left: 5px solid #EEB649;  }
* html #aktivU{border-left: 0px}
* html #aktivU a{ margin-left: 0px; }

/* ******* */
/*  Suche  */
/* ******* */

#suche2{
	height: 10em; background-color: #BBC6D2; border-left: 1px solid #FFFFFF; border-top: 2px solid white}

#suche{
	height: 10em; border-left: 1px solid #FFFFFF; border-top: 2px solid white}

#suche input{
	border: 1px solid #333333; margin-top: 20px; }

#suche select{
	border: 1px solid #333333; margin-top: 20px; }
	

#suche .submit{ 
	background-color: #1F3466; color: #FFFFFF; border: 1px;	margin-top: 10px; margin-right: 0.6em; float: right; }

*html #suche .submit{
	margin-right:0.7em; /* Ausgleich des Abstandes nach rechts f¸r den IE */ }

/* *************************** */
/*  Allgemeine Formatierungen  */
/* *************************** */
acronym{
	text-decoration: none; border-bottom:0px; cursor: help; }
* html acronym{
	border: 0; }

body{
	padding: 0px; margin: 0; font: 77% sans-serif; color: #333333; }

#ende{
/*	border-bottom: 12px solid #1F3466; height: 1px; background-color: white*/
	background-image: url(bilder/sucheback.gif); height: 22px; margin-left: -10px; background-repeat: no-repeat}

/* ********************** */
/*  3 Spalten Festlegung  */
/* ********************** */
#pageContainer{ border: solid 1px #FFFFFF;	border-width: 0 1px; margin: 0;	min-width: 60em; width: auto; }
* html #pageContainer{
	/* \*/
	word-wrap: break-word;
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */ }

#outerContainer{
	border-left: 13.6em solid white; border-right: 20em solid #ECF1F7; }
* html #outerContainer{
	border-left: 13.5em solid #ffffff; }

#innerContainer{
	border: solid 1px #FFFFFF; border-width: 0 1px; background-color: #FFFFFF; margin: 0 -1px; width: 100%;	z-index: 1; }

#middle h2, #middle p{
	padding: 0 0em; }
	
#middle h6 {margin: 0; padding: 0; font-size: 0.9em; line-height: 1.2em; font-weight: normal; }	
#middle h6 strong {font-weight: bold;}	
#middle h6 span { }	

#middle h5 {margin: 0.2em 0 2.5em 0; padding: 0; border-bottom: 1px solid #F5A544;}	

#left, #middle, #right, #SOWrap{
	overflow: visible; position: relative; }

#SOWrap{
	float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; }

#middle{
	float: right; margin-top: 18px;	width: 100%; z-index: 5; }
* html #middle{
	margin-top:18px; }

#left{
	border-left: 10px solid #1F3466; float: left; margin: 0 0 0 -13.7em; /*Position des Inhalts*/ width: 12.8em; /*Breite des Rollovers*/
	z-index: 4; height: 100%;/*#1F3466; /* blauer Balken links*/ }
* html #left{
	margin: 0 0 0 -13.6em; height: 100%; width: 13.5em;}

/* *************** */
/*  rechte Spalte  */
/* *************** */
#right{
	 float: left; width: 17.0em; margin: 0 -24.7em 0 0px; z-index: 2;  height: 100%; padding-left: 20px; padding-top: 20px; }
* html #right {margin: 0 -25em 0 1px; width: 18.6em;}
	 
.zitatunterschrift{
	font-size: 90%; margin-top: 15px; }
	
.bild{
	float: right; }

#right a img{border: none}

/* ******** */
/*  FOOTER  */
/* ******** */
#footer{
	width: auto; text-align: center; border-top:1px solid #333333; margin: 0px auto;padding-top: 5px; }

#footer a{
	text-decoration: none; }

.cleaner{
	clear:both; height:0px;	font-size:0px;	border:0; margin:0; padding:0; margin-top:0px; }
* html .cleaner{
	display: none; }

h1{ 
	font-size: 1.3em; margin: 0 0 1.5em 0; }

h2{ 
	font-size: 1.7em; margin: 0; }


#artikel{
    margin:39px; line-height:150%; }


.fett{
    font-weight:bold; }

/*---Links im Fließtext---*/
a:link{    
    color:#333333;
    text-decoration:underline;
}

a:visited{
    color:#333333;
   text-decoration:underline;
}


a:hover{
    color:#FFFFFF;
    background-color:#1F3466;
    text-decoration:underline;
}


a:focus,
a:active{
  /*  color:#333333;*/
   /* background:#FFCC33;*/
    text-decoration:underline;
}
#untertext{font-size: 0.9em; float: right; padding-right: 10px;}
#blah{height: auto;}

textarea{
	font-size: 100%; }




/* *********** */
/*  Formulare  */
/* *********** */

.form1{ 
	height: auto; width: 40em;  }
.patenform{
	width: 40em; }	
	
#label, #labelv, #labelp {
	height: auto; width: 7.8em; text-align: left; float: left; line-height: 180% }
* html .anrede {margin-left: 0px}

#labelv{ 
	line-height: 120%; }
 #labelp{
 	width:11em; }
#text, #textv, #textbemerkung {
	height: auto; width: 24.3em; float: left; }
* html #text, * html #textv{
	width: 24em; }	
#textv{
	font-weight: normal; }
#textbemerkung{
	width: 17.6em; }	
* html #textbemerkung{
	width: 15.5em; }	

#bemerkung{ 
	height: auto; width: 30em; }

.unfloat{
	float: none; }

.pflicht{
	font-size: 90%; padding-left: 100px; }

.daten{
	font-size: 90%; }

.reset, .submit, .submitbest{ 
	 border: 1px solid #333333; background-color: #F1F1F1; }
.submit{
	margin-right: 5px; }
.submitbest{
	margin-left: 0px;}

#labelm{float: left; width: 8em}
#textm{float: left}
textarea { font-family: verdana; border: 1px solid #3333333}
select {border: 1px solid #333333}
input {border: 1px solid #333333}

/* *********** */
/*  Tabelle    */
/* *********** */
table.contenttable { border:2px solid #1F3466; border-collapse:collapse;}
table.contenttable td { border:1px solid #1F3466;}
table.contenttable p {padding: 0; margin: 0.2em 0.3em; font-size: 0.9em; line-height: 1.2em; font-weight: normal; }
table.contenttable p strong {font-weight: bold;}
/*
#middle h6 {margin: 0; padding: 0; font-size: 0.8em; line-height: 1.2em; font-weight: normal; }	
#middle h6 strong {font-weight: bold;}	
#middle h6 span { }	
*/
#bilderlinks{border-top: 2px solid white; padding: 20px 3px; background-color: #BBC6D2  }
#bilderlinks a:hover{background-color: #BBC6D2}
a img {border: none}