/*
project: www.eptis.bam.de
file: css for dynamic content
author: f.scheffler
last modified: 2008-11-17
*/


/* START standards */

	.unsichtbar {
		display: none;
	}

	body {
	
		font-family: arial, helvetica, sans-serif, verdana;
		color: #000000; 			
		background-color: #fefefe; 	
	}
	
	p {
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		color: #000000; 
	}
	
	b {
		font-weight: bold;
	}
	
	ol {
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
	}
	
/* TO DO: Tabelle anpassen mit cell_border-Klassen */
	table {
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		color: #000000;
		border-collapse: collapse;

border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;

border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;

border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;

	}
	
	td {

		text-align: left;
		vertical-align: top;

border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;

border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;

border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;

	}


	table.cell_border_1 td, table.cell_border_1 th {
		border: 1px solid black; 
	}
	
	table.cell_border_0 td, table.cell_border_0 th {
		border: 0px;
	}


	.tabellenfeld_ueberschrift {

		background-color: #fefefe;

	}


	caption {
		color: #505050; 							/* globale Schrift-Color (Default) */
		font-style: italic;
		font-family: arial, helvetica, sans-serif, verdana;

		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 5px;
	}

	thead {

		font-family: arial, helvetica, sans-serif, verdana;
		color: #000000; 							/* globale Schrift-Color (Default) */

		text-align: left;
		vertical-align: top;

	}


	th {

border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;

border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;

border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;

	}

/* unterschied zu static: h1 schriftgrad */
	h1 {
		font: bold 1.5em arial, helvetica, sans-serif, verdana;
		color: #000090;
	}

/* unterschied zu static: h2 background url */
	h2 {	 
		font: bold 1.0em arial, helvetica, sans-serif, verdana;
		color: #000000;
		padding-left: 20px;

		/*background: url(../app_img/bluebox.gif) no-repeat left;*/ 	/* test */
		background: url(../images/bluebox.gif) no-repeat left; 	/* prod */
	}
	
	h3 {
		font: bold 0.9em arial, helvetica, sans-serif, verdana;
		color: #000000;	
	}

	
	.box-rechts {
		float: right; 
		margin-left: 5px;
		margin-bottom: 5px;
		font: normal 0.8em arial, helvetica, sans-serif, verdana;
		color: #000000;
		text-align: left;
	}
	
	.box-links {
		float: left; 
		margin-left:0px; 
		margin-right:10px;
		margin-bottom: 5px;
		font: normal 0.8em arial, helvetica, sans-serif, verdana;
		color: #000000; 
		text-align: left;
	}
	
	
	.text {	
		font-weight: normal;
		font-family: arial, helvetica, sans-serif, verdana;
		color: #000000;
	}
	
	.text-kleiner {	
		font: normal 0.9em arial, helvetica, sans-serif, verdana;    
		color: #000000;
	}
	

	a:link	{
		font-family: arial, helvetica, sans-serif, verdana;
		color: #000090;
		text-decoration: underline;
	}
	
	a:active {
		font-family: arial, helvetica, sans-serif, verdana;
		color: #ff7800;
		text-decoration: underline;
	}
	
	a:visited {
		font-family: arial, helvetica, sans-serif, verdana;
		color: #000090;
		text-decoration: underline;
	}
	
	a:hover {
		font-family: arial, helvetica, sans-serif, verdana;
		color: #ff7800;
		text-decoration: underline;
	}

/* STOP standards */




	.search_quicklink_extra {

		text-decoration: none;

		font: bold 1.2em arial, helvetica, sans-serif, verdana;
/*
		padding-bottom: 6px;

		margin-bottom: 6px;
		background-color: #aa0000;
*/
	}




	.downloadlink_link {/*out of use?*/

		margin-left: 40px;

	}

	.indention_20px {
		margin-left: 20px;
	}

	.indention_40px {
		margin-left: 40px;
	}

	.indention_60px {
		margin-left: 60px;
	}

	.indention_80px {
		margin-left: 80px;
	}

	.indention_100px {
		margin-left: 100px;
	}




/*******************************************************************************

	Die folgenden Boxen enthalten jeweils im HTML-Template folgende Zeile:
	<br /><!--Hilfs-Break wegen Firefox-CSS-Problem-->

 *******************************************************************************/


	.box__row {
		float: left;
		width: 100%;
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
	}

	.box__row_head {
		float: left;
		margin-left: 8%;
		width: 37%;
		min-width: 260px;
		/*background: #aa7777;*/
	}

	.box__row_tail {
		float: left;
		width: 55%;
		/*min-width: 200px;*/
		/*max-width: 400px;*/
		/*background: #7777aa;*/
	}



	.box__row2 {
		float: left;
		width: 100%;
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		text-align: left;
	}

	.box__row_head2 {
		float: left;
		margin-left: 6%;
		width: 20%;
		min-width: 150px;
		/*background: #aa9999;*/
		/*text-align: left;*/
	}

	.box__row_tail2 {
		float: left;
		width: 72%;
		min-width: 300px;
		/*max-width: 400px;*/
		/*background: #9999aa;*/
	}


	/* row3 wird benutzt bei SUMMARY und FURTHER */

	.box__row3 {

		float: left;

		width: 100%;

		font: normal 0.9em arial, helvetica, sans-serif, verdana;

		margin-bottom: 15px;		/* 10px zu schmal, 20px zu weit */
	}

	.box__row_head3 {

		float: left;

		padding-right: 3px;

		width: 30%;
		min-width: 30%;
		max-width: 30%;

		font-style: italic;
	}

	.box__row_tail3 {

		float: left;

		padding-left: 3px;

		width: 60%;
		min-width: 60%;
		max-width: 60%;
	}

	.box__row_tail3_found {

		float: left;

		padding-left: 3px;

		width: 60%;
		min-width: 60%;
		max-width: 60%;

		background: #eecccc; /* keyword found Farbe (mittel) */
	}





	.found_background	{
	
		background: #eecccc; /* keyword found Farbe (mittel) */

	}




	.box__main_menue_item__description__block {
		width: 100%;


/*
		padding-top: 5px;
		padding-bottom: 5px;


		margin-top: 10px;
		margin-bottom: 10px;

		background: #779944;
		border-bottom: 1px solid #000000;
*/
	}


	.box__main_menue_item__description {
		width: 100%;
		float: left;

		font: normal 0.9em arial, helvetica, sans-serif, verdana;
	}

	.box__main_menue_item__link {

		float: left;

		width: 24%;

		min-width: 24%;
		max-width: 24%;

		/*background: #666688;*/
	}

	.box__main_menue_item__text {

		float: left;

		width: 74%;

		min-width: 74%;
		max-width: 74%;

		/*background: #994433;*/
	}


	.boxabc{width: 100%;}
	.boxab{width: 100%; font: normal 0.9em arial, helvetica, sans-serif, verdana;}
	.boxa{float: left; width: 37%; min-width: 37%; max-width: 37%; background: #779944; margin-left: 8%;}
	.boxb{float: left; width: 55%; min-width: 55%; max-width: 55%; background: #dd9944;}


	.box__download_link__description__block {
		width: 100%;
	}

	.box__download_link__description {
		width: 100%;

		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		background: #7022dd;
	}

	.box__download_link__link {

		float: left;

		margin-left: 8%;

		width: 37%;
		min-width: 37%;
		max-width: 37%;

		background: #779944;
	}

	.box__download_link__text {

		float: left;

		width: 55%;
		min-width: 55%;
		max-width: 55%;

		background: #dd9944;
	}




	.question_main{
		float: left;
		width: 95%;
		/*min-width: 500px;*/
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 4px;
		padding-bottom: 4px;
		font: bold 1.0em arial, helvetica, sans-serif, verdana;
		color: #fefefe; 							
		background: #000090;
		/*border-bottom: 2px solid #000090;*/
	}

	.question_sub{
		font: bold 0.9em arial, helvetica, sans-serif, verdana;
		color: #000090; 							
	}




	.free_list_item_text {
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
	}

	.month_year_text {
		font-style: italic;
	}


	.italic_in_paragraph {
		font-style: italic;
	}




	.refine_query__chosen_items__text	{
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		color: #000000; 							
	}


	#content__footer	{
	
		float: right;

		font: italic 0.8em arial, helvetica, sans-serif, verdana;
		color: #404040; 							

		margin-top: 10px;
		margin-bottom: 10px;

		/*margin-left: 50%;*/ /* besser nicht */

		/*width: 100%;*/ /* besser nicht */
	}




/* START header */

	#box_header {

		float: left;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-top: 0px;

		width: 100%;

		/*height: 50px;*/
		/*border-bottom: 1px solid #0000aa;*/ /*als Anzeigetest*/
		/*background-color: #aadddd;*/
	}

	#box_logo {
		float: left;
		margin-bottom: 5px;
	}

	
	#box_headerbuttons {
		float: right;
		margin-top: 5px;
		margin-right: 20px;
		margin-bottom: 0px;
		background-color: #ddbbdd;
	}



   #box__button__content_backbutton {
	float: right;
	width: 15%; 
		/*background-color: #ddbbdd;*//*als Anzeigetest*/
   }


	
	#box__headline__non_search {

		font: normal 0.9em arial, helvetica, sans-serif, verdana;

		float: left;

		margin-left:  45px;
		margin-bottom: 0px;
		margin-top:    8px;

		/*width: 40%;*/
		/*background-color: #aa0000;*/ /*als Anzeigetest*/
	}


	#box__headline__search {

		font: normal 0.9em arial, helvetica, sans-serif, verdana;

		float: left;

		margin-left:  60px;
		margin-bottom: 0px;
		margin-top:    6px;

		/*width: 25%;*/ /* kuerzer wegen der buttons */
	}





   .button_header
   {
      font-family: arial, helvetica, sans-serif, verdana; 
      font-size: 0.9em; 
      color: #202020; 
      font-weight: bold; 
      background-color: #dfdfdf; 
      text-align: center;

		margin-top: 8px;



      width: 120px;

      margin-bottom: 0px;
	  margin-left: 20px;
	  padding: 0px;

   }





	
	#box_bggrau {
		background: #DDDDDD;
		float: left;
		border-top: 1px solid #990000;
	}
	

	#hauptrubriken {
		font-size: 0.9em;
		font-weight: bold;
		z-index: 1;
		padding-bottom: 2px;
		padding-top: 1px;
		padding-left: 1px;
		border-bottom: 1px solid #ff7800;
	}
	
	#hauptrubriken a:link {
		color: #333333;
		text-decoration: none;
	}

	#hauptrubriken a:active {
		color: #990033;
		text-decoration: none;
	}
	
	#hauptrubriken a:hover {
		background: #EFEFEF;
		border-left: 1px #990033;
		color: #000000;
		text-decoration: none;
	}
	
	#hauptrubriken a:visited {
		color: #333333;
		text-decoration: none;
	}

	#hauptrubriken a.aktiviert {
		background: #DDDDDD;
		border-top: 1px solid #990033;
	}

	
	#basisrubriken {
		padding: 1px;
		font-size: 0.7em;
		text-align: right;
		background: #FFFFFF;
		z-index: 2;
		text-decoration: none;
	}
	
	#basisrubriken a:link {
		color: #666666;
		text-decoration: none;
	}
	
	#basisrubriken a:active {
		color: #ff7800;
		text-decoration: none;
	}
	
	#basisrubriken a:hover {
		background: #EFEFEF;
		border-left: 1px;
		border-top: 0px solid #ff7800;
		border-right: 1px;
		color: #990000;
		text-decoration: none;
	}
	
	#basisrubriken a:visited {
		color: #666666;
		text-decoration: none;
	}
	
	#breadcrumb {
		padding: 1px 1px 1px 3px;
		font-size: 0.7em;
		text-align: right;
		background: #DEDEDE;
		text-align: left;
		z-index: 3;
		text-decoration: none;
	}
	
	#breadcrumb a:link {
		color: #333333;
		text-decoration: none;
	}
	#breadcrumb a:active {
		color: #ff7800;
		text-decoration: none;
	}

	#breadcrumb a:hover {
		color: #000000;
		background: #EFEFEF;
		border: 0 solid #ff7800;
		text-decoration: none;
	}

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

/* STOP header */



/* unterschied zu static: box_navigation_empty */

	#box_navigation_empty {
		float: left;
		margin-bottom: 40px;
		width: 14em; /*12em;*/
		border-right: 1px solid #00aa00;
	}


/* unterschied zu static: box_navigation */

	#box_navigation {
		float: left;
		margin-bottom: 40px;
		/*border-right: 1px solid #ff7800;*/
		width: 17%;
		min-width: 10em;
	}




/* START navigation left */

	#menu	{
		float: left;
	
		width: 14%;
		min-width: 12em;

/* unterschied zu static: family, weight */
		font-family: arial, helvetica, sans-serif, verdana;
	  	font-weight: normal;

		font-size: 0.7em;

		margin-left:   5px;
		margin-right:  5px; 
		margin-bottom: 0px; 

	}

	/* START mainmenu entries */

	#menu ul {
		margin: 0; 
		padding: 0; 
		list-style-type: none;
	}

	#menu ul li {
		margin-bottom: 2px; 
	}

	#menu ul li a {
		display: block;

		height: 1.5em;
		width: 10em;
		padding-left: 10px;
		margin-bottom: 2px;

		text-decoration: none;

		/* Hintergrundfarbe, damit bei Hover kein Wackeln */
		border-top: 1px solid #fefefe; 
		border-bottom: 1px solid #fefefe;
		border-left: 1px solid #fefefe;

		color: #000000;

		padding-top: 3px;
		padding-bottom: 0px;
	}

	#menu ul li a.aktiviert {
		display: block;

		height: 1.5em;
		width: 10em;
		padding-left: 10px;
		margin-bottom: 2px;

		text-decoration: none;

		border-top: 1px solid #ff7800;
		border-bottom: 1px solid #fefefe;
		border-left: 1px solid #ff7800;

		background: #f6f6f6;
		color: #202020;

		padding-top: 3px;
		padding-bottom: 0px;
	}

	/* STOP mainmenu entries */


	/* START submenu entries */

	#menu ul ul {
		margin-left: 25px; /* submenu indention */
		padding: 0; 
		list-style-type: none;
	}

	#menu ul ul li {
		margin-bottom: 2px; 
	}

	#menu ul ul li a {
		display: block;

		height: 1.5em;
		width: 10em;
		padding-left: 10px;
		margin-bottom: 2px;

		text-decoration: none;

		/* Hintergrundfarbe, damit bei Hover kein Wackeln */
		border-top: 1px solid #fefefe; 
		border-bottom: 1px solid #fefefe;
		border-left: 1px solid #fefefe;

		color: #000000;

		padding-top: 3px;
		padding-bottom: 0px;
	}

	#menu ul ul li a.aktiviert {
		display: block;

		height: 1.5em;
		width: 10em;
		padding-left: 10px;
		margin-bottom: 2px;

		text-decoration: none;

		border-top: 1px solid #ff7800;
		border-bottom: 1px solid #f6f6f6;
		border-left: 1px solid #ff7800;

		background: #f6f6f6;
		color: #202020;

		padding-top: 3px;
		padding-bottom: 0px;
	}

	#menu a:hover {
		height: 1.5em;
		width:   10em;
		padding-left: 10px;
		margin-bottom: 2px;

		text-decoration: none;

		border-top:    1px solid #ff7800;
		border-bottom: 1px solid #fefefe;
		border-left:   1px solid #ff7800;

		background: #f6f6f6;
		color: #202020;

		padding-top: 3px;
		padding-bottom: 0px;
	}

	/* STOP submenu entries */

/* STOP navigation left */






	#box__database_status {
		/*border: 1px none;*/
		/*font: strong 0.7em arial, helvetica, sans-serif, verdana;*/

		font: normal 0.9em arial, helvetica, sans-serif, verdana;

		color: #000090;

		float: left;

		margin-left: 5px;
		margin-top: 160px;


/*
		margin-right: 20%;
		margin-bottom: 40%;
		text-align: bottom;

*/
		/* background-color: #ddaaaa;*/ /*als Anzeigetest*/
		/*border-bottom: 1px solid #00aa00;*/
		/*height: 0.5em;*/
		width: 100%;
	}






   #box__contentbackground {
	float: left;

	width: 76%; /* 80% */

	min-height: 500px;

/*	position:absolute; 
       z-index:-5;
	top: 50px; 
	left:200px; */
       background-color: #f6f6f6; /* COLOR__BACKGROUND_CONTENT */
	border-top: 1px solid #ff7800;
	border-left: 1px solid #ff7800;
   }

   #box__content {
	float: left;
	margin-left: 5%; /*120px;*/
	margin-right: 5%; /*120px;*/
	margin-top:  20px;
	margin-bottom: 20px;
 
  }


   #box__content__print {
	float: left;
	margin-left: 0%; /*120px;*/
	margin-right: 30%; /*120px;*/
	margin-top:  10px;
	margin-bottom: 0px;
 
  }


   #box__content__providerlogo {
	float: right;
	margin-left: 5%; /*120px;*/
	margin-right: 2%; /*120px;*/
	/*margin-top:  20px;
	margin-bottom: 20px;*/
 
  }



   #box__content__left {
	float: left;
 
	margin-right: 10%; 
  }




   #box__content__left_drittel {
	float: left;
 
		font: normal 0.9em arial, helvetica, sans-serif, verdana;

		color: #000000; /* Tabellen-Schrift-Color */


	width: 30%;
	margin-right: 5%; 
  }



/*********************************************************************************************************************************
 *********************************************************************************************************************************
 ********************
 ********************          Boxen fuer die Supporting Organisations (box fuer support page, minibox fuer welcome page)
 ********************
 *********************************************************************************************************************************
 *********************************************************************************************************************************/


	.box__supporter {

		float: left;

		background: #fefefe; /* etwas weisser als der aeussere Rahmen */

		min-height: 320px; /* falls Supporter-Texte kuerzer/laenger werden, koennen hier Anpassungen noetig sein */

		width: 210px; /* Angabe in % funktioniert irgendwie nicht */

		margin-right: 15px;  /* fuer den seitlichen Abstand zur folgenden Box */ 
		margin-bottom: 15px; /* fuer den Abstand zur naechsten Boxen-Zeile */

		border-top: 1px solid #a7a7a7;     /* dunkelgrauer Rahmen */
		border-bottom: 1px solid #a7a7a7;
		border-left: 1px solid #a7a7a7;
		border-right: 1px solid #a7a7a7;

  	}


   	.box__supporter_logo {
	
		float: left;

		height: 60px;
 
		width: 100%;

		margin-top: 15%; 
		margin-bottom: 15%; 
		margin-left: 25%; 
		margin-right: 15%; 
  	}

   
	.box__supporter_title {
		
		float: left;

		text-align: center;

		font: bold 0.9em arial, helvetica, sans-serif, verdana;
 		color: #000000; /* Standard-Schrift-Color */

		width: 96%;

		padding-top: 5px;
		padding-bottom: 5px;


		border-top: 1px solid #a7a7a7;     /* dunkelgrauer Trennstrich oben */
		border-bottom: 1px solid #a7a7a7;  /* dunkelgrauer Trennstrich unten */

		margin-top: 0px; 
		margin-bottom: 0px; 

		margin-left: 2%; 
		margin-right: 2%; 
  	}

  
	.box__supporter_text {
	
		float: left;

		font: normal 0.8em arial, helvetica, sans-serif, verdana; /* kleiner als normal p */
 		color: #000000; /* Standard-Schrift-Color */

 
		width: 96%;

		padding-top: 2px;     /* um in allen Browsern einen guten Abstand zum Titel hinzubekommen */
		padding-bottom: 6px;


		margin-top: 6%; 

		margin-left: 2%; 
		margin-right: 2%; 

		padding-left: 5%; 
		padding-right: 5%; 
  	}






	#box__welcome_picture {

		font: normal 0.7em arial, helvetica, sans-serif, verdana;


		float: left;

		margin-left: 25%;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

		text-align: center;

		/*width: 10%;*/

	}


	#box__welcome_picture_2 {

		/*font: normal 0.7em arial, helvetica, sans-serif, verdana;*/


		float: left;

		margin-left: 0%;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

		/*text-align: center;*/

		/*width: 50%;*/

	}

	#box__welcome_picture_linkrow {

		font: normal 0.7em arial, helvetica, sans-serif, verdana;


		float: left;

		margin-left: 25%;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

		text-align: center;

		/*width: 10%;*/

	}

	#box__welcome_picture_linkrow_2 {

		font: normal 0.7em arial, helvetica, sans-serif, verdana;


		float: left;

		margin-left: 10%;
		margin-top: 5px;
		margin-right: 5px;
		margin-bottom: 5px;

		/*text-align: center;*/

		/*width: 30%;*/

	}






	#box__logos__w3c_search {

		float: left;

		margin-left: 5px;
		margin-top: 50px;

 		/*width: 100%; */
 	}


	#box__logo__wcag_search {

		float: left;

		/*height: 30px;
 		width: 90px; 

		padding-top: 3px;

		padding-left: 1px;
		padding-right: 1px;

		margin-right: 2px;*/
	}

	#box__logo__xhtml_search {

		float: left;

		/*height: 30px;
 		width: 90px; 

		padding-top: 3px;

		padding-left: 1px;
		padding-right: 1px;

		margin-right: 2px;*/
 	}


	#box__logo__css_search {

		float: left;

		/*height: 30px;
 		width: 90px; 

		padding-top: 3px;

		padding-left: 1px;
		padding-right: 1px;

		margin-right: 2px;*/
 	}


	#box__logos__w3c {

		float: right;

		height: 30px;
 		width: 370px; /*320px;*/ /*270px;*/ 

		/*background-color: #00aa00;*/
		padding-top: 20px;
 	}


	#box__logo__wcag {

		float: right;

		height: 30px;
 		width: 90px; 

		/*padding-top: 20px;*/

		padding-left: 1px;
		padding-right: 1px;

		margin-right: 2px;
		/*background-color: #bb0000;*/
 	}

	#box__logo__xhtml {

		float: right;

		height: 30px;
 		width: 90px; 

		/*padding-top: 20px;*/

		padding-left: 1px;
		padding-right: 1px;

		/*background-color: #0000aa;*/
 	}

	#box__logo__css {

		float: right;

		height: 30px;
 		width: 90px; 

		/*padding-top: 20px;*/

		padding-left: 1px;
		padding-right: 1px;

		margin-right: 40px;
		/*background-color: #000000;*/
 	}












/* START content areas */


	/* START 1-column-content (no navigation, no marginal) */

	#inhalt1 {
		float:left;
		width: 81%;
		font-size: 0.9em;
		margin-left: 15px;
	}
	
	#inhalt1 ul {
		clear: left;
		list-style: disc url(../_pic_u_film/dotrot2.gif); /* static content url only ! */
		font-size: 0.9em;
	}
	
	#inhalt1 th {
		text-align: left;
	}

	#inhalt1 td {
		text-align: left;
		vertical-align: top;
	}

	/* STOP 1-column-content (no navigation, no marginal) */


	/* START 2-column-content (with navigation, no marginal */
	
	#inhalt2 {
		float:left;
		width:68%;
		font-size: 0.9em;
		margin-left: 15px;

		padding-left:   20px;
		padding-right:  20px;
		padding-top:    20px;
		padding-bottom: 20px;

		background: #f6f6f6; 
								
		border-top: 1px solid #ff7800;
		border-left: 1px solid #ff7800;

		min-height: 500px;
	}
	
	#inhalt2 ul {
		clear: left;
		list-style: disc url(../_pic_u_film/dotrot2.gif); /* static content url only ! */
		font-size: 0.9em;
	}
	
	#inhalt2 th {
		text-align: left;
	}

	#inhalt2 td {
		text-align: left;
		vertical-align: top;
	}

	/* STOP 2-column-content (with navigation, no marginal */


	/* START 3-column-content (with navigation, with marginal */
	
	#inhalt3 {
		float:left;
		width: 58%;
		font-size: 0.9em;
		margin-left: 15px;

		padding-left:   20px;
		padding-right:  20px;
		padding-top:    20px;
		padding-bottom: 20px;

		background: #f6f6f6;

		border-top: 1px solid #ff7800;
		border-left: 1px solid #ff7800;

		min-height: 500px;
	}
	
	#inhalt3 ul {
		clear: left;
		list-style: disc url(../_pic_u_film/dotrot2.gif); /* static content url only ! */
		font-size: 0.9em;
	}
	
	#inhalt3 th {
		text-align: left;
	}

	#inhalt3 td {
		text-align: left;
		vertical-align: top;
	}
	
	/* STOP 3-column-content (with navigation, with marginal */


	/* START content list arrows */

	#inhalt1 ul.rot-g, #inhalt2 ul.rot-g, #inhalt3 ul.rot-g {
		clear: left;
		list-style: disc url(../_pic_u_film/pfeilrot_g.gif);
		font-size: 0.9em;
	}
	
	#inhalt1 ul.rot-k, #inhalt2 ul.rot-k, #inhalt3 ul.rot-k {
		clear: left;
		list-style: disc url(../_pic_u_film/pfeilrot_k.gif);
		font-size: 0.9em;
	}
	
	#inhalt1 ul.grau-g, #inhalt2 ul.grau-g, #inhalt3 ul.grau-g {
		clear: left;
		list-style: disc url(../_pic_u_film/pfeilgrau_g.gif);
		font-size: 0.9em;
	}
	
	#inhalt1 ul.grau-k, #inhalt2 ul.grau-k, #inhalt3 ul.grau-k {
		clear: left;
		list-style: disc url(../_pic_u_film/pfeilgrau_k.gif);
		font-size: 0.9em;
	}
	
	#inhalt1 img.bottom-margin, #inhalt2 img.bottom-margin, #inhalt3 img.bottom-margin {
		margin: 1px 0px 5px 0px
	}

	#inhalt1 img.right-margin, #inhalt2 img.right-margin, #inhalt3 img.right-margin {
		margin: 1px 5px 5px 0px;
	}

	#inhalt1 img.left-margin, #inhalt2 img.left-margin, #inhalt3 img.left-margin {
		margin: 1px 0px 5px 5px;
	}

	/* STOP content list arrows */


/* STOP content areas */



/* START marginal column right */

	#marginal, .marginal{
		width: 14%;
		min-width: 130px; /* width of BAM-Logo */		

		float: right;
		z-index: auto;
		border: 1px none;

		font-size: 0.7em;
		color: #333333;

		margin-right: 8px;
		margin-left: 6px; 
	}
	
	#marginal p, .marginal p {
		font-size: 1.0em;
		margin-top: 1.0em;
		margin-bottom: 0.7em;
	}
	
	#marginal a:link, .marginal a:link {
		text-decoration: underline;
		color: #000090;
	}
	
	#marginal a:active, .marginal a:active{
		text-decoration: underline;
		color: #000033;
	}
		
	#marginal a:hover, .marginal a:hover {
		color: #ff7800;
	}

/* STOP marginal column right */



/* START Pfeile als Aufzaehlungszeichen */

	#pfeil {
		margin-left: 25px;
	}


/* STOP Pfeile als Aufzaehlungszeichen */







	select {
/*
		float:left;
		display:block;
*/
		width:400px;
/*
		border: 1px solid #333;
		background:#F4F4F4;
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 12px;
		margin-bottom:10px;
		padding:1px;
*/
	}
 
	.broadselect {

		width:450px;

	}



/* --------------------------------------------------------------------------------------- FORMS UND SO */


	#box__form__search_options {

		float: left;
		width: 100%;

		background-color: #ffdddd;

	}

	#box__search_option {

		float: left;
		width: 100%;
		background-color: #00aa00;


	}

	#box__search_option__part_left {

		float: left;

		border-left: 1px solid #ffffff;

		background-color: #aa0006;

		width: 40%;
/*
   position:absolute;
   top:5px;
   left:5px;
   width:200px;
   padding:10px;
   margin:0px;
   border:2px solid #aa0000;
*/
	}

	#box__search_option__part_right {

		float: left;

		border-top: 1px solid #ffffff;
		background-color: #6000aa;

		width: 40%;

/*
   position:absolute;
   top:5px;
   left:40px;
   width:400px;
   padding:10px;
   margin:0px;
   border:2px solid #0000aa;
*/
	}




/*

label {
	float:left;
	clear:both;
	display:block;
	width:100px;
	margin-bottom:10px;
	padding-left:10px;
}
input, textarea, select {
	float:left;
	display:block;
	width:250px;
	border: 1px solid #333;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	margin-bottom:10px;
	padding:1px;
}
 
/ *clearing all floats and fix firefox and ie backgroundcolor-bug * /
div.clearer {
	clear:both;
	font-size:1px;
	line-height:1px;
	display:block;
	height:1px;
} 


form {
	background:#EFEFEF;
	width:400px;
	border: 1px dotted #333;
}
.form-button {
	margin-left:110px !important;
	margin-left:55px; / *to fix ie6 position* /
	width:100px;
	clear:both;
}
.option {
	border:none;
	background:none;
	width:auto;
}
fieldset {
	border:none;
	padding-left:100px;
	padding-bottom:10px;
	display:block;
	clear:both;
}
fieldset input {
	width:auto;
	border:none;
	background:none;
	float:left;
	display:block;
	margin-right:10px;
	margin-top:3px !important;
	margin-top:0px; / *to fix ie6 position* /
}
fieldset label {
	width:auto;
	clear:none;
	float:left;
	display:block;
	padding-right:2px;
	white-space:nowrap; / *to fix ie6 wrapping* /
}


*/

/*
	form.links {

		float: left;

		border-left: 1px solid #ffffff;

		background-color: #aa0000;

		width: 40%;

	}

	form.rechts {

		float: left;

		border-top: 1px solid #ffffff;
		background-color: #0000aa;

		width: 40%;

	}

*/

/*
	form {
	  margin: 0px;
	  padding: 0px;
	  font-size: 100%;
	  min-width: 400px;
	  max-width: 620px;
	  width: 100%;
	}
*/



/**************************************************************** Search Form 3 (untereinander) START */



	label, select, input[type=checkbox], input[type=radio], 
	input[type=button], input[type=submit] {

		cursor: pointer;
	}


	input, select, textarea {

		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		color: #000000;

/*
		color: #000;
 		background: #fff;
 		outline: 1px solid red;
*/
	}


input:focus, select:focus, textarea:focus {

	outline: 1px solid #ff7800;
}





	form {
/*
	  margin: 0px;
	  padding: 0px;
	  font-size: 100%;
	  min-width: 400px;
	  max-width: 620px;
*/

	  /*width: 100%;*/ /*415px;*/ /* keine feste px-Groesse, damit die Buttons in der Headerzeile nicht "explodieren" */
	}

	form fieldset {
	  font-size: 100%;
	  border-color: #ff7800;
	  border-width: 1px 1px 1px 1px;
	  border-style: solid solid solid solid;
	  padding: 20px;
	  margin: 0px 0px 0px 0px;
	}
	
	form fieldset legend {
	  font-size: 100%;
	  font-weight: bold;
	  color: #ff8700;
	  margin: 0px 0px 0px 0px;
	  padding: 0px 5px;         /* 5-px-Abstand zwischen Strich und Text */
	}



/**************************************************************** Search Form 3 (untereinander) START */




.left {
 float: left;
 text-align: left; /*right;*/
 width: 32%; /*40%;*/
 margin-right: 2%;
}

.right, button {
 margin-left : 34%;
}


.schrift_formular_klein {

		font: normal 0.8em arial, helvetica, sans-serif, verdana;

}

.schrift_error_message {

		font: normal 1.2em arial, helvetica, sans-serif, verdana;
		color: #aa0000;
}

.color_database_error {

		color: #aa0000;
}








   #box__headerbutton_3 {

	float: right;
	margin-right: 2px;
	margin-top: 0px;
	padding-top: 10px;
   }


   #box__headerbutton_2 {

	float: right;
	margin-right: 2px;
	margin-top: 0px;
	padding-top: 10px;
  }


   #box__headerbutton_1 {

	float: right;
	margin-right: 2px;
	margin-top: 0px;
	padding-top: 10px;
   }

   #box__headerbutton__rightmost {

	float: right;
	margin-right: 40px;
	margin-top: 0px;
	padding-top: 10px;
   }



   #box__headerbuttons {

	float: right;
	/*width: 60%;*/
   }







   	#box__result__sortbutton__matchcount_asc,
   	#box__result__sortbutton__matchcount_desc,
   	#box__result__sortbutton__bez_asc,
   	#box__result__sortbutton__bez_desc,
   	#box__result__sortbutton__veranst_asc,
   	#box__result__sortbutton__veranst_desc,
   	#box__result__sortbutton__aktdatum_asc,
   	#box__result__sortbutton__aktdatum_desc {
	
		float: left;
/*
		width:30px; 
		height:25px; 
		margin-right: 0px;
*/
   
	}



   .buttonfound
   {
	background-color: #eecccc; /*BGCOLOR_KEYWORD_FOUND MITTEL*/	
   }



   .buttonsort
   {
	/*width: 100%;*/ /*auskommentiert obwohl gut fuer IE und FF weil Op dann superschmale Buttons macht (ohne Schrift) !!!*/
   }

   .buttonsort_chosen
   {
      border-top: 1px solid #ff7800;
      border-bottom: 1px solid #ff7800;
      border-left: 1px solid #ff7800;
      border-right: 1px solid #ff7800;

	/*width: 100%;*/ /*auskommentiert obwohl gut fuer IE und FF weil Op dann superschmale Buttons macht (ohne Schrift) !!!*/
   }


   #box__result__pageturnbutton_backward {
	float: left;
	width:30px; 
	height:25px; 
	margin-right: 0px;
   }

   #box__result__pageturnbutton_forward {
	float: right;
	width:30px; 
	height:25px; 
	margin-right: 6px;
   }


   .buttonpageturn
   {
	/*width: 100%;*/ /*auskommentiert obwohl gut fuer IE und FF weil Op dann superschmale Buttons macht (ohne Schrift) !!!*/
   }





   	#box__result__pageturnbutton_backward__first__pagetop, 
	#box__result__pageturnbutton_backward__first__pagebottom {
	

		float: left;

		/* Shift Richtung Mitte */

		margin-left: 150px;

	}

   	#box__result__pageturnbutton_backward__previous__pagetop, 
	#box__result__pageturnbutton_backward__previous__pagebottom {
	
		float: left;
 
	}

   	#box__result__pageturnbutton_status__pagetop, 
	#box__result__pageturnbutton_status__pagebottom {
	
		float: left;

		/* Statustext-Handling */

		padding-left: 10px;
		padding-right: 10px;

		padding-top: 5px;

		text-align: center;
		font: normal 0.9em arial, helvetica, sans-serif, verdana;
		color: #000000;
   
	}

	#box__result__pageturnbutton_forward__next__pagetop, 
	#box__result__pageturnbutton_forward__next__pagebottom {
	
		float: left;

	}

   	#box__result__pageturnbutton_forward__last__pagetop, 
	#box__result__pageturnbutton_forward__last__pagebottom {
	  
		float: left;
 
	}




   	#box__summarybutton_1,
   	#box__summarybutton_2,
   	#box__summarybutton_3,
   	#box__summarybutton_4,
   	#box__summarybutton_5,
   	#box__summarybutton_6,
   	#box__summarybutton_7,
   	#box__summarybutton_8,
   	#box__summarybutton_9,
   	#box__summarybutton_10,
   	#box__summarybutton_11,
   	#box__summarybutton_12,
   	#box__summarybutton_13,
   	#box__summarybutton_14,
   	#box__summarybutton_15,
   	#box__summarybutton_16,
   	#box__summarybutton_17,
   	#box__summarybutton_18,
   	#box__summarybutton_19,
   	#box__summarybutton_20,
   	#box__summarybutton_21,
   	#box__summarybutton_22,
   	#box__summarybutton_23,
   	#box__summarybutton_24,
   	#box__summarybutton_25,
   	#box__summarybutton_26,
   	#box__summarybutton_27,
   	#box__summarybutton_28,
   	#box__summarybutton_29,
   	#box__summarybutton_30,
   	#box__summarybutton_31,
   	#box__summarybutton_32,
   	#box__summarybutton_33,
   	#box__summarybutton_34,
   	#box__summarybutton_35,
   	#box__summarybutton_36,
   	#box__summarybutton_37,
   	#box__summarybutton_38,
   	#box__summarybutton_39,
   	#box__summarybutton_40,
   	#box__summarybutton_41,
   	#box__summarybutton_42,
   	#box__summarybutton_43,
   	#box__summarybutton_44,
   	#box__summarybutton_45,
   	#box__summarybutton_46,
   	#box__summarybutton_47,
   	#box__summarybutton_48,
   	#box__summarybutton_49,
   	#box__summarybutton_50
	{
	
		float: left;

		width:30%; /*30px;*/ 
		height:25px; 

		margin-right: 5px;
		
   	}



	/* fuer den gruenen Input-text im Hilfe-Text */

	.text_help__criterion_input
	{

	  	border-color: #000000;
	  	border-width: 1px 1px 1px 1px;
	 	border-style: solid solid solid solid;

		padding-left: 2px;
		padding-right: 13px;

	}


	/* fuer den roten Found-text in Summary/Furtherinfo */

	.text_search__keyword_found
	{

		font-family: verdana, sans-serif, helvetica, arial;
		color: #a00000; 							
		font-weight: bold;
	}