/******************************************************************************************/
/** Allgemeine Formatierungen **/
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;background:#dddddd; margin:0px auto; width:960px; overflow:scroll;}
h1 {color: #bf1317;font-size:20px;line-height:29px;font-weight:normal;font-family: 'Oswald', sans-serif; }
h2 {color: #000000;font-size:18px;line-height:28px;font-weight:normal;font-family: 'Oswald', sans-serif;padding-bottom:0px;margin-bottom:10px;}
h3 {color: #bf1317;font-size:13px;line-height:20px;font-weight:bold;margin-bottom:0px;margin-top:0px;padding-top:0px;font-family:Verdana, Arial, Helvetica, sans-serif;}
h4 {color: #000000;font-size:24px;line-height:32px;font-weight:normal;font-family: 'Oswald', sans-serif;padding-bottom:0px;margin-bottom:10px;margin-top:0px;padding-top:10px;}

ul { list-style-image: url(../img/qu.gif);font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:17px;}

hr {background:#bf1317;color:#bf1317;height:1px;border:solid #bf1317 0px;}

#content{background:#ffffff;margin-top:0px;}

#footer {padding:15px;line-height:20px;padding-left:25px;background-image:url(../img/bg_bottom.jpg);background-repeat:no-repeat;margin-bottom:20px;}
#footer a {color: #eeeeee;text-decoration:none;font-weight: none;font-size:11px;}
#footer a:hover{color: #ffffff;text-decoration:underline;font-weight: none;font-size:11px;}

.pad{padding:5px 10px;}

.bild{width:100%; padding:0px;margin-top:15px;}
.clear-left{clear:left;}

#box_klein {width:280px;background-image:url(../img/schatten_doppelt_3.jpg);background-repeat:no-repeat;background-position:center bottom;padding-bottom:12px;}
#box_klein h2 {color:#ffffff;padding-top:0px;margin-top:0px;font-size:24px;line-height:34px;font-weight:normal;font-family: 'Oswald', sans-serif;}

#box { background:#273036;padding:25px;color:#ffffff;margin-bottom:20px;}
#box a {color:#ffffff;}
#box h2 {color:#ffffff;padding-top:0px;margin-top:0px;}
#box_termine { background:#273036;padding:10px;color:#ffffff;margin-bottom:20px;}
#box_termine a {color:#ffffff;}

#galerie {display:none;}
#galerie_mobile {display:inline;}

/******************************************************************************************/
/** Mobile Navigation Standard **/
#logo {background-image:url(../img/bg7.jpg);background-repeat:no-repeat;height:80px;}
nav {display:none;width:200px;}
nav ul {padding-left:0px;margin:0px;}
nav ul li {	list-style:none;border-top:1px solid #d56966;border-bottom:0px solid white;
	text-decoration:none; color:#ffffff; font-weight:normal;font-size:12px;background:#b91921;}
nav ul li a {text-decoration:none;color:#ffffff;display:block;padding: 9px 9px; }
	nav ul li a:hover{background:#cc5858;padding-bottom:9px;}

/** Anpassungen Checkbox+Label (Button) **/
input#open-menu {	display:none;}
input[type=checkbox]:checked ~ nav {display:block;}
	
label.open-menu-label {
	display: block;padding-top:11px;padding-bottom:9px;padding-left:10px;background:#b91921;color:#ffffff;cursor:pointer;}

.banner{background-repeat:no-repeat;background:#ffffff;padding-top:110px;}

.label {display:block;padding-top:10px;padding-bottom:3px;}
.input1 { font-family: Verdana,Arial,Helvetica sans-serif; font-size: 12px;height:22px;width:100%;border:0px solid #ffffff; }
.textarea {  color: #000000; font-size:12px; border:0px solid #999999;font-family: Verdana, Arial, Verdana, sans-serif;width:100%;height:150px; }
.button { background-color:#cecfd0; font-size: 12px; color:#273036; border:0px solid #273036;padding:5px;font-weight:bold;margin-top:20px;}

/******************************************************************************************/
/** Wenn GRÖßER 600 px **/
@media only screen and (min-width: 600px) {
	#logo {display:none;}
	label.open-menu-label {display: none;	} /** Label wird ausgeblendet **/
	nav {display:block;padding:0px;background:#ffffff;background-image:url(../img/bg6logo.jpg);background-repeat:no-repeat;height:122px;padding:0px; width:960px;position:fixed;}
	nav ul {padding-top:73px;padding-left:23px;}
	nav ul li {font-size:11px;display:inline;border:0px solid #ffffff;background:transparent;}
	nav ul li a {text-decoration:none;color:#ffffff;display:inline-block;border: 1px solid white;background: #b91921;padding-left:12px;padding-right:12px;padding-bottom:9px;padding-top:9px;margin-right:5px; }
	nav ul li a:hover{background:#cc5858;}
	.banner{background-repeat:no-repeat;background:#ffffff;padding-top:122px;}
	.pad{padding:0px 25px;}

	.sp{float:left;}
	.sp1{padding-right:25px;width:600px;}
	.sp2{width:280px;}
	
	#galerie_mobile {display:none;}
	#galerie {display:inline;}
	h1 {color: #bf1317;font-size:32px;line-height:133%;font-weight:normal;font-family: 'Oswald', sans-serif; }
	h2 {color: #000000;font-size:20px;line-height:29px;font-weight:normal;font-family: 'Oswald', sans-serif;padding-bottom:0px;margin-bottom:10px;}
	h3 {color: #bf1317;font-size:13px;line-height:20px;font-weight:bold;margin-bottom:0px;margin-top:0px;padding-top:0px;font-family:Verdana, Arial, Helvetica, sans-serif;}
	.input1 {width:80%;}
}

/******************************************************************************************/
/** Bilder automatisch skallieren **/
@media only screen and (max-width: 960px) {
body{width:100%;}
}