html, body {
	width: 100%;
	height: 100%;
}  

body {
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #000000;
	background-color: #FFFFFF;
}

* { font-size: 1.0em; }

table.rahmen {
	height:100%;
	width:100%;
	border-top: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	border-left: 15px solid #FFFFFF;
	border-right: 15px solid #FFFFFF;
}

table.tbl-nachrichten {
	width:570px;
}

.tbl-nachrichten a {
	text-decoration: underline;
}

a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }

ul.kleinerabstand {
	margin: 0px 0px 15px 20px;
	padding: 0px 0px 0px 0px;
}

/* Navigation Überkategorien */

div#hauptnavigation a, div#hauptnavigation-links a {
	display: block;
	width: 142px;
	padding: 110px 0px 11px 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
* html div#hauptnavigation a { content:"\"; width:150px; content:"\"; }
* html div#hauptnavigation-links a { content:"\"; width:150px; content:"\"; }

div#hauptnavigation-home a {
	display: block;
	width: 132px;
	padding: 110px 0px 11px 8px;	
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
* html div#hauptnavigation-home a { content:"\"; width:140px; content:"\"; }

/* Darstellung Drop-Down */
div.dropdown a, div.dropdown-home a {
	display: block;
	width: 142px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 4px 8px;
	border-bottom: 1px solid #FFFFFF;
}
div.dropdown-home a { width: 132px; }

* html div.dropdown a { content:"\"; width:150px; content:"\"; }
* html div.dropdown-home a { content:"\"; width:140px; content:"\"; }

div.dropdown a:hover, div.dropdown-home a:hover { background-color: #000000; }

div#dropdown-stadtinfos, div#dropdown-tourismus, div#dropdown-wirtschaft, div#dropdown-service, div#dropdown-kontakt {
	position: absolute;
	visibility: hidden;
}

/* Hintergrund-Farben */
.stadtinfos { background-color:#F8985D; }
.tourismus { background-color: #ED6612; }
.wirtschaft { background-color: #5DAAF8; }
.service { background-color: #0291A2; }
.kontakt { background-color: #ADBFD8; }


/* Navigation links */

a.unav-active { background-color: #000000; }

div#unav-stadtinfos a.unav-active, div#unav-service a.unav-active { background-color: #000000; }

div#navigation {
	border-top: 1px solid #FFFFFF;
}
	
div#navigation a {
	display: block;
	width: 142px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 4px 8px;
	border-bottom: 1px solid #FFFFFF;
}
* html div#navigation a { content:"\"; width:150px; content:"\"; }

div#navigation a:hover {
	background-color: #000000;
}


/* Hintergrund-Farben Unternavigation */
div#unav-stadtinfos a {	background-color: #955B38; }
div#unav-wirtschaft a {	background-color: #386695; }
div#unav-service a { background-color: #016571; }


/* Definitionen für den Inhalt */

div#inhalt, div#inhalt-uebernachten, div#inhalt-aemter, div#inhalt-kontakt, div#inhalt-ext, div#inhalt-ausflugsziele {
	margin: 25px 15px 0px 15px;
}

div.spacer {
	border-bottom: 1px dashed #000000;
	margin: 15px 0px 25px 0px;
}

div.spacer-table {
	border-bottom: 1px dashed #000000;
	height: 1px;
	margin: 25px 0px 27px 0px;
}		

div.spacer-table-head {
	border-bottom: 1px dashed #000000;
	height: 1px;
	margin: 25px 0px 27px 0px;
	margin:0px 0px 22px 0px;
}

div.spacer-rechts {
	border-bottom: 1px dashed #000000;
	height: 1px;
	margin: 10px 0px 15px 0px;
}		

div#inhalt td.weiss, div#inhalt-uebernachten td.weiss, div#inhalt-aemter td.weiss, div#inhalt-ext td.weiss, div#inhalt-ausflugsziele td.weiss {	
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
}

div#inhalt td, div#inhalt-ausflugsziele td {
	background-color: #EBEBEB;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 10px 10px 10px;
}

div#inhalt-uebernachten td, div#inhalt-aemter td {
	vertical-align: top;
	background-color: #EBEBEB;
	padding: 10px 10px 10px 10px;
}

div#inhalt-ext td {
	vertical-align: top;
	background-color: #EBEBEB;
	padding: 10px 10px 10px 10px;
}
div#inhalt-ext td table td { border:0; padding: 2px 10px 2px 10px; }

td.border, div#inhalt-ext td {
	border-bottom: 1px solid #FFFFFF;
}

div#wetter td {
	background-color: #FFFFFF;
	padding: 2px;
}

div#inhalt table.anfahrt { margin: 0px 0px 0px 50px; }
div#inhalt table.anfahrt td {
	font-size: 10px;
	background-color: #FFFFFF;
	padding: 5px;
}

div#inhalt-uebernachten img { margin: 0px 0px 0px 10px; }
div#inhalt-ausflugsziele table td img { margin-left: 25px; }

div#inhalt td img { margin: 0px 0px 0px 10px; }

h2, p {	margin: 0px 0px 15px 0px; }

h2 { font-size: 1.0em; }

div#inhalt-aemter ul { 
	margin: 5px;
	padding:0;
}

div#inhalt table table {
	color: red;
}

.underline { border-bottom: 1px solid #000000; }

table.zentriert td { text-align: center; }
table.zentriert th { text-align: left; padding: 0px 10px 0px 10px; }

/*em { color: #FF0000; }

div em { color: #000000; }*/

/* Rechts */

div#inhalt-rechts, div#inhalt-rechts-grau { 
	font-size: 0.9em;
	width: 195px;
	line-height: 130%;
}

div#inhalt-rechts { margin: 10px 7px 0px 7px; }

div#inhalt-rechts-grau { padding: 25px 0px 10px 10px; }

div#inhalt-rechts p { font-size: 1.0em; }

div#bilder-rechts img { margin-bottom:5px; }

div#inhalt-rechts strong, div#inhalt-rechts-grau a, div#inhalt-rechts a { font-size: 1.0em; }

div.bildtext, div.bildtext-groesser {
	margin: 5px 0px 10px 7px;
	line-height: 130%;
	width: 195px;
}

div.bildtext { font-size: 0.8em; }
div.bildtext-groesser { font-size: 0.9em; }

/* Startseite */

div#inhalt-mitte { 
	margin: 0px 7px 0px 7px;
	width: 700px;
}

div#aktuell, div#aktuell h2, div#aktuell p, div#aktuell a {
	color: #696A6B;
	font-size: 0.95em;
	text-decoration: none;
}

div#aktuell a {
	text-decoration: underline;
}

div#aktuell a:hover {
	text-decoration: none;
}

div#aktuell, div#aktuell h2 { margin: 0px 0px 0px 0px; }

div.spacer-home { 
	background-image: url(../images/hr.gif);
	background-repeat: repeat-x;
	height: 2px;
	margin: 5px 0px 5px 0px;
}

img { border: 0px; }

td { vertical-align: top; }

td.grau { background-color:#D5DDEB; }


/* Bilder News Artikel */

/*ul.bilder {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: left;
}

ul.bilder li {
	float: left;
	list-style-type: none;
	margin: 10px 30px 10px 0px;
}
* html ul.bilder li { height: 100px; }*/

div#myGallery { margin: 0px 0px 15px 0px; }


/* Audio News Artikel */

div.mp3player { margin: 20px 0px 20px 0px; }
div.mp3player p { margin: 6px 0px 6px 0px; }


/* Suche */

input.suche-button {
	vertical-align: bottom;
	margin: 0px 0px 2px 0px;
}

input.kontakt-feld, input.suche, input.kontakt-plz, input.kontakt-ort  {
	background-color:#FFFFFF;
	border: 1px solid #7F9DB9;
	font-size: 0.8em;
	padding: 2px 0px 2px 5px;
}

/* Kontakt */

div#inhalt-kontakt table td p { margin: 0; }


.kontakt-feld { width: 240px; }
.kontakt-plz { width: 50px; }
.kontakt-ort { width: 178px; margin: 0px 0px 0px 5px; }
.kontakt-textarea { width:245px; height:100px; border: 1px solid #7F9DB9; font-size:1.2em; }

/* Online-Mängelformular */

input.maengelformular-feld, input.maengelformular-plz, input.maengelformular-ort  {
	background-color:#FFFFFF;
	border: 1px solid #7F9DB9;
	font-size: 0.8em;
	padding: 2px 0px 2px 5px;
}

.maengelformular-feld { width: 240px; }
.maengelformular-plz { width: 50px; }
.maengelformular-ort { width: 178px; margin: 0px 0px 0px 5px; }
.maengelformular-textarea { width:245px; height:100px; border: 1px solid #7F9DB9; font-size:1.2em; }

/* Druckversion */

a.print { float: right; }
div.inhalt-druckversion { margin: 10px; }

* html div.inhalt-druckversion { content:"\"; width:665px; content:"\"; }

/* Grußkarten */

table#grusskarten td img { margin-bottom: 7px; }

p.grusskarte-titel {
	padding: 102px 0px 0px 25px;
	font-weight: bold;
}

img#grusskarte-grossansicht { margin-bottom: 20px; }

table#grusskarte-senden p {
	text-align:right;
	padding-bottom: 9px;
}

table#grusskarte-senden input.suche-button { margin-right: 167px; }

p.bildtext-rechts {
	font-size: 0.9em;
	margin: 3px 0px 7px 7px;
}