@charset "utf-8";
/**
* Stylesheet für EFRE
*
* 2008 <i-D> internet & Design GmbH & Co. KG
* Erfurter Str. 35
* 99423 Weimar
* Deutschland
* Fon:     03643 7785 0
* Fax:     03643 7785 29
* E-Mail:  office@i-d.de
* Web:     http://www.i.d.de/
*
* @author Niels Bobogk <n.bobogk@i-d.de>
*/


/* 01. Allgemeines/resets 
-------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
html, 
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body {
	font: 74.9%/1.6em Arial, Verdana, Helvetica, sans-serif normal;
	color: #000;
	background: #fff url(../img/bg-body.gif) 25px 0 repeat-y;
}
body.layoutStart {
	background: #fff url(../img/bg-body-start.gif) 25px 0 repeat-y;
}	


img {
	border: none;
}
a:link {
	color: #9c9e9f;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	text-decoration: underline;
}
h1 {
	color: #9c9e9f;
	font-size: 1.6em;
	margin: 0 50px 1.5em 0;
	line-height: 1.25em;
}
h2 {
	color: #9c9e9f;
	font-size: 1.4em;
	margin: 1em 0 1em 0;
}
h3 {
	color: #9c9e9f;
	font-size: 1.2em;
	margin: 1em 0 1em 0;
}
p {
	margin: 0 0 1em 0;
}
#content ul,
#content ol {
	margin: 0 0 1em 1.2em;
}
#content ul ul,
#content ol ol {
	margin: 0 0 0 1.2em;
}



/* 02. Layout
-------------------------------------------------------------------------------- */
#wrap {
	width: 960px;
	height: 100%;
}
#header {
	position: absolute;
	width: 960px;
	height: 180px;
	top: 0;
	left: 25px;
	z-index: 5;
	background: #9c9e9f url(../img/header.gif) no-repeat;
	overflow: hidden;
}
#content {
	height: 100%;
	width: 100%;
	overflow: auto;
	line-height: 1.65em;
}
#content .outer {
	width: 780px;
	margin: 222px 0 3em 205px;
}
#content .inner {
	width: 560px;
	border-bottom: 50px solid #fff;
}
body.layoutStart #content .inner {
	width: 100%;
}
#footer {
	position: absolute;
	width: 960px;
	left: 25px;
	bottom: 0;
	z-index: 6;	
	background: #ffb612;
	color: #fff;
}
#printlink {
	color: #9c9e9f;
	float: right;
	font-weight: normal !important;
	background:none;
}

/* 03. Navigation
-------------------------------------------------------------------------------- */
#navLeft {
	position: absolute;
	left: 25px;
	top: 180px;
	width: 155px;
	height: 100%;
	background: #FFF8E8;
}
#navTop,
#navBottom {
	width: 155px;
	font-weight: bold;
	color: #9c9e9f;
	list-style-type: none;
	line-height: 1.37em;
}
#navBottom {
	margin: 20px 0 0 0;
}
#navTop li,
#navBottom li {
	margin-bottom: 1px;
	background: #FEEDCF;
}
#navTop a,
#navBottom a {
	display: block;
	width: 133px;
	border-left: 2px solid #FBBD1E;
	padding: 3px 10px;
	color: #9c9e9f;
	min-height:2.7em;
}
#navTop a:hover,
#navTop a:focus,
#navTop li.active a,
#navBottom a:hover,
#navBottom a:focus,
#navBottom li.active a {
	text-decoration: none;
	background: #fff;
}

#navHorizontal {
	position: absolute;
	bottom: 0;
	left: 155px;
	list-style-type: none;
	color: #fff;
}
#navHorizontal li {
	float: left;
}
#navHorizontal li a {
	display: block;
	padding: 3px 10px;
	border-right: 2px solid transparent;
	color: #fff;
	font-weight: bold;
}
#navHorizontal a.active,
#navHorizontal li a:hover,
#navHorizontal li a:focus {
	background: #fff;
	color: #9c9e9f;
	border-right: 2px solid #D68300;
	text-decoration: none;
	font-weight: bold;
}

#footer ul {
	float: right;
	list-style-type: none;
	margin: 0.6em 10px;
	line-height: 1em;
}
#footer ul li {
	float: left; 
	border-right: 1px solid #fff;
}
#footer ul li.last {
	border: none;
}
#footer ul li a {
	margin: 3px 5px;
	color: #fff;
}
#breadcrumbs {
	float: left;
	margin: 0.33em 10px;
	color: #fff;
}
#breadcrumbs a {
	color: #fff;
}
#breadcrumbs .arr {
	font-size: 14px;
	margin: -5px 0 0 0;
}
/* Navi über mehrere Seiten eines Artikels */
p.pageNavi {
	text-align: right;
	margin: 1em -10px auto 0;
	width: auto !important;
	font-weight: bold;
}
p.pageNavi a img {
	margin: 0.2em 5px -0.2em 5px;
}


/* 04. Formulare
-------------------------------------------------------------------------------- */


/* 05. allgemeine Klassen
-------------------------------------------------------------------------------- */
h1.big {
	margin: 30px auto;
}
.teaser {
	color: #797979;
	font-size: 13px;
}


/* 06. Content
-------------------------------------------------------------------------------- */
#content p {
	/*width: 400px;*/
}
#content dl {
	background: none;
}
#content a {
	font-weight: bold;
}
#content a:visited {
	color: #000;
	text-decoration: none;
}
.boxStart {
	float: left;
	width: 185px !important;
	color: #9c9e9f;
	font-weight: bold;
	line-height: 1.8em;
}
.boxStart span {
	display: block;
	margin: 10px;
}
/* Bild(block) links */
div.imgBlock  {
	width: 330px;
	padding: 0 0 0 250px;
}
div.imgBlock p {
	width: auto !important;
}
div.imgBlock div.img {
	float: left;
	width: 225px;
	margin: 0.22em 0 20px -250px;
}
div.imgBlock div.img dl,
div.imgBlock div.img img {
	margin: 0 0 1em 0;
}
/* 2 Bilder mit Beschreibung nebeneinander */
.twoPics {
	margin: 0 0 10px 0;
}
.twoPics dl {
	float: left !important;
	margin: 0 15px 0 0;
}
/* Bild mit Unterschrift */
div.imgBlock dl dt img {
	float: none;
	margin: 0 !important;
}
div.imgBlock dd,
.twoPics dd {
	font-size: 0.9em;
	color: #666;
	line-height: 1.2em;
}
.untertitel {
	margin-top: -15px;
	color: #666;
}

/* Veranstaltungen */
div.veranstaltungen {
	position: absolute;
	top: 180px;
	left: 829px;
	width: 156px !important; 
}
.veranstaltungen div{
	border-bottom: 4px solid #fff;
}
.veranstaltungen div h3{
	margin: 7px 0px 5px 4px !important;
}
.datum {
	font-size: 0.8em;
	color: #9c9e9f;
	width: 145px !important;
	padding: 5px 5px 0px 4px;
}
.eintrag {
	color: #000!important;
	margin: -10px -1em 1em 0 !important;
	width: 145px !important;
	padding: 0px 5px 0px 4px;
	font-weight: bold;
	line-height: 16px;
}
.eintrag a{
	line-height: 20px;
	font-weight: normal !important;
	text-decoration: underline;
	font-size: 11px;
}

.margspaltecontent {
	position: absolute;
	top: 180px;
	left: 829px;
	width: 136px !important;
	padding: 10px;
}

/* Blätterfunktion */
.blaettern {
	color: #000;
	font-weight: bold;
	float: right;
	font-size: 13px;
	height: 15px;
	text-align: top;
}
.blaetternAussen{
 margin-right: 10px;
 float: left;
}
.blaetternLinks{
	padding-top:3px; 
	float: left; 
	margin-right:9px;
}
.blaetternRechts{
	padding-top:3px;
	float: left;
}

/* Bild in rechter Spalte; fest */
img.marginal {
	position: absolute;
	top: 380px;
	left: 773px;
}

/*Tabellen:*/
table {
	padding: 3px;
	display: table;
	border: 0px !important;
}
td {
	background-color: #FFF8e8;
	padding: 2px;
	color: #9c9e9f;
	vertical-align: top;
}
.inner table{
	border: 0px !important;
}
.inner table tr td {
	background: #FFF8e8;
}
.img table tr td{
	background: #fff !important;
}

/* Sonstiges
-------------------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.clearBoth {
    clear:both;
}
.clearLeft {
    clear:left;
}
.small {
	font-weight: normal !important;
	font-size: 0.9em !important;
}