html *
{
	margin: 0;
	padding: 0;
	border: 0;
}

body, body *, td, li
{
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	text-decoration: none;
	background: transparent;
}

body
{
	text-align: center;
	background: #fff;
}

h1, h2, h3
{
	font-family: Georgia, Garamond, Tahoma, serif;
	margin-top: 0.5em;
	font-weight: 100;
}

h1
{
	font-size: 30px;
	padding: 1.5em 0 0 7px;
	margin: 1px 0 0.5em 1px;
}

h2
{
	font-size: 20px;
	clear: both;
}

h3
{
	font-size: 15px;
	width: 550px;
}

.intro h1
{
	background: transparent url(../gfx/bg_headline_intro.png) 0 0 no-repeat;
}

.aktuelles h1
{
	background: transparent url(../gfx/bg_headline_aktuelles.png) 150px 0 no-repeat;
}

.historie h1
{
	background: transparent url(../gfx/bg_headline_historie.png) 299px 0 no-repeat;
}

.referenzen h1
{
	background: transparent url(../gfx/bg_headline_referenzen.png) 448px 0 no-repeat;
}

.stimmungen h1
{
	background: transparent url(../gfx/bg_headline_stimmungen.png) 597px 0 no-repeat;
}

.kontakt h1
{
	background: transparent url(../gfx/bg_headline_kontakt.png) 746px 0 no-repeat;
}

.intro h1, .intro h2, .intro h3, .intro a
{
	color: #C49815;
}

.aktuelles h1, .aktuelles h2, .aktuelles h3, .aktuelles a
{
	color: #96320E;
}

.historie h1, .historie h2, .historie h3, .historie a
{
	color: #1D6494;
}

.referenzen h1, .referenzen h2, .referenzen h3, .referenzen a
{
	color: #4E4B3F;
}

.stimmungen h1, .stimmungen h2, .stimmungen h3, .stimmungen a
{
	color: #81950F;
}

.kontakt h1, .kontakt h2, .kontakt h3, .kontakt a
{
	color: #BDA36C;
}

.intro a:hover
{
	color: #EBC041;
}

.aktuelles a:hover
{
	color: #E64F15;
}

.historie a:hover
{
	color: #2685C4;
}

.referenzen a:hover
{
	color: #7A7663;
}

.stimmungen a:hover
{
	color: #A8C214;
}

.kontakt a:hover
{
	color: #CFBC96;
}

.default a:hover
{
	color: #333;
}

.startseite a:hover
{
	color: #333;
}

a
{
	font-family: Georgia, Garamond, Tahoma, serif;
	font-size: 12px;
	font-weight: 900;
}

#container
{
	margin: 0 auto;
	text-align: left;
	width: 897px;
}

#header
{
	background: transparent url(../gfx/bg_header.jpg) 0 0 no-repeat;
	padding: 20px 5px 0 5px;
	height: 150px;
}

#header img
{
	float: right;
}

#header p
{
	clear: both;
	float: right;
	width: 445px;
	text-align: right;
	font-size: 15px;
	margin-top: 0.7em;
}

#header span
{
	font-weight: 900;
	font-size: 14px;
}

#navi
{
	background: transparent url(../gfx/bg_navi.jpg) 0 0 repeat-x;
	padding: 0 1px;
	height: 199px;
	list-style-type: none;
}

#navi li
{
	float: left;
	display: inline;
}

#navi li p
{
	border: 1px solid #fff;
	border-right: none;
	width: 140px;
	color: #fff;
	font-family: Georgia, Garamond, Tahoma, serif;
	font-size: 15px;
	font-weight: 900;
	padding: 74px 0 5px 8px;
}

#navi li ul
{
	border-left: 1px solid #fff;
	padding-top: 0.5em;
	list-style-type: none;
}

#navi li ul li
{
	float: none;
	display: block;
	font-size: 19px;
}

#navi li ul li a
{
	display: block;
	width: 140px;
	color: #fff;
	padding: 1px 0 6px 8px;
	font-weight: 100;
	font-size: 14px;
}

#navi li ul li a:hover, #navi li ul li a.active
{
	background: transparent url(../gfx/bg_li.png) bottom no-repeat;
}

#navi li.firstElement ul
{
	border-left: none;
}

#navi li.lastElement p
{
	border-right: 1px solid #fff;
}

#navi li.intro
{
	background: transparent url(../gfx/bg_intro.png) 0 0 no-repeat;
}

#navi li.aktuelles
{
	background: transparent url(../gfx/bg_aktuelles.png) 0 0 no-repeat;
}

#navi li.historie
{
	background: transparent url(../gfx/bg_historie.png) 0 0 no-repeat;
}

#navi li.referenzen
{
	background: transparent url(../gfx/bg_referenzen.png) 0 0 no-repeat;
}

#navi li.stimmungen
{
	background: transparent url(../gfx/bg_stimmungen.png) 0 0 no-repeat;
}

#navi li.kontakt
{
	background: transparent url(../gfx/bg_kontakt.png) 0 0 no-repeat;
}

#navi li.intro ul:hover, #navi li.intro ul.active
{
	background: transparent url(../gfx/bg_intro_ul.png) 0 top no-repeat;
}

#navi li.aktuelles ul:hover, #navi li.aktuelles ul.active
{
	background: transparent url(../gfx/bg_aktuelles_ul.png) top no-repeat;
}

#navi li.historie ul:hover, #navi li.historie ul.active
{
	background: transparent url(../gfx/bg_historie_ul.png) top no-repeat;
}

#navi li.referenzen ul:hover, #navi li.referenzen ul.active
{
	background: transparent url(../gfx/bg_referenzen_ul.png) top no-repeat;
}

#navi li.stimmungen ul:hover, #navi li.stimmungen ul.active
{
	background: transparent url(../gfx/bg_stimmungen_ul.png) top no-repeat;
}

#navi li.kontakt ul:hover, #navi li.kontakt ul.active
{
	background: transparent url(../gfx/bg_kontakt_ul.png) top no-repeat;
}

#navi li.intro ul li a:hover, #navi li.intro ul li a.active
{
	color: #C49815;
}

#navi li.aktuelles ul li a:hover, #navi li.aktuelles ul li a.active
{
	color: #96320E;
}

#navi li.historie ul li a:hover, #navi li.historie ul li a.active
{
	color: #1D6494;
}

#navi li.referenzen ul li a:hover, #navi li.referenzen ul li a.active
{
	color: #4E4B3F;
}

#navi li.stimmungen ul li a:hover, #navi li.stimmungen ul li a.active
{
	color: #81950F;
}

#navi li.kontakt ul li a:hover, #navi li.kontakt ul li a.active
{
	color: #BDA36C;
}

div.content
{
	clear: both;
	margin: 0 5px 0 8px;
}

div.content p
{
	width: 550px;
	margin-top: 0.5em;
	text-align: justify;
}

div.content ul
{
	list-style-type: none;
	width: 550px;
	margin-bottom: 0.5em;
}

div.content li
{
	padding-left: 1em;
	margin: 0.5em;
}

.intro div.content li
{
	background: transparent url(../gfx/list_intro.png) repeat-y;
}

.aktuelles div.content li
{
	background: transparent url(../gfx/list_aktuelles.png) repeat-y;
}

.historie div.content li
{
	background: transparent url(../gfx/list_historie.png) repeat-y;
}

.referenzen div.content li
{
	background: transparent url(../gfx/list_referenzen.png) repeat-y;
}

.stimmungen div.content li
{
	background: transparent url(../gfx/list_stimmungen.png) repeat-y;
}

.kontakt div.content li
{
	background: transparent url(../gfx/list_kontakt.png) repeat-y;
}

.historie div.content a img
{
	border: 1px solid #1D6494;
	padding: 1px;
}

.historie div.content a:hover img
{
	border: 1px solid #2685C4;
	background-color: #1D6494;
}

.referenzen div.content a img
{
	border: 1px solid #7A7663;
	padding: 1px;
}

.referenzen div.content a:hover img
{
	border: 1px solid #4E4B3F;
	background-color: #7A7663;
}

div.content .cite ul li
{
	line-height: 1.5em;
	background-image: none;
	font-size: 11px;
}

div.content .cite ul li cite
{
	background: transparent url(../gfx/list_cite.png) left top no-repeat;
	padding-left: 2em;
	font-size: 12px;
	font-style: normal;
}

div.content td
{
	vertical-align: text-top;
	padding: 0.2em 0.5em 0.2em 1.5em;
}

div.content #media, div.content .media
{
	clear: both;
	float: right;
	width: 295px;
}

div.content .media
{
	border-top: 1px solid #ccc;
}

div.content .media div
{
	border-top: 1px solid #ccc;
	padding-top: 0.2em;
	margin-top: 1em;
}

div.content .media div p
{
	font-style: normal;
}

div.content #media p, div.content .media p, div.content #media p a, div.content .media p a
{
	width: auto;
	font-style: italic;
	text-align: right;
	margin-top: 0.5em;
}

div.content p, div.content td, div.content li
{
	line-height: 1.3em;
	font-size: 12px;
}
.aktuelles div.content .borderBottom
{
	margin-top: 0.2em;
	border-bottom: 1px solid #96320E;
}

form {
	margin-top: 1em;
}

form.zemContactForm fieldset legend {
	position: absolute;
	left: -9000px;
}

form input,
form textarea {
	background-color: #EFEFEF;
	padding: 1px;
	border: 1px solid #BDA36C;
}
form input:hover, form textarea:hover,
form input:focus, form textarea:focus {
	border-color: #fff;
}
form textarea {
	margin: 0.5em 0 0 150px;
}

form label {
	display: block;
	width: 150px;
	float: left;
	cursor: pointer;
}
form label.zemTextarea {
	display: inline;
	width: auto;
}
form .zemSubmit,
form .button {
	margin: 0.5em 0 0 150px;
	padding: 2px 5px;
	cursor: pointer;
}
form .button {
	float: right;
	margin-left: 15px;
}
form .zemError,
form ul.comments_error {
	background-color: #FCE3DA;
	list-style-type: none;
	margin-bottom: 0.5em;
	padding: 5px;
	width: auto;
}
.kontakt form .zemError li,
.aktuelles form .comments_error li {
	background: none;
}
.zemThanks {
	background-color: #DAFCDA;
	padding: 5px;
}

table.staff
{
	width: 550px;
	margin-top: 1em;
}

table.staff th
{
	background-color: #BDA36C;
}

table.staff .bgc
{
	background-color: #ECE4D5;
}

divdiv.content table.staff td, divdiv.content table.staff th
{
	padding: 2px 5px;
}

#mapsGoogleMap
{
	border: 1px solid #ccc;
	width: 295px;
	height: 300px;
}

#mapsGoogleMap *
{
	font-size: 9px;
}


#footer
{
	clear: both;
	padding: 0.5em 0 1em 0;
	margin-top: 1em;
}

#footer p, #footer a
{
	font-size: 10px;
}

.intro #footer
{
	border-top: 1px solid #C49815;
}

.aktuelles #footer
{
	border-top: 1px solid #96320E;
}

.historie #footer
{
	border-top: 1px solid #1D6494;
}

.referenzen #footer
{
	border-top: 1px solid #4E4B3F;
}

.stimmungen #footer
{
	border-top: 1px solid #81950F;
}

.kontakt #footer
{
	border-top: 1px solid #BDA36C;
}

.default #footer
{
	border-top: 1px solid #333;
}

.startseite #footer
{
	border-top: 1px solid #333;
}

.clear
{
	clear: both;
}
#first
{
	background-color: #FCE3DA;
	width: 530px;
	padding: 10px;
}
#first p
{
	width: 100%;
}
.article
{
	clear: both;
	width: 530px;
	padding: 10px;
	border-bottom: 1px solid #96320E;
}
.meta {
	color: #808080;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.bottomSpace
{
	margin-bottom: 0.5em;
}

.topSpace
{
	margin-top: 0.5em;
}