/*****************************/
/*** CSS by Tobias Griese  ***/
/*****************************/

@import "joomla_etc.css";
@import "text.css";
@import "menu.css";
@import "frontpage.css";

/** CSS für den Kopf-Abschnitt **/

div#head {
	height:12.33em;
	padding:1.5em;
	background-color:#ffffff;
	}


div#head_logo {
	float: left; 
	height: 12.33em; 
	width: 12.33em;
	}
	
div#head_logo img {
	height:12.33em; 
	width:12.33em;
	}
	
div#head_logos {
	float:right;
	margin-top:0.5em;
	text-align: right;
	}
	
div#head_logos img {
	margin:0.25em;
	display:inline-block;
}	
	
div#head_logos img#logo_childeu {
	height: 5em;
	width: 8.5em;
}	
	
div#head_logos img#logo_gpp {
	height: 5em;
	width: 5em;
}


div#head_logos img#logo_bmbf {
	height:5.0em; 
	width:11.0em;
}

div#head_logos img#logo_euc {
	height: 5em;
	width: 5em;
}

div#head_logos img#logo_7co {
	height:5.0em; 
	width:3.8em;
}

div#head_logos img#logo_e-rare {
	height:4.0em; 
	width:6.5.0em;
	padding-bottom:1em;
}

div#head_logos img#logo_dfg {
	height:4.0em; 
	width:8.0em;
	padding-bottom: 0.5em;
}

div#head_text {
	margin-left:16em;
	text-align:left;
	}
	
	
div#head_text span#head_text_big {
	font-size:4.3em;
	line-height:1.3em;
	}
	
div#head_text span#head_text_small {
	font-size:2.0em;
	line-height:1.3em;
	}
	
	
	/* breadcrumbs nav. */

div.breadcrumbs {
	margin: 0 1em;
	line-height: 2.5em;
	font-weight: bold;
}

div.breadcrumbs span.showHere {
	display:none;
	}


/*****************************/
/*** Core html setup stuff ***/
/*****************************/


body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 0.75em;
	line-height: 1.4em;
	color: black;
	padding: 2em 3em;
	background-color:white;
	min-width:86.0em;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}


img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/


/** Mittlerer Content Abschnitt **/


div.center {
  text-align: center; /* nur für IE zentrierung! */
  min-height:1000px; /* damit der scrollbaklen nicht beim über die menus gleiten auftaucht und verschwindet! is im center damit keine border! */
}

div#wrapper {
	margin:auto;
	/*max-width:85.33em;*/
	min-width:85.0em;
	background-color:white;
	border:0.25em solid darkBlue;
	text-align:justify;
	
}


div#top {
	background-color:dodgerBlue;
	height:2.5em;
	}
	
div#top_left {
	float:left;
	height:2.5em;
}
	
div#top_right {
	float:right; 
	margin: 0.5em;
	margin-right: 1em;
}

/*  ->head.css
	div#head {
	height:220px;
	padding:10px;
	background-color:#ffffff;
	}
	*/

	
div#logo {
	position:absolute;
	height:33.33em;
	width:33.33em;
	top:-8.33em;
	left:-8.33em;
	z-index:-1;
	background-image:url(../logo_klr_klein.html);
	
	}

/* ->menue.css
div#menu {
	background-color:#1E90FF;
	height:70px;
	padding-left:50px;
	}
	*/
	
div#content_box {
	padding:2.5em 3.17em 3.17em 2.5em;
	}
	
div#message_box {
	
	}
	
div#content {
	font-size:1.1em;
	}

/** Footer: Unterer Abschnitt der HP **/	
	
div#footer {
	background-color:dodgerBlue;
	text-align:center;
}
	
div#footer ul.mainlevel {
	/*width:100%;*/
	padding: 0;
	margin: 0;
	margin-left: auto;
    margin-right: auto;
	list-style:none;
	z-index:3;
	}
	

div#footer ul.mainlevel > li {
	display:inline;
	padding:0;
	margin:0 0.5em;
	z-index:4;
}

div#footer ul.mainlevel > li > div {
	display:inline;
	font-size:0.9em;
	line-height:1.4em;
}

div#footer ul.mainlevel > li > div > div {
	display:inline;
}

div#footer ul.mainlevel > li:first-child > div {
	border-left-style:none;
}


div#footer a.mainlevel_active {
	background-color:#ffff00;
	}

div#footer a.mainlevel_current {
	background-color:#ff0000;
}