/* Eric Meyers: Reset Reloaded */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0;
border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}


@media screen {
	
body { font-size: 71.25%; font-family:'Lucida Grande',Calibri,Arial,sans-serif; line-height: 1; color: black; background: #feebce url(gfx/henscher_bg.png) repeat-x; text-align: center; }

.nicht, .print { display:none; }

strong { font-weight: bold; }
em { font-style: italic; }
a { text-decoration:none; color: #36578e; }
a:hover { color: #df6f1e; }


/* Layout */
#bar { position: fixed; left: 0; top: 0; z-index: 10; width: 54px; height: 100%;
	background: transparent url(gfx/bar_bg.png) repeat-y; text-align: center; }

#container { position: relative; width: 985px; margin: 0 auto; text-align: left; }
	#logo { position: absolute; z-index: 0; left: 0; top: 0; height: 216px; width: 366px;
		background: transparent url(gfx/logo.png) no-repeat 45px top; }
	#left { position: absolute; z-index: 1; left: 120px; top:250px; width:185px; }
	#right { position:relative; z-index: 2; margin-left:320px; width: 666px; }


/* Bar */
#bar a { display: block; margin-top: 20px; height: 44px;
	color: #fff; background: transparent url(gfx/bg_home.png) no-repeat center 10px;
	margin-right: 13px; }
#bar span { position: absolute; left: 13px; bottom: 20px; width: 20px; height: 216px;
	background: transparent url(gfx/bar_www.png) no-repeat; }

/* Logo */
#logo h1 { font: 1.6em/1.6em Georgia, serif; color: #36578e; }
#logo a, #logo a:hover { height: 100px; width: 300px; display: block; text-decoration:none;
	margin-left: 30px; margin-top: 100px; }


/* Left */
ul#main-nav { border-top: 1px solid #df6f1e; text-align: right; }
ul#main-nav li { list-style:none; height: 1%; }
ul#main-nav li a { display:block; padding: 0.5em 0; border-bottom: 1px solid #df6f1e;
	text-align: right; font-size: 1.1em; line-height: 1.1; }
ul#main-nav li a:hover { color: #df6f1e; }
ul#main-nav li a.active { font-weight: bold; color: #be611b; }

#member { margin-top: 60px; }
	#member a { display:block; margin-bottom: 15px; }
	#member a.zvk { height:41px; text-indent:-1000em; overflow:hidden;
		background:url(gfx/sprite.png) no-repeat 0 -50px; }
	#member a.ggup { height:78px; text-indent:-1000em; overflow:hidden;
		background:url(gfx/sprite.png) no-repeat 0 -91px; margin-bottom: 0px; }
	#member a.dkg { height:29px; text-indent:-1000em; overflow:hidden;
		background:url(gfx/sprite.png) no-repeat 0 -169px; }


/* Right */
#layermenu { position: relative; height: 60px; background: transparent url(gfx/content-top_bg.png) no-repeat left bottom; }
	#layermenu a { position: absolute; bottom: 0; height: 30px; color: #fff;
		background-color: #44559e; overflow: hidden; text-align: center; text-indent: -1000em;  }
	#contact-button { right: 121px; width: 173px;
		background: transparent url(gfx/sprite.png) no-repeat 0 0; }
	#google-button { right: 20px; width: 93px;
		background: transparent url(gfx/sprite.png) no-repeat -173px 0; }

#layerwrapper { position: absolute; z-index: 10; top: 60px; left: 13px; width: 639px; }
	.layercontent { padding: 20px; background-color: #feebce; border: 1px solid #36578e; color: #36578e; }
		.layercontent h4 { font-size: 11px; line-height: 18px; margin-bottom: 24px; letter-spacing: 1px;  }
	.layercontent p.telefon { height: 150px; color: #df701f; font-size: 12px; line-height: 1.2; }
	.layercontent p.telefon span { display: block; font-size: 18px; }
	.layercontent p.adresse { line-height: 1.4; }
	.layercontent p.adresse a { font-weight:bold; }
	#google p { padding-top: 10px; padding-bottom: 5px; }
	
	iframe { border: 0px none; background-color: #fff; }
	
	a.closebutton { display: block; width: 100px; padding: 2px 0 6px; margin-top: -1px; margin-left: 20px;
		background-color: #feebce; border: 1px solid #36578e; border-top: 0px none; text-align: center;
		-moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px;
		text-transform: uppercase; font-size: 0.8em; z-index: 15; }
	a.closebutton:hover { cursor: pointer; }

#footer { clear: left; position: relative; height: 60px; background: transparent url(gfx/content-bottom_bg.png) no-repeat left top; }
	a.pagetop, a.pageprint, a.pagesave { position: absolute; display:block; text-indent:-1000em;
		overflow:hidden; cursor: pointer; top:10px; height:19px; }
	a.pagetop { width:93px; left: 20px; background:url(gfx/sprite.png) no-repeat 0 -30px; }
	a.pageprint { width:60px; left: 113px; background:url(gfx/sprite.png) no-repeat -93px -30px; }
	a.pagesave { width:73px; left: 173px; background:url(gfx/sprite.png) no-repeat -153px -30px; }	
	.copyright { position: absolute; right: 30px; top:20px; text-align: right; font-size: 0.9em; }


#content { background: transparent url(gfx/content_bg.png) repeat-y left top; padding-top: 20px; padding-bottom: 20px; text-align: center;}
	.contentwrapper { width: 600px; margin: 0 auto; background-color: #ffffff; text-align: left; }
	.image { position: relative; width: 600px; height: 163px; margin-bottom: 20px; overflow: hidden;}
	.image p { position: absolute; bottom: 20px; left: 20px; color: #fff; font-weight: bold; margin-bottom: 0; padding-bottom: 0; }
	.col { clear: left; margin-top: 20px; }
	.colhome { float: left; width: 185px; overflow: hidden; margin-top: 20px; }
	.mitte { border-right: 1px solid #feebce; border-left: 1px solid #feebce; margin: 20px 10px; padding: 0 10px; }
	.colhome img { margin-bottom: 10px; }
	/*.col div.pic { float: left; width: 100px; overflow: hidden; }
	.col div.text { margin-left: 120px; }*/
	.col1 { float: left; width: 190px; overflow: visible; }
	.pic { text-align: center; border-left: 1px solid #feebce; border-right: 1px solid #feebce; margin-bottom: 10px;}
	.col2 { margin-left: 210px; position: relative;}
	.col-clearer { clear: left; }
	
	.inhalt h2 { font: 1.4em/1.4em Georgia, serif; margin-bottom: 1em; color: #36578e }
	.inhalt h4 { font-size: 1.2em; margin-bottom: 1em; color: #be611b;
	padding-top: 0.5em; }
	.inhalt p { margin-bottom: 1em; line-height: 1.6em; }
	.inhalt ul { margin-bottom: 1em; line-height: 1.6em; padding-left: 1.6em; list-style-type: square; }
	.inhalt ul li { }
	.inhalt ol { margin-bottom: 1em; line-height: 1.6em; padding-left: 1.6em; list-style-type: decimal; }

	.inhalt caption { font-size: 1.2em; margin-bottom: 1em; color: #be611b;
	padding-top: 0.5em; }
	.inhalt table { border-bottom: 1px solid #feebce; }
	.inhalt table th { padding: 5px 10px 5px 0; font-weight: bold; border-top: 1px solid #feebce; }
	.inhalt table td { padding: 5px 10px 5px 0; border-top: 1px solid #feebce; line-height: 1.3;}
	
	.imageblock { margin: 20px auto; padding-top: 20px; border-top: 1px solid #feebce; border-bottom: 1px solid #feebce;  }
	.imageblock img { margin-right: 20px; margin-bottom: 20px; }
	.imageblock span { font: 0.9em/1.0em Georgia, serif; }
	
	ul#sub-nav { border-right: 1px solid #feebce; overflow: visible; padding-bottom: 2em; }
	ul#sub-nav li { list-style:none; height: 1%; }
	ul#sub-nav li span { display:block; line-height: 1em; padding: 0.5em 0 1em; border: 1px solid #fff; }
	ul#sub-nav li a { display:block; line-height: 1em; padding: 0.5em 0; border: 1px solid #fff; }
	ul#sub-nav li a.active { width: 189px; border: 1px solid #feebce; border-right-color: #fff;
		background-color: #fff; color: #be611b; padding-left: 5px; margin-left: -5px; }

	p.pdf { background: transparent url(gfx/pdf.png) no-repeat left center; min-height: 32px; padding-left: 40px;
	padding-top: 8px; line-height: 16px; }
	p.pdf em { color:  ; font-size: 0.9em; }


}



@media print {

body { font-family:'Lucida Grande',Arial,sans-serif; font-size: 81.25%; }

strong { font-weight: bold; }
em { font-style: italic; }

#container { }

#bar { display: none; }

/* Logo */
#logo { }
h1 { font: 1.4em/1.4em Georgia, serif; color: #36578e; }

/* Left */
#left {  }
#left #menu { display: none; }

#member { position: absolute; top: 0; right: 0; width: 40%; }
#member a { display: block; }

/* Right */
#right { position: static; }
#layermenu { display: none; }

#content { overflow:hidden; }

.image { background: #ccc; width: 600px; min-height: 150px; margin-bottom: 1em; }
.contentwrapper {  }
.col1 { float: left; width: 190px;  } 
.col2 { margin-left: 210px; }
.col-clearer { clear: left; }

.imageblock { margin: 20px auto; border-top: 1px solid #feebce; border-bottom: 1px solid #feebce; padding-top: 20px; padding-bottom: 20px; }
.imageblock img { display: block; }
.imageblock span { font: 0.9em/1.0em Georgia, serif; }

ul#sub-nav { }
ul#sub-nav li { list-style:none; height: 1%; }
ul#sub-nav li a { display:block; line-height: 1; padding: 0.5em 0; }
ul#sub-nav li a:hover {  }


#footer { display:none; }
.footer { clear: left;  border-top: 1px dotted #000; padding-top: 1em; padding-bottom: 1em; }
.footer h4 { font-weight: bold; margin-bottom: 0.5em; }


a { text-decoration:none; color: #36578e; }
a:hover { color: #df6f1e; }


h2 { font: 1.4em/1.4em Georgia, serif; margin-bottom: 1em; color: #36578e }

p, ul, ol, dl { margin-bottom: 1em; line-height: 1.6em; }


#layerwrapper { display: static; border-bottom: 1px dotted #000; padding-top: 1em; padding-bottom: 1em; }
.layercontent { border-top: 1px dotted #000; }
#layerwrapper h4 { font-size: 11px; line-height: 18px; margin-bottom: 24px; letter-spacing: 1px;  }
p.telefon { height: 175px; color: #df701f; font-size: 12px; }
p.telefon span { display: block; font-size: 18px;  }
p.adresse a { font-weight:bold; }


a.closebutton { background-color: #feebce; border: 1px solid #36578e; border-top: 0px none; margin-top: -1px; margin-left: 20px; }
a.closebutton:hover { cursor: pointer; }

iframe { border: 0px none; background-color: #fff;}


}