@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Page layout */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url('../img/header.jpg') no-repeat top center;
	font-family: sans-serif;
}

a{
	color: #0b2850;
	text-decoration: none;
}

a:hover {
	color: #4378c8;
	font-weight: normal;
}

div.wrap-page{
	width: 61em;
	position: relative;
	margin: 0 auto 0 auto;
}

strong{
	font-weight: bold;
}

#content{
	float: left;	
	clear: both;
	min-height: 43em;
	height: auto !important;  /* für moderne Browser */
	height: 43em;  /*für den IE */
}

#content.home-content{
	width: 58.5em;
	margin: 17em 0 0 2.5em;
}

.home-content{
/*	margin: 17em 0 0 2.5em;	*/
}

#content.subpage-content{
	margin: 16.8em 0 0 19.5em;	
}

#content.subpage-content-wide{
	margin: 16.8em 0 0 19.5em;	
}

#content.nosubpages {
	margin: 16.8em 0 0 2.5em;	
}

#content h2{
	font-size: 160%;
	color: #4378c8;
	margin: 0 0 0.8em 0;
	clear: left;
}

#content h3{
	font-size: 120%;
	color: #666;
	margin: 0 0 0.8em 0;
	letter-spacing: -1px;
	clear: left;
}

#content p{
	font-size: 0.8em;
	margin: 0 0 1.5em 0;
	width: 60%;
	color: #666;
	line-height: 1.4em;
	clear: left;	
}

#content p.narrow{
	font-size: 0.8em;
	margin: 0 0 2.5em 0;
	width: 80%;
	color: #666;
	line-height: 1.6em;
	clear: left;	
}

#content ul{
	font-size: 0.8em;
	color: #666;
	list-style: square;
	margin: 0 0 1em 1.5em;
	line-height: 1.5em;
	clear: left;
}



hr.clear {
	visibility: hidden;
	height: 1px;
	border: 0px solid #fff;
	clear: both;
	margin: 0 0 0 0;
}

/* HEADER */

#header {
	position: absolute;
	top: 0;
	left: 0;
}

#header h1 a {
	text-decoration: none;
	position: absolute;
	left: 4.5em;
	top: 3.5em;
	color: white;
	display: block;
	width: 13.8em;
	height: 3em;
	text-indent: -4000px;
}

/* NAVIGATION*/

#languages {
	text-align: left;
	position: absolute;
	top: 10.3em;
	width: 10em;
	left: 2.5em;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#languages li{
	display: inline;
}

#navigation {
	text-align: left;
	width: 58.5em;
	position: absolute;
	left: 2.5em;
	top: 12em;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding: 1em 0 1em 0;
}

#navigation li a{
	display: block;
	float: left;
	padding: 0 2em 0 0;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
	color: #666;	
	text-align: left;	
}

#navigation li{
	display: inline;
}

#navigation li a.active, 
#navigation li a:hover {
	color: #4478c9;
}

/* TEASER */

.teaser {
	border: 1px solid #bfbfbf;
	background: #fff;
	height: 18.6em;
	width: 47em;
	margin: 0 0 2.5em 0;
	clear: right;
	position: relative;
	float: right;
}

.teaser-text{
	width: 17em;
	padding: 3.4em 2em;
	float: left;
	color: #191919;
	line-height: 1.4em;
}

#content .teaser-text p {
	line-height: 1.5em;
	font-size: 0.8em;
	color: #666;
	width: 100%;
}

img.teaser-logo{
	margin: 0 0 1em 0;
}

#content .teaser-img a:hover{
	border: 0;
}

.teaser-text h2 {
	color: #4478c9;
	font-size: 1.2em;
	margin: 0 0 1em 0;
}

#content .teaser-text div.lightboximage img{
	border: 0;
}

.teaser-img {
	float: right;
	margin: 0 0 0 0;
}

#content div.context, 
div.context,
#context {
	position: absolute;
	z-index: 999;
	top: 21em;
	width: 20em;
	right: 0;
	font-size: 0.8em;
}

.subpage-context{
	left: 3.2em;
}

div.subpage-content{
	margin: 0 0 0 5em;
}

#content .context p,
.context p {
	font-size: .85em;
	line-height: 1.5em;
}

.context p.teaser-descr,
#content .context p.teaser-descr{
	margin: 3em 0 0 0;
	width: 15em;
}

/* SUBNAVIGATION */

#subnavigation.home{
	margin: 0.5em 0 0 0;
	font-size: 1em;
}

#subnavigation.home li{
	line-height: 2em;
	display: block;
	border-bottom: 1px solid #bfbfbf;
}

#subnavigation li {
	line-height: 2em;
	display: block;
	border-bottom: 1px solid #bfbfbf;
	width: 20em;
	display: block;
}

#subnavigation li a.active{
	color: #4478c9;
}

#subnavigation li a{
	
}

#subnavigation li ul li{
	font-size: 0.9em;
	border-bottom: none;
}

.thumbs {
	margin: 2em 0 0 0;
}

.thumbs a.active img {
	border: 1px solid #ffb119;
}

/* BOXES */

.box {
	width: 15em;
	float: right;
	margin: 0 0 2em 1em; 
}

.box div.inner{
	border: 1px solid #bfbfbf;
	padding: 1em 1em 0 1em;
}

#content div.box h2{
	background: url('../img/streifen.gif') repeat-x left -20%;
	color: white;
	padding: 1.2em 0 0.9em 1em;
	font-size: 1em;
	margin: 0 0 0 0;
}

#content div.box p {
	padding: 0 0 0 0;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #666;
	width: 100%;
	margin: 0 0 0 0;
}

.box p.link a{
	display: block;
	margin: 1em 0 0em 0;
	text-decoration: none;
	color: #4478c9;
}

#content .news,

.news {
	float: left;
	width: 10em;
	clear: right;
}

#content .news p{
	font-size: 0.7em;
}

#content div.upper,
div.upper {
	position: absolute;
}

#content .home-context div.upper {
	width: 14em;
	margin: 5em 0 0 7em;
}

#content h3.context-h,
h3.context-h{
	color: #135ebc;
	font-size: 1.1em;
	display: block;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #eee;
	margin: 0 0 1em 0 ;
}

#content .news h4,
.news h4{
	font-size: 0.9em;
	color: #135ebc;
	margin: 0 0 0.5em 0;
}

.news h4 span.date{
	color: #151f50;
	font-size: .9em;
	font-weight: bold;
	display: block;
	margin: 0 0 0.5em 0;
}

#content .news p,
.news p{
	line-height: 1.7em;
	width: 100%;
}

.totop{
	color: #191919;
	text-decoration: none;
	display: block;
	font-size: 0.7em;
	margin: 0.5em 0 0 0;
}

/* FOOTER */

#footer{
	position: relative;
	border-top: 1px solid #eee;
	margin: 1em 0 0 2.5em;
	padding: 1em 0 2em 0;
}

ul#footernavigation{
	margin: 0 0 3em 0;
}

ul#footernavigation, ul#impress {
	font-size: .6em;
	color: #191919;
	line-height: 1.5em;
}

ul#footernavigation a, ul#impress a {
	color: #666;
}

ul#impress {
	text-align: right;
	position: absolute;
	right: 0;
	top: 2em;
}

#footernavigation li a.active {
	color: #4478c9;
}

.copyright {
	color: #afafaf;
	font-size: .6em;
	display: block;
	position: absolute;
	right: 0;
	top: 10em;
}

/* IMAGES */

#content div.lightboxgallery{
	float: right;
	clear: right;
	width: 13.7em;
	padding: 0 0 1em 0;
}

#content div.style1{
	float: right;
	clear: right;
	width: 13.7em;
	padding: 0 0 1em 0;
}

#content div.style2{
	float: none;
	clear: right;
	width: inherit;
	padding: 0 0 1em 0;
}

#content div.lightboxgallery a img{
	padding: 0px;
}

div.lightboximage img{
/*	border: 1px solid #666;*/
}

div.align2{
	float: right;
	clear: right;
}

div.align1{
	float: left;
	clear: none;
}

div.img-descr{
	font-size: 0.8em;
}

div.img-descr span{
	font-size: 1.2em;
}

div.img-descr p{
}

div.img-descr a{
	font-size: 0.8em;
	margin: 0.2em 0 0 0;
}

div.img-descr a img{
	border: none;
	display: none;
}

/* BREADCRUMBS */

ul#breadcrumbs{
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0 0 0 0;
	font-size: 0.7em;
}

#breadcrumbs li{
	display: inline;
	color: #aaa;
}

div.context-box{
	float: right;
	width: 13.5em;
	padding: 0.5em 0 0 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 1em 0 1em 0;
	clear: right;
}

#content div.context-box p.link{
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	width: 100%;
}

#content div.context-box p{
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	width: 100%;
}

#content div.context-box p.link a{
	display: block;
}

#content p.text{
	width: 100%;
}

#content p.wide{
	width: 100%;
}

#content #contents1849 {
	/*position: absolute;
	width:  170px;
	height: 223px;
	z-index: 100;
	top:  610px;
	float: none;
	right: 0;*/
	border: 1px solid #666;
	width:  170px;
	height: 223px;
	z-index: 100;
}

#content div#e1846 div.text{
	margin: 15px 0 0 0;
	font-size: 90%;
	width: 100%;
}

#content div#e1846 div.text p{
	width: 100%;
}

#homecontent {
	border: 1px solid #bfbfbf;
	padding: 2em 2em 0 2em;
	width: 43em;
	clear: right;
	float: right;
	margin: 0 0 2em 0;
}

#content #homecontent p{
	width: 100%;
}

#content #homecontent h2{
	font-size: 0.9em;
}

#content #homecontent a{
	font-weight: bold;
}

#sliderwrap ul{
	list-style: none;
}

div.teasertext {
	position: absolute;
	bottom: 1em;
	right: 1em;
	width: 8em;
	padding: 1em;
	color: white;
}

#content div.teasertext p{
	color: white;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: bold;
}