@charset "UTF-8";
@import 'resetShort.css';

/*
 * main tags
*/

html, body {
	height: 100.1%;
}
body {
	background: #2d3b4b url(images/bggraublau1.png) repeat-x left top;
	/*background: #143265 url(images/bg.png) repeat-x left top;*/
	font-family: Verdana, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}
body, th, td, div, p {
	font-size: 12px;
	line-height: 18px;
}
a:link, a.link {
	color: #215DB1;
	text-decoration: none;
}
a:visited, a.visited {
	color: #215DB1;
	text-decoration: none;
}

a:hover, a.hover, a:active, a.active {
	color: #aa8c46;
	text-decoration: underline;
}
a{
	text-decoration:none;
}

a.blank:link, a.blank:visited {
	background-image:url(images/externalLink.gif);
	background-position: 3px 4px;
	background-repeat:no-repeat;
	padding-left: 15px;
}
a.blank:active, a.blank:hover {
	background-image:url(images/externalLinkHover.gif);/*externalLinkHover.gif*/
}

img {
	border: medium none;
}
h1,h2,h3,h4,h5,h6{
	color:#AA8C46;
	/*font-family:Arial,sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;*/
	font-size: 14px;
	font-weight:bold;
	clear:both;
}
h1{
	font-size: 18px;
	margin-bottom:10px;
}
h6{
	font-size: 12px;
	margin-bottom:6px;
}
hr{
	border: 0px;
	border-top: solid 1px #c8c4b9;
	border-bottom: transparent;
	margin:6px 0 4px;
}
ul{
	list-style-type: none;
	list-style-image: url(images/dotList.gif);
}
li{
	margin-left:30px;
	margin-bottom:12px;
}

h1 div a {
	font-weight:normal
}

/*
 * general layout
*/

#maincenter{
	background: transparent url(images/bgCenter.png) repeat-y left top;
	margin: 0 auto;
	width:1000px;
}
#maincontent{
	/*position:relative;*/
	margin: 0;
	padding:0 20px 1px 20px !important;
}
#footercenter{
	background: transparent url(images/bgFooter.png) no-repeat left bottom;
	margin: 0 auto;
	width:1000px;
}
#footercontent{
	margin: 0;
	padding:10px 30px 30px 30px;
	color:#444444;
}
#footercontent a{
	color:#215DB1;
}
#footercontent a:hover{
	color:#AA8C46;
	text-decoration: underline;
}
#footer{
	border:1px solid #fff;
}
.clear{
  clear: both; 
  display: block; 
  height: 0; 
  content: "."; 
	margin:0;
	padding:0;
	line-height:0;
}

/*
 * top 
*/

#topleft, #topright{
	color:#fff;
}
#topleft{
	float:left;
	margin:7px 0 1px 10px;
}
#topright{
	background: transparent url(images/searchbg.png) no-repeat left top;
	float:right;
	margin:0 10px 1px 0;
	padding:0;
	width:270px;
	height:58px;
}
#topright div.inner{
	position:relative;
	background: transparent url(images/searchbg2.png) no-repeat right top;
	display:block;
	width:270px;
	height:58px;
}
#topright div.inner div.first{
	position:absolute;
	bottom: 35px;
	left: 10px;
}
#topright div.inner div.first input[type=text]{
	border: 1px solid #ddd;
	margin-left:11px;
	width:210px;
}
#topright div.inner div.first img{
	margin-bottom:-7px;
}
#topright div.inner div.second{
	position:absolute;
	width:auto;
	bottom:6px;
	left:10px;
	text-align:center;
	font-size:11px;
}
#topleft a, #topright a{
	color:#fff;
}
#topleft a:hover, #topright a:hover{
	text-decoration: underline;
}
a:link#logout, a:visited#logout{
	position:absolute;
	top:30px;
	right:480px;
	color:#666;
	z-index:9999;
	padding:4px 12px;
	font-weight:bold;
	background: transparent url(images/list-white-bg.gif) repeat-x left top;
}
a:hover#logout, a:active#logout{
	color:#000;
	text-decoration:none;
	background-position: left bottom;
}

/*
 * main navigation
*/

.mainnav {
	clear:both;
	display:block;
	width:980px;
}
.mainnav ul {
	list-style:none;
	margin:0;
	padding-left:10px;
}
.mainnav ul li {
	float:left;
	margin:0;
	padding:0;
	margin-right:7px;
}
.mainnav a {
	background:url("images/buttonMainNavBg.png") no-repeat left top;
	float:left;
	display:block;
	margin:0;
	padding-left:10px;
	color:#fff;
	height:25px;
	line-height:25px;
	text-decoration: none;
}
.mainnav a:link, .mainnav a:visited, .mainnav a:hover, .mainnav a:active{ color:#fff; }
.mainnav a span {
	display:block;
	background:url("images/buttonMainNavBg.png") no-repeat right -27px;
	padding:0 10px 1px 2px;
}
.mainnav a:hover {
	background-position: left -54px;
}
.mainnav a:hover span {
	background-position: right -81px;
}

.mainnav .active a {
	background-position: left -108px !important;
}

.mainnav .active a:link, .mainnav .active a:visited {
	color: #AA8C46;
}

.mainnav .active span {
	background-position: right -135px !important;
}

.mainnav .active-with-subnav a {
	height: 29px;
	background-position: left -162px !important;
}

.mainnav .active-with-subnav a:link, .mainnav .active-with-subnav a:visited {
	color: #AA8C46;
}

.mainnav .active-with-subnav span {
	padding-bottom: 4px;
	background-position: right -193px !important;
}

.subnav {
	clear: both;
	padding: 4px 7px 5px;
	margin: 0 10px;
	background-color: #fff;
}

.subnav ul {
	margin-left: 5px;
}
.subnav li {
	display: inline;
	list-style: none;
	color: #999;
	margin-left:0;
}

.subnav li a {
	margin: 0 .5em;
}
.subnav li.active a {
	color: #aa8c46;
}

/*
 * main content
*/

table.maintable{
	width:920px;
	border:none;
}
table.maintable tr td{
	vertical-align:top;
}
table.maintable tr td.tdl{
	
}
table.maintable tr td.tdr{
	width:310px;
	padding-left:20px;
	/*text-align:right;*/
}

.whitebox{
	clear:both;
	margin:0 10px 10px 10px;
	padding:10px;
	background-color:#fff;
	min-height:300px;
}
div.linke-spalte{
	float:left;
}

div.rechte-spalte{
	float:right;
	width:310px;
}
div.rechte-spalte div.box{
	margin:0;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #e3ded2;
	background-color: #f1efe8;
	/*background: #f1efe8 url(images/bgRechteSpalte.gif) repeat-x left top;*/
}
div.rechte-spalte div.box h1{
	font-size: 14px;
	margin-bottom:2px;
}

.box{
	clear:both;
	margin-top:10px;
}
.box h1{
	clear:both;
	margin-bottom: auto;
}
.box h1 a{
	color:#AA8C46;
}

.box-one, .box-border{
	background-color:#fff;
	border:4px solid #e3ded2;
	margin-bottom:10px;
	padding:5px;
}
.box-one a{
	color:#d5182a;
}
.dlliste{
	margin:16px 0;
	padding:2px 12px 3px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	background-color:#f7f7f7;
}
/*
 * teaserbox 
*/

div.scrollable {  
	position:relative;
	overflow:hidden;
	width:588px;
	height:240px;
}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}
a.prev, a.next {
	margin-top:118px;	
}
#thumbs div.teaseritem {
position:relative;
	float:left;
	width:588px;
	height:240px;
	cursor:pointer;
}
#thumbs div.teaseritem div.text{
	position:absolute;
	bottom:0;
	height:auto;
	width:90%;
	left:5%;
	color:#fff;
	overflow:hidden;
	background: transparent url(images/bgBlack60Prozent.png) left top;
}
#thumbs div.teaseritem div.text div{
	padding:6px 10px;
	font-size:14px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height:18px;
	letter-spacing:1px;
}
#thumbs div.hover {
	background-color:#444;	
}
#thumbs div.active {
	background-color:#066;
	cursor:default;
}
a.prev, a.next, a.disabled {
	display:block;
	width:18px;
	height:18px;
	background-repeat:no-repeat;	
	margin-top:6px;
}
a.prev {
	float:right;
	background: transparent url(images/teaserbox/left.png) no-repeat left top;
}
a.prev:hover {
	background: transparent url(images/teaserbox/left.png) no-repeat left -18px;
}
a.next {
	float:right;
	background: transparent url(images/teaserbox/right.png) no-repeat left top;
}
a.next:hover {
	background: transparent url(images/teaserbox/right.png) no-repeat left -18px;
}
a.disabled, a.disabled:hover{
	background:none;
}
div.navi {
	margin-top:6px;
	margin-bottom:10px;
	width:60%;
	height:20px;
	text-align:center !important;
	float:left;
}
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/teaserbox/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
div.navi a:hover {
	background-position:0 -8px;     
}
div.navi a.active {
	background-position:0 -16px;    
} 	

/*
 * alphabet
*/
.alpha a, .alphaon a {
	display:block;
	float: right;
	background:transparent url(images/alpha.gif) left top no-repeat;
	height: 16px;
	width: 19px;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	line-height:14px;
	margin-left:3px;
}
.alphaon a, .alpha a:hover {
	background-position: left bottom;
	font-weight:bold;
	color: #215DB1;
	text-decoration:none;
}

/*
 * we content 
*/

.bild-links, .bild-rechts {
	border: medium none;
}
.bild-links-border, .bild-rechts-border, .bild-center-border, .bild-border {
	border: 1px solid #777;
}
.bild-links, .bild-links-border, div.bildlinks{
	float:left;
	margin:4px 12px 2px 0;
}
.bild-rechts, .bild-rechts-border,div.bildrechts {
	float:right;
	margin:4px 0 2px 12px;
}
.bild-center-border,div.bildmitte {
	display:block;
}
.hinteditmode{
	background-color:#ddd;
	color:#ff0000;
	font-size:11px;
}
div.bildmitte {
	text-align:center;
}
div.bildlinks, div.bildrechts, div.bildmitte {
	line-height: 12px;
}
div.bildlinks p, div.bildrechts p, div.bildmitte p {
	font-size:11px;
	color:#555;
}

/*
 * distrikte karten und infos
*/
.tt-distinfo{ background-image:url(images/distinfoBg.gif); background-position:left top; background-repeat:repeat-x; background-color:#fff; border:1px solid #ADB9C2; padding:0; margin:0; }
.distinfo{ padding-bottom: 10px; line-height: 16px; }
.distinfo h1 { font-size:12px; font-weight: bold; background-color: transparent; margin: 0; padding:8px 10px 12px 10px; }
.distinfo div { padding: 2px 10px; }


div.colsheader {
	background: #fff url(/lib/css/images/distinfoBg.gif) repeat-x left top;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}

div.cols2{
	width:276px;
	float:left;
}
div.margincols2{
	margin-right: 16px;
}

div#show { position:relative; width:auto; }
div.item { position:relative; width:auto; padding: 20px 0; }
div.item h1 {
font-family: Verdana, sans-serif;
	color:#555555;
	font-size:18px;
	font-weight:bold;
	line-height:23px;
	margin:0 0 10px 0;
	padding:0;
}
ul#distnav { margin:0; padding:0; }
ul#distnav li {
	display:inline;
	overflow: hidden;
	list-style-type: none;
	margin:0;
	padding-left:1px;
	font-size: 10px;
	font-weight: bold;
}
ul#distnav li a {
	width:100px;
}
div.mailform {
	display: none;
	margin-bottom:20px;
}

/*
 * tables
*/
table.liste{
	margin: 20px 0;
}
table.liste th, .th {
	padding:2px 6px;
	background-color: #F1EFE8;
	border-top:1px solid #E3DED2;
	border-bottom:1px solid #E3DED2;
	font-weight:bold;
	color:#888;
}
table.liste td {
	padding:2px 6px;
	vertical-align:top;
}
table.preth {
	padding:2px 6px;
	background-color:#fafafa;
}
table.hover tr:hover {
	background-color: #f2f2f2;
}
table.line td {
	border-bottom:1px dotted #aaa;
}
table.linetop td {
	border-top:1px dotted #aaa;
}
table.lhgrau td {
	border-bottom:1px solid #eee;
}
table.cols3 td {
	width:33%;
}
table.cols4 td {
	width:25%;
}
table.pad4 td {
	padding:8px 3px 0 3px;
}
table.pad2 td {
	padding:2px 4px 0 4px;
}
table.pad6t td {
	padding-top:6px;
}
table.bottom td {
	vertical-align:bottom;
}
table.distnav {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
table.distnav td{
	font-size:10px;
	font-weight:bold;
	padding: 0 2px;
	text-align:center;
}
.even {
	background-color:#f9f7f0;
}
.odd {
	background-color:transparent;
}

/*
 * faq
*/
div.faqanswer {
	background: #FDFDFD url(images/verlaufHellGrau2.gif) repeat-x left top;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	padding:8px;
	display:block;
}
div.faqanswer h1, div.faqanswer h3, div.margintb12 h1, div.margintb12 h3{
	font-size:14px;
	line-height:18px;
	margin-bottom:3px;
}
h3.faqquestion {
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 0 0;
	font-family: Arial, sans-serif;
	border-bottom:1px solid #ddd;
}

/*
 * general
*/
.left{
	float:left;
}
.right{
	float:right;
}
.mr{
	margin-right:2%;
}
.small, .smallem, table.small td, table.small th, table.small th div, table.small td div {
	font-size:11px;
}
.smallem{
	font-style:oblique;
}
.smallheight, table.small td, table.small th, table.small th div, table.small td div{
	line-height: 17px;
}
.grau, a.grau, span.grau a, table.grau td, table.grau th, table.grau th div, table.grau td div{
	color:#777;
}
.rot, .error{
	color:#a42525;
}
div.error{
	display:block;
	margin:12px 0;
	padding:12px;
	text-align:center;
	border:1px solid #a42525;
	background-color:#f4e1e1;
}
td.error {
	padding:12px;
	text-align:center;
	border:1px solid #a42525;
	background-color:#f4e1e1;
}
div.error2, tr.error2, td.error2{
	color:#a42525;
	border:1px solid #a42525;
	background-color:#f4e1e1;
	background-image:none;
}
.twocols{
	clear:both;
}
.twocols .left, .twocols .right{
	float:left;
	width:285px;
}
.twocols .left{
	margin-right:20px;
}
.ueberschrift {
	font-weight:bold;
	display:block;
	margin-top:6px;
}
.preblock{
	padding: 2px 8px;
	background: #FDFDFD url(images/verlaufHellBlau.gif) repeat-x left top;
	background-position: -2px -13px;
}
.listenblock {
	background: #FDFDFD url(images/verlaufHellGrau.gif) repeat-x left top;
	border-bottom:1px solid #ddd;
	padding:4px 12px 5px;
}
.textblock{
	padding:8px;
	margin-bottom:16px;
	background: #FDFDFD url(images/verlaufHellGrau2.gif) repeat-x left top;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #f2f2f2;
	clear:both;
	/*border-bottom:1px dotted #ddd;*/
}
.textblock h6{
	color:#000;
}
p.info{
	font-size:11px;
	line-height:13px;
	color:#666;
}
p.info span{
	white-space:nowrap;
}
#player{
	text-align:center;
	margin:20px 0;
}
#registerformdiv{
	position:relative;
}
#status{
	position:absolute;
	display:none;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background: transparent url(images/bgWeiss85prozent.png) repeat left top;
}
#status div{
	position:absolute;
	bottom:15%;
	left:25%;
	width:50%;
}
div.printonly, div.printonlybottom {
	display:none;
}
div#printlink{
	float:left;
	color:#666;
	margin:18px 0 6px;
}
div#printlink a, a.printlink {
	padding-left:20px;
	background: transparent url(images/print15px.gif) no-repeat left top;
}
.greeninfo, .grauinfo{
	padding:12px;
}
.greeninfo{
	background-color:#dbfcd6;
	border:1px solid #2a6421;
	color:#2a6421;
}
.grauinfo{
	background-color:#eee;
	color:#555;
	border: 1px solid #ccc;
}