/* 
	///////////////////////////////////////
	common css styles of informatikjahr.de 
	WE DO communcation GmbH 2005
	http://www.wedo-berlin.de 
	///////////////////////////////////////
*/
/* ---------------------------- DEBUG ITEMS below ----------------------------*/
table.typo3-adminPanel {
	position:absolute;
	left: 300px;
	top: 40px;
	z-index: 300;
}
/* ---------------------------- DEBUG ITEMS above ----------------------------*/
/* ---------------------------- BODY TAG PRECONFIGURATION below ----------------------------*/
body {
	margin:0px;
	padding:0px;
	background:#ffffff;
	background-image:url(../img/0101_raster.jpg);
	/*color:#555555;*/
}
body, td, th {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#222;
}
/* ---------------------------- BODY TAG PRECONFIGURATION above ----------------------------*/
/* ---------------------------- IMAGE CONFIGURATION below ----------------------------*/
img {
	border:0px;
}
/* ---------------------------- IMAGE CONFIGURATION above ----------------------------*/
/* ---------------------------- GENERAL POSITIONING BOXES below ----------------------------*/
/* z-index legend */
/*
	#langNavigation	20
	#metaNavigatiion	30
	#mainNavigation	50
	#teaserBox			60
	
*/
/* -- common clearer of any floats below -- */
br.clearer {
	clear:both;
}
/* -- common clearer of any floats above -- */

/* the project positioning box */
#box {
	position:absolute;
	top:26px;
	left:40px;
	right:40px;
	clear:both; /* IE 5.0 Workaround gegen floatfehler*/
	overflow:visible;
	border:1px solid #555555;
	background-color:#FFFFFF;
	background-image:url(../img/bg_box_redstripe_01.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#holder { /* Don't know, what we need this box for, to be deleted?*/
	margin-left:40px; /* wie links-pos der #box */
	margin-top:0px;
	padding:0;
	margin-right: 40px; /* woe rechts-pos der #box */
	
}
/* the box containing the header Elements */
#header {
	height:141px;
	background-image:url(../img/header_raster_03.gif);
	background-position:right; /* funktioniert nicht in Oprea 6.05 */
	background-repeat:no-repeat;
}
/* the box containing the main navigation menue */
#mainNavigationBox {
	/* container for all content of the col, where the manNavigation resides*/
	/* absolut positionieren, um es JS-steuerbar zu machen*/
	position: absolute;
	left: 41px; /* 1px mehr wg rand der box */
	top: 175px;
	width:176px;	
	margin:0;
	padding:0;
	z-index:5;
}
 /* the box containing all content elements */
#contentBox {
	margin-left:201px; /* abstand des contentblockes links*/
	margin-top: 18px;
	background-color:#FFFFFF;
	min-height: 630px; /* Mindesthoehe erzeugen um die linie immer unter die Hauptnavi zu druecken, min-height wird jedoch ohnehin nicht vom IE untzerstuetzt. 
	Dort muessen  height und overflow gesetzt werden, da der Netscape 6 bei vorgegebener Hoehe den Overflow ignoriert, darf height hier noch NICHT verwendet werden.
	Es gibt auch noch Unterschiede in der Hoeheninterbpretation, muss ich noch schauen. */
}

/* the box containing all tesaer elements on the right side */
#teaserBox {
	/* diese Box soll die rechte Teaserspalte werden. Sie kann den Kalender und evtl. auch weitere Teaser-Elemente aufnehmen, etwa miniNews oder was auch sonst. */
	/* Das diese Box mit Height und width arbeitet, darf sie keine paddings oder margins erhalten. Diese müssen in den inneliegenden Elementen angewandt werden. */
	position: absolute; /* absolute, damit sie über JavaScipt bewegbar wird.*/
	top:175px; /*erstmal gleich wie #mainNavigationBox*/
	right:66px; /* rand rechts plus 1px border plus eigener Rand muessen right nehmen, da wir festen Bezug brauchen, Prozentwerte bei linksorientierung korrellieren nicht gut mut Prozentbreiten des div.contentSmall */
	height: 200px;
	width:160px;
	/*background-color: #CCCCCC; *//*debug*/
}
.teaserContentBox {
	margin-top:30px;
	padding:10px 0px 10px 0px;
}
.teaserContentHeader {
	margin-bottom:10px;
	padding-bottom:1px;
	border-bottom:1px solid #999999;
	font-weight:bold;
}
.atomIcon {
	height:30px;
	margin-right:10px;
	float:left;
}
.atomText {
	height:30px;
	font-size:11px;
}
.popupText, .popupButton {
	margin-bottom:10px;
}
.popupButton {
	text-align:center
}
.popupBody {
	margin:10px;
	background-image:none;
}
.stdButton {
	border: 1px solid #999999;
	font-size:12px;
}
.contentSmall, .contentFull {
	margin-top: 25px;
	clear:both; /* Sicherheit wg. nich einschaetzbarer Reaktion auf die floats des rootlien ul*/
	padding-bottom: 20px;
}
.contentSmall {
	/* Ist gedacht als Container für Seiten mit rechter Teaserspalte*/
	margin-right: 210px; /* Zahl haengt ab von rechtsabstand und breite der #teaserBox plus zusaetzlicher abstand*/
}
.contentFull {
	/* Ist gedacht als Container für Seiten ohne rechte Teaserspalte*/
	margin-right: 20px; /* Zahl haengt ab von rechtsabstand und breite der #teaserBox plus zusaetzlicher abstand*/
}
.printLink {
	clear:both;
	margin-top:25px;
	margin-right:210px;
	margin-bottom:10px;
}
#metaNavigation {
	position:absolute;
	z-index:30;
	height:26px;
	margin-top:8px;
	text-align:right;
	display:inline;
	right:85px;
}
#langNavigation {
	position:absolute;
	z-index:20;
	height:26px;
	margin-top:8px;
	text-align:right;
	display:inline;
	right:45px;
}
/* ---------------------------- GENERAL POSITIONING BOXES above ----------------------------*/

/* ---------------------------- COMMON FONT STYLES below ----------------------------*/
a:link { 
	color:#e60003;
	text-decoration:none;
}
a:visited { 
	color:#e60003;
	text-decoration:none;
}
a:hover {
	color:#e60003;
	text-decoration:none;
}
a:active {
	color:#e60003;
	text-decoration:none;
}
a.atom:link { 
	text-decoration:none;
}
a.atom:visited { 
	text-decoration:none;
}
a.atom:hover {
	text-decoration:underline;
}
a.atom:active {
	text-decoration:none;
}

h1, h2, h3, h4 , h5 {
	font-weight:bold;
}
h1 {
	font-size:16px;	
	line-height:15px;	
	margin-bottom:30px;
	margin-top:0;
	padding-left:22px;
	background-image:url(../img/headline_stroke.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
h2 {
	font-size:14px;
	line-height:15px;
	margin-top:20px;
}
h3 {
	font-size:13px;
	line-height:15px;	
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}
.hiddenStructure {
	margin:0;
	/*height:1px; 
	width:1px; 
	visibility:hidden; */
	display:none;
	overflow:hidden; /* Hide label in CSS-capable browsers, 1px workaround for IE6*/
}
dfn {
	display:none;
}
#contentBox p {
	padding-top:0px; /* lieber margin, padding, bis htmlArea konfiguriert ist */
	padding-bottom:6px;
}
/* gewoehnliche listen, die durch den HTMLArea-Editor */
#contentBox ul {
	padding-top:0px; /* lieber margin, padding, bis htmlArea konfiguriert ist */
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:6px;
}
#contentBox a:hover {
	text-decoration:underline;
}
.csc-caption { /*Image subline*/
	font-size:10px;
	margin-top:3px;
}

/* ---------------------------- COMMON FONT STYLES above ----------------------------*/

/* ---------------------------- META NAVIGATION ELEMENTS below ----------------------------*/

#metaNavigation .firstItem {
	background-image:none;
}
#metaNavigation li {
	list-style-type:none; 
	background-image:url(../img/listbullet.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:10px;
	display:inline;
	font-size:12px;
	margin-left:5px;/**/
	margin-right:0px;	
	color:#555555;
}
#langNavigation li {
	display:inline;
	padding-left:10px;
	margin-left:0px;/**/
	margin-right:0px;	
	list-style-type:none; 
}
#metaNavigation li a {
	color:#555555;/**/
}
#metaNavigation li a:hover {
	color:#e60003;
}
/* ---------------------------- META NAVIGATION ELEMENTS above ----------------------------*/

/* ---------------------------- BREADCRUMB NAVIGATION ELEMENTS below ----------------------------*/
#breadcrumbNavigation {
	margin:0 160px 0 0; /* margin-right immer wie contentbox_small*/
	padding:0;
	height:15px;
}
#breadcrumbNavigation li {
	font-size: 11px;
	list-style-type: none;
	float:left;
	margin-right: 5px;
}
#breadcrumbNavigation li a {
	/* not needed to be style separately this time */
}
.breadCrumb {
	font-size:11px;
}
/* ---------------------------- BREADCRUMB NAVIGATION ELEMENTS above ----------------------------*/

/* ---------------------------- MAIN NAVIGATION ELEMENTS below ----------------------------*/

#mainNavigation {
	background-color:#B90004;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
	padding-top: 6px;
	padding-bottom:9px;/**/
}

#mainNavigation ul.mainNavigationLevel1, 
#mainNavigation ul.mainNavigationLevel2, 
#mainNavigation ul.mainNavigationLevel3 {
	margin:0;
	padding:0;/*reset the gecko paddings*/
}

#mainNavigation ul.mainNavigationLevel1 li {
	list-style-type:none;
	margin:0;
	padding:0; /* reset the gecko paddings*/
}
#mainNavigation li a {
	display:block;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
#mainNavigation li a:hover {
	text-decoration:none;
	color:#FF5951;
}
#mainNavigation a.firstLevel_no, #mainNavigation a.firstLevel_act {
	padding-left: 20px;
}
#mainNavigation a.secondLevel_no, #mainNavigation a.secondLevel_act {
	padding-left: 30px;
}
#mainNavigation a.thirdLevel_no, #mainNavigation a.thirdLevel_act {
	padding-left: 40px;
}
#mainNavigation li a.firstLevel_act, #mainNavigation li  a.secondLevel_act, #mainNavigation li  a.thirdLevel_act {
	background-image:url(../img/headline_stroke.gif);
	background-repeat:no-repeat;
	background-position:left;/**/
	color:#FF5951;
	display:block;
}
/* ---------------------------- MAIN NAVIGATION ELEMENTS above ----------------------------*/

/* ---------------------------- Print link below ----------------------------*/
a.printLink {
	background-image:url(../img/icon_print.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}
/* ---------------------------- Print link above ----------------------------*/


/* ---------------------------- HEADER ELEMENTS below ----------------------------*/
#logo_wij {
	/*in Reihe orientieren mit allen Logos */
	float:left;
	/* den roten Streifen vor Ueberlappung durch das header Hintergrundbild schuetzen (padding und bg-color, margin zur Sicherheit, padding auch zur Gewaehrleistunh einheitlicher Zeilenhoehe) */
	margin: 0;
	/*padding:26px 24px 18px 24px;*/ /* padding auf img mit float geht nicht in IE 5.5 und kleiner, jedoch wohl mit umschliessendem div, 
	Maße sind auf Headerhoehe 141px gerechnet, vielleicht lieber mit width und height an Stelle von padding-bottom und padding-right arbeiten, falls mal ein ungenaues Logo eingesetzt wird*/
	width: 176px;
	height:141px;
	/*padding von breite und hoehe trennen um dem additionsproblemm aus dem Weg zu gehen, deshalb anstelle von paddings margins auf dem inneliegenden img */
	background-color: #E60003;  /* Farbe muss noch auf rot gesetzt werden, wg Schutz der roten Splate vor header-bg-bild; blau ist zum debuggen*/
}
#logo_wij img { 
	margin-left:24px;
	margin-top:26px;
}
#logo_bmbf {
	/* margins sind eigentlich in der Form nicht si clever, da hier verschiedene Zeilenhoehen erzeigt werden, die zu ungewollten Umbruechen fuehren koennen,
	lass ich aber erstmal.*/
	margin-left:34px; 
	margin-top:28px;
	float:left;
}
#logo_wid {	
	/* margins sind eigentlich in der Form nicht si clever, da hier verschiedene Zeilenhoehen erzeigt werden, die zu ungewollten Umbruechen fuehren koennen,
	lass ich aber erstmal.*/
	margin-left:20px;
	margin-top:38px;
	float:left;
}
#logo_gi {
	/* margins sind eigentlich in der Form nicht si clever, da hier verschiedene Zeilenhoehen erzeigt werden, die zu ungewollten Umbruechen fuehren koennen,
	lass ich aber erstmal.*/
	margin-left:26px;
	margin-top:30px;
}
/* ---------------------------- HEADER ELEMENTS above ----------------------------*/
/*-----------------------------Content Elements below ---------------------------*/
.csi-imagewrap {
	margin:0 0 15px 10px;
}
/*-----------------------------Content Elements above ---------------------------*/