body {
	background-color: #F1FAC3; 
    font: 0.95em Verdana, Geneva, Arial;
    line-height: 150%;
    color: #000066;
}
a {color:#000066; text-decoration:none  }
a:hover {color: #CC3300}

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: 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: 10px 5px 0 10px; margin: 10px 0 10px 0; box-sizing: border-box; 
			background-color: #008001; border-radius: 10px; color: white; min-height: 90px;
			text-align: center; font-size: 1.5em; font-weight: bold; font-style:italic; line-height: 150%;}
#header-titel a {color: white; text-decoration: none; }
#header-titel a:hover { }

header img {border-radius: 15px; }

.tab1 {width:60px; display: block; float: left;}

.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: #008001;
        box-sizing : border-box;
		border-radius: 6px;
		padding: 4px;
		box-shadow:	3px 3px 3px #c0c0c0; 
    }
.main-nav a:hover, .selected {font-weight:bold; box-shadow: 3px 3px 3px #555555; color:#000000; }

.box {
	float:left;
	border: 2px solid #008001;
	border-radius: 8px;
	box-shadow:	5px 5px 3px #c0c0c0; 
    box-sizing : border-box;
	padding: 5px;
	text-align: center; 
	}
.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 #008001; }
.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; }

.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: 480px) {
    body {font-size: 0.9em; }
    html {-webkit-text-size-adjust: none; }
	}

@media screen and (max-width: 650px) {
    .box   {float: none; }
	.box1  {margin-left: auto; margin-right:auto; }
	.main-nav a, .selected {min-width: 180px;}
	}
@media screen and (max-width: 400px) {
	.main-nav a, .selected {min-width: 140px;}
	}