/*
1.0 CSS-Reset
2.0 Basisdefinitionen
	2.1
3.0 Header
	3.1 Logo
	3.2 Header-Menü
	3.3 Font-Resize
4.0 Linke Spalte
	4.1 Linkes Menü
5.0 Hauptspalte
	5.1 Breadcrumb-Navigation
	5.2 Inhaltsbereich
		5.2.1 Listen
		5.2.2 Formulare
		5.2.3 Bilder
		5.2.4 Bildergalerie
		5.2.5 Tabelle Öffnungszeiten
		5.2.6 Tabelle Eintrittspreise
		5.2.7 Tabelle Übernachtung
		5.2.8 Tabelle Gemeindemitarbeiter
		5.2.9 Tabelle Stadtrat
		5.2.10 Tabelle Gottesdienstzeiten
		5.2.11 Tabelle Veranstaltungen
	5.3 Inhaltsbereich - Startseite
	5.4 Inhaltsbereich - Suche
	5.5 Inhaltsbereich - Sitemap
	5.6 Inhaltsbereich - Gemeindemitarbeiter
	5.7 Inhaltsbereich - Übernachten
	5.8 Inhaltsbereich - Ferienprogramm
6.0 Rechte Spalte
	6.1 Suche
	6.2 Box rechts allgemein
7.0 Footer
*/

/* ---- 1.0 CSS-Reset ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; }

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

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

h1, h2, h3, h4, h5, h6 {
	color: #4d4d4d;
	font-weight: normal;
}


/* ---- 2.0 Basisdefinition ---- */

html, body {
	background-color: #e4e4e4;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100.01%;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	width: 59.375em;
}

#container {
	background-color: #f2f1f1;
	overflow: hidden;
	/* border in farbe-XX.css */
}

a {
	text-decoration: none;
	color: #4d4d4d;
}

a:active, a:focus, a:hover { text-decoration: underline; }

input.text, input.captcha, textarea {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border: 1px solid #aeaeae;
	padding: 0.25em;
}

.fett { font-weight: bold; }
.block { display: block; }
.noborder { border: 0; }

/* ---- 3.0 Header ---- */
#header { background-color: #f2f1f1; }

/* ---- 3.1 Logo ---- */
.logo img {
	border-bottom: 0.0625em solid #949494;
	float: left;
	height: 7.4375em;
	width: 9.375em;
}

/* ---- 3.2 Header-Menü ---- */
.header-menu li {
	display: inline;
	float: left;
	height: 7.3125em;
	list-style-type: none;
	margin-left: 0.5em;
	text-align: center;
	width: 9.375em;
}

.header-menu li img {
	display: block;
	height: 6.25em;
	width: 9.375em;
}

.header-menu li span {
	display: block;
	color: #4d4d4d;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.45em;
}

.header-menu li.link-1 { background-color: #d8faff; border-bottom: 0.1875em solid #8ee2ef; }
.header-menu li.link-2 { background-color: #e4ffd8; border-bottom: 0.1875em solid #a3cd7a; }
.header-menu li.link-3 { background-color: #ffd8d8; border-bottom: 0.1875em solid #ef8e8e; }
.header-menu li.link-4 { background-color: #fff2d8; border-bottom: 0.1875em solid #ebcea5; }

.header-menu li a:hover span {
	color: #ff0000;
}

.header-menu li a:hover { text-decoration: none; }

/* ---- 3.3 Font-Resize ---- */
.font-resize {
	background: #ffffff;
	float: right;
	margin-top: 3em;
	padding: 0.375em 0 0.5625em 0.6250em;
	width: 9.375em;
}

.font-resize a:hover, .font-resize a:focus {
	color: #ff0000;
	text-decoration: none;
}

.font-resize h3 {
	font-size: 0.8125em;
	font-weight: bold;
	margin-bottom: 0.1875em;
}

.font-resize ul li {
	display: inline;
	list-style-type: none;
	padding-right: 1.0625em;
}

.font-resize ul li a span { font-weight: normal; }

.font-resize ul li.normal a { font-size: 0.8125em; font-weight: bold; }
.font-resize ul li.gross a { font-size: 0.875em; font-weight: bold; }
.font-resize ul li.sehr-gross a { font-size: 0.9375em; font-weight: bold; }

.font-resize a.hilfe {
	display: block;
	margin-top: 0.4545em;
}

.font-resize a.hilfe:focus, .font-resize a.hilfe:hover {
	color: #527597;
	text-decoration: underline;
}

/* ---- 4.0 Linke Spalte ---- */
#left {	width: 9.375em; }

/* ---- Heute in Mitterteich ---- */
.box-links h3 {
	font-size: 0.8125em;
	font-weight: bold;
	margin-bottom: 0.375em;
}

.box-links {
	background-color: #ffffff;
	border-bottom: 0.0625em solid #949494;
	color: #4d4d4d;
	margin-top: 0.8125em;
	padding: 0.375em 0.6250em 0.5625em 0.6250em;
}

/* ---- 4.1 Linkes Menü ---- */
/* Menü Überschrift */
.mod_customnav h3, .mod_navigation h3 { /* Menüüberschrift */
	/* border in farbe-XX.css */
	font-size: 0.75em; /* 0.8125em; */
	font-weight: bold;
	height: 1.9167em;	/* Behebung line-height Bug IE 6 */
	line-height: 1.9167em;
	display: block;
	overflow: hidden;
	padding-left: 1.3333em;
}

.mod_navigation span.active,
.mod_navigation a.trail { color: #4d4d4d; font-weight: bold; }

/* Menü Schriftgröße - Global */
.mod_customnav ul, .mod_navigation ul {
	font-size: 0.6875em;
	/* border in farbe-XX.css */
	list-style-type: none;
}

/* Menüpunkt Größe - Global */
.mod_navigation ul li, .mod_customnav ul li {
	background-color: #ffffff;
	border-bottom: 1px solid #dddcdc;
	overflow: hidden;
	padding: 0.5455em 0 0.5455em 1.0909em;
}

/* Menü Schriftgröße - Level_2 */
.mod_customnav ul.level_2, .mod_navigation ul.level_2 {
	border: 0;
	font-size: 1em;
	/* border in farbe-XX.css */
	list-style-type: none;
}

/* Menü Schriftgröße - Level_3 */
.mod_customnav ul.level_3, .mod_navigation ul.level_3 {
	border: 0;
	font-size: 1em;
	/* border in farbe-XX.css */
	list-style-type: none;
}

.mod_navigation ul.level_1 li.last, .mod_customnav ul.level_1 li.last { border-bottom: 1px solid #949494; }

.mod_navigation ul.level_1 li.active ul.level_2 li, .mod_navigation ul.level_1 li.submenu ul.level_2 li {
	background: url(../mitterteich/global/link-menu-level2.gif) no-repeat left 0.4545em;
	border: 0;
	line-height: 1.3636em;
	padding: 0.1818em 0 0.1818em 1.1818em;
}

.mod_navigation ul.level_1 li.submenu ul.level_2 li.submenu ul.level_3 li, .mod_navigation ul.level_1 li.submenu ul.level_2 li.active ul.level_3 li {
	background: url(../mitterteich/global/link-menu-level3.gif) no-repeat left 0.4545em;
	border: 0;
	line-height: 1.3636em;
	padding: 0.1818em 0 0.1818em 1.1818em;
}

/* ---- 4.2 Social Media ---- */

.social-media {
	background: #fff url(../mitterteich/global/social-media-shadow.gif) repeat-x 0 0;
	border: 1px solid #dcdcdc;
	border-top: 0;
	margin: 0 8px;
	overflow: hidden;
	padding: 10px 8px 8px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.social-media img {
	background: url(../mitterteich/global/social-media-sprite.jpg) no-repeat scroll 0 0 transparent;
	border: 0 none;
	height: 24px;
    padding: 0;
    vertical-align: middle;
	width: 24px;
}

.social-media  ul {
	margin: 0 auto;
}

.social-media  li {
	list-style: none;
	float: left;
	margin-right: 15px;
}

.social-media  li.last {
	margin: 0;
}

.social-media img.facebook {
	background-position: 0 0;
}

.social-media img.youtube {
	background-position: -24px 0;
}

.social-media img.newsletter {
	background-position: -48px 0;
	width: 34px;
}

/* ---- 5.0 Hauptspalte ---- */
#main {
	width: 39em;
	margin-bottom: 0.9375em;
}

/* ---- 5.1 Breadcrumb-Navigation ---- */
.mod_breadcrumb {
	font-size: 0.6875em;
	line-height: 2.0909em;
}

.mod_breadcrumb span.active { color: #4d4d4d; font-weight: bold; }
.mod_breadcrumb a {	color: #527597; }
.mod_breadcrumb a:hover { color: #527597; }

/* ---- 5.2 Inhaltsbereich ---- */
#main-content {
	background-color: #ffffff;
	border-bottom: 0.0625em solid #949494;
	color: #4d4d4d;
	font-size: 0.6875em; /* 11px */
	padding: 0 1.3636em 1.3636em; /* 15px */
	line-height:1.3636em;

}

#main-content h1 {
	border-bottom: 0.0909em solid #4d4d4d;	/* 1px */
	font-size: 1.2727em; /* 14px */
	font-weight: bold;
	margin-bottom: 0.6364em;
	padding-bottom: 0.2727em; /* 7px */
	padding-top: 1.1em;
}

#main-content h2 {
	font-size: 1.1818em; /* 13px */
	font-weight: bold;
	margin-bottom: 0.5385em; /* 6px */
}

#main-content h3 {
	font-size: 1em; /* 11px */
	font-weight: bold;
	margin-bottom: 0.1818em; /* 2px */
}

#main-content p { margin-bottom: 0.6364em; }
#main-content p.more, #main-content p.back { font-weight: bold; }
#main-content a { color: #527597; }

/* ---- 5.2.1 Listen ---- */
.mod_article ul, .mod_article ol {
	list-style-position: outside;
	margin-bottom: 0.6364em;
	margin-left: 1.3636em;
}

.mod_article ol {
	margin-left: 1.6em;
}

/* ---- 5.2.2 Formulare ---- */
span.mandatory { color: #ff0000; }

.ce_form .error {
	color: #ff0000;
	font-weight: bold;
}

.ce_form table {
	margin-bottom: 1.7em;
}

.ce_form td.col_first,
.mod_login td.col_first {
	padding-right: 1em;
	vertical-align: middle;
}
.ce_form input.text,
.mod_login  input.text { width: 16em; }
.ce_form input.captcha { width: 1.5em; }
.ce_form input, .ce_form textarea,
.mod_login input, .mod_login textarea { margin: 0.25em 0.25em 0.25em 0; }
.ce_form input.submit,
.mod_login input.submit { padding: 0 0.5em 0 0.5em; }

span.captcha_text { font-weight:bold; }

/* ---- 5.2.3 Bilder ---- */
.image_container { padding: 0 1em 1em 0; }

/* ---- 5.2.4 Bildergalerie ---- */
.ce_gallery .image_container {
	margin: 0 10px 10px 0;
	padding: 0;
}
/* ---- 5.2.5 Tabelle Öffnungszeiten ---- */
table.oeffnungszeiten ,
.oeffnungszeiten table {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 1.0909em;
}
.oeffnungszeiten td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

.oeffnungszeiten td.spalte1,
.oeffnungszeiten td.col_0 {
	text-align: left;
	width: 13em;
}

/* ---- 5.2.6 Tabelle Eintrittspreise ---- */
table.eintrittspreise {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
	width: 30em;
}

table.eintrittspreise td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.eintrittspreise td.noborder{
	border-top: 0;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.eintrittspreise td.spalte2 {
	text-align: left;
}

table.eintrittspreise td.spalte2 {
	text-align: left;
}

/* ---- 5.2.7 Tabelle Übernachtung ---- */
table.uebernachtung {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.uebernachtung td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.uebernachtung td.spalte2 {
	text-align: left;
}

/* ---- 5.2.8 Tabelle Gemeindemitarbeiter ---- */
table.gemeindemitarbeiter {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
	width: 40em;
}

table.gemeindemitarbeiter td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.gemeindemitarbeiter td.spalte2 {
	text-align: left;
	width: 24em;
}

/* ---- 5.2.9 Tabelle Stadtrat ---- */
table.stadtrat {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.stadtrat td.spalte1 {
	border-bottom: 1px solid #dfdfdf;
	padding: 5px;
}

table.stadtrat td.spalte2 {
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px dotted #dfdfdf;
	padding: 5px;
	vertical-align: top;
	width: 8em;
}

table.stadtrat td.spalte3 {
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px dotted #dfdfdf;
	padding: 5px;
	vertical-align: top;
	width: 19em;
}

table.stadtrat td.spalte4 {
	border-bottom: 1px solid #dfdfdf;
	padding: 5px;
	vertical-align: top;
	width: 15em;
}

table.stadtrat td.spalte3 ul {
	list-style-position: outside;
	margin-left: 14px;
}

/* ---- 5.2.10 Tabelle Gottesdienstzeiten ---- */
table.gottesdienstzeiten {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.gottesdienstzeiten td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.gottesdienstzeiten td.spalte1 {
	text-align: left;
	width: 7em;
}

table.gottesdienstzeiten td.spalte2 {
	text-align: left;
	width: 5em;
}

/* ---- 5.2.11 Tabelle Veranstaltungen ---- */
table.veranstaltungen {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.veranstaltungen td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.veranstaltungen td.spalte1 {
	text-align: left;
	width: 10em;
}

table.veranstaltungen td.spalte2 {
	text-align: left;
	width: 13em;
}

/* ---- 5.2.11 Tabelle Allgemein ---- */
table.allgemein,
.allgemein table {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.allgemein td,
.allgemein td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.allgemein td.spalte1 {
	text-align: left;
	padding-right: 1em;
}

table.allgemein td.spalte2 {
	text-align: left;
	padding-right: 1em;
}


/* ---- 5.2.12 Tabelle Schriftgröße ---- */
table.schriftgroesse {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.schriftgroesse td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.schriftgroesse td.spalte1 {
	text-align: left;
	width: 4em;
}

table.schriftgroesse td.spalte2 {
	text-align: left;
}

/* ---- 5.2.12 Tabelle Hilfe Navigation ---- */
table.hilfe-navigation {
	border-bottom: 1px solid #dfdfdf;
	border-collapse: collapse;
	margin-bottom: 1.0909em;
}

table.hilfe-navigation td {
	border-top: 1px solid #dfdfdf;
	padding: 0.2em 0.3em 0.2em 0.3em;
}

table.hilfe-navigation td.spalte1 {
	text-align: left;
	width: 9.4em;
}

table.hilfe-navigation td.spalte2 {
	text-align: left;
	vertical-align: top;
}

/* ---- 5.3 Inhaltsbereich - Startseite ---- */
.mod_article #aktuelles .image_container .caption {
	background: #eeeeee;
	padding: 3px 4px 2px 4px;
	width: 274px;	/* Achtung: Änderung auch in print.css notwendig */
}

#main-content p.nachrichten-datum { margin: 0.6364em 0 0 0; }
.mod_article #nachrichten { margin-top: 1.38em; }

#startseite.mod_article #aktuelles .image_container img {
	display: block;
	margin: 0;
	padding: 0;
}

/* ---- 5.4 Inhaltsbereich - Suche ---- */
#mod_search h1 {
	border-bottom: 0.0909em solid #4d4d4d;	/* 1px */
	margin-bottom: 1.3636em;
	padding-bottom: 0.2727em; /* 7px */
}

.mod_search h3 a {
	color: #527597;
	font-size: 1.1818em;
	font-weight: bold;
}

#main-content .mod_search p.context { margin:0; padding:0; }

.mod_search #query_type {
	margin-top: 0.4545em;
}

.mod_search .header { text-align: right; }

.mod_search span.relevance, .mod_search span.filesize {
	color: #666666;
	padding-left: 0.2727em;
}

.mod_search .highlight { font-weight: bold; }
#main-content .mod_search p.url {
	color: #53A908;
	margin-bottom: 1.5em;
}

.mod_search .pagination {
	border-top: 0.0625em solid #dfdfdf;
	margin-top: 0.4545em;
	padding-top: 0.4545em;
}

.mod_search .pagination p { float: left; }
.mod_search .pagination ul {
	float: right;
	text-align: right;
	width: 31.8182em;
}

.mod_search .pagination li { display: inline;}
.mod_search .pagination span.pagination_current { font-weight: bold; }
.mod_search a.pagination_link, .mod_search a.pagination_next, .mod_search a.pagination_previous { color: #527597; }

/* ---- 5.5 Inhaltsbereich - Sitemap ---- */
.mod_sitemap a { color: #527597; }
.mod_sitemap ul { list-style-type: none; padding-left: 2em; }
.mod_sitemap li { list-style-position: outside; }

/* .mod_sitemap ul.level_2 li, .mod_sitemap ul.level_3 li { margin-left: 0.6364em; } */

/* Startseite Icon */
.mod_sitemap ul.level_1 li.submenu.first.trail.last { background: url(../mitterteich/global/sitemap-startseite.gif) no-repeat left 0.1818em; padding-left: 1.2em;	}

/* Level 2 Fett + Startseite */
.mod_sitemap ul.level_1 li.submenu ul.level_2 li.submenu a.submenu, .mod_sitemap ul.level_1 li.submenu.first.trail.last a.submenu.trail.first.last { font-weight: bold; }

/* andere Levels auf normal zurücksetzen */
.mod_sitemap ul.level_1 li.submenu ul.level_2 li.submenu ul.level_3 li.submenu a.submenu { font-weight: normal; }

/* Level 4 Icon */
.mod_sitemap ul.level_1 li.submenu ul.level_2 li.submenu ul.level_3 li.submenu ul.level_4 li { background: url(../mitterteich/global/link-menu-level2.gif) no-repeat left 0.1818em; padding-left: 1.2em;}

/* Level 5 Icon */
.mod_sitemap ul.level_1 li.submenu ul.level_2 li.submenu ul.level_3 li.submenu ul.level_4 li.submenu ul.level_5 li { background: url(../mitterteich/global/link-menu-level3.gif) no-repeat left 0.1818em; padding-left: 1.2em; }

.mod_sitemap ul.level_1 li.submenu ul.level_2 li.submenu ul.level_3 li.submenu ul.level_4 li.submenu ul.level_5 { margin: 0; }

/* ---- 5.6 Inhaltsbereich - Gemeindemitarbeiter ---- */

#gemeindemitarbeiter-uebersicht h2 { margin-top: 0.7273em;}
#gemeindemitarbeiter-uebersicht .ce_hyperlink { margin-left: 1.4545em; }

#gemeindemitarbeiter .image_container { margin: 0 0.5em 1em 1em; }

/* ---- 5.7 Inhaltsbereich - Übernachten ---- */

.vorschau-bild {
	float: left;
}

.vorschau-bild img {
	border: 0.1em solid #eee;
	padding: 0.2em;
	width: 9.09em;
}

.vorschau-text {
	margin-left: 10.5em;
}

#ferienwohnungen .ce_text {
	margin-bottom: 2em;
}

#main-content p.unterkuenfteuebersicht {
	margin-bottom: 0.3em;
}

/* ---- 5.8 Ferienprogramm ---- */

#main-content h2.ferienprogramm {
	margin-bottom: 0.2em;
}

#main-content p.ferienprogramm-datum {
	font-weight: bold;
	margin-bottom: 0.3em;
}

#main-content p.ferienprogramm-link {
	margin-bottom: 1.3em;
}

/* ---- 6.0 Rechte Spalte ---- */

#right {
	background-color: #f2f1f1;
	color: #4d4d4d;
	margin-top: 1.4375em;
}

#right h3 {
	font-size: 0.875em;
	font-weight: bold;
	margin-bottom: 0.375em;
}

#suche form {
	margin-bottom: 0.4375em;
}

#suche, .box-rechts {
	background-color: #ffffff;
	border-bottom: 0.0625em solid #949494;
	margin-bottom: 0.7273em;
	padding: 0.375em 0 0.5625em 0.6250em;
	width: 9.375em;
}

/* ---- 6.1 Suche ---- */
#suche input.text, #suche input.submit { font-size: 0.6875em; }
#suche input.text {	width: 8.4375em; }
#suche input.submit { margin-left: 0.1875em; }

/* ---- 6.2 Box rechts allgemein ---- */
.link-intern {
	background: url(../mitterteich/global/link-intern.gif) no-repeat left 3px;
	color: #527597;
	margin-bottom: 3px;
	padding-left: 1.3636em;
}

.link-extern {
	background: url(../mitterteich/global/link-extern.gif) no-repeat left center;
	color: #527597;
	margin-bottom: 3px;
	padding-left: 1.3636em;
}

.link-download {
	background: url(../mitterteich/global/link-download.gif) no-repeat left center ;
	color: #527597;
	margin-bottom: 3px;
	padding-left: 1.3636em;
}

.link-mail {
	background: url(../mitterteich/global/email.gif) no-repeat center left;
	color: #527597;
	margin-bottom: 3px;
	padding-left: 1.1818em;
}

.rechts { font-size: 0.6875em; }

.box-links p, .box-rechts p {
	font-size: 0.6875em;
	margin-bottom: 0.25em;
}

/* ---- 7.0 Footer ---- */
#footer {
	font-size: 0.6875em;
	margin: 4px;
}

.footer-links { float: left; }
.footer-rechts { display: inline; float: right; }
