/** -------------------
 *  M A I N . C S S
 ** ------------------- */



/** -------------------
 *  R E S E T + B O D Y
 ** ------------------- */

* {
	border:0;
	padding:0;
	margin:0;
	color: #3b2a2c;
	font-size:12px;
	line-height:18px;
	font-family:helvetica, arial;
}

body {
	background:url('../images/bkg_body.gif') repeat-x left top #e6e6e6;
}



/** -------------------
 *  F O N T
 ** ------------------- */

/* Internet Explorer < 9 */
@font-face {
	font-family: ZineSerif-Medium;
	src: url("../fonts/ZineSerifDisplayWeb-Medium.eot");
}

@font-face {
	font-family: ZineSerif-Italic;
	src: url("../fonts/ZineSerifDisplayWeb-MediumItalic.eot");

}

/* Safari browsers */
@font-face {
	font-family: ZineSerif-Medium;
	src: url("../fonts/ZineSerifDisOT-Med.otf") format("opentype");
}

@font-face {
	font-family: ZineSerif-Italic;
	src: url("../fonts/ZineSerifDisOT-MedIta.otf") format("opentype");
}


/* WOFF-capable browsers */
@font-face {
	font-family: ZineSerif-Medium;
	src: url("../fonts/ZineSerifDisplayWeb-Medium.woff") format("woff");
}

@font-face {
	font-family: ZineSerif-Italic;
	src: url("../fonts/ZineSerifDisplayWeb-MediumIta.woff") format("woff");
}

div#header ul.menu li a,
h1, h2, h3, h1 span, h2 span, h3 span, div#wrapper div.imprint a, .copyright,
div#wrapper h1 a, div#wrapper h2 a, div#wrapper h3 a,
div#sidebar h1{
	font-family: ZineSerif-Medium;
	line-height: 1.4em;
}

div#wrapper h1 a, div#wrapper h2 a, div#wrapper h3 a,
div#sidebar h2, div#sidebar h3,
div#wrapper a.facebooklink,
.kmarked  {
	font-family: ZineSerif-Italic;
	line-height: 1.4em;
}

div#header ul#breadcrumb li a,
div#header ul#breadcrumb li span{
	font-family: ZineSerif-Italic;
	color:#3b2a2c;
}

div#header ul#breadcrumb li{
	line-height:10px;
}


div#header ul#breadcrumb li a:hover{
	font-family: ZineSerif-Italic;
	color:#f55a00;
}

div#wrapper div.imprint a,
div.copyright{	
	font-family: ZineSerif-Italic;
	font-weight:normal;
}




/** -------------------
 *  S T R U C T U R E
 ** ------------------- */

div#wrapper{
	width:1147px;
	padding-left:70px;
	padding-bottom:20px;
}

div#header{
	position:relative;
	height:116px;
	width:1147px;
	padding-left:70px;
	padding-top:35px;
	z-index:50;
}


div#content{
	position:relative;
	float:left;
	width:891px;
	padding-top:27px;
}


div#sidebar{
	position:relative;
	float:left;
	width:253px;
	padding-top:27px;
}

div#sidebar2{
	position:relative;
	float:left;
	padding-left:40px;
	width:253px;
	padding-top:27px;
}




/** -------------------
 *  T A G S
 ** ------------------- */

h1{
	font-size:18px;
	margin-top:2px;
	margin-bottom:22px;
	font-weight:normal;
}

h2, h2 span{
	font-size:14px;
	margin-top:2px;
	margin-bottom:18px;
	font-weight:normal;
}

h3{
	font-size:18px;
	margin-bottom:6px;
	font-weight:normal;
}

h1,h2,h3{
	clear:both;
}

p{
	margin-bottom:10px;
}

a{
	text-decoration:none;
}

a:hover,
a.active,
a.activeclick,
span.active,
span.active a{
	color: #f55a00;
}

p img{
	margin-right:10px;
}


sup{
	left: 1px;
    line-height: 100%;
    position: relative;
    top: 3px;
}

table td {
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    background:#fff;
}







/** -------------------
 *  M A I N 
 *	C L A S S E S
 ** ------------------- */

br.clear{
	clear:both;
}

div.bigbox{
	z-index:10;
	position:relative;
	float:left;
	width:845px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
	padding-top:14px;
}

div.bigbox div.bigbox{
	background:none;
	padding-top:0px;
}

div.bigbox img.loading{
	position: absolute;
	z-index: 1000;
	top: 100px;
	left: 100px;
	width: 31px;
	height: 31px;
}

div.halfbox{
	position:relative;
	float:left;
	width:400px;
	margin-right:44px;
	margin-top:-1px;
	padding-bottom:20px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
}

div.mediumbox{
	position:relative;
	float:left;
	width:550px;
	margin-right:44px;
	margin-top:-1px;	
	padding-bottom:20px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
}

div.smallbox{
	position:relative;
	float:left;
	width:253px;
	margin-right:44px;
	margin-top:-1px;
	padding-bottom:20px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
}

div.contentbox{
	padding-bottom:20px;
}

div.boxbottom{
	padding-bottom:0px;
	padding-top:1px;
	position:relative;
	z-index:1;
	margin-top:1px;
	line-height:1px;
	font-size:1px;
	margin-bottom:-1px;
	
}


div.divider{
	clear:both;
	height:10px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
	margin-top:27px;
	margin-bottom:10px;	
}

div.divider hr{
	display:none;
}
div.smallbox div.divider{
	margin-bottom:5px;
	margin-top:20px;
}

div#content ol, div#content ul{
	padding-left:20px;
	padding-bottom:10px;
}

div#wrapper a{
	font-family:helvetica bold, helvetica, arial;
	font-weight:bold;
	font-size:12px;
}

div#wrapper h1 a,
div#wrapper h3 a{
	font-size:18px;
	font-weight:normal;
}

div#wrapper h2 a{
	font-size:14px;
	font-weight:normal;
}

.footer{
    float: left;
    margin-top: -7px;
    width: 845px;
}

div.imprint{
	position:relative;
	float:right;
	width:100px;
	text-align:right;
}

div.copyright{
	position:relative;
	float:left;
}



/** -------------------
 *  S P E C I A L
 *	C L A S S E S
 ** ------------------- */
 
div#hover {
	display:none;
	position: absolute;
	background-color: #fff;
	padding: 9px;
	font-size: 12px;
	z-index:999;
}

p.date{
	margin-top:10px;
	color: #3b2a2c;
	margin-bottom:0px;
}

.marked,
li.page-342{
	font-weight:bold;
}


div.slideshowcontainer{
	height:316px;
}

div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom:0px;
}

p.top_col1{
	position:relative;
	float:left;
	width:200px;
}

p.top_col2{
	position:relative;
	float:left;
	width:600px;
}

.Arrow {
	 background: url("../images/icon_arrow_right.gif") no-repeat scroll left 3px transparent;
	 display:inline-block;
	 padding-left:16px;
	 padding-top:1px;
}

a.nextlink{
	position:absolute;
	z-index:100;
	top:18px;
	right:13px;
	background:url('../images/icon_arrow_right.gif') no-repeat center right;
	padding:4px 20px 0px 2px;
}



div.smallbox div.smallbox{
	position:relative;
	float:left;
	width:253px;
	margin-right:0px;
	margin-top:0px;	
	background:none;
}

div#content div.smallbox div.smallbox h2,
div#content div.smallbox div.smallbox h2 span{
	font-size:18px;
	margin-top:10px;
	margin-bottom:22px;
	font-weight:normal;
}

div#content div.smallbox div.smallbox ul.slidermenu{	
	top:14px;
}


div.overlay {
    position: absolute;
    left: 25px;
    bottom: 40px;
    z-index: 100;
    font-weight:bold;
    font-size:12px;
}




div.bigbox .csc-textpic{
	position:relative;
	float:right;
	width:296px;
}


div#wrapper a.facebooklink{
	display:block;
	background:url('../images/icon_facebooklink.gif') no-repeat top left;
	padding:3px 2px 2px 20px;
	font-size:11px;
	margin-bottom:5px;
	font-weight:normal;
	line-height:1em;
}

div.bigbox img{
	position:relative;
	float:left;
}






/** -------------------
 *  S T R U C T U R E 
 *	H E A D E R + M E N U
 ** ------------------- */

div#header a{
	text-decoration:none;
}

img#logo{
	position:relative;
	float:left;
	margin-right:624px;
}

div#header ul#breadcrumb{
	position:absolute;
	bottom:5px;
	left:70px;
}

div#header ul#breadcrumb li{
	position:relative;
	float:left;
	margin-right:3px;
	list-style-type:none;
}


div#header div#menus{
	position:absolute;
	left:663px;
}


div#header ul.menu{
	background:url('../images/bkg_dotted_dark.gif') 0 0 repeat-x;
	position:relative;
	float:left;
	padding-top:3px;
	z-index:100;

}

div#header ul.menu li{
	position:relative;
	z-index:150;
	background:url('../images/bkg_dotted_light.gif') bottom left repeat-x;
	padding:4px 0px 4px 2px;
	list-style-type:none;
}

div#header ul.menu li a{
	font-size:14px;
	position:relative;
	display:block;
}

div#header ul.menu li.active a{
	color: #f55a00;
	background:url('../images/icon_activemenu.gif') right 3px no-repeat;
}

div#header ul.menu li.active ul li a{
	color: #3b2a2c;
	background:0;
}

div#header ul.menu li.active ul li a:hover{
	color: #f55a00;
}

div#header ul.menu li ul li.active a{
	color: #f55a00;
	background:url('../images/icon_activemenu.gif') right 3px no-repeat;
}

div#header ul.primmenu{
	position:relative;
	width:253px;
	margin-right:44px;
}


div#header ul.secmenu{
	width:147px;
	margin-right:17px;
	height:100px;
}


div#header ul.metamenu{
	width:89px;
	padding-top:4px;
}

div#header ul.metamenu li{
	background:0;
	padding:2px 0px 0px 3px;
}

div#header ul.metamenu li a{
	position:relative;
	font-size:12px;
	font-family:helvetica, arial;
}

div#header ul.metamenu li.active a{
	background:0;
}


div#header ul.dropdown li{
	background:0;
}



div#header ul.dropdown li.lined{
	background:url('../images/bkg_dotted_light.gif') bottom left repeat-x;
}


div#header ul.activedropdownprimmenu{
	top:-15px;
	left:-16px;
	padding-top:18px;
	padding-left:16px;
	padding-right:19px;
	margin-right:9px;
	background:url('../images/bkg_primmenu_active.gif') no-repeat;
	position:relative;
}

div#header ul.activedropdownsecmenu{
	top:-15px;
	left:-12px;
	padding-top:18px;
	padding-left:12px;
	padding-right:14px;
	margin-right:-9px;
	background:url('../images/bkg_secmenu_active.gif') no-repeat;
	position:relative;
}

div#header ul.menu li ul{
	position:relative;
	z-index:30;
	left:-4px;
	background:url('../images/bkg_dropdown.png') top left repeat-y;
	padding-top:35px;	
	padding-bottom:10px;
	padding-right:22px;
}

div#header ul.primmenu li ul{
	width:270px;
	padding-left:4px;
}

div#header ul.secmenu li ul{
	width:152px;
	left:-4px;
	background:url('../images/bkg_dropdown_small.png') top left repeat-y;		
}

div#header ul.dropdown li div{
	display:none;
	position:absolute;
	z-index:0;
	left:-13px;
	padding-bottom:15px;
}


div#header ul.primmenu li div{
	width:282px;
}

div#header ul.secmenu li div{
	width:165px;
	left:-9px;
	padding-bottom:10px;
}

div#header ul.dropdown li div img{
	display:none;
	position:absolute;
	bottom:0px;
}

div#header ul.menu li ul li{
	position:relative;
	padding:2px 0px 2px 15px;
}




/** -------------------
 *  S T R U C T U R E 
 *	S I D E B A R
 ** ------------------- */


div#sidebar div.smallbox{
	margin-bottom:15px;
}

div#sidebar ul,
div#sidebar ol{
	list-style-type:none;
	margin-bottom: 10px;
}

div#sidebar h1,
div#sidebar2 h1{
	font-size:14px;
	font-style:normal;
	padding:7px 0px 4px 2px;
	margin-top:27px;
	margin-bottom:0px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
}


div#sidebar h2,
div#sidebar2 h2{
	padding:4px 0px 4px 2px;
	min-height:20px;
	margin-bottom:15px;
	background:url('../images/bkg_dotted_dark.gif') bottom left repeat-x;
}

div#sidebar h3{
	clear:both;
}

div#sidebar p.date{
	margin-bottom:6px;
	margin-top:0px;
}


ul.slidermenu{	
	position:absolute;
	right:0px;
	top:7px;
}

ul.slidermenu li{
	list-style-type:none;
	position:relative;
	float:left;
	margin-right:5px;
	font-size:11px;
}

ul.slidermenu li img{
	margin-top:2px;
}

div#sidebar div.content,
div.content{
	background:url('../images/bkg_dotted_light.gif') repeat-x top left;
	padding-top:16px;
	padding-bottom:5px;
	clear:both;
	width:253px;
}


div#sidebar div.content img,
div.content img{
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

div#sidebar div.content p,
div.content p{
	margin-bottom:10px;
}

div#sidebar div.first,
div.first{
	background:0;
	padding-top:0px;
}



/** -------------------
 *  S T R U C T U R E 
 *	N E W S
 ** ------------------- */

li.level1 span{
	display:none;
}

li.level1 div.level2 span{
	display:none;
}

div#sidebar ul.news_catmenu { 
	margin-top:-10px;
}


li.level1 > div.level2:first-child{

	margin-top:10px;
	background:url('../images/bkg_dotted_dark.gif') top left repeat-x;
	padding-top:10px;

}

li.level1 div.level2 div.level3 span{
	display:block;
}


div.news-list-container{
	z-index:10;
	position:relative;
	float:left;
	width:845px;
	background:url("../images/bkg_dotted_dark.gif") repeat-x left bottom transparent;
	padding-bottom:20px;
	margin-bottom:20px;
}

div.news_metadata{
	position:relative;
	float:left;
	width:170px;
	margin-right:27px;
	padding-top:15px;
	padding-bottom:15px;
	background:url("../images/bkg_dotted_dark.gif") repeat-x left top transparent;	
}

div.news_image{
	position:relative;
	float:left;
	width:115px;
	text-align:center;
	margin-right:27px;
	padding-top:15px;
	padding-bottom:15px;
	background:url("../images/bkg_dotted_dark.gif") repeat-x left top transparent;
}

div.news_image img{
	max-width:115px;
}

div.news-list-container div.news_item{
	position:relative;
	float:left;
	width:505px;
	background:url("../images/bkg_dotted_dark.gif") repeat-x left top transparent;
	padding-bottom:15px;
}

div.news-list-item{
	position:relative;
	float:left;
	clear:both;
}


ul.news_catmenu a{
	display:none;
}

ul.news_catmenu li a{
	display:block;
}

div.news-amenu-container{
	background:url("../images/bkg_dotted_dark.gif") repeat-x left top transparent;
	padding-top:22px;
}

div.news_item{
	background:url('../images/bkg_dotted_light.gif') repeat-x top left;
	padding-top:10px;
}

/** -------------------
 *  S T R U C T U R E 
 *	C O N T E N T + T E A S E R
 ** ------------------- */
 
div#content ul.imageteaser {
	width: 860px;
	padding-left: 0px;
	margin: 0px;
	overflow:hidden;
}


ul.imageteaser li {
	position: relative;
	float: left;
	
	list-style-type: none;
	padding: 0;
	margin: 0 7px 8px 0px;
	
	height: 135px;
}

ul.imageteaser li a img{
	width:135px;
}

ul.imageteaser.largimageteaser li{
	width:135px;
	height:135px;
}

ul.imageteaser li a:hover img,
ul.imageteaser li a:active img,
ul.imageteaser li a:focus img {
	border: 0;
}

div.thumbslidercontent div.panel span {
	position: relative;
	z-index: 80;
	display:block;
}


div.thumbslidercontent div.panel span.hover_image {
	position: absolute;
	width: 133px;
	height: 133px;
	z-index: 60;
	display: block;
	background: none;
}

div.thumbslidercontent div.panel span.hover_image a {
	width: 100%;
	height: 100%;
}

div.thumbslidercontent div.panel span.hover_image img {
	position: absolute;
	z-index: 11;
	display: block;
	visibility: hidden;
}

div.thumbslidercontent div.panel:hover span.hover_image img {
	visibility: visible;
}

div.bigbox:hover span.hover_image img {
	display:none;
}
div.bigbox span.hover_image img {
	display:none;
	position:absolute;
	top:0;
	left:0;
}

div.thumbslidercontent div.panel span.linktext{
	display:none;
}

div.thumbslider{
	top:-30px;
	width:845px;
	height:100px;
	position:relative;
	overflow:hidden;
	background:url('../images/bkg_thumbslider_small.jpg') no-repeat top left;
}

div.thumbslider .panel{
	position:relative;
	float:left;
	z-index:1;
	height:80px;
	margin-bottom:20px;
}

div.thumbslider .panel img{
	position:relative;
	float:left;
}

div.thumbsliderlarge{
	top:0px;
	width:845px;
	height:196px;
	position:relative;
	overflow:hidden;
	background:url('../images/bkg_thumbslider_big.jpg') no-repeat top left;
}

div.thumbsliderlarge .panel {
	margin-right: 10px;
}

div.thumbsliderlarge .panel,
div.thumbsliderlarge .panel img{
	height:133px;
	width: 133px;
}


#thumbslider_leftcontrol{
	position:absolute;
	left:0px;
	z-index:2;
	cursor:pointer;
	display:none;
}

#thumbslider_rightcontrol{
	position:absolute;
	right:0px;	
	z-index:2;
	cursor:pointer;
	display:none;
}

div.thumbslidercontent a{
	position:absolute;
	display:block;
}

div.thumbslidercontent img{
	cursor:pointer;
	top:10px;
	margin-right:30px;
}

div.thumbsliderlarge div.thumbslidercontent {
	padding-top: 32px;
	left: 33px;
}
div.thumbsliderlarge div.thumbslidercontent img{
	top: 0px;
	margin: 0;
	z-index: 10;
}

div.thumbslidercontent {
	position:absolute;
	left:25px;
	height:180px;
	overflow:hidden;
	width:1000px;
}




/** -------------------
 *  R E S I Z E
 ** ------------------- */

body.small div#header img{
	margin-right:28px;
}

body.small div#header,
body.small div#wrapper{
	width:850px;
}

body.small div#content,
div#content.small{
	width:596px;
}

body.small div.bigbox,
body.small div.bigbox img,
body.small div.halfbox,
body.small div.divider,
body.small div.footer,
body.small div.news-list-container,
div#content.small div.bigbox,
div#content.small div.bigbox img,
div#content.small div.halfbox,
div#content.small div.divider,
div#content.small div.footer,
div#content.small div.news-list-container{
	width:550px;
}

body.small div.bigbox div.slideshow img,
body.small div.bigbox img.loading,
body.small div.bigbox div.thumbsliderlarge img{
	width:auto;
}

body.small div.bigbox ul li{
	margin-right:3px;
	margin-bottom:3px;
}

body.small div.bigbox ul.largeimageteaser li img,
body.small div.bigbox ul li img{
	width:135px;
}

body.small div.bigbox ul.imageteaser li img{
	width:177px;
}

body.small div.bigbox ul.imageteaser li{
	width:177px;
	height:177px;
	margin-right:9px;
	margin-bottom:9px;	
}

body.small div.bigbox ul.largeimageteaser li{
	width:135px;
	height:135px;
	margin-right:3px;
	margin-bottom:3px;	
}

body.small div#content div.bigbox ul{
	width:570px;
}


body.small div#header div#menus {
    left: 370px;
}

body.small .hideable,
body.small div.news_image{
	display:none;
}

body.small .thumbslider{
	width:550px;
	top:-20px;
}

body.small div.news_item{
	width:353px;
}

body.small .thumbsliderlarge{
	top:0px;
}