/* RESET BROWSERSTYLE */
*{padding:0;margin:0;}
/* ........ WARNING LT IE 9 ............ */
#ieLT9 {border:2px solid red;margin:8px auto;background:#FFFF00;color:#000;width:960px;}
#ieLT9 a, #ieLT9 a:visited {color:red;text-decoration:underline;}
#ieLT9 a:hover {color:#FF8000}
#ieLT9 h1 {margin:8px;padding:0;font-weight:700!important;text-align:center;}
#ieLT9 h2 {margin:8px;padding:0;font-size: 130%;font-weight:400 !important;text-align:center;font-style:italic;}
#ieLT9 p {margin:8px;padding:0 10px;text-align:center}
/* --------- SITE --------- */
html{margin:0;padding:0;}
body{margin:0 auto;font:1em/1.5em Helvetica,"Helvetica neue", Arial, sans-serif;background-color:#fff;color:#000;width:80%!important;}
#body{margin:0 auto;font:1em/1.5em Helvetica,"Helvetica neue", Arial, sans-serif;background-color:#EDE8DE;color:#000;background-image:url(images/hintegrund.jpg);background-repeat:no-repeat;width:99%; background-attachment:fixed; background-position: center top;}
#wrapper{max-width:1200px;margin:5px auto 70px auto;}
#header{float:left;width:100%;height:auto;margin-bottom:0;border-bottom:5px #000 solid;}
#sitename h1{font:32pt Helvetica,"Helvetica neue", Arial, sans-serif;font-weight:600;text-align:left;text-transform:uppercase;padding-left:10px;color:rgb(197, 128, 33) !important;font-size:50px;margin:0.5em 0 0.3em 0;text-shadow:rgb(100, 100, 100) 2px 2px 1px;}
#sitename h1 a, #sitename h1 a:visited{color:rgb(197, 128, 33);text-decoration:none;}
#sitename h1 a:hover{color:#804000}
#top_nav{clear:both;width:100%;height:303px;background-color:#a67939;margin:0em auto 1em auto;background-image:url(images/wood_horizontal.jpg);}
#main{width:100%;height:100%;}
#leftbox{float:left;width:26%;margin-right:5px;}
#logo{float:none;height:200px;width:100%;float:left;padding:5px;text-align:center;height:auto;}
#logo img{max-width:100%;height:auto;margin:0 auto 0 auto;text-align:center;}
.locator{font-size:90%;}
#content{float:right;width:72%;min-height:300px;-webkit-box-shadow:0px 20px 10px -10px #888;-moz-box-shadow:0px 20px 10px -10px #888;background:none repeat scroll 0 0 rgba(255, 255, 255, 0.84);margin:0em auto 1em auto;border-radius: 15px;}
.in{margin:10px;padding:1em;color:#000000 !important;}
.in p{padding-bottom:10px}
.contentin_in{-moz-box-shadow:0px 20px 10px -10px #888;}
#container{height:auto;width:100%;float:left;margin:5px auto;position:relative;text-align:center;padding:0;}
.block{float:left;height:360px;width:31.5%;display:inline-block;padding:5px;margin:3px;-webkit-box-shadow:0px 20px 10px -10px #888;-moz-box-shadow:0px 20px 10px -10px #888;background:none repeat scroll 0 0 rgba(255, 255, 255, 0.84);border-radius:15px;}
.block p{font-size:14px;line-height:100%;margin-top:0.5em;padding-bottom:0.4em;text-align:center;}
.block h4{width:100%;margin-top:19px;margin-bottom:19px;font-size:14px;line-height:150%}
.block ul{display:block;float:left;}
.block ul li, .block ol li{margin-left:10px;padding-left:0;line-height:0.5em;}
.button img{width:auto;height:auto;max-width:none}
a.button{font-family:Arial, sans-serif;font-size:1em;line-height:100%;border:none;border:0;color:white;position:relative;text-shadow:0 1px 0 #424F1C;text-decoration:none;margin:7px 0;text-align:center;font-weight:bold;padding:0.2em 0.5em;display:inline-block;}
#footer{clear:both;width:97.5%;height:auto;color:#200f08;text-align:center;line-height:130%;padding-top:2em}
/* -------- MENU ---------*/
#menu li,#menu ul{list-style-type:none;margin:0;padding:0;transition-property:all;transition-duration:0.5s;transition-timing-function:ease;transition-delay:0.01s;}
#menu a{display:block;color:#333333;text-decoration:none;line-height:200%;padding-left:1em;padding-right:1em;border-bottom:1px #ccc solid}
#menu a:hover{color:black;background-color:#F07800;transition:color 0.5s ease-in-out 100ms, background-color 1s ease-in-out 100ms;-webkit-transition:color 0.5s ease-in-out 100ms, background-color 1s ease-in-out 30; border-radius: 15px;}
#menu{float:left;width:100%;background-color:rgba(255, 255, 255, 0.84);background-repeat:repeat;margin-bottom:10px; border-radius: 15px;}
#menu li{list-style-type:none;list-style-image:none;padding:0;}
#menu ul.menulevel1 li{line-height:1em;margin:1px 0px;}
#menu ul.menulevel1 li a:hover{color:black;}
#menu ul.menulevel2{margin:1px 0}
#menu ul.menulevel2 li{line-height:1em;margin:1px 10px;}
#menu ul.menulevel2 li a{}
#menu ul.menulevel2 li a:hover{color:black}
#menu ul.menulevel3{margin:1px 10px}
#menu ul.menulevel3 li a{}
#menu ul.menulevel3 li a:hover{}
#menu ul ul.menulevel3 li{margin:1px 0}
#menu2{padding-top:0px;padding-bottom:5px;margin-top:-6px;padding-bottom:3px;width:100%;font-size:90%;}
#menu2 li{list-style:none;padding:0;display:block;text-decoration:none;line-height:200%;padding-left:1em;padding-right:1em;border-radius:5px;background:#004080;border:#fff solid 1px;margin-left:-10px;margin-bottom:1px;font-size:100%;}
#menu2, #menu2 a{text-decoration:none;display:block;list-style:none;color:#fff;line-height:200%;font-family:arial, sans-serif;}
#menu2 li a:hover{color:#80ffff;}
.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-weight:normal;color:#800000;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover{text-decoration:none;}
/*------- OTHER ------ */
h1, h2, h3, h4, h5, h6{line-height:110%}
h1, h2, h3{font-size:2em}
h4{font-size:1.5em}
h5{font-size:1.4em}
h6{font-size:1.2em}
a{color:#000}
ol{margin:6px 0}
ol li{line-height:1.2;border:0;padding:0;margin:0 0 0 22px}
ul{list-style-position:inside;margin:6px 0 6px 1px}
ul li{line-height:1.2;border:0;padding:5px 0;margin:0;}
blockquote{font-family:Georgia, serif;font-size:100%;font-style:italic;width:auto;margin:0.25em 0;padding:0.25em 40px;line-height:1.45;position:relative;color:#383838;background:#FFE2C6}
blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:-5px;top:-20px;color:#7a7a7a;}
blockquote a,blockquote a:visited{color:maroon;}
blockquote a:after{content:"\00BB";}
h1{font:bold 1.2em/1.25em Georgia, serif;margin-top:0.5em;}
.clear{clear:both}
#content p{font-size:1em;line-height:1.25em;margin:0;text-align:left;}
.submenu{margin-left:1.5em}
/*Back to top button */
#back-top{position:fixed;bottom:-28px;margin-left:150px;}
#back-top a{width:66px;display:block;text-align:center;font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#800000;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover{color:#000;font-weight:bold}
#back-top span{width:66px;height:66px;display:block;margin-bottom:7px;background:url(./images/up-arrow.png) no-repeat center center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover span{background-color:yellow;}
input[type=text], input[type=reset], input[type=textarea], input[type=password]{padding:5px;border:1px solid #ccc;-webkit-border-radius:5px;border-radius:5px;}
input[type=text]:focus, input[type=textarea]:focus,  input[type=password]:focus {border-color:#333;background:#fff;color:#000;box-shadow:0 0 10px #719ECE;}
input[type=reset]{border-color:#333;background:#844200;color:#fff !important;}
input[type=submit], input[type=reset]{padding:5px 15px;background:#F07800;border:2px solid #ccc;cursor:pointer;-webkit-border-radius:5px;border-radius:12px;color:#fff;}
textarea:focus{outline:none !important;border:2px solid #333;box-shadow:0 0 10px #719ECE;}
textarea{padding:5px;font-family:Helvetica,"Helvetica neue", Arial, sans-serif;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ccc;width:60%;height:50px;}
.copyright{font-size:100%;color:#000;font-weight:normal;}
.captcha{color:red;padding:10px;font-weight:bold}
.captcha-explanation{color:#000;font-weight:normal}
.xh_captcha_code{-webkit-border-radius:5px;border-radius:5px;border:2px solid #ccc;}
.copyright a,.copyright a:link,.copyright a:visited{color:#fff;font-weight:normal;text-decoration:none;}
.copyright a:hover,.copyright a:active{color:#f07800;font-weight:normal;text-decoration:none;}
.print{background:#fff;background-image:none;color:#000;padding:1em}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width:769px) and (max-width:1024px){#body{width:98%}
#header{width:100%;}
#top_nav{width:100%;}
#main{width:100%;}
#leftbox{width:30%;}
#footer{width:100%;}
#content{width:68%;}
#container{height:auto;width:100%;display:inline-block;}
.block{float:left;height:100%;width:31%;}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
img{max-width:100%;height:auto;width: auto; /* 3 */}
}
/* Tablet Portrait (768px) */
@media only screen and (min-width:321px) and (max-width:768px){
#logo{visibility:hidden;height:0;}
#body{width:98%}
#header{width:96%;margin:0em auto 1em auto;float:none}
#sitename h1 a{font-size: 80%!important;}
#top_nav{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#main{width:99%;}
#leftbox{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#menu{background:#a67939 !important;}
#footer{clear:both;width:94%;margin:0em auto 1em auto;float:none}
#content{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#container{clear:both;height:auto;width:100%;}
.block{float:none;height:100%;width:96%;margin:0em auto 1em auto;}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
img{max-width:100%;height:auto;width: auto; /* 3 */}
}
/* Phone Landscape (480px) */
@media only screen and (min-width:321px) and (max-width:480px){
#logo{visibility:hidden;height:0;}
#header{width:96%;margin:0em auto 1em auto;float:none}
#sitename h1 a{font-size: 50%!important;}
#top_nav{width:96%;margin:0em auto 1em auto;float:none}
#main{width:99%;}
#leftbox{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#menu{background:#a67939 !important;}
#footer{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#content{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#container{clear:both;height:auto;width:100%;}
.block{float:none;height:100%;width:96%;margin:0em auto 1.5em auto;}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
img{max-width:100%;height:auto;width: auto; /* 3 */}
}
/* Phone Portrait (320px) */
@media only screen and (max-width:320px){
#logo{visibility:hidden;height:0;}
#header{width:96%;margin:0em auto 1em auto;float:none; height: auto}
#sitename h1 a{font-size: 50%!important; }
#top_nav{clear:both;width:96%;margin:0em auto 1em auto;float:none}
#main{width:99%;}
#leftbox{clear:both;width:96%;margin:0em auto 1em auto;float:none;height:auto}
#menu{clear:both;background:#a67939 !important;margin:0em auto 1em auto;}
#footer{width:96%;margin:0em auto 1em auto;float:none}
#container{height:auto;width:96%;margin:0em auto 1em auto;float:none}
.block{float:none;height:100%;width:96%;margin:0em auto 1.5em auto;}
#content{clear:both;width:96%;float:none}
.block{margin:0em auto 1em auto;float:none; height:100px;width:96%;}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
img{max-width:100%;height:auto;width: auto; /* 3 */}
}
	


/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "Titel"; }
		td:nth-of-type(2):before { content: "Vorname"; }
		td:nth-of-type(3):before { content: "Nachname"; }
		td:nth-of-type(4):before { content: ""; }
		td:nth-of-type(5):before { content: "Telefon"; }
		td:nth-of-type(6):before { content: "Mail:"; }
		td:nth-of-type(7):before { content: ""; }
		td:nth-of-type(8):before { content: ""; }
		td:nth-of-type(9):before { content: ""; }
		td:nth-of-type(10):before { content: ""; }

	}
	
	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: 320px; }
		}
	
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
	}