body {
	background-color: #F1FAC3; 
    font: 0.95em Verdana, Geneva, Arial;
    line-height: 150%;
    color: #000066;
}
a {text-decoration: underline; color:#000066;  }
a:hover {color: #CC3300}
div > a:first-child {text-decoration:none; display:block;}			/* deprecated: */

img {max-width: 100%; height: auto; width: auto\9; /* f�r IE 8 */ }
iframe {width: 260px; height: 195px; width: auto\9; /* f�r IE 8 */ border-radius:6px; }

h1 {font-size: 1.0em; font-weight: bold; margin-left: 10px; }
h2 {font-size: 1.0em; font-weight: bold; text-decoration-line: none; margin-bottom:0px; }
h3 {font-size: 1.0em; font-weight: bold; margin:15px 0 3px 0; }

#pagewrap {margin: 0 auto; width: 1280px; }

#header-titel {width:100%; padding: 0 5px 0 10px; margin: 10px 0 10px 0; box-sizing: border-box; 
			background-color: #81B837; line-height: 250%; font-weight: bold; border-radius: 10px; color: white;
			text-align: center;}
#header-titel a {color: white; text-decoration: none; }
#header-titel a:hover {color: #000066; }

header img {border-radius: 15px; }

.main-nav {margin: 10px 0 20px 0; }
.main-nav ul, ol {margin: 0; padding: 0; line-height: 140%; list-style-type: none; }
.main-nav a, .selected {
        float: left;
        font-size: 0.9em;
        text-align: center;
        color: #ffffff;
        text-decoration: none;
        display: block;
        margin: 10px 6px 0 0;
        min-width: 140px;
        background-color: #81B837;
        box-sizing : border-box;
		border-radius: 6px;
		padding: 4px;
		box-shadow:	3px 3px 3px #c0c0c0; 
    }
.main-nav a:hover, .selected {color: #000066; box-shadow: 3px 3px 3px #000066; }

.box {
	float:left;
	border: 2px solid #81B837;
	border-radius: 8px;
	box-shadow:	5px 5px 3px #c0c0c0; 
    box-sizing : border-box;
	padding: 5px;
	text-align: center; 
	text-decoration:none; 
	display:block;
	}
.box .ueberschrift {text-decoration: underline; margin-top: 10px;}
.box img {border-radius: 6px; }	

.box1 {width: 280px; margin: 20px 5% 0 0; font-size: 0.9em; line-height: 200%;}
.box1:hover {box-shadow: 5px 5px 3px #81B837; }
.box1 .tab-preise {font-size: 1.0em; width: 90%; margin: 0px auto 5px auto; }
.box1 .tab-preise td {text-align: left; line-height: 150%;}
.box1 .tab-preise .td-info {text-align: center; height: 40px; font-size: 0.95em;}
.box1 .tab-preise .td-right {text-align: right; }

.box2 {width: 100%; text-align: left; padding: 0px 10px 0 10px; margin: 20px 5% 0 0; font-size: 0.9em; }

#footer-div  {width:100%; margin: 30px 0; }

.symbol-link::before {content:"\2022  \2022  \2022"; font-size:2em; }

/* input {width:50%; font-size:1.2em; line-height:30px;}*/
.formular-element {font-size: 0.8em; width: 50%; float: left; margin: 0 0 10px 0; padding: 0 0px 0 0; }
.form-feld, .link {font-size: 1.3em; margin: 0; width: 90%; }
#form1 > div {font-size: 0.8em; width: 50%; float: left; margin: 0 0 10px 0; padding: 0 0px 0 0; }
#form1 > div > input[type='text'], input[type='email'], input[type='submit'] {height:25px; width:60%; font-size:1.2em; }
#form1 > div > textarea {width:60%; font-size:1.6em; }

.clearfix {display: block; zoom: 1; clear: both; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

@media screen and (max-width: 1280px) {
    #pagewrap {width: 98%; }
	}
	
@media screen and (max-width: 640px) {
    body {font-size: 0.9em; }
    html {-webkit-text-size-adjust: none; }
    .box {float: none; margin: 20px auto 0 auto;}
    h1 {text-align: center; margin: 0px auto 0 auto;}
    #form1 > div {float: none; width: 100%; margin: 20px auto 0 auto;}
    #form1 > div > input[type='text'], input[type='email'], input[type='submit'] {width: 85%; }
    #form1 > div > textarea {width:85%; } 
	}