@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import "navigation.css";
@import "content.css";
@import "banner.css";
@import "footer.css";
@import "formular.css";
@import "ribbon.css";
@import "reset.css";
@import url("law_navigation.css");



html, body {
	height: 100% !important;
	padding: 0;
	margin: 0;
	font-family: "Maven Pro";
	background-image: url(images/structure/page_bgr.png);
	background-repeat: repeat-x;
	background-color: #EFF2F5;
	font-size: 100.01%;
}
iframe {
	width: 234px;
	height: 450px;
	margin-left: 6.6%;
	margin-right: 6.6%;
	margin-top: 4%;
	margin-bottom: 4%;
	font-family: "maven Pro";
	background-color: #EEE;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	-moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #DDD;
	border-left: 1px solid #CCC;
}
a:link {
	color: #004A7C;
	text-decoration: none;
}
a:visited {
/*	color: #82B9F7;*/
	color: #709ed2;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
	font-weight: bold;
}

h1 {
	font-family: "Open Sans";
	font-size: 2.2em;
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1em;
	color: #385178;
	margin-bottom: 6%;
	margin-top: 6%;
}
h2 {
	font-family: "Open Sans";
	font-size: 1.35em;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: #385178;
	padding-top: 6%;
	margin-bottom: 0.25%;
}
h3 {
	font-family: "Open Sans";
	font-size: 1.25em;
	font-weight: 300;
	letter-spacing: -0.03em;
	color: #385178;
	margin-bottom: 4%;
}
p {
	text-align: justify;
	padding-bottom: 10%;
	margin-bottom: 6%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;		
}
.rand {																/*===== Graue Linie am unteren Ende eines Absatzes etc. ======*/
	padding-bottom: 7.5%;
	padding-left: 7.5%;
	padding-right: 7.5%;
	margin-bottom: 0%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;	
}
strong {
	color: #385178;
}
.hervorheben {
	font-weight: 600;
	color:#666666;
}
.fett {
	font-weight: bold;
}
.info {
	font-size: 0.8em;
}
.hyphenate {
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */ 

.boxsizing {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}

/* --------------------- END GENERAL PAGE SETUP --------------------- */

/* ===================== WEIHNACHTEN GOLDENER BANNER fÜR MOBILE DEVICES ===================== */

/* .radial_gradient {
	width: 100%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	background: rgb(239,210,103); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZkMjY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZjJlMzkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZTJjNjc4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZWZlNGFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiYzQ2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(239,210,103,1) 0%, rgba(242,227,145,1) 23%, rgba(226,198,120,1) 48%, rgba(239,228,172,1) 75%, rgba(219,196,96,1) 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(239,210,103,1)), color-stop(23%,rgba(242,227,145,1)), color-stop(48%,rgba(226,198,120,1)), color-stop(75%,rgba(239,228,172,1)), color-stop(100%,rgba(219,196,96,1))); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(45deg,  rgba(239,210,103,1) 0%,rgba(242,227,145,1) 23%,rgba(226,198,120,1) 48%,rgba(239,228,172,1) 75%,rgba(219,196,96,1) 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(45deg,  rgba(239,210,103,1) 0%,rgba(242,227,145,1) 23%,rgba(226,198,120,1) 48%,rgba(239,228,172,1) 75%,rgba(219,196,96,1) 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(45deg,  rgba(239,210,103,1) 0%,rgba(242,227,145,1) 23%,rgba(226,198,120,1) 48%,rgba(239,228,172,1) 75%,rgba(219,196,96,1) 100%); /* IE10+ */
/* background: linear-gradient(45deg,  rgba(239,210,103,1) 0%,rgba(242,227,145,1) 23%,rgba(226,198,120,1) 48%,rgba(239,228,172,1) 75%,rgba(219,196,96,1) 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd267', endColorstr='#dbc460',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


/* 	text-align: center;
	z-index: 999;
	box-shadow: 1px 1px 3px 0px rgba(10, 10, 10, 0.600);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(10, 10, 10, 0.600);
	-moz-box-shadow: 1px 1px 3px 0px rgba(10, 10, 10, 0.600);  
}  */
.radial_gradient {
	width: 100%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	background: -moz-radial-gradient(center, #4A6491, #30395C); /* Firefox */
	background: -webkit-radial-gradient(center, #4A6491, #30395C); /* Safari, Chrome */
	background: -o-radial-gradient(center, #4A6491, #30395C); /* Opera */
	background: -ms-radial-gradient(center, #4A6491, #30395C); /* IE */
	background: radial-gradient(center, #4A6491, #30395C); /* W3C Standard */
	text-align: center;
	z-index: 999;
	box-shadow: 1px 1px 3px 0px rgba(10, 10, 10, 0.600);
	-webkit-box-shadow: 1px 1px 3px 0px rgba(10, 10, 10, 0.600);
	-moz-box-shadow: 1px 1px 3px 0px rgba(10, 10, 10, 0.600); 
}  
.sitemap_container {
	width: 100%;
	max-width: 990px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	text-align: left;
	display: none;
	color: #999;
}



/* Layout für Mobilgeräte: 480 px oder weniger. */



#page_border {
	width: 100%; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	max-width: 1140px;
	overflow: hidden;
	padding-bottom: 0px;
	margin: 0 auto -8em;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.logo_small {
	width: 163px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-image:url(../images/structure/logo_hanisch_small.png);
	background-repeat: no-repeat;
	display: block;
}

.sitemap {
	float: left;
	display: none;
	font-size: 0.6em;
	padding-left: 1.5%;
	margin-top: 20px;
}
.logo_1140 {
	width: 346px;
	height: 46px;
	float: right;
	margin-top: 18px;
	background-image:url(../images/structure/hanisch_logo_text.png);
	background-repeat: no-repeat;
	display: none;
}
#main_container {

	width: 100%;
	min-height: 100%;
	max-width: 990px;
	margin-right: auto;
	padding-bottom: 10px;
	margin-left: auto;
	font-size: 1.8em;
	text-align:center;
}

.spacer {
	width: 100%;
	height: 25px;
	background-color: #3F3;
	margin-top:0px;
	display: block;
}

#map_canvas {
	width: 214px;
	height: 350px;
	display: block;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: rgba(0,0,0,0.05) -1px -1px 1px
	rgba(0,0,0,0.2) 0px 2px 5px;
	-moz-box-shadow: rgba(0,0,0,0.05) -1px -1px 1px,
	rgba(0,0,0,0.2) 0px 2px 5px;
	box-shadow: rgba(0,0,0,0.05) -1px -1px 1px,
	rgba(0,0,0,0.2) 0px 2px 5px;
	border: 1px solid #FFF;
}
.download_button{
	clear: both;
	float: left;
	width: 250px;
	height: 31px;
	background: #666666;
	text-align: center;
	color: #666;
	font-size: 1em;
	font-weight: bolder;
	padding-top: 10px;
	
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
	box-shadow: rgba(0,0,0,0.1) 0 1px 2px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px -1px 1px
	rgba(0,0,0,0.3) 0px 1px 1px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px -1px 1px,
	rgba(0,0,0,0.3) 0px 1px 1px;
	box-shadow: rgba(0,0,0,0.2) 0px -1px 1px,
	rgba(0,0,0,0.3) 0px 1px 1px;
	border: 1px solid #FFFFFF;
}

@media only screen and (min-width: 480px) { /* --------------------------------------------------------------------- */
#map_canvas {
	width: 370px;
	height: 250px;
	display: block;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: rgba(0,0,0,0.05) -1px -1px 1px
	rgba(0,0,0,0.2) 0px 2px 5px;
	-moz-box-shadow: rgba(0,0,0,0.05) -1px -1px 1px,
	rgba(0,0,0,0.2) 0px 2px 5px;
	box-shadow: rgba(0,0,0,0.05) -1px -1px 1px,
	rgba(0,0,0,0.2) 0px 2px 5px;
	border: 1px solid #FFF;
}
iframe {
	width: 360px;
	height: 260px;
}
}
@media only screen and (min-width: 768px) { /* --------------------------------------------------------------------- */

.radial_gradient {
	background: none;
	background: none;
	background: none;
	background: none;
	background: none;
	background-image: none !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.sitemap_container {
	display: block;
}
.logo_small {
	display: none;
}

.sitemap {
	display:block;
}
.logo_1140 {
	display: block;
}
#main_container {
	margin-top: 25px;
}

.spacer {
	display: none;
}

#map_canvas {
	width: 410px;
	height: 410px;;
}
iframe {
	width: 400px;
	height: 260px;
}
}


@media only screen and (min-width: 769px) {
.sitemap {
	font-size:0.8125em;
}

#map_canvas {
	width: 410px;
	height: 410px;
}
}
@media only screen and (min-width: 800px) {
#map_canvas {
	width: 430px;
	height: 430px;
}	
}
@media only screen and (min-width: 800px) {
#map_canvas {
	width: 540px;
	height: 400px;
}	
}
@media only screen and (min-width: 1220px) {
#main_container {
	max-width: 1140px;
}
#page_border {
	width: 95%; /*  470 px / 480 px */
	max-width: 1140px;	
	box-shadow: 1px 0px 3px 0px rgba(127, 127, 127, 0.7000) inset,
	-1px 0px 3px 0px rgba(127, 127, 127, 0.7000) inset;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(127, 127, 127, 0.700) inset,
	-1px 0x 3px 0px rgba(127, 127, 127, 0.500) inset;
	-moz-box-shadow: 1px 1px 3px 0px rgba(127, 127, 127, 0.700) inset,
	-1px 0px 3px 0px rgba(127, 127, 127, 0.700) inset;
}

.sitemap {
	font-size:0.8125em;
}


#map_canvas {
	width: 640px;
	height: 400px;
}
iframe {
	width: 600px;
	height: 200px;
}
}



/*--------------------------------------------------------------------------------------------------------------------------------------------------*/



@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px){
	
.logo_small {
	background-image: url(../images/structure/logo_hanisch_small-px15.png);
	-webkit-background-size: 163px 75px; }
.logo_1140 {
	background-image:url(../images/structure/hanisch_logo_text-px15.png);
	-webkit-background-size: 336px 46px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and {
	
.logo_small {
	background-image: url(../images/structure/logo_hanisch_small-px15.png);
	-webkit-background-size: 163px 75px; }
.logo_1140 {
	background-image:url(../images/structure/hanisch_logo_text-px15.png);
	-webkit-background-size: 336px 46px; }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) {
	
.logo_small {
	background-image: url(../images/structure/logo_hanisch_small-px2.png);
	-webkit-background-size: 163px 75px; }
.logo_1140 {
	background-image:url(../images/structure/hanisch_logo_text-px2.png);
	-webkit-background-size: 336px 46px; }
.logo_nav {
	background-image:url(../images/structure/logo_nav-px2.png);
	-webkit-background-size: 30px 30px; }
.nav_wrapper {
	background-image: url(../images/structure/nav_wrapper_bgr_675-px2.jpg);
	-webkit-background-size: 675px 250px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
.logo_small {
	background-image: url(../images/structure/logo_hanisch_small-px2.png);
	-webkit-background-size: 163px 75px; }
.logo_1140 {
	background-image:url(../images/structure/hanisch_logo_text-px2.png);
	-webkit-background-size: 336px 46px; }
.logo_nav {
	background-image:url(../images/structure/logo_nav-px2.png);
	-webkit-background-size: 30px 30px; }

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px){
	
.logo_nav {
	background-image:url(../images/structure/logo_nav-px15.png);
	-webkit-background-size: 30px 30px; }
.nav_wrapper {
	background-image: url(../images/structure/nav_wrapper_bgr_675-px15.jpg);
	-webkit-background-size: 675px 250px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and {
	
.logo_nav {
	background-image:url(../images/structure/logo_nav-px15.png);
	-webkit-background-size: 30px 30px; }
}