@charset 'utf-8';
/*-------------------------------------------------------------------------------------
	*
	*	@copyright:_________2009, EAPCRI
	*	@link:______________http://www.eapcri.eu
	*	@author:____________herontronic, Patrick Voelcker
	*	@function:__________site style settings
	*
-------------------------------------------------------------------------------------*/
/*------------------------------------------------
	*	reset browser defaults
--------------------------------------------------*/
* { /* resets all predefined values to 0 */
	margin:0;
	padding:0;
}
body {
	font-size:62.5%;
	/*background:url(images/bg_raster.gif) repeat-x;*/
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img, abbr, acronym {
	border:0;
}
abbr, acronym {
	border-bottom:1px dotted;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
/*------------------------------------------------
	*	predefined styles
--------------------------------------------------*/
.clear { /* clearing floats within html-code about the <br /> tag */
	clear:both;
	height:0;
	font-size:0;
}
.clearfix:after { /* clearfix-method without additional markup. needs surrounding element. */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.float_left {
	float:left;
}
.clearfix {
	display:block;
}
hr { /* hr is invisile, but visible in print-view */
	display:none;
}
.divider { /* general dividing line */
	clear:both;
	margin:15px 0;
	height:1px;
	background:none;
	/*background:url(../images/grDividerContent.gif) no-repeat;*/
}
.invisible { /* makes elements invisible but readable */
	position:absolute;
	left:-1000em;
}
/*------------------------------------------------
	*	basic font definitions
--------------------------------------------------*/
* { /* basic font family/groundcolor */
	font-family:Arial, Helvetica, sans-serif;
}
a, a:link, a:visited, a:active, a:focus { /* basic link groundcolor */
	color:#234A85;
	text-decoration:none;
	outline:none;
}
a:hover { /* basic link hover color */
	color:#fff;
}
/*------------------------------------------------
	*	Screenzentrierung
--------------------------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	/*background: url(images/bg_raster.gif) 50% 50% repeat-x;*/
	text-align: center;
	min-width: 870px;
	min-height: 690px;
}
#wrapper {
/* document container */
	float: left;
	height: 50%;
	margin-top: -345px; /* halbe Hoehe */
	width: 100%;
}
#dcCont {
/* document container */
	position: relative;
	top: 0px;
	left: 0px;
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	height: 690px;
	overflow: auto; /* allow content to scroll inside element */
	text-align: left;
	clear: both;
	border:1px solid #C0CBDC;
	background:url(images/bg_main.jpg) 0px 80px no-repeat;
}
/*------------------------------------------------
	*	cols
--------------------------------------------------*/
.col50 { /* colbox 50% width */
	float:left;
	width:45%;
}
.float_right {
	float:right;
}
/*------------------------------------------------
	*	header
--------------------------------------------------*/
#hdCont { /* header  container */
	background:#97ABC7 url(images/eapcri-logo.gif) 25px 0px no-repeat;
	margin-top:0px;
	width:870px;
	height:110px;
}
#hdCont p {
	float:right;
	font-size:1.2em;
	color:#1B437E;
	text-align:right;
	margin:12px 12px 0 0;
}
/*------------------------------------------------
	*	subnav
--------------------------------------------------*/
#snCont { /* sub navigation  container */
	margin: 24px 0 0px 24px;
}
#snCont .ct { /* contentbox inside sub navigation */

}
#snCont .ct ul {
	background:url(images/bg_navi.gif) 0px 1px no-repeat;
	width:808px; /* +9px padding */
	height:83px;
	padding:4px 4px 0 5px;
}
#snCont .ct ul li {
	position:relative;
	float:left;
	text-align:center;
}
#snCont .ct ul li.first a {
	background:none;
}
#snCont .ct ul li.last {
	float:right;
}
#snCont .ct ul li a {
	color:#000;
	font-weight:bold;
	font-size:1.1em;
	display:block;
	height:36px;
	padding:8px 8px 0 10px;
	background:url(images/bg_navi_trenner.jpg) no-repeat;
}
#snCont .ct ul li a:hover, #snCont .ct ul li.current a {
	color:#fff;
	background-color:#2F568F;
}
/*------------------------------------------------
	*	Subnavigation
--------------------------------------------------*/
#snCont .ct ul li ul {
	display:none;
	position:absolute;
	top:44px;
	left:-10px;
	height:20px;
	padding:0;
	width:500px;
	background:none;
}
#snCont .ct ul li:hover ul {
	display:block;
}
#snCont .ct ul li ul li {
	margin-left:24px;
}
#snCont .ct ul li ul li a {
	color:#fff;
	height:auto;
	padding:0;
	background:none;
	font-weight:normal;
	padding:7px 0 5px 0;
}
#snCont .ct ul li ul li a:hover {
	color:#C0CBDC;
	background:none;
}
/*------------------------------------------------
	*	content
--------------------------------------------------*/
#ctSrd { /* surrounding content elements */
	
}
#ctCont { /* content container */
		position:relative;
		margin: 10px 0 0 44px;
		border-bottom:1px dotted #000;
		width:792px;
		height:400px;
}
#ctCont .ct { /* contentbox inside content */
		font-size:1.2em;
		position:relative;
}
/*-----|| content - font settings ||-----*/
#ctCont .legende {
  width:250px;
  float:left;
}
#ctCont .autolength {
  width:auto;
}

#ctCont h1 {
	margin-bottom:16px;
	font-size:1.4em;
	color:#234A85;
}
#ctCont h2 {
	margin-bottom:6px;
	font-size:1.2em;
	color:#234A85;
	width:100%;
	border-bottom:1px dotted #234A85; 
}
#ctCont ul {
	color:#234A85;
	width:100%;
	margin-bottom:24px;
}

#ctCont .ct p {
		margin-bottom:12px;
		text-indent:12px;
		text-align: justify;
}
#ctCont ul li a {
    background:url(images/arrow.gif) left 3px no-repeat;
    padding-left:12px;
}
#ctCont ul.people li a, #ctCont h2 a {
    background:url(images/i.gif) right 3px no-repeat;
    padding-right:16px;
    padding-left:0;
}
/* Detailbox */
#ctCont .box {
    position:absolute;
    top:0px;
    right:0px;
    display:none;
    float:right;
    padding:10px;
    border:1px solid #000;
    width:450px;
    background-color:#fff;
}
#ctCont .box img {
    width:160px;
    float:left;
    margin-bottom:10px;
}
#ctCont .box address {
    float:right;
    width:270px;
    text-indent:0px;
    margin-left:10px;
}
#ctCont .box p.first {
    border-top:1px dotted #234A85;
    margin-top:6px; 
    padding-top:6px; 
}
#ctCont .box p {
    float:left;
    width:100%;
    margin-bottom:4px;
}

/* working-parties */

img.structure {
	position:absolute;
	top:30px;
	left:126px;
}


/* Sponsoren */

#ctCont ul.sponsors {
	margin-left:150px;
	width:451px;
}
#ctCont ul.sponsors li {
	background:none;
	padding:0;
}


#ctCont .ct .more {
		position:absolute;
		top:350px;
		left:0px;
		float:none;
		clear:both;
		width:100%;
		text-align:right;		
}
#ctCont .ct .more a {
		padding-right:40px;
		background:url(images/arrow3.gif) right 3px no-repeat;
		color:#234A85;
}
/*------------------------------------------------
	*	ausnahmen
--------------------------------------------------*/
#ctCont ul.links {
	margin-top:20px;
}
#ctCont ul.links li {
	margin-bottom:4px;
}
#ctCont ul.links li a {
	font-size:1.4em;
	background-position:0px 6px;
	padding-left:16px;
}
/*------------------------------------------------
	*	footer
--------------------------------------------------*/
#ftCont { /* footer container */
	position:absolute;
	top:666px;
	left:0px;
	width:846px; /* + 2 x 12px padding */
	height:19px; /* + 3px padding */
	background-color:#fff;
	color:#97ABC7;
	text-align:left;
	padding:5px 12px 0 12px;
}
#ftCont li {
  float:right;
  border-left:1px dotted #97ABC7;
  margin-right:10px;
  padding-left:10px;
}
#ftCont ul li a {
	color:#97ABC7;
}