@charset "utf-8";
/* CSS Document */

body {
	background-color: #D9E6DC;
	background-image: url(grafiken/back.gif);
	background-repeat: repeat-x;
	margin:0px auto;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em;
	line-height:1.35em;
}
.desktop-only{ display:none; }
.smartphone-only{ display:block; }
.margin-t{margin-top:20px;}
.txt-right{text-align: right;}
A {
	color:#000
}
h1, h2, h3, h4, h5, h1 A, h2 A, h3 A, h4 A, h5 A{
	font-size:1.3335em;
	font-weight:bold;
	color:#636363;
	text-decoration:none;
}
h4 {font-size: 1.2em;}
.attention{
	font-size:1.3335em;
	color:#C00;
	margin-top:20px;
}
#frame{
	width: 100%;
	max-width:1000px;
	margin: 0px auto;
	padding:0px;
}
#top{
	width: 100%;
	float: left;
	height: 120px;
	background:url(grafiken/logo.gif) no-repeat;
	background-color: #D9E6DC;
}
#top-text-1, #top-text-2{
	float: left;
	height: 25px;
	margin-right:25px;
	width: 98%;
	text-align:center;
	margin-top:5px;
}
#top-text-1{
	color:#005a12;
	font-size:14px;
	font-weight:bold;
	margin-top: 68px;
}
#top-text-1 a{
	text-decoration: none;
}
#top-text-2{
	font-size:14px;
	font-weight:bold;
}
#top-text-2 A{
	color:#005a12;
	text-decoration: none;
}
.header{
	width: 100%;
	height: 230px;
	float: left;
	background-position: center;
}

@media screen and (min-width: 1000px) {
	#menue{
		float: left;
		min-height: 355px;
		width: 200px;
		background:url(grafiken/menue-top.jpg) no-repeat;
	}
	#samstags{
		margin-left:10px;
		margin-bottom:10px;
	}
	#menue UL{
		margin:0px;
		padding-left: 20px;
		list-style:none;
		margin-top:20px;
	}
	#menue LI{
		margin-top:6px;
	}
	#menue A{
		color:#636363;
		text-decoration: none;
		font-size:14px;
	}
}
#menue{background:#FFF;text-align: center;}

#content{width: 100%;	max-width:1000px; float:left; background-color: #D9E6DC;}

#content-middle{
	float: left;
	margin-top:30px;
}
#content-middle IMG{
	padding-right: 20px;
	padding-bottom:20px;
	max-width: 100%;
    height: auto;
}
#right{
	float: left;
/*	background-color:#fff;*/
	margin-top:0px;
}
#footer{
	float: left;
	background-color:#005a12;
	margin-top: 50px;
	width:100%;
}
.bilderrahmen{
	border: 1px solid #636363;
	padding:2px;
}
.infobild {
	width: 100%;
	float:left;
}
.infobild p{float:left;}
@media screen and (min-width: 410px){
	.infobild{	height: 119px;	background-image: url(grafiken/back_infobild.gif);	background-repeat: repeat-x;	background-position: 198px;margin-bottom: 20px;	}
	.infobild p{	padding-top:20px;	padding-right:20px;float: none;}
}


.textfeld {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #636363; height: 18px; width: 196px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border: #006600; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.textfeldklein { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #636363; height: 18px; width: 100px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border: #006600; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.textfeldgross { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #636363; height: 60px; width: 196px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border: #006600; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
#footer P{
	padding-left:20px;
	padding-right:20px;
	color:#FFF;
	font-size:10px;
	line-height:normal;
}
#footer A{
	color:#FFF;
	font-size:10px;
	line-height:normal;
}
.vorschaubild{
	float:left;
	width: 159px;
	height: 120px;
	background:url(grafiken/back-vorschau.jpg);
}
.vorschaubild IMG{
	margin-left:9px;
	margin-right:1px;
	margin-top:7px;
	margin-bottom:1px;
}
.weissb{
	color:#FFFFFF
}

.preis-head {
    background: #005a12;
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

.preis {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
	width: 100%;
}

.preis td{
	padding: 10px;
	width: 50%;
	font-weight: bold;
}

.preis tr:nth-child(odd){
	background: #fff;
}

.preis td span{
	color: #005a12;
}

.hinweis{
	color: darkred;
	font-weight:bold;
}

/*Hinweis Startseite*/
.head-hinweis {
    background-color: rgba(150,0,0,0.90);
    text-align: left;
    padding: 0.5em;
    border-radius: 5px;
    margin: 1em 0 1em 0;
   	float: left;
}
.head-hinweis p{
	font-size: 1.2em!important;
}
.head-hinweis p {
    color: white;
    margin: 0.5em!important;
}
.head-hinweis:after, .clear, h1.clear{
	clear: both;
}

#schattenrasen {
	padding-right: 1em;
}

#schattenrasen div.row div:first-child {
	text-align: right;
}

#schattenrasen label {
	margin-right: 0.5em;
}

#schattenrasen input, #schattenrasen textarea {
	width: 100%;
}

#schattenrasen button[type=submit], form[name="form1"] input[type=submit] {
	background-color: #005a12;
	color: #FFF;
	padding: 0.5em 2em;
	font-weight: bold;
	margin-top: 0.5em;
	border: none;
	cursor: pointer;
	height: auto;
}

.err {
	color:#C00
}

@media screen and (max-width: 609px){
	#content-middle {margin-left: 20px;    margin-right: 20px;}
	#right img{vertical-align:top;}
	#right{margin-left: 20px;    margin-right: 20px; margin-top: 20px;}
}
@media screen and (min-width: 610px){
	#content-middle {width:58%;margin-left: 20px;    margin-right: 20px;}
	#right{ float: right; width: 25%; text-align: right;}	
}

@media screen and (min-width: 850px){
	#content-middle {width:68%; margin-left: 50px;    margin-right: 40px;}
	#right{ float: right; width: 20%; text-align: right;}	
}

@media screen and (min-width: 1000px) {
	#content-middle {width: 546px;}
	#right{ float: right; width: 150px; text-align: right;}	
	.desktop-only{ display:block;}
	.smartphone-only{ display:none; }
}

@media screen and (min-width: 450px){
	#top{ height: 60px; }
	#top-text-1 {margin-top: 5px;color:#fff;}
	#top-text-1 a{color:#fff;background: #005a12;}
	#top-text-1, #top-text-2{text-align: right;}
	#top-text-2{color:#636363;}
	#top-text-2 a{color:#636363;background: #fef200;}
}

.header { height: 100px; background-size: cover; background-position: center center; }
.header p{    width: 250px;
    margin: 0.2em;
    background: rgba(255, 255, 255, 0.7);
    padding: 1em;
    font-size: 1.3335em;
    color: #005a12;
    line-height: 1.3em;}

@media screen and (min-width: 450px) and (max-width: 699px){
    .header { height: 150px; }
	.header p{ margin: 2em;}
}

@media screen and (min-width: 700px) and (max-width: 999px){
    .header { height: 190px; }
	.header p{ margin: 3em;}
}

@media screen and (min-width: 1000px){
    .header { height: 230px; }
}

.zweispaltig {
	-moz-column-count:    1;
	-webkit-column-count: 1;
	column-count:         1;
 }

@media screen and (min-width:800px){
  .zweispaltig{
	-moz-column-count:    2;
	-webkit-column-count: 2;
	column-count:         2;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
  }
}

.row {width:100%; display:inline-block;}
.col { float: left; width:100%;}
form .row{margin-bottom:0.3em;}
@media screen and (min-width: 800px){
	.large-1-6 {width: 16.6666%; }
	.large-2-6 {width: 33.3333%;  }
	.large-3-6 {width: 50%;}
	.large-4-6 {width: 66.6666%;  }
	.large-5-6 {width: ‭83.3333%; }
	.large-6-6 {width: 100%; }
}

@media screen and (max-width: 400px){
	a{word-break: break-all;}
}