@charset "utf-8";
/* CSS Document */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */

/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* --> fm added something mentioned by andy clark.*/

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, td,th, div, dl,dt, dd
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none;}

/* de-italicize address */
address,caption,cite,code,dfn,em,strong,th,var, h1,h2,h3,h4,h5,h6 { font-style:normal; font-weight:normal; }

table{ border-collapse:collapse; border-spacing:0;}
fieldset, img{ border:none;}
caption,th{ text-align:left;}

/*---------- end of undo -------------------*/
/*------------------------------------------*/

html{
	/* gradient: */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px*/ #d4d2d4; /* Old browsers */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px,*/  -moz-linear-gradient(top,  #7b7a7c 0px, #ffffff 330px) no-repeat; /* FF3.6+ */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px,*/ -webkit-gradient(linear, left top, left bottom, color-stop(0px,#7b7a7c), color-stop(330px,#ffffff)) no-repeat; /* Chrome,Safari4+ */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px,*/ -webkit-linear-gradient(top,  #7b7a7c 0px,#ffffff 330px) no-repeat; /* Chrome10+,Safari5.1+ */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px,*/ -o-linear-gradient(top,  #7b7a7c 0px,#ffffff 330px) no-repeat; /* Opera 11.10+ */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px,*/ -ms-linear-gradient(top,  #7b7a7c 0px,#ffffff 330px) no-repeat; /* IE10+ */
	background:/*url(../gfx/sprite_m.png) no-repeat center -117px,*/ linear-gradient(top,  #7b7a7c 0px,#ffffff 330px) no-repeat; /* W3C */
	
}
body{
	background:url(../gfx/sprite_m.png) no-repeat center -117px transparent;
	width: 985px;
	margin: 0 auto 0 auto;
	overflow: visible;
}
h1 {
	height: 135px;
	width:100%;
	text-indent: -999px;
}
#mainContent h2, #news h2, #footer h2, #navigation h2, #navigation h3{
	display:none;
}
#navigation {
	position:absolute;
	width:221px;
}

#search{
	height:45px;
	margin-top:46px;
	background-color: #cccbca;
	/* runde ecken */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
}
#mainNavigation{
	margin-top: 19px;
	
}
#content{
	margin-top:50px;
	min-height: 570px;
	float: right;
	width: 729px;
}
#footer{
	background: url("../gfx/sprite_m.png") no-repeat scroll left top transparent;
    clear: both;
    height: 33px;
    padding-top: 16px;
    text-align: center;
    width: 350px;
    overflow:hidden;
}
#news #columnA{
	width:270px;
	float:left;
}
#news #columnB{
	margin-left:340px;
	width:270px;
}
#mainContent{
	padding-top: 35px;
	clear:both;
}
#mainContent #mainContentLeft{
	width:423px;
	float:left;
	padding: 0px;
}
#mainContent #mainContentRight{
	margin-left:452px;
	padding: 0px;
}
#news{
	clear:both;
}
#mainContent.actor #mainContentLeft article{
	width: 386px;
	padding: 20px 0 0 20px;
	margin-bottom: -20px;
}
#mainContent.actor #mainContentRight{
    margin-left: 431px;
    margin-top: 38px;
    padding: 14px 20px 0 0;
	width:278px;
}
#navigation #partner{
    margin-top: 84px;
    width: 221px;
}
#navigation #partner img{
	
}
#content #mainContentLeft video, #content #mainContentLeft iframe{
	width:406px;
	display:block;
}

/*changes for one-column-layout:*/
.oneColumn #mainContent #mainContentLeft {
	float:none;
	width:100%;
}
.oneColumn #mainContent #mainContentRight{
	display:none;
}
#mainContent #videonav{
	padding:20px 0 0 20px;
}
div.slideshow_fade{
	position: relative; 
	width: 423px; 
	height: 344px;
	overflow:hidden;
}
div#backlinks {
    border-top: 1px dotted;
    margin-bottom: 31px;
    margin-right: 15px;
    margin-top: 30px;
    padding-left: 19px;
    padding-top: 12px;
}
/*---------------------navigationspositionierung   META navi --------------------*/
#meta ul li{ /* size of NORMAL item */
	display: inline-block;
	padding:9px 29px;
	background-color: #2f2e2f;
	border-right: 1px solid #3D3938;
}
#meta ul li:first-child{
	width: 30px; /* size of FIRST NORMAL item */
	padding-left: 0px;
	padding-right: 0px;
}
#meta ul li:first-child{ /* color of FIRST NORMAL item */
	background: #07293D url("../gfx/sprite_m.png") no-repeat -928px top ;
}
#meta ul li.endOfPath, #meta ul li:hover{ /* color of ACTIVE and HOVER item */
	background-image: url("../gfx/sprite_m.png");
	background-repeat: no-repeat;
	background-position:  center -49px;
	height:21px;
	border-right: solid 0px transparent;
	margin-right:1px;
	background-color:transparent;
}
#meta ul li.endOfPath:first-child, #meta ul li:first-child:hover{ /* color of ACTIVE item if FIRST*/
	background-position:-4px -49px;
}
#meta ul li:first-child a,#meta ul li.endOfPath:first-child{ /* padding um die links bzw in den li-items,: Schrift unsichtbar machen, aber klickable */
	padding-left:30px;
	width:0px;
}
#meta ul{
	height:33px;
	display:block;
	width:985px;
	background-color: #333;
	margin-bottom:10px;
}
#meta ul li.navispacer{
	display:none;
}
#meta ul li.navispacer + li a,#meta ul li.navispacer + li + li a,
#meta ul li.navispacer + li + li + li a,#meta ul li.navispacer + li + li + li + li a{ /* die nächsten 4 navieinträge nach dem spacer: */
	color: #969696;
}
#meta ul li.navispacer + li a:hover,#meta ul li.navispacer + li + li a:hover,
#meta ul li.navispacer + li + li + li a:hover,#meta ul li.navispacer + li + li + li + li a:hover{ /* die nächsten 4 navieinträge nach dem spacer: */
	color: #ffffff;
}
#meta ul li:first-child,#meta ul li:first-child a{
	color:#092A3E;
}
/*-----------------------------------------*/
#news article{
    border-bottom: 1px dotted #666666; 
    line-height: 17px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#mainContent article{
	 margin-bottom: 1em;
}


/*------------------- schriften, zeilenhöhe, schriftcontainerhöhe, schriftfarben, text-decoration -----------------------*/
body{
	font-size:13px;
	font-family: "Aller", Arial, Helvetica, sans-serif;
	color: #666666;
}
b, strong{
	color:#666;
	font-weight:bold;
}
.BLAU, .BLAU b{
	color: #12507B;
}
#mainContent h4, #news h4{
    color: #777777;
    font-family: "Aller", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}
#footer,#mainNavigation ul ul, #meta ul, #mainContent.actor p.bodytext,#news p.bodytext, #mainContent #mainContentRight p.bodytext, #mainContent #videonav, #mainContent #backlinks { /* uppercase normaltext */
	text-transform:uppercase;
	font-size:11px;
	letter-spacing: 0.015em;
}
#mainContent p.bodytext{
	line-height: 18px;
	letter-spacing: 0.03em;
	margin-bottom:1em;
}
#mainContent h3, #news h3{
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 20px;
	line-height:16px;
	color:black;
	letter-spacing:0.015em;
}
#mainContent h4{
	margin-top: 18px;
}
#mainContent h2 + article > h4:first-child{
	margin-top:0px;
}
#mainContent legend h4{
	margin-bottom: 18px;
}
#mainNavigation h4{
	text-transform: uppercase;
	font-size: 21px;
	margin-bottom:10px;
	color: black;
	padding-left:8px;
	letter-spacing: 0.035em;
}
#mainNavigation h4 a{
	color: black;
}
#mainNavigation ul ul {
	color: black;
	letter-spacing:0.07em;
}
#mainNavigation ul ul li a{
	color: black;
}
#content a{
	color:#0873B1;
}
#content a:hover{
	text-decoration:underline;
}

#footer{
	color:#bbb;
}
#mainContent.actor #mainContentLeft a, 
#mainContent.actor #mainContentLeft #videonav li.endOfPath{
	background: url("../gfx/iconsprite.png") no-repeat scroll -25px 0 transparent;
    padding: 5px 0 5px 28px;
}
#mainContent.actor #mainContentLeft a[href$=".pdf"], #mainContent.actor #mainContentLeft a.pdf{
   background-position: 0 -35px;
}
#mainContent.actor #mainContentLeft a.video, #mainContent.actor #mainContentLeft #videonav a,#mainContent.actor #mainContentLeft #videonav li.endOfPath{
	background-position: 0 -1px;
}
#content a.pdf, #content a.video,#mainContent #videonav a{
	line-height: 26px;
}
#mainContent.actor h2 a{
	color: inherit;
	text-decoration:inherit;
}
#mainContent table.contenttable{
	text-transform: uppercase;
	font-size:11px;
}
#mainContent table.contenttable td{
	padding:8px;
}
#mainContent table.contenttable tr:nth-child(even){
}
.tx-felogin-pi1 label{
    float:left;
    width: 100px;
}
.tx-felogin-pi1 input[type="submit"]{
	margin-left: 100px;
}
#mainContent .divider hr{
	border: none;
	border-bottom: 1px dotted #666666; 
}

#mainContent .GROSSBUCHSTABEN{
	text-transform:uppercase;
}

#mainContent.actor #mainContentLeft #backlinks a{
	background-position: 18px -67px;
	line-height:15px;
	height:14px;
	display: inline-block;
	padding-bottom: 3px;
	padding-top: 0px;
}
#mainContent.actor #mainContentLeft #backlinks a.forward{
	background-position: right -87px;
	padding-right: 8px;
}

/*------------------------- navigations positionierung, background mainNavigatuon -------------*/
#mainNavigation ul ul {
	margin-bottom:27px;
}
#mainNavigation ul ul li{
	height:14px;
	margin-bottom:12px;
	padding: 5px 3px 5px 12px;
	background-color: #F3F2F1;
	/* runde ecken */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */   
}
#mainNavigation ul ul li:before{
	content:"\00A0"; /*25B6 */
	background: url("../gfx/sprite_m.png") no-repeat -900px 0px;
	padding-right:5px;
}
#mainNavigation ul ul li.endOfPath, #mainNavigation ul ul li.path, #mainNavigation ul ul li:hover{
	/* runde ecken */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
    
    /* hover verlauf */
    background: #b7b6b6; /* Old browsers */
	background: -moz-linear-gradient(left,  #b7b6b6 0%, #f0efee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7b6b6), color-stop(100%,#f0efee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* IE10+ */
	background: linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b6b6', endColorstr='#f0efee',GradientType=1 ); /* IE6-9 */

}
#meta ul{
	letter-spacing: 1px;
	color: #FFFFFF;
}
#meta ul a{
	color:white;
}
#mainContent.actor h2 {
    border-bottom: 1px dotted black;
    display: block;
    margin-left: 431px;
    position: absolute;
    text-align: left;
    width: 300px;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 0px;
    line-height:16px;
	height:38px;
}

/*---------------------------------------*/
#galleriffic-comtainer{

}
#galleriffic-container #controls,#galleriffic-container #captionToggle,#galleriffic-container #caption {
	display:none;
}
#galleriffic-container #gallery{
	width:406px;
	float:left;
	height:453px;
	text-align:center;
}
#galleriffic-container #slideshow img{
	display:inline-block;
	vertical-align:top;
}
#galleriffic-container #slideshow{
	line-height: 385px;
	height:453px;
	/*background-color: #F3F2F1;*/
	
}
#galleriffic-container #thumbs{
	margin-left:431px;
	padding-top:54px;
    border-bottom: 1px dotted black;
    padding-bottom: 6px;
}
#galleriffic-container #thumbs ul{
	display: block;
    position: relative;
}

#galleriffic-container #thumbs ul li{
    display: inline-block;
    height: 90px;
    margin: 0 8px 8px 0;
    width: 90px;
}
#galleriffic-container #thumbs ul li a{
	display: block;
	height: 100%;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}
#galleriffic-container #thumbs ul li:first-child{ /* first child */
	left: 98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li{ /* second child */
	left: -98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li{ /* third child */
    display: block;
    left: 98px;
    position: relative;
    top: 0;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li { /* fourth child */
    left: 196px;
    position: absolute;
    top: 98px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li { /* fifth child */
    left: 98px;
    position: relative;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li{ /* sixth child */
    left: -98px;
    position: relative;
    top: -98px
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li{ /* seventh child */
    position:relative;
    top: 0px;
	left:0;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li{ /* eighth child */
    left: 98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li{ /* nineth child */
    left: -98px;
    position: relative;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li{ /* tenth child */
    left: 0px;
    position: relative;
    top: -294px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li{ /* eleventh child */
    left: 196px;
    position: absolute;
    top: 294px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li{ /* twelveth child */
    left: 0;
    position: absolute;
    top: 196px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li + li{ /* thirteenth child */
    left: 196px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li + li + li{ /* fourteenth child */
    left: -98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li + li + li + li{ /* fifteenth child */
    left: -98px;
    position: relative;
    top: 0px;
}

#galleriffic-container #thumbs ul li + li + li + li +li + li + li + li + li + li + li + li + li + li + li + li{ /* all following childs*/

}


/*-------------------------*/

#content dl.csc-textpic-image
{
	border-bottom: dotted 1px #666;
	padding-bottom:8px;
}
#content dl.csc-textpic-image dt 
{
	display: block;
    height: 166px;
    overflow: hidden;
}
#content dd.csc-textpic-caption
{
	height: 34px;
	margin-top: 8px;
	font-size:11px;
	text-transform:uppercase;
}


#search input.searchinput {
    background: url("../gfx/sprite_m.png") repeat-x scroll -600px 0 transparent;
    border: 0 none;
    color: #666666;
    float: left;
    height: 15px;
    margin: 0;
    outline: medium none;
    padding: 3px 0 2px 22px;
    width: 160px;
}
#search input.searchgo{
    background: url("../gfx/sprite_m.png") repeat-x scroll -855px 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: 100px;
    width: 18px;
}
#search form#tx_indexedsearch{
	padding: 6px 11px 0 10px;
}