@charset "UTF-8";
body  {
	padding: 0;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	background-color: #5076A5;
	color: #000;
	margin: 0px;
}
#container {
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	background-image: url(images/schneeflocken.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	list-style-image: url(images/schneeflocken.png);
	list-style-position: outside;
} 
#start {
	width: 896px;
	margin-top: -3px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: justify;
	min-height: 500px;
	background-image: url(images/eiszapfen.gif);
	background-repeat: repeat-x;
	border: 3px double #648BB3;
	padding: 15px;
}
#header1 {
	text-align: center;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/weis.png);
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	height: 183px;
}
#head1 {
	height: 30px;
	background-color: #2F4663;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #92ACD0;
}

a:link {
	color:#5076A5;
	text-decoration: none;
}
a:hover {
	color: #2F4663;
	text-decoration: none;
}
a:visited {
	color: #5076A5;
	text-decoration: none;
}
a:visited:hover {
	color: #2F4663;
	text-decoration: none;
}
#footer {
	top: 0px;
	bottom: 0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main {
	background-color: #E0EEFF;
}
.footer a {
	color:#333;
	font-size: 12px;
	text-decoration: none;
}
.footer a:Hover {
	color:#E6F2FF;
	font-size: 12px;
	text-decoration: none;
}
.footer a:Visited {
	color:#333;
	font-size: 12px;
	text-decoration: none;
}
.footer a:Visited:Hover {
	color:#E6F2FF;
	font-size: 12px;
	text-decoration: none;
}
.center {
	text-align:center;
}
.justify {
	text-align: justify;
}
.klein {
	font-size: 10px;
}
.color {
	color:#A20000;
}
h1 {
	font-size: 36px;
	color: #283B54;
	text-align: center;
	font-family: 'Wellfleet', cursive;
	text-shadow: #A7B0B8 0.1em 0.1em 0.2em
}
h2, h3 {
	color: #2F4663;
	font-family: 'Wellfleet', cursive;
	text-shadow: #A7B0B8 0.1em 0.1em 0.2em
}
h4 {
	font-weight: normal;
}
#titel {
	color: #FFF;
	text-shadow: black 0.1em 0.1em 0.2em
}
.topp {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	width: 900px;
	background-repeat: no-repeat;
	background-position: center 5px;
	height: 130px;
	padding-left: 18px;
}
#topmenu {
	height: 35px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 930px;
}
.topmenu {
	height:30px;
	float:left;
	background-position:right;
	background-image: url(images/breakline.gif);
	background-repeat: no-repeat;
	width: auto;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	margin-left: -10px;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	outline:none;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	margin:0;
	padding:0;
	font-size: 13px;
}
#topmenu a:hover {
color:#ccc;
	font-size: 13px;
}
.txtleft {
	text-align: left;
}
.txtright {
	text-align: right;
}
.img {
	border: 0px;
}
#bf1, #bf2, #bf3, #bf4, #bf5, #bf6 {
	height: 400px;
	width: 400px;
	padding: 0px;
	float: right;
	visibility: hidden;
	position: absolute;
	top: 360px;
	margin-left: 490px;
}
.start {
	width: 470px;
	margin-top: 122px;
	min-height: 400px;
	text-align: justify;
}
.lleft {
	float: left;
	width: 360px;
	background-image: url(images/weiss.png);
	border-radius: 5px;
	-moz-border-radius: 5px;
	height: 485px;
	padding: 20px;
}
#kontakt {
	height: 530px;
}
.right {
	float: right;
	background-image: url(images/weiss.png);
	border-radius: 5px;
	-moz-border-radius: 5px;
	height: 505px;
	width: 440px;
	padding: 10px;
}
table {
	text-align: left;
}
.fleft {
	float: left;
}.fright {
	float: right;
}
.mitte {
	margin-left: 340px;
	width: 380px;
}
.gem {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.bild {
	background-image: url(images/laub.png);
	background-repeat: no-repeat;
	background-position: center 160px;
}
.handwerk {
	background-color: #FEFE95;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/wappen.gif);
	background-repeat: no-repeat;
	padding-left: 65px;
	height: 70px;
	padding-top: 10px;
	background-position: 5px 5px;
	border: 2px solid #DC2A17;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 20px;
	font-size: 16px;
}
.left {
	float: left;
	width: 33%;
	text-align: center;
}
.hoehe {
	height: 650px;
}
.white {
	background-image: url(images/weiss.png);
	width: 600px;
	padding: 15px;
	margin-bottom: 5px;
}
.strong {
	font-weight: bold;
}
.yes {display:none;}

@media (max-width:480px){.no, #bf1, #bf2, #bf3, #bf4, #bf5, #bf6 {display:none;}
#main, #container, #header1, #topmenu, .topp, #start, .start, #footer, .mitte, .left {width:auto; padding:0;}
#topmenu, #head1, .topp {height:auto;}
.topmenu, .fright {float:none;}
.mitte {margin:0;}
.left{line-height: 40px;float:none;}
img {border: none;max-width: 100%;height: auto;}
.nav li {width:90%; height:30px;}
.yes {display:block;}
}