html, body, div, form, ul, li {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-size: 0.75em;
}

img {
	border: 0px;
}

a {
	color: #000000;
	text-decoration: underline;
}


h1 a {
	color: #000000;
	text-decoration: none;
}


a.document
{
	vertical-align:middle; 
	padding-bottom:6px;
	padding-left:20px;
	line-height:160%;
	background: url(../images/icons/page_red.png) no-repeat;
}

a.jpg
{
	background: url(../images/icons/image.png) no-repeat;
}

a.pdf
{
	background: url(../images/icons/page_white_acrobat.png) no-repeat;
}

a.doc
{
	background: url(../images/icons/page_white_word.png) no-repeat;
}

a:hover {
	text-decoration: underline;
}

a.active {
	font-weight: bold;
}


a.underline {
	color: #000000;
	text-decoration: underline;
}

a.underline:visited {
	color: #000000;
	text-decoration: underline;
}

a.underline:hover {
	text-decoration: underline;
}

a.underline.active {
	font-weight: bold;
}


h1 {
	font-size: 1.6em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #da0808;
}

h2 {
	font-size: 1.3em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #da0808;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #da0808;
}

h1 a, h2 a, h3 a,
h1 a:visited, h2 a:visited, h3 a:visited {
	color: #000000;
}

ul {
/* 	list-style-type: square; */
}

li {

}

/* styles - top & around */

#body {
	width: 900px;
}

#topLine {
}

#topLineLeft {
	float: left;
	width: 388px;
	height: 206px;
}

#topLineRight {
	background-image: url(../images/top_right_bg.jpg);
	background-repeat: no-repeat;
	width: 512px;
	height: 206px;
	float: left;
	background-color: #ffffff;
}

#topNavDiv {
	position: relative;
	right: 0px;
	/* top: -210px; */
	z-index: 100;
	display: block;
}

.topNav {
	float: right;
	position: relative;
	top: 15px;
}

.topNav li {
	float: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	margin-left: 10px;
}


.topNav li a {
	color:#ffffff;
	text-decoration:none;
}

#countdown
{
	position:absolute;
	top:85px;
	left:360px;
	z-index: 200;
}

#mainsponsors
{
	padding:0;
	margin:0;
	position:absolute;
	top:143px;
	left:320px;
	z-index: 300;
	width:614px;
}

#mainsponsors ul
{
	margin:0px;
	padding:0px;
}

#mainsponsors li
{
	padding:0;
	margin:0;
	float: left;
	list-style-type: none;
	margin-right: 26px;
	vertical-align:middle;
	display:block;
}


.logoSpoe {
	margin-left: 70px;
	position: relative;
	top: 0px;
}

.langSelect {
	margin-top:20px;
	margin-left: 10px;
}

.langSelect li {
	margin-left: 5px;
	position: relative;
	top: -3px;
}


/* navigation */



#NavigationLine, #NavigationLine img {
	margin: 0;
	padding: 0;
}

#NavigationBar li { 
	height: 61px;
	float: left;
	list-style-type: none;
}

#NavigationBar li a {
		display:block;
		padding-top: 61px;
		overflow: hidden;
		height: 0px; 
		width: auto;
}

#Programm a, 
#Programm a:link,
#Programm a:visited 
{
	background-image: url(../images/nav/de_programm_i.gif);
	color: transparent;
	width: 148px;
}

#Programm_en a, 
#Programm_en a:link,
#Programm_en a:visited 
{
	background-image: url(../images/nav/en_programm_i.gif);
	color: transparent;
	width: 145px;
}

#Programm a:hover, 
#Programm a:focus,
#Programm a:active,
#Programm a.active,
#Programm a.active:visited 
{
	background-image: url(../images/nav/de_programm_a.gif);
}
#Programm_en a:hover, 
#Programm_en a:focus,
#Programm_en a:active,
#Programm_en a.active
{
	background-image: url(../images/nav/en_programm_a.gif);
}

#News a, 
#News a:link,
#News a:visited 
{
	background-image: url(../images/nav/de_news_i.gif);
	color: transparent;
	width: 72px;
}

#News_en a, 
#News_en a:link,
#News_en a:visited 
{
	background-image: url(../images/nav/en_news_i.gif);
	color: transparent;
	width: 89px;
}


#News a:hover, 
#News a:focus,
#News a:active,
#News a.active,
#News a.active:visited 

{
	background-image: url(../images/nav/de_news_a.gif);
}
#News_en a:hover, 
#News_en a:focus,
#News_en a:active,
#News_en a.active
{
	background-image: url(../images/nav/en_news_a.gif);
}

#FAQ a, 
#FAQ a:link,
#FAQ a:visited 
{
	background-image: url(../images/nav/de_faq_i.gif);
	color: transparent;
	width: 55px;
}
#FAQ_en a, 
#FAQ_en a:link,
#FAQ_en a:visited 
{
	background-image: url(../images/nav/en_faq_i.gif);
	color: transparent;
	width: 70px;
}
#FAQ a:hover, 
#FAQ a:focus,
#FAQ a:active,
#FAQ a.active,
#FAQ a.active:visited 

{
	background-image: url(../images/nav/de_faq_a.gif);
}
#FAQ_en a:hover, 
#FAQ_en a:focus,
#FAQ_en a:active,
#FAQ_en a.active
{
	background-image: url(../images/nav/en_faq_a.gif);
}


#Fotos a, 
#Fotos a:link,
#Fotos a:visited 
{
	background-image: url(../images/nav/de_fotos_i.gif);
	color: transparent;
	width: 78px;
}

#Fotos_en a, 
#Fotos_en a:link,
#Fotos_en a:visited 
{
	background-image: url(../images/nav/en_fotos_i.gif);
	color: transparent;
	width: 80px;
}

#Fotos a:hover, 
#Fotos a:focus,
#Fotos a:active,
#Fotos a.active,
#Fotos a.active:visited 
{
	background-image: url(../images/nav/de_fotos_a.gif);
}


#Fotos_en a:hover, 
#Fotos_en a:focus,
#Fotos_en a:active,
#Fotos_en a.active
{
	background-image: url(../images/nav/en_fotos_a.gif);
}

#Community a, 
#Community a:link,
#Community a:visited 
{
	background-image: url(../images/nav/de_community_i.gif);
	color: transparent;
	width: 147px;
}
#Community_en a, 
#Community_en a:link,
#Community_en a:visited 
{
	background-image: url(../images/nav/en_community_i.gif);
	color: transparent;
	width: 160px;
}

#Community a:hover, 
#Community a:focus,
#Community a:active,
#Community a.active
{
	background-image: url(../images/nav/de_community_a.gif);
	color: transparent;
}
#Community_en a:hover, 
#Community_en a:focus,
#Community_en a:active,
#Community_en a.active
{
	background-image: url(../images/nav/en_community_a.gif);
}

#Gewinnspiele a, 
#Gewinnspiele a:link,
#Gewinnspiele a:visited 
{
	background-image: url(../images/nav/de_gewinnspiele_i.gif);
	color: transparent;
	width: 160px;
}

#Gewinnspiele a:hover, 
#Gewinnspiele a:focus,
#Gewinnspiele a:active,
#Gewinnspiele a.active,
#Gewinnspiele a.active:visited 
{
	background-image: url(../images/nav/de_gewinnspiele_a.gif);
	color: transparent;
}

#Gewinnspiele_en a, 
#Gewinnspiele_en a:link,
#Gewinnspiele_en a:visited 
{
	background-image: url(../images/nav/en_gewinnspiele_i.gif);
	color: transparent;
	width: 116px;
}

#Gewinnspiele_en a:hover, 
#Gewinnspiele_en a:focus,
#Gewinnspiele_en a:active,
#Gewinnspiele_en a.active
{
	background-image: url(../images/nav/en_gewinnspiele_a.gif);
	color: transparent;
}

/* CommunityLine */

#CommunityLine {
	padding: 10px 20px 10px 20px;
	clear: both;
	background-color: #efefef;
	height: 30px;
}

#communityLoginForm {
	margin-left: 220px;
}

.input {
	width: 140px;
	height: 18px;
	vertical-align: bottom;
/*	font-size: 0.8em; */
}

.btn_grey {
	background-image: url(../images/btn_grey.jpg);
	color: #ffffff;
	font-weight: bold;
	padding: 3px 15px;
	margin-left: 5px;
	height: 26px !important;
	border: 0px;
	width: auto !important; 
	cursor: pointer;
}

.btn_red {
	background-image: url(../images/btn_red.jpg);
	color: #ffffff;
	font-weight: bold;
	padding: 3px 15px;
	margin-left: 5px;
	height: 26px !important;
	border: 0px;
	width: 200px;
	cursor: pointer;
}

/* SponsorLine */

#sponsorLine {
	clear: both;
	height: 291px;
	width: 100%;
}

#mapOpener {
	width: 900px;
	height: 41px;
	position: relative;
	right: 0px;
	top: 0px;
	z-index: 101;
}

#mapCloser {
	color: #ffffff;
	border: 1px solid white;
	width: 15px;
	height: 15px;
	text-align: center;
	position: absolute;
	top: 135px;
	/* position: relative;
	top: -446px;
	*/
	left: 870px;
	z-index: 500;
	visibility: hidden;
	background:#ffffff;
	display: block;
}

#mapCloser a {
	color: #000000;
	z-index:500;
	font-weight:bold;
	text-decoration:none;
}

#mapIframe {
	/*
	position: relative;
	top: -403px; */
	position: absolute;
	top: 120px;
	left: 240px;
	width: 620px;
	height: 362px;
	border: 20px solid #e37633;
	background-color: #e37633;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	z-index: 300;
	visibility: hidden;
	padding-top:25px;
	filter:Alpha(opacity=90); /* IE */
	-moz-opacity:0.9; /* Gecko-Browser */
	opacity:0.9; /* Opera 9+ */
}

#mapBigger {
	/* position: relative;
	top: -488px; */
	position: absolute;
	top: 538px;
	left: 500px;
	z-index: 101;
	visibility: hidden;
}

/* Content */

#Content {
	width: 900px;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;
	display: inline-block;
	clear: both;
}

#ContentLeft {
	width: 657px;
	float: left;
	background-color: #ffffff;
}

#ContentRight {
	width: 243px;
	height: 100%;
	background-color: #eae4d6;
	float: right;
}

#ContentLeft ul, #ContentRight  ul
{
 	margin-left:15px; 
}

.TopContent {
	background-color: #efefef !important;
	background-image: url(../images/topcontent_topborder.gif);
	background-repeat: no-repeat;
	height: 235px;
}

.TopContent h1, 
.TopContent h1 a,
.NewsContent h1,
.NewsContent h1 a {
	color: #4a6a7d !important;
	margin-top: 0;
	padding-top: 0;
}

.topnewsblock {
	clear: both;
	margin-top: 10px;
}

.topnewsblock img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imageLeft {
	float: left;
}

.contentRight {
	margin-left: 220px;
}


.content {
	padding: 10px 15px;
	margin-bottom: 10px;
	clear: both;
}


.content p {
	line-height:160%;
}

.contentnobottom {
	margin:0;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
	clear: both;
}



.contentright 
{
	background-color: #eae4d6;
	padding: 5px 15px;
	clear: both;
}

.psbox {
	margin-bottom:25px;
}

.leadin {
	color: #720303;
}



.text {
}

.newsblock {
	width: 210px;
	float: left;
}

.newsblockspacer {
	width: 10px;
	float: left;
}

.newsblock a, .newsblock a:hover, .newsblock a:visited {
	text-decoration: none;
}

.newsblock a:hover h3 {
	text-decoration: underline;
}


#browseLeft {
	float: left;
	margin: 20px;
	margin-left: 0px;
}

#browsePage {
	float: left;
	text-align: center;
	margin: 20px;
}

#browseRight {
	float: left;
	text-align: right;
	margin: 20px;
}

.link, #browseLeft, #browsePage, #browseRight {
	text-transform: uppercase;
	font-size: 0.8em;
}

.link a, #browseLeft a, #browseRight a {
	color: #da0808;
}


/* Suche */

.SearchTab {
	padding: 20px;
	display: inline-block;
	clear: both;
	background:#f7f7f7; 
	width:512px !important;
	border-right:#e6e6e6 1px solid;
	border-left:#e6e6e6 1px solid;
}

#SearchTabs {
	margin-top: 10px !important;
	margin-left: 0px !important;
	clear: both;
}

#SearchTabs li {
	list-style-type: none;
	float: left;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-right: 1px;
}

#SearchTabs li a {
	color: #ffffff;
	display: block;
	height: 30px;
	padding-top: 5px;
}

.tab_red {
	background-image: url(../images/tab_red.gif);
	width: 119px;
	height: 30px;
	margin-top: 22px;
	_margin-top: 17px;
	position: relative;
	z-index: 100;
}

.tab_grey {
	background-image: url(../images/tab_grey.gif);
	width: 119px;
	height: 30px;
	margin-top: 22px;
	_margin-top: 17px;
	position: relative;
	z-index: 100;
}

.tab_open {
	background-image: url(../images/tab_open.gif);
	background-repeat: no-repeat;
	width: 194px;
	height: 21px;
	padding:0px;
	padding-top: 30px;
	position: relative;
	z-index: 100;
	color: #da0808;
	font-size: 1.5em;
	font-weight: normal;
}

.tab_open a {
	color: #da0808 !important;
	font-weight: normal !important;
	margin-top: -15px;
}

.tagDiv {
	background:#f7f7f7; 
	float: left;
	text-align: center;
	margin-right:10px;
}

#Programmsuche img
{
	margin-bottom:11px;
}

#ProgrammSucheSummary {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background-color: #f6f6f6;
	float: left;
	width: 552px;
	clear: both;
}


.roundedTop {
	width: 554px;
	height: 17px;
	background-image: url(../images/rounded_top.gif);
	clear: both;
}

.roundedBottom {
	width: 554px;
	height: 17px;
	background-image: url(../images/rounded_bottom.gif);
	clear: both;
}

#ProgrammSucheText {

}

#ProgrammSucheTag {
	display: none;
	clear: both;
}

#ProgrammSucheZeit {
	display: none;
}

#ProgrammSucheInsel {
	display: none;
	width: 532px !important;
	margin-right: 0px;
	padding-right: 0px;
}


.PSS_Div {
	color: #da0808;
	font-weight: bold;
	padding-left: 10px;
	width: 500px;
}

.PSS_Div span {
	color: #000000;
	font-weight: normal;
}

#PSS_Div_Text {

}

#PSS_Text {

}

#PSS_Div_Tag {

}

#PSS_Tag {

}

#PSS_Div_Zeit {

}

.PSS_ZeitText {
	font-weight: normal;
	color: #000000;
}

#PSS_Zeit {

}

#PSS_Div_Insel {

}

#PSS_Insel {

}

/* Ergebnisse */

.Programmergebnis
{
}

.Gruppentitel
{
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#da0808;
	font-weight:normal;
	margin-bottom:10px;
	font-size:14pt;
}

.Inseltitel
{
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	margin-bottom:10px;
	font-size:14pt;
}

.Event
{
	float:left; 
	margin:0px; 
	padding:0px;
}

.Eventtitel
{
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #da0808;
	font-weight:normal;
	margin:0px;
	margin-bottom:5px;
	font-size:11pt;
}

.EventSelector
{
	width:30px; 
	float:left; 
	height:60px;
}

.Checkbox
{
	width:25px;
	float:left; 
	height:20px;
}

.EventTime
{
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	font-size:11pt;
	width:80px; 
	float:left; 
	height:20px;
}

.EventTimeBis
{
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
	font-size:8pt;
}

.EventStage {
	font-size: 8pt;
}

.Programmergebnis .Insel
{
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#000000;
	font-weight:bolder;
	font-size:9pt;
}

.Programmergebnis a:link
{
	color:#373737;
	text-decoration:underline;
}

.Programmergebnis a:visited
{
	color:#373737;
	text-decoration:underline;
}

.Programmergebnis a:hover
{
	color:#373737;
	text-decoration:underline;
}

.clear {
	height: 12px;
	clear: both;
}

.hidden {
	display: none;
}

/* Footer */

.grey {
	background-color: #a8a8a8;
	color: #ffffff;
}

.center {
	text-align: center;
}

.grey a {
	color: #ffffff;
}

#logoLine {
	text-transform: uppercase;
	font-size: 0.8em;
	padding-left:15px;
	padding-top:10px;
}

#bottomNav {
	padding: 15px 15px 15px 0px;
}

#bottomNav li {
	float: left;
	list-style-type: none;
	text-transform: uppercase;
	margin-left: 15px;
	font-size: 0.8em;
}


a.persProgramm
{
	padding-left:20px;
	background: url(../images/icons/persProgramm.gif) no-repeat;
}

a.newSearch
{
	padding-left:20px;
	background: url(../images/icons/lupe.gif) no-repeat;
}

a.logout
{
	padding-left:20px;
	background: url(../images/icons/logout.gif) no-repeat;
}


table.weather td, table.weather th
{
	border: 1px solid silver;
	padding:5px;
	margin:0;
}

table.weather img
{
	width:90px;
}

a.marked
{
	font-weight: bold;
	text-decoration:none;
	color: #cc0000;
	padding-left:20px;
	background: url(../images/marked.gif) no-repeat;
}