@charset "UTF-8";

img {
   behavior: url("/pngbehavior.htc");
}

html {
	margin:0;
	padding:0;
	font-size: 100.01%;
}
body {
	margin:0;
	padding:0;
	background: #BDAA9B url(/_image/layout/hg_hm.jpg) no-repeat scroll;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px 0;
	text-transform: uppercase;
	color: #00AEEF;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 2px 0;
	color: #00AEEF;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 2px 0;
}
p {
	margin: 0;
	padding: 2px 0 2px 0;
}
ul.text {
	padding: 0;
	margin: 0 0 3px 0;
}
li.text {
	margin: 2px 0 0 17px;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
}
table {
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
table h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}

.small {
	font-size: 10px;
}


/*Contentbox mit runden Ecken*/
.contentbox {background: transparent; margin:0 10px 0 3px;}

.contentbox em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}

.cb1, .cb2, .cb3, .cb4, .cb5, .cb6, .cb7 {display:block; overflow:hidden; font-size:0;}
.cb1, .cb2, .cb3, .cb4, .cb5, .cb6 {height:1px;}
.cb4, .cb5, .cb6, .cb7 {background:#ccc; border-left:1px solid #00AEEF; border-right:1px solid #00AEEF;}

.cb1 {margin:0 8px; background:#00AEEF;}
.cb2 {margin:0 6px; background:#00AEEF;}
.cb3 {margin:0 4px; background:#00AEEF;}
.cb4 {margin:0 3px; background: url(/_image/layout/hg_content.png) repeat; border-width:0 5px;}
.cb5 {margin:0 2px; background: url(/_image/layout/hg_content.png) repeat; border-width:0 4px;}
.cb6 {margin:0 2px; background: url(/_image/layout/hg_content.png) repeat; border-width:0 3px;} 
.cb7 {margin:0 1px; background: url(/_image/layout/hg_content.png) repeat; border-width:0 3px; height:2px;} 

.contentboxcontent {
	display:block;
	background: url(/_image/layout/hg_content.png) repeat;
	border:3px solid #00AEEF;
	border-width:0 3px;
	padding:0 10px;
}



/*Layout*/
#top {
	width: 840px;
	height: 195px;
	position: absolute;
	overflow: hidden;
	top: 12px;
	left: 12px;
}
#stempel {
	width: 180px;
	height: 180px;
	position: absolute;
	top: 2px;
	left: 810px;
}


#content {
	width: 634px;
	position: absolute;
	top: 224px;
	left: 218px;
}
#content a, #content a:active, #content a:visited {
	text-decoration: underline;
	color: #db2826;
}
#content a:hover {
	text-decoration: none;
}
#content .fehler {
	font-weight: bold;
	color: #000;
	font-size: 12px;
	padding: 4px 10px;
	border: 2px solid #C00;
	margin: 5px 20px;
	background: #FFC;
}



#navigation {
	position: absolute;
	top: 224px;
	text-transform: uppercase;
	line-height: 25px;
	left: 12px;
	width: 198px;
}
#navigation a, #navigation a:active, #navigation a:visited {
	text-decoration: none;
	color: #db2826;
}
#navigation a:hover {
	color:#00AEEF;
	text-decoration: none;
}
#navigation a.current {
	font-weight: bold;	
	color:#00AEEF;
}


#sponsoren {
	position: absolute;
	top: 224px;
	left: 860px;
	width: 160px;
	heigth: 80px;
}
#sponsoren .contentboxcontent {
	padding:0 10px;
	background: #fff;
}
#sponsoren .cb4 {background: #fff;}
#sponsoren .cb5 {background: #fff;}
#sponsoren .cb6 {background: #fff;} 
#sponsoren .cb7 {background: #fff;} 
#monoSlideshow { 
    width: 120px; 
    height: 60px; 
}



#hoerlaktion {
	position: absolute;
	top: 321px;
	left: 860px;
	width: 160px;
}
#hoerlaktion .contentboxcontent {
	padding:0 5px;
	background: #fff;
}
#hoerlaktion .cb4 {background: #fff;}
#hoerlaktion .cb5 {background: #fff;}
#hoerlaktion .cb6 {background: #fff;} 
#hoerlaktion .cb7 {background: #fff;} 

#newsletter {
	position: absolute;
	top: 321px;
	left: 860px;
	width: 160px;
}
#newsletter h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
	color: #00AEEF;
}
#newsletter p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 2px 0;
	color: #666666;
}
#newsletter .small {
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #999999;
}
#newsletter a {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #E63418;
	text-decoration: underline;
}
#newsletter a:hover {
	text-decoration: none;
}
#newsletter .contentboxcontent {
	padding:3px;
}


#veranstaltungen {
	position: absolute;
	top: 558px;
	left: 860px;
	width: 160px;
}
#veranstaltungen .contentboxcontent {
	padding: 3px;
}
#veranstaltungen h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
	color: #00AEEF;
}
#veranstaltungen a {
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #E63418;
	text-decoration: underline;
}
#veranstaltungen a:hover {
	text-decoration: none;
}

#foto {
	float:right;
	clear: right;
	right:160px;
	height:auto;
	width:160px;
	border:1px solid #CCC;
	margin:0 0 5px 10px;
	padding:3px;
}
#foto p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 2px 0;
	color: #666666;
}



#startliste {
	position: absolute;
	top: 224px;
	left: 12px;
	width: 198px;
	height: auto;
}
#startliste p, #startliste a {
	font-size: 9px;
	margin: 0;
	padding: 0;
	color: #33ccff;
	text-decoration: none;
	text-align: center;
}
#startliste h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
}
#startliste .contentboxcontent {
	padding:0 3px;
	background: #00AEEF;
}
#startliste .cb4 {background: #00AEEF;}
#startliste .cb5 {background: #00AEEF;}
#startliste .cb6 {background: #00AEEF;} 
#startliste .cb7 {background: #00AEEF;} 


#countdown {
	position: absolute;
	top: 754px;
	left: 12px;
	width: 198px;
	height: auto;
}
#countdown p, #countdown a {
	font-size: 9px;
	margin: 0;
	padding: 0;
	color: #33ccff;
	text-decoration: none;
	text-align: center;
}
#countdown .contentboxcontent {
	padding:0;
	background: #00AEEF;
}
#countdown .cb4 {background: #00AEEF;}
#countdown .cb5 {background: #00AEEF;}
#countdown .cb6 {background: #00AEEF;} 
#countdown .cb7 {background: #00AEEF;} 

#volkslauf {
	position: absolute;
	top: 642px;
	left: 57px;
	width: 100px;
	height: 127px;
}


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}

.clear {clear: both;}


/*Overlay*/
button {
	outline:1px outset #999;
	border:1px solid #fff;
	background-color:#222;
	color:#fff;
	height:24px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:11px;
}

/*Overlay*/
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(/_image/layout/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:450px;	
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/_image/layout/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}


div.overlay a, div.overlay a:active, div.overlay a:visited {
	text-decoration: underline;
	color: #db2826;
}
div.overlay a:hover {
	text-decoration: none;
}