/*
project: www.eptis.bam.de
file: css for static 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;
	}
	
	table {
		font: normal 0.9em arial, helvetica,sans-serif, verdana;
		color: #000000;
		border-collapse: collapse;
	}
	
	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; 
	}


	/* START extension 1: table headline */

	caption {
		color: #505050;
		font-style: italic;
		text-align: center;

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

	/* STOP extension 1: table headline */
	
	h1 {
		font: bold 1.2em arial, helvetica, sans-serif, verdana;
		color: #000090;
	}
	
	h2 {
		font: bold 1.0em arial, helvetica, sans-serif, verdana;
		color: #000000;
		padding-left: 20px;

		background: url(../../de/eptis_pictures/bluebox.gif) no-repeat left;					
	}
	
	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 */




/* START header */

	#box_logo {
		float: left;
		margin-bottom: 5px;
	}
	
	#box_adler {
		float: left;
		margin-left: 40px;
		margin-bottom: 0px;
	}
	
	#box_kopf {
		font: normal 1.2em arial, helvetica, sans-serif, verdana;
		float: left;
		margin-left: 60px;
		margin-bottom: 0px;
		margin-top: 6px;
		width: 55%;								/*background: #000090;*/
	}
	
	#box_bggrau {
		background: #DDDDDD;
		float: left;
		border-top: 1px solid #ff7800;
	}

	
	#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 */




/* START navigation left */

	#menu {
		float: left;

		width: 14%;
		min-width: 12em;

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




/* START content areas */


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

	#inhalt1 {
		float:left;
		width: 81%;
		font-size: 0.9em;
		margin-left: 15px;									min-height: 500px;
	}
	
	#inhalt1 ul {
		clear: left;
		list-style: disc url(../_pic_u_film/dotrot2.gif);
		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);
		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);
		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: #000090;
	}
	
	
	#marginal a:hover, .marginal a:hover {
		color: #ff7800;
	}

/* STOP marginal column right */




/* START Pfeile als Aufzaehlungszeichen */

	#pfeil {
		margin-left: 25px;
	}


/* STOP Pfeile als Aufzaehlungszeichen */




/* START form */

	form {
	  margin: 0px;
	  padding: 0px;
	  font-size: 100%;
	  min-width: 400px;
	  max-width: 620px;
	  width: 415px;
	}
	
	form fieldset {
	  font-size: 100%;
	  border-color: #000000;
	  border-width: 1px 0px 0px 0px;
	  border-style: solid none none none;
	  padding: 10px;
	  margin: 0px 0px 0px 0px;
	}
	
	form fieldset legend {
	  font-size: 120%;
	  font-weight: bold;
	  color: #000000;
	  margin: 0px 0px 0px 0px;
	  padding: 0px 5px;
	}
	
	label {
	  font-size: 90%;
	}
	
	label u {
	  font-style: normal;
	  text-decoration: underline;
	}
	
	input, select, textarea {
	  font-family:  Arial, Tahoma, sans-serif;
	  font-size: 100%;
	  color: #000000;
	}
	
	textarea {
	  overflow: auto;
	}
	
	form div {
	  clear: left;
	  display: block;
	  width: 415px;
	  height: expression('1%');
	  margin: 5px 0px 0px 0px;
	  padding: 1px 3px;
	}
	
	
	form div fieldset {
	  clear: none;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #666666;
	  margin: 0px 0px 0px 142px;
	  padding: 0px 5px 5px 5px;
	  width: 250px;
	}
	
	form div fieldset legend {
	  font-size: 100%;
	  padding: 0px 3px 0px 9px;
	}
	
	form div.required fieldset legend {
	  font-weight: bold;
	}
	
	form div label {
	  display: block;
	  float: left;
	  width: 130px;
	  padding: 3px 5px;
	  margin: 0px 0px 5px 0px;
	  text-align: right;
	}
	
	form div.optional label, label.optional {
	  font-weight: normal;
	}
	
	form div.required label, label.required {
	  font-weight: bold;
	}
	
	form div label.labelcheckbox, form div label.labelradio {
	  float: none;
	  display: block;
	  width: 100px;
	  padding: 0px;
	  margin: 0px 0px 5px 142px;
	  text-align: left;
	}
	
	
	form div fieldset label.labelcheckbox, form div fieldset label.labelradio {
	  margin: 0px 0px 5px 0px;
	  width: 250px;
	}
	
	
	form div input, form div select, form div textarea {
	  width: 250px;
	  padding: 1px 3px;
	  margin: 0px 0px 0px 0px;
	}
	
	form div input.inputfile {
	  width: 211px;
	}
	
	form div select.selectone, form div select.selectmultiple {
	  width: 211px;
	  padding: 1px 3px;
	}
	
	
	
	form div input.inputcheckbox, form div input.inputradio, input.inputcheckbox, input.inputradio {
	  display: inline;
	  height: 14px;
	  width: 14px;
	  background-color: transparent;
	  border-width: 0px;
	  padding: 0px;
	  margin: 0px 0px 0px 20px;
	}
	
	
	
	form div.submit {
	  width: 214px;
	  padding: 0px 0px 0px 140px;
	}
	
	form div.submit div {
	  display: inline;
	  float: left;
	  text-align: left;
	  width: auto;
	  padding: 0px;
	  margin: 0px;
	}
	
	form div input.inputsubmit, form div input.inputbutton, input.inputsubmit, input.inputbutton {
	  background-color: #cccccc;
	  color: #000000;
	  width: auto;
	  padding: 0px 6px;
	  margin: 0px;
	}
	
	form div.submit div input.inputsubmit, form div.submit div input.inputbutton {
	  float: right;
	  margin: 0px 0px 0px 5px;
	}
	
	form div small {
	  display: block;
	  margin: 0px 0px 5px 142px;
	  padding: 1px 3px;
	  font-size: 88%;
	  height: expression('1%');
	}
	
	form div.abschicken {
	  display: block;
	  margin: 0px 0px 5px 140px;
	  padding: 1px 3px;
	  
	}

/* STOP form */



/* START EXTRA-1: Zeilen im Contentbereich von Hauptmenuepunkten */


	/* Zeile */

	.box__main_menue_item__description {

		width: 100%;
		float: left;

	}


	/* Zeilenkopf = Link */

	.box__main_menue_item__link {

		float: left;

		width: 24%;

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

	}


	/* Zeilenschwanz = Text*/

	.box__main_menue_item__text {

		float: left;

		width: 74%;

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

	}


/* STOP EXTRA-1: Zeilen im Contentbereich von Hauptmenuepunkten */



/*
EXTRA-2, -3, -4 kommen nicht zum Einsatz (ab 01.08.2008),
da in den Submenues von Materials jetzt Tabellen verwendet werden.

*/


/* START EXTRA-2: Zeilen im Contentbereich von Materials -> Links */


	/* Zeile */

	.box__link__row {

		width: 100%;
		float: left;

	}


	/* Zeilenkopf = Link */

	.box__link__head {

		float: left;

		margin-left: 6%;

		width: 20%;

		min-width: 20%;
		max-width: 20%;

	}


	/* Zeilenschwanz = Text*/

	.box__link__tail {

		float: left;

		width: 72%;

		min-width: 72%;
		max-width: 72%;

	}


/* STOP EXTRA-2: Zeilen im Contentbereich von Materials -> Links */




/* START EXTRA-3: Zeilen im Contentbereich von Materials -> Downloads */


	/* Zeile */

	.box__download__row {

		width: 100%;
		float: left;

	}


	/* Zeilenkopf = Link */

	.box__download__head {

		float: left;

		margin-left: 6%;

		width: 40%;

		min-width: 40%;
		max-width: 40%;

	}


	/* Zeilenschwanz = Text*/

	.box__download__tail {

		float: left;

		width: 52%;

		min-width: 52%;
		max-width: 52%;

	}


/* STOP EXTRA-3: Zeilen im Contentbereich von Materials -> Downloads */



/* START EXTRA-4: Zeilen im Contentbereich von Materials -> Source-Zeile */


	/* Zeile */

	.box__source__row {

		margin-left: 6%;
		float: left;

	}



/* STOP EXTRA-4: Zeilen im Contentbereich von Materials -> Source-Zeile */



	/* START: 4 Boxen fuer die Suchelemente im Contentbereich der Startseite */

	#box__homepage_fullsearch__text {

		font: normal 0.9em Arial, Helvetica, sans-serif;	/* wie fuer paragraph */

		float: left;
		margin-bottom: 7px;

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


	#box__homepage_fullsearch__link {

		font: normal 0.9em Arial, Helvetica, sans-serif;	/* wie fuer paragraph */

		float: left;
		margin-bottom: 7px;

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

	#box__homepage_keywordsearch__text {

		font: normal 0.9em Arial, Helvetica, sans-serif;	/* wie fuer paragraph */

		float: left;
		margin-top: 3px;
		margin-bottom: 7px;

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


	#box__homepage_keywordsearch__link {

		font: normal 0.9em Arial, Helvetica, sans-serif;	/* wie fuer paragraph */

		float: left;
		margin-bottom: 7px;

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

	/* STOP: 4 Boxen fuer die Suchelemente im Contentbereich der Startseite */


	/* START: 2 Boxen fuer Bild und News im Contentbereich der Startseite */

	#box__homepage_content__picture {

		font: normal 0.9em Arial, Helvetica, sans-serif;	/* wie fuer paragraph */

		float: left;
		margin-top: 40px;
		margin-bottom: 10px;

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

	#box__homepage_content__newstext {

		font: normal 0.9em Arial, Helvetica, sans-serif;	/* wie fuer paragraph */

		float: left;
		margin-top: 40px;
		margin-bottom: 10px;

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

	/* STOP: 2 Boxen fuer Bild und News im Contentbereich der Startseite */