@charset "UTF-8";
/**
*
* @author Chris Glutz <chris@netzpilot.ch>
* @copyright Copyright (c) 2008, Chris Glutz
* @version 1.12
* @date 20110502
* @desc  CSS JKF
* 
*/
* {
	padding: 0;
	margin: 0;
}

html, body { height:100%; }

body {
	padding:0;
	margin:0;
	text-align:left;
	min-width: 936px;
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	color:#000000;
	/*background: #ffdaa9 url('../images/bg.gif') repeat-y 0px 0px;*/
	background: #ffdaa9 url('../images/bg2011.gif') repeat 0px 0px;
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

td {
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	vertical-align: top;
}
/*
p {
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	margin: 0px;
	padding: 0px;
}
*/


.input {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	width:240px;
	margin-bottom:8px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}

.label {
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
}

.small {
	font-size:9px;
}

#outer{
	height:100%;
	min-height:100%;
	width:932px;
	text-align:left;
	position:relative;
}
 
html>body #outer{ height:auto; } 

#innerwrap {
	float:left;
	width:600px;
}


#left {
	position:relative;
	width:180px;
	float:left;
	padding-top:120px;
	padding-bottom:20px;
}

#left p { padding-left:3px;padding-right:2px }

#right p { padding-left:4px;padding-right:2px }

#imagecolumn {
	margin-top:0px;
	position:absolute;
	top:20px;
	left:608px;
	width:148px;
	height:550px;
	z-index:10;
	padding-top:112px;
	padding-left:10px;
	padding-right:10px;
	color:rgb(62,77,116);
}

#imagecolumn a {
	padding:0;
	font-weight:normal;
	font-size:11px;
	color:rgb(190,190,190);
	margin:0;
}

#imagecolumn h1 {
	padding:0;
	font-weight:normal;
	font-size:11px;
	margin:0;
}

#right {
	position:relative;
	width:170px;
	float:right;
	margin-top:10px;
	padding-top:170px;
	padding-bottom:20px;
	background-color:#999999;
	background:url('../images/randbg.jpg');
	background-position:0px 0px;
	background-repeat:no-repeat;
	color:rgb(62,77,116);
}

div,p  { margin-top:0; }
/*
.pagetitle p {
	padding:30px;
}*/

#centrecontent {
	position: relative;
	top:  3px;
	left: 3px;
	width: 420px; 
	min-height: 553px; 
	padding-left:  5px;
	padding-right: 5px;
	padding-top:   0px;
	padding-bottom:20px;
	color:rgb(0,0,0);
	font-weight:normal;
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	line-height: 14px;
	background-color: #ffdaa9;
}


#clearfooter { width:100%;height:52px;clear:both; }

#additionalnavi {
	vertical-align: top;
	margin:  0px;
	padding: 0px;
	position: absolute;
	top: 	144px;
	left:	24px;
	width:	120px;
}

#subnavigation {
	position: absolute;
	top: 	25px;
	left:	264px;
	width:	120px;
		z-index: 20;
}

#logo {
	width:780px;
	margin-top:18px;
}

/* Hauptnavigation */
.navi{
	width: 120px;
}

h1 {
	font-weight:bold;
	font-size:13px;
	margin:0;
}

h1.content {
	font-size:14px;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	padding:0;
	padding-top: 21px;
	margin-bottom:8px;
}

h1.newstitle {
	font-size:14px;
	font-weight: bold;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	color:rgb(0,0,0);
	padding:0;
	margin-bottom:4px;
}

.pagetitle {
	position: relative;
	top:  6px;
	left: 6px;
	font-size: 11px;
	font-weight: bold;
	color:	#ffffff;	
}



hr { color:rgb(0,0,0); }

a { 
	color: #055a84; 
	text-decoration:none; 
}

a:hover { 
	color: black;
	text-decoration:none; 
}

a.newsheadline { font-weight:bold; } 


/* Service Nav */
a.additionalnavi { 
	font-size: 10px; 
	font-weight: bold;
	color: #00153C;
	background:url("../images/M_back_service.gif") no-repeat;
	background-position: 0px 0px;
	height: 24px;
	display:block;		
}

a.additionalnavi:hover { 
	color: #fff;
	background:url("../images/M_back_high.gif") no-repeat;
}


span.navtext {
	position: relative;
	top:  7px;
	left: 6px;
	font-weight: bold;
}

/* Nav passive */
a.navileft_passive {
	display:block;
	padding: 0px;
	font-size: 10px; 
	color: #FFFFFF;
	background:url("../images/M_back_norm.gif") no-repeat;
	background-position: 0px 0px;
	height: 24px;
}

a.navileft_passive:hover {
	background:url("../images/M_back_high.gif") no-repeat;
}


/* Nav active */
a.navileft_active {
	display:block;
	padding: 0px;
	font-size: 10px; 
	color: #FFFFFF;
	background:url("../images/M_back_high.gif") no-repeat;
	background-position: 0px 0px;
	height: 24px;
} 

/* Nav left open */
a.navileft_open {
	display:block;
	padding: 0px;
	font-size: 10px; 
	color: #FFFFFF;
	background:url("../images/M_back_high.gif") no-repeat;
	background-position: 0px 0px;
	height: 24px;
} 

a.sitemap_level1 {
	display:block;
	border-bottom:1px solid #000000;
	color:rgb(0,0,0);
	font-weight:bold;
	padding-bottom:.4em;
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:right;
}

a.sitemap_level2 {
	color:rgb(0,0,0);
	background:url("../images/navi_pfeil_rechts.gif") no-repeat;
	background-position:170px 4px;
	display:block;
}

a.sitemap_level3 {
	color:rgb(0,0,0);
}

.sitemap_level2_container {
	float:left;
	width:50%;
	padding-top:.3em;
}

.sitemap_level3_container {
	float:right;
	width:50%;
	padding-top:.3em;
}

.input_searchbox {
	width:200px;
	vertical-align:middle;
	font-size:11px;
	color: rgb(0,0,0);
}

.input_newsletterselect {
	width:90px;
	vertical-align:middle;
	font-size:11px;
	margin-right: 8px;
	color: rgb(0,0,0);
}



#loginbox {
	background-color:#DFE0E5;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	padding-bottom:.6em;
	padding-top:.6em;
	padding-left:0em;
	padding-right:0em;
	margin-top:1.5em;
	margin-bottom:1.5em;
}



#newsletterbox {
   border-top:1px solid #00153c;
   padding-bottom:.6em;
   padding-top:.6em;
   padding-right:.5em;
   margin-top:1.5em;
   margin-bottom:1.5em;
}

.hidden {
	display:none;
}


.teaser_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; 
}


.vote_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}


#bildbox {
	position: absolute;
	top:  267px;
	left: 27px;
	width: 357px;
	height: 333px;
	z-index: 10;
}

#bildindex {
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	color: #FFFFFF;
	position: relative;
	top:  6px;
	left: 6px;
	z-index: 2;
}
/**/
#bildindexbg {
	position: absolute;
	top:  600px;
	left: 24px;
	background:url('../images/legendbg.gif');
	z-index: 1;
	width: 360px;
	height: 24px;
}

#sponsors {
	position: absolute;
	top:  51px;
	left: 819px;
	width: 117px;
	height: 93px;
}

#sponsors_txt {
	font-size: 11px;
	font-weight: bold;
	color:	#ffffff;	
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	position: relative;
	top:  6px;
	left: 6px;
}

#sponsors-fix {
	position: absolute;
	top:  146px;
	left: 819px;
	width: 117px;
	height: 93px;
	/*
	background-color: #ffdaa9;
	*/
}

#fb {
	position: absolute;
	top:  547px;
	left: 819px;
	width: 117px;
	height: 300px;
	padding-bottom: 22px;
	z-index: 399;
}

#fb img {
	margin-bottom: 24px;
}

#gallery_detail {
/*
	position: absolute;
	top:  267px;
	left: 27px;
	width: 357px;
	height: 333px;*/
	z-index: 100;
}

/* ---------------------------- LISTS ---------------------------- */
li {
	font-family:Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin-right: 20px;
	margin-left: 15px;
}

ul li {
	list-style-type: square;
	list-style-position: outside;
	/*list-style-image:  url("images/arrow.gif");*/
}

ul  {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 0px;	
	font-size: 11px;
}

ol  {
	margin: 0px;
	margin-left: 4px;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 10px;	
	font-size: 11px;
}

#alphabet {
	font-size: 9px;
}

.gallery_image {
	padding-top: 11px;
	width: 80px;
}

table.heads {
	background: url(../images/bg_innerframe.gif) no-repeat 24px 24px;
}

/* collapsible Panel */
@font-face {
    font-family: 'HermesRegular';
    src: url('../fonts/hermebol-webfont.eot');
    src: url('../fonts/hermebol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hermebol-webfont.woff') format('woff'),
         url('../fonts/hermebol-webfont.ttf') format('truetype'),
         url('../fonts/hermebol-webfont.svg#HermesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.collapsibleContainerTitle
{
    cursor: pointer;
    background-color:#ff9b1d;
}

.collapsibleContainerTitle div
{
    color: white;
    font-family: HermesRegular;
    font-size: 16px;
    line-height: 20px;
	letter-spacing: 1px;
}

.collapsibleContainerContent {
    padding: 10px;
    background-color: #ffdaa9;
}

.ui-widget-header div {
	border-bottom: 2px solid white;
	padding: 5px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


#vote label.error { 
	display: none;
	position: relative;
	left: -200px;
	float: left;
	 border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
		
	-webkit-box-shadow: 1px 1px 10px #000000;
	-moz-box-shadow: 1px 1px 10px #000000;
	box-shadow: 1px 1px 10px #000000;
	
	padding: 20px;
	background-color: whitesmoke;
	font-weight: normal;
	z-index: 4;
}


input[type="submit"] {
	 border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*	
	-webkit-box-shadow: 1px 1px 10px #000000;
	-moz-box-shadow: 1px 1px 10px #000000;
	box-shadow: 1px 1px 10px #000000;
	*/
	margin-top: 20px;
	background-color: #ff9b1d;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	color: white;
	padding: 6px 20px 6px 20px;	
	border: none;
	font-family: HermesRegular;
}