html, body {
	margin:0; 
	padding:0; 
	background:url("../../images/4/bg.gif") repeat-x #969696;
	font-family:Arial, "Times New Roman", Helvetica, Sans-Serif; 
	font-size:1em; 
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#000060;
}

h1 {font-size:1.30em; margin:25px 10px 10px 10px;}
h2 {font-size:1.15em; margin:25px 10px 10px 10px;}
h3 {font-size:1.05em; margin:25px 10px 10px 10px;}
h4 {font-size:1.00em; margin:25px 10px 10px 10px;}
h5 {font-size:0.95em; margin:25px 10px 10px 10px;}
h6 {font-size:0.90em; margin:25px 10px 10px 10px;}

a {text-decoration:none; font-weight:normal; background:none;}
a:link {color:#000060; text-decoration:underline; background:none;}
a:visited {color:#000080; text-decoration:underline; background:none;}
a:hover {color:red; text-decoration:none; background:none;}
a:active {color:red; text-decoration:none; background:none;}

a.lft {margin:0 0 5px 5px; float:left;}
a.rgt {margin:0 5px 5px 0; float:right;}

thead tr, th {background:#FFF0D9; font-weight:bold; text-decoration:underline;}
th {text-decoration:none;}
#contentcol th a:link {font-weight:bold; color:#000060;}

/* Form */
form {margin:2px; }
input, textarea, select {margin:0; border:1px solid #333333; color:#333333;}
input {height:15px; width:250px;}
textarea {height:250px; width:350px;}

strong {font-weight:inherit;}

.meldung {font-weight:bold; color:red;}
.input_error {border:2px solid #FF0000;}
.textarea_error {border:2px solid #FF0000;}
.checkbox {width:25px;}
.submit {height:20px; width:150px; font-weight:bold;}
.submit_long {height:20px; width:250px; font-weight:bold;}

p, table {margin:0 10px 10px 10px; padding:0; font-size:0.9em; font-weight:normal;}
td , th {padding:5px;}
ul, ol {margin:0 0 10px 40px; padding:0; font-size:0.9em; font-weight:normal; display:block;}
li {margin:2px 0 2px 0;}

#page {margin:0 auto 0 auto; padding:0; position:relative; top:0; left:0; width:960px; background:url("../../images/4/bg_schatten.png") repeat-y; text-align:left;}
#content {margin:0; padding:0; width:100%; background:url("../../images/4/bg_content.gif") repeat-y;}

/* Header */
#header {margin:0; padding:0; position:relative; top:0; left:0; width:959px; height:180px; background:url("../../images/4/bg_schatten.png") repeat-y top right white; border-left:1px solid #333333;}
#header a {background:transparent;}
#header  #headerright {margin:0; padding:0; position:relative; top:0; left:288px; width:650px; height:180px; border-right:1px solid #333333;}

/*Neue Backggrounds hier eintragen */
/* Frühling */
#header  .fruehling_1 {background:url("../../images/4/header_fruehling_1.jpg") top right no-repeat;}
#header  .fruehling_2 {background:url("../../images/4/header_fruehling_2.jpg") top right no-repeat;}
#header  .fruehling_3 {background:url("../../images/4/header_fruehling_3.jpg") top right no-repeat;}
/* Sommer */
#header  .sommer_1 {background:url("../../images/4/header_sommer_1.jpg") top right no-repeat;}
/* Herbst */
#header  .herbst_1 {background:url("../../images/4/header_herbst_1.jpg") top right no-repeat;}
#header  .herbst_2 {background:url("../../images/4/header_herbst_2.jpg") top right no-repeat;}
/* Winter */
#header  .winter_1 {background:url("../../images/4/header_winter_1.jpg") top right no-repeat;}
/* Allgemein */
#header  .allgemein_1  {background:url("../../images/4/header_allgemein_1.jpg") top right no-repeat;}
#header  .allgemein_2  {background:url("../../images/4/header_allgemein_2.jpg") top right no-repeat;}
#header  .allgemein_3  {background:url("../../images/4/header_allgemein_3.jpg") top right no-repeat;}

#header  #slogan {margin:0; padding:0; position:absolute; top:50px; left:350px; width:auto;}
#header  #logo {margin:0; padding:0; position:absolute; top:0; left:0;}
#header #logo a {display:block; width:250px; height:200px;}
#header #logo a img {margin:15px 0 0 15px;}

#menueob {margin:0; padding:0; list-style:none; float:left; height:40px; width:938px; border-top:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; display:inline; background:#ff6600; background:url("../../images/4/button.png") repeat-x;}
#menueob li {margin:0; padding:0; list-style:none; float:left; height:40px; width:auto;}
#menueob li a {margin:0; padding:10px 10px 0 10px; background:url("../../images/4/button.png") repeat-x; border-style:solid; border-color:#333333; border-width:0 1px 0 0; display:block; min-width:75px; width:auto; height:30px;}
#menueob li a, #menueob li a:link, #menueob li a:active, #menueob li a:visited {color:white; text-decoration:none; height:30px; width:auto; font-size:1.0em; background:url("../../images/4/button.png") repeat-x; text-align:center; font-weight:bold; color:white;}
#menueob li a:hover {text-decoration:none; background:url("../../images/4/button_hover.png") repeat-x;}
#menueob li a strong {font-size:1.1em; font-weight:bold;}
#menueob li.last {width:225px;}
#menueob li.last a {text-align:left; border:0;}
#menueob li.first {width:201px;}
#menueob li.first a {text-align:right;}


/* Leftcol */
#leftcol {margin:0; padding:0; width:200px; height:auto; min-height:300px; float:left; width:200px; margin:0 0 0 -960px;}
#leftcol #menue {margin:0 0 0 1px; padding:0; width:100%;	min-height:100px; height:auto; list-style:none;}
#leftcol #menue li {margin:0; padding:0; border-top:2px solid white; border-bottom: 1px solid #333333;} 
#leftcol #menue li a {margin:0; padding:8px 8px 2px 8px; display:block; width:auto; height:20px; text-align:left; background:transparent; font-weight:normal; font-size:1.1em;}
#leftcol #menue li a.agb {height:40px;}
#leftcol #menue li a:link {color:#000080; text-decoration:none;}
#leftcol #menue li a:visited {color:#140F45; text-decoration:none;}
#leftcol #menue li a:hover {color:red; text-decoration:underline;}
#leftcol #menue li a:active {color:#140F45; text-decoration:none;}

#leftcol #links { margin:0 auto 0 auto; text-align:center;}
#leftcol #links a { background:transparent; }


/* Left- und Rightcol */
div.kat {margin:0 0 0 1px; padding:0; width:200px; border-top:1px solid #333333;  border-bottom:1px solid #333333; background:url("../../images/4/kategorie.png") repeat-x; color:black; text-align:center; font-weight:bold;}
div.kats {margin:-20px 0 0 1px; padding:0; color:white; text-align:center; font-weight:bold;}
div.katrgt {margin:0 0 0 -1px;}


/*Rightcol */
#rightcol		{margin:0; padding:0; width:200px; height:auto; min-height:300px; float:left; width:200px; margin:0 0 0 -220px;}


/* Contentcol */
#contentrow	{margin:0; padding:0; width:100%; background:url("../../images/4/bg_content.gif") repeat-y;}
#contentbox	{float:left; width:100%}
#contentcol	{margin:0 0 0 202px; padding:0; width:536px; height:100%; min-height:300px;}

#contentcol table h2 {margin:0;}

#contentcol table.preisliste 	{border-top:1px solid #000080; margin:2px auto;}
#contentcol table.preisliste td, th {border:1px solid #cccccc; margin:0;}

#contentcol ul.preisliste {margin:10px 0 0 10px; list-style:none;}
#contentcol ul.preisliste li {white-space:pre;}

#contentcol p.foto {font-size:0.8em; text-align:left;}
#contentcol p {margin:0 0 10px 20px;}
#contentcol h1 {margin:20px 0 10px 20px;}
#contentcol h2 {margin:20px 0 10px 20px;}
#contentcol h3 {margin:20px 0 10px 20px;}
#contentcol hr {margin-top:30px;}
#contentcol a {text-decoration:none; font-weight:normal; background:transparent;}
#contentcol a:link {color:blue; text-decoration:underline;}
#contentcol a:visited {color:#000080; text-decoration:underline;}
#contentcol a:hover {color:red; text-decoration:none;}
#contentcol a:active {color:red; text-decoration:none;}

#contentcol div.pdf {margin:25px 0 10px 0; padding:0; width:100%; height:auto; font-size:0.8em; text-align:right;}
#contentcol div.pdf  a {margin:0 15px 0 15px; padding:15px 70px 15px 10px; background:url("../../images/common/pdf.gif") no-repeat right center;}

#contentcol a.print { position:relative; top:5px; left:440px; font-size:12px; }

#start h1 {font-size:0.95em;}
.bildleiste {width:500px; margin:0 20px; float:left;}
.bildleiste img.bild1  {float:left; margin:0 4px 0 0;}
.bildleiste img.bild2  {float:left; margin:0 3px 0 0;}
.bildleiste img.bild3  {float:left; margin:0 3px 0 0;}
.bildleiste img.bild4  {float:left; margin:0 4px 0 0;}
.bildleiste img.bild5  {float:left; margin:0;}




/* Footer */
#footer {margin:0; padding:0; width:938px; height:45px; clear:left; background:white; border:1px solid #333333; color:#666666; font-size:0.9em; font-family:"Courier New", Arial, "Times New Roman";}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color:#333333; background:transparent;}
#footer a:hover { color:#666666;}
#footer div.txt {width:540px; margin:5px auto; text-align:center;}
#footer div.txt div.stand {font-size:10px; text-align:center;}
#footer #alfahosting_button {margin:0; padding:0; float:left; width:200px; text-align:left;}
#footer #alfahosting_button a img {margin:0 5px;}
#footer #addthis_button {margin:0; padding:0; float:right; width:200px; text-align:right;}
#footer #addthis_button a {margin:10px 5px;}
#schatten {width:960px; height:15px; margin:0 auto 0 auto; background:url("../../images/4/schatten_unten.png") no-repeat;}


/* Module */
#kundenrueckruf {width:200px; margin:0 0 0 -1px; background:#fff0d9; font-weight:normal;}
#kundenrueckruf input {margin:0 10px 10px 10px; border:1px solid #333333; width:150px;}
#kundenrueckruf div.hr {margin:-3px 0 0 0; padding:0; width:200px; border-top:1px solid #333333;}
#kundenrueckruf div label {margin:0 10px 0 10px;}
#kundenrueckruf p.ueberschrift {margin:0 0 -20px 0; width:100%; font-weight:bold; font-size:13px; text-align:center;}
#kundenrueckruf p.datenschutzhinweis { margin:0 10px 0 10px; width:180px;}

#woherkennensieuns {margin:20px auto 20px auto; padding:0; width:199px;}
#woherkennensieuns p {width:180px; font-weight:bold; font-size:13px; text-align:center;}
#woherkennensieuns select {margin:10px auto 10px auto; width:180px;}

/* Kundenbewertung --> */
#kundenbewertung table {margin:0 auto 0 auto; padding:0; width:100%;font-weight:normal;}
#kundenbewertung table tr.head {font-size:0.8em; font-weight:bold; background:#fff0d9; height:20px;}
#kundenbewertung table td.bewertung {margin:10px 0 0 0; width:150px; text-align:left;}
#kundenbewertung table td.name {width:170px; text-align:left;}
#kundenbewertung table td.date {width:80px; text-align:right;}
#kundenbewertung table td.line {border-bottom:1px solid #cccccc; height:5px;}
#kundenbewertung table span.betreff {font-weight:bold;}
#kundenbewertung table span.kommentar	{color:#333333; font-weight:bold; font-size:0.8em; font-style:italic;}

#kundenbewertung .kundenbewertung_erweitert a  {color:#000060; text-decoration:none;}
#kundenbewertung .kundenbewertung_erweitert a:link, a:visited, a:hover , a:active {color:#000060; text-decoration:none;}
#kundenbewertung .kundenbewertung_erweitert a span  {margin:2px 10px 2px 10px; width:100px; display:inline-block;}
#kundenbewertung .kundenbewertung_erweitert  span  {margin:2px 10px 2px 10px; width:100px; display:inline-block;}

#kundenbewertung .kundenbewertung_schreiben {padding:5px;}
#kundenbewertung .kundenbewertung_schreiben span.email {font-size:0.75em;}

#kundenbewertung_box {margin:0 auto 20px auto; padding:0; font-weight:bold; width:180px;}
#kundenbewertung_box .item { font-size:10px;font-weight:normal;text-align:center;margin:-10px 0 10px -10px;display:block; width:110%; }
#kundenbewertung_box .rating { text-align:center; }
#kundenbewertung_box td {margin:0; padding:0;}
#kundenbewertung_box img {margin:0; padding:0;}
#kundenbewertung_box a {text-decoration:none; font-weight:bold; font-size:1em; background:transparent;}
#kundenbewertung_box a:link {color:blue; text-decoration:underline;}
#kundenbewertung_box a:visited {color:#000080; text-decoration:underline;}
#kundenbewertung_box a:hover {color:red; text-decoration:none;}
#kundenbewertung_box a:active {color:red; text-decoration:none;}
/* <--- */

/* Gaestebuch ---> */
#gaestebuch table {margin:0 auto 0 auto; padding:0; width:100%;font-weight:normal;}
#gaestebuch table tr.head {font-size:0.8em; font-weight:bold; background:#fff0d9; height:20px;}
#gaestebuch table td.bewertung {width:auto; margin:10px 0 0 0; text-align:left;}
#gaestebuch table td.name {width:auto; text-align:left;}
#gaestebuch table td.date {width:auto; text-align:right;}
#gaestebuch table td.line {border-bottom:1px solid #cccccc; height:5px;}
#gaestebuch table span.betreff {font-weight:bold;}
#gaestebuch table span.kommentar {color:#333333; font-weight:bold; font-size:0.8em; font-style:italic;}
/* <--- Gaestebuch */



#eventliste	{margin:50px 2px 2px 2px;}
#eventliste h2	{margin:10px 25px 15px 5px;}
#eventliste table	{margin:10px 25px 15px 25px; font-size:11px; border-top:1px solid #000080; margin:2px;}
#eventliste table th,
#eventliste table td {border:1px solid #cccccc; margin:0;}
#eventliste table tr.blank {border-top:1px solid #000080;}
#eventliste table tr.blank  td {line-height:3px; font-size:3px; border:0; padding:0;}

#eventdetail {margin:2px;}
#eventdetail h2	{margin:20px 25px 10px 20px;}
#eventdetail img {float:right; margin:10px; padding:5px; border:1px solid #ccc;} 
#eventdetail .freie_plaetze {color:red; font-weight:bold;}

/* bilder galerie --> */
.neu {color:red;}
.neu img {float:right;}

.filter {float:right; background:white; margin:0 0 0 10px;}
.nodata {margin:30px auto;} 
.nodata p {text-align:center; font-weight:bold;}
.facebook {margin:30px auto; position:relative; width:450px; text-align:center;} 
.top {margin:20px 0 0 0; text-align:right;}


.galeryoverview, .picoverview {margin:0; padding:0; width:auto;}

.zeile  {width:auto; height:auto; margin:0 auto; display:inline; text-align:center;}
.zeilefirst  {padding:20px 0 0 0;}

.lightbox { float:right; position:relative; z-index:1; }
.facebook { width:194px; margin:0 0 0 4px; text-align:center; }
.facebook a { text-decoration:none; }
.facebook a :hover { text-decoration:none; }

.box {margin:2px; padding:5px; float:left; text-align:center; border:#666666 solid 1px; background:white; height:100%;}
.box .bildbewertung {margin:5px auto 0 auto; text-align:center;}
.box .bildbewertung a {display:inline;}
.box .vorschaubilder {width:200px; margin:0 auto; text-align:center; display:block;}
.box .vorschaubilder img {padding:0 2px;}
.box a {display:block;}
.box a.dt {float:right;}
.box h2  {margin:0 0 5px 0; }
.box h2 a {margin:0; font-size:14px; text-align:left;}

.boxwidth100 {width:100px;}
.boxwidth120 {width:120px;}
.boxwidth47p {width:47%;}
.boxheight110 {min-height:110px;}
.boxheight120 {min-height:120px;}
.boxheight135 {min-height:135px;}

#bildbewertung {float:right;}

#kommentare table {margin:0 auto 0 auto; padding:0; width:100%;font-weight:normal;}
#kommentare table tr.head {font-size:12px; font-weight:bold; background:#e7e7e7; padding:0;}
#kommentare table td.name {width:170px; text-align:left;}
#kommentare table td.date {width:80px; text-align:left;}
#kommentare table td.nr {width:30px; text-align:left;}
#kommentare table td.line {border-bottom:1px solid #cccccc; height:5px;}
#kommentare table span.title {color:#4DA20F; font-size:12px; font-weight:bold;}
#kommentare table span.text {color:#000; font-size:11px;}
#kommentare table span.kommentar {color:#333333; font-size:11px; font-style:italic;}

#customForm {padding: 0 10px 10px;}
#customForm label {display: block; color: #000;}
#customForm input {width: 220px; padding:2px; color:#000; font-size:12px;	border:1px solid #E2E3EA; border-top:1px solid #ABADB3;}
#customForm input:hover, #customForm input:focus {border:1px solid #CBD0D3; border-top:1px solid #5794BF;}
#customForm input.error {background:#f8dbdb; border-color:#e77776;}
#customForm textarea {width:550px; height:80px; padding:6px; color:#adaeae;	font-size:12px;	border:1px solid #E2E3EA; border-top:1px solid #ABADB3;}
#customForm textarea:hover, #customForm textarea:focus {border:1px solid #CBD0D3; border-top:1px solid #5794BF;}
#customForm textarea.error {background:#f8dbdb; border-color:#e77776;}
#customForm  .button {color:#fff; font-size:13px; font-weight:bold; margin:3px 0; padding:1px 5px; border:0; width:175px; background:url("../../images/4/buttonbg.gif") repeat-x scroll left top #92BB02;}
#customForm  .button:hover, #customForm  .button:focus {border:0;}
#customForm div {margin-bottom:15px;}
#customForm div span {margin-left:10px; color:#b1b1b1; font-size:11px;}
#customForm div span.error {color:#e46c6e;}
#customForm #send {background:#6f9ff1; color:#fff; font-weight:700; font-style:normal; border:0; cursor:pointer;}
#customForm #send:hover {background:#79a7f1;}
#error {margin-bottom:20px; border:1px solid #E2E3EA; border-top:1px solid #ABADB3;}
#error ul {list-style:square; padding: 5px; font-size:11px;}
#error ul li {list-style-position: inside;	line-height: 1.6em;}
#error ul li strong {color:#e46c6d;}
#error.valid ul li strong {color:#93d72e;}

#backgroundPopup{
display:none;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:998;
}
* html #backgroundPopup {position:absolute;} /* hack for internet explorer 6*/

#popupContact{
display:none;
position:fixed;
height:450px;
width:600px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:999;
padding:12px;
font-size:13px;
}

* html #popupContact {position:absolute;} /* hack for internet explorer 6*/
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}

#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor:pointer;
}

#popupContactClose:hover{
text-decoration:underline;
}

#button{
text-align:center;
margin:100px;
}
/* <-- bilder galerie */