html, body, div, span, applet, object, iframe, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    border: 0px solid #000000;
}

:focus {outline: 0;}
    
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" ""; padding-left: 30px;}
h1 {font-size: 14px; font-weight: bold;}
h2 {font-size: 12px; font-weight: bold;}
hr {border: 1px dashed Gray;}
p {text-align: justify;}
input {border: 1px solid #7c6f57;}
ul {list-style-type: square !important;}

/* -------!!! Styles for body !!!------- */
body, html {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 11px;
}

body {
    background: #97989c; 
    background-image: url(/images/bg.gif); 
    background-position: left top; 
    background-repeat: repeat-x;
}
    

/* -------!!! Styles for Seitenlayout !!!------- */
#divBODY {
    position: relative; 
    width: 951px; 
    left: 50%; 
    margin-left: -475px; 
    text-align: left;
}

/* -------!!! Styles for Header !!!------- */
#header {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 951px; 
    height: 154px; 
    background-image: url(/images/bg_header.gif); 
    background-position: center;
}

#header_left {
    position: absolute; 
    top: 7px; 
    left: 30px; 
    width: 266px;
}

#header_right {
    position: absolute; 
    top: 25px; 
    left: 337px; 
    width: 373px;
}
    
#schriftgroesse {
    position: absolute; 
    top: 15px; 
    right: 10px; 
    color: White; 
    font-size: 11px;
}

/* -------!!! Styles for Hauptmenü, Untermenü !!!------- */
/* Hauptmenü */
#navigation1 {
    position: absolute; 
    left: 6px; 
    top: 131px; 
    width: 949px; 
    font-size: 11px;
}

#navigation2 {
    float: right; 
    margin-right: 6px; 
    margin-top: 6px; 
    color: White; 
    background-image: url(/images/kontaktdaten.gif); 
    width: 253px; 
    height: 15px; 
    text-align: center; 
    padding-top: 2px;
}

.nav1,.nav2,.nav3,.nav4,.nav5,.nav6,.nav7 {
    float: left; 
    height: 18px; 
    padding-top: 5px;
    text-align: center;
}

.nav1 {
    width: 75px; 
    background-image: url(/images/bg_menue1.gif); 
	background-position: left;
}
    
.nav2,.nav3,.nav4,.nav5,.nav7 {
    margin-left: 1px; 
    padding-left: 10px; 
    padding-right: 10px; 
    background-image: url(/images/bg_menue.gif); 
}

.nav6 {
    width: 72px; 
    margin-left: 1px; 
    margin-top: 1px; 
    background-image: url(/images/bg_menue_rechts.gif); 
}

/* Übersicht unter Hauptmenü */
#Uebersicht {
    position: absolute; 
    top: 154px; 
    background-color: #676161; 
    background-image: url(/images/bg_uebersicht_start.gif); 
    background-repeat: no-repeat; 
    width: 938px;	
    height: 14px; 
    color: White; 
    font-size: 10px; 
    padding-left: 12px;
}

/* -------!!! Styles for Main !!!------- */
#Main {
    position: relative; 
    top: 168px; 
    width: 951px; 
    background-color: #e8e8e8; 
    background-image: url(/images/main_bg.gif); 
    background-position: left; 
    background-repeat: repeat-y;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

/* -------!!! Styles for WerbungLeft, Haupttext, WerbungRight !!!------- */
#WerbungLeft {
    position: absolute; 
    top: 0px; 
    left: 8px; 
    width: 170px; 
    padding-top: 10px; 
    border: 0px solid Black;
}

#Haupttext {
    position: relative; 
    min-height: 800px;
    height: 100%; 
    top: 0px; 
    left: 185px; 
    width: 506px; 
    text-align: justify; 
    padding-top: 10px; 
    border: 0px solid Black;
}
    
#WerbungRight {
    position: absolute; 
    top: 0px; 
    right: 2px; 
    width: 250px; 
    padding-top: 0px; 
    border: 0px solid Black;
}

/* Untermenü */
#UmenueStartseite, .Umenue {
	padding-left: 20px; 
	padding-top: 3px;
}

#UmenueStartseite {
	height: 14px;
}

.Umenue {
	color: white; 
	background-color: #cccccc; 
	border-bottom: 1px solid black; 
	width: 150px; 
	height: 17px;
}

/*Styles for Links/Text im Hauptmenü, Untermenü & Übersicht*/
/* Link weiss im Hauptmenü */
.menue {
	color: White; 
	font-size: 11px; 
	text-decoration: none;
}

.menue:hover {
	text-decoration: underline;
}

.menueBold {
	color: White; 
	font-size: 11px;
	font-weight: bold; 
	text-decoration: underline;
}

.menueBold:hover {
	text-decoration: none;
}

/* Link schwarz im Untermenü */
.umenueLinks {
	color: Black; 
	text-decoration: none;
}

.umenueLinks:hover {
	text-decoration: underline;
}

.nav_weiter {
	color: Red; 
	font-size: 11px; 
	text-decoration: underline;
}

.nav_weiter:hover {
	text-decoration: none;
}

.startmenue,.navumenue {
	color: White; 
	font-size: 10px; 
	text-decoration: underline;
}

.startmenue:hover,.navmenue:hover {
	text-decoration: none;
}

/* Bunte Übersicht auf Startseite */
.UEWerbung,.UEAktuell,.UEFreizeit,.UEWirtschaft,.UEWetter,.UETourismus,.UETermine,.UEKultur,.UEStandard {
	background-repeat: repeat-x;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-top: 1px;
	text-align: left;
	width: 100%;
	height: 19px;
	color: white;
	font-size: 11px;
	font-weight: bold;
}

.UEWerbung {
    background-image: url(/images/start_standard.gif); 
    text-align: center;
    margin-top: 10px; 
}

.UEAktuell {
	background-image: url(/images/start_aktuell.gif);
}

.UEWirtschaft {
	background-image: url(/images/start_wirtschaft.gif);
}

.UEFreizeit {
	background-image: url(/images/start_freizeit.gif);
}

.UETourismus {
	background-image: url(/images/start_tourismus.gif);
}

.UETermine {
	background-image: url(/images/start_termine.gif);
}

.UEWetter {
	background-image: url(/images/start_wetter.gif);
}

.UEKultur {
	background-image: url(/images/start_kultur.gif);
}

.UEStandard {
	background-image: url(/images/start_standard.gif);
}

UEAktuell:link,.UEFreizeit:a,.UEWirtschaft:a,.UETourismus:a,.UETermine:a,.UEWetter:a,.UEKultur:a {
	color: White;
	text-decoration: underline;
 }

.UEAktuell:hover,.UEFreizeit:hover,.UEWirtschaft:hover,.UETourismus:hover,.UETermine:hover,.UEWetter:hover,.UEKultur:hover {
	text-decoration: none;
 }
 
.leftDIV {
    float: left;
}
 
.rightDIV {
    float: right;
    margin-right: 5px;
}

.startWetterDIV {
	background-color: #dadadc;
	border: 1px dotted #676161;
	border-top: 0px;
	width: 168px;
}

.WerbungDIV {
    padding-top: 5px; 
    text-align: center;
}

/* -------!!! Styles for Image Review !!!------- */
.border_b{
   border: 1px solid #000000;
   background-color: White;
   padding: 3px;
}

.float{
   visibility: hidden;
   position: absolute;
   left: -3000px;
   z-index: 10;
}

/* -------!!! Styles for Terminformular !!!------- */
.fehler {color: White;}

/*Styles for Bilder*/
.bild_galerie {
    position: relative;
	background-color: White;
	border: 1px solid Gray;
	padding: 2px;
	text-align:center;
	margin: 0px 20px 22px 22px;
	width: 160px !important;
	height: 110px !important;
	overflow: hidden;
	float: left;
}

.img_galerie {
	max-width: 140px !important;
	max-height: 102px !important;
	text-align:center;
}

.bild_galerie_text {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 160px;
    text-align: center;
    background-color: White;
}

.bild_links {
	float: left;
	position: static;
	padding-right: 10px;
}

.bild_mittig {
	text-align: center;
	position: static;
	padding-bottom: 10px;
}
	
.bild_rechts {
	float: right;
	position: static;
	padding-left: 10px;
}

/* -------!!! Styles for Site:index2,Kontakt !!!------- */
.Block {
	background-color: White;
	border: 1px dotted #676161;
	width: 496px;
	padding: 4px;
	margin-bottom: 5px;
	display: table;
}

.subright {
	position: relative;
	float: right;
	width: 300px;
}

.subleft {
	position: relative;
	float: left;
	width: 150px;
}

/* -------!!! Styles for Überschrift !!!------- */
.h1_black {
    font-size: 14px !IMPORTANT;
    color: Black !IMPORTANT;
    font-weight: bold;          
}

/* ------!------ Events  ------!------ */
#Ueberschrift_Events {
    background-color: White;
    margin-bottom: 5px;
	border: 1px dotted #990000;
	width: 100%;
	padding: 0px;
}

#Ueberschrift_Events #Zeitpunkt  {
    background: #990000;
	width: 60px;
	padding: 5px;
	color: White;
}
#Ueberschrift_Events #Zeitpunktorange  {
    background: #ee9307;
	width: 60px;
	padding: 5px;
	color: White;
}

.bisDIV 
{
	background-color: #990000; 
    }
.bisDIVorange 
{
	background-color: #ee9307; 
    }
.bisDIV, .bisDIVorange {
	position: relative; 
	width: 12px; 
	height: 62px;
	text-align: center; 
	padding-top: 20px;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 2px;
	margin-right: 2px;
}
	
#Ueberschrift_Events #Zeitpunkt b, #Ueberschrift_Events #Zeitpunktorange b {font-size: 28px !IMPORTANT;
	font-weight: normal;
	color: white
} 
	
#Ueberschrift_Events div#weekday {border-bottom: 1px dashed White;
	vertical-align: text-top;
	padding-bottom: 8px;
	margin-bottom: 3px;
}

#Ueberschrift_Events span#weekday_string {vertical-align: text-top;
	position: relative;
	top: -11px;
}

#Ueberschrift_Events #Bild {padding: 5px;
    vertical-align: top;
	border-left: 1px dotted #013080;
    width: 180px;
}
		
#Ueberschrift_Events #Zeitpunkt, #Ueberschrift_Events #Zeitpunktorange, #Ueberschrift_Events #Beschreibung, #Ueberschrift_Events #Buchbar {
    vertical-align: top;
	padding: 5px;
	text-align: justify;
}

.WizardEvent {
    width: 90% !IMPORTANT;
}

.SidebarWizardEvent {
    display: none;
}

.NavigationWizardEvent {
    text-align: right !IMPORTANT; 
    padding-bottom: 20px;
}

.table_termine_zeiten {
    width: 70%; 
    border-bottom: 1px solid black;
}
.table_termine_zeiten .buttons {
    width: 50px;
    text-align: right;
}

.zurueck_btn {
    position: absolute;
    bottom: 20px;
    right: 215px;
    text-align: right;
 }
 
 #deckblatt_magazin {position: absolute; top: 25px; right: 34px; }
 #deckblatt_magazin img {width: 70px;}
 #deckblatt_magazin .magazin_text {color: White; font-weight: bold; font-size: 12px; vertical-align: bottom;}