
body
{
	font-family:Corbel,Helvetica,Arial,sans-serif;
	font-size:100%;
	margin:0;
	padding:5px 0 180px 0;
	background:#fefefe url(../img/baustelle.gif) center no-repeat;
	color:#111;
}
body#body_home_index
{
/* 	overflow-y:auto; */
	padding:5px 0 0 0;
}
body#body_home_index h1
{
	display:none;
}

div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,table,blockquote,address,form {margin:0;padding:0}

#global
{
/* 	background:white url(../img/hg_body.jpg) top left repeat-x; */
	position:relative;
	max-width:60em;
	margin:auto;
	padding:5px;
	border-left:1px dashed #eee;
	border-right:1px dashed #eee;
/* 	background:white; */
/* 	-moz-border-radius:20px; */
}



a img
{
	border:none;
/* 	padding:2px; */
}
/*a:hover img,
a:active img,
a:focus img
{
	padding:1px;
	border:1px dotted gray;
}*/


abbr
{
	border-bottom:1px dotted black;
	cursor:help;
}

a:link
{
	color:#256163;
	text-decoration:underline;
}
a:visited
{
	color:black;
	text-decoration:underline;
}
a:hover,a:active,a:focus
{
	text-decoration:none;
	outline:none;
}

a.extlink
{
	background:url(../img/exit.gif) right top no-repeat;
	padding-right:14px;
	white-space:nowrap;
}
/*a[href^='mailto']
{
	background:url(../img/letter.gif) right center no-repeat;
	padding-right:16px;
	white-space:nowrap;
}*/

.aus {display:none !important;}
.ein {display:block !important;}

.skiplinks
{
	position:absolute;
	left:0;
	height:0 !important;
	overflow:hidden !important;
}


#inhalt
{
	border-top:1px solid white;
/* 	background:white; */
	margin-top:3em;
	min-height:500px;
}

#header
{/*
	text-align:right;
	float:right;*/

	display:none;
}


#body_home_index #header
{
	display:none;
}

#inhalt h1
{
	color:#256163;
	font-weight:bold;
/* 	font-weight:normal; */
	font-size:100%;
	letter-spacing:.1em;
	margin-left:240px;
	margin-bottom:.5em;
}
#inhalt h2
{
	color:#256163;
	font-weight:bold;
	font-size:86%;
	margin-left:240px;
	margin-top:2em;
	margin-bottom:.5em;
}

#inhalt h1 + h2,
#inhalt .aus+h2
{
	margin-top:0 !important;
}

#inhalt p
{
	margin-left:240px;
	margin-bottom:1em;
/* 	font-size:100%; */
	font-size:93%;
	line-height:1.4;
	max-width:36em;
}
#inhalt ul
{
	margin-left:280px;
	margin-bottom:.5em;
	font-size:93%;
	list-style:url(../img/bullet.png);
}
#inhalt ol
{
	margin-left:240px;
	margin-bottom:.5em;
	font-size:93%;
}

#inhalt li
{
	margin-bottom:.3em;
	line-height:1.3;
	max-width:34em;
}

#inhalt dl
{
	margin-left:240px;
	margin-top:1em;
	margin-bottom:.5em;
	padding-left:1px;
/* 	border-top:1px solid #333; */
	font-size:86%;
	color:#333;
	background:#fafafa;
	max-width:49em;
}

dl dt
{
	width:11em;
	float:left;
	margin: 0 0 0 0;
}
dl dd
{
	margin: 0 0 0 11em;
	padding:0 0 .2em 1em;
	border-left:1px solid #256163;
}
#body_imprint_index dt {width:13em;}
#body_imprint_index dd {margin: 0 0 0 13em;}


#inhalt .bildbox
{
	margin-left:0;
	width:240px;
	clear:left;
	float:left;
	text-align:center;
}


#inhalt .boxmitte
{
	text-align:center;
}
#body_home_index #inhalt .boxmitte
{
	margin:3em 0 0 0;
	text-align:center;
	max-width:none;
}

#body_home_index #inhalt dl
{
	font-size:93%;
	text-align:center;
/* 	background:white; */
	margin:0;padding:0;border:0;
	max-width:none;
	text-align:center;
}

#body_home_index #inhalt dl dt
{
	display:inline;
	font-weight:bold;
/* 	background:white; */
	margin:0;padding:0 1em 0 1em;border:0;
	float:none;
}
#body_home_index #inhalt dl dd
{
	display:inline;
	padding:0 1em 0 0;
/* 	background:white; */
	margin:0;border:0;
	float:none;
}

#body_home_index #adr
{
	height:0;
	width:0;
	overflow:hidden;
	position:absolute;
}
#body_home_index address
{
	display:inline;
	margin:0;
	padding:0;
	font-style:normal;
}


strong.h4d
{
	color:black;
	font-weight:bold;
	font-family:Corbel,sans-serif;
}
strong.h4d span
{
	color:#4cc4c9;
}
strong.h4d sub
{
	font-size:100%;
}

#inhalt p img
{
	vertical-align:bottom;
}


#infobox
{
	position:relative;
	padding-top:1px;
}

#infobox h2
{
	margin-top:0;
}


#inhalt #bildgross
{
	/* overflow:hidden; /* float-Ausdehnung */
	max-width:none;
	padding-bottom:1em;
}

#bildgross img
{
	cursor:pointer;
	float:left;
	margin-right:.5em;
	vertical-align:top;
}

#bildgross a:link img,
#bildgross a:visited img
{
	padding-left:2px;
}
#bildgross a:hover img,
#bildgross a:active img,
#bildgross a:focus img
{
	padding-left:1px;
	border-left:1px solid black;
}

#video
{
	width:480px;
	padding:0 0 1em 0;
	margin:0;
	position:relative;
	z-index:3;
}

#video a
{
	background:black;
	display:block;
	text-align:right;
	color:white;
	text-decoration:none;
}
#video a span
{
	visibility:hidden;
	font-size:120%;
	font-weight:bold;
	color:#4cc4c9;
	padding:2px;
}
#video a:hover span
{
	visibility:visible;
}



#inhalt #bilder
{
	position:absolute;
	top:0;
	left:0;
	list-style:none !important;
	width:240px;
	margin-left:0;
	padding-top:1px;
	padding-bottom:150px;
}
#inhalt #bilder li
{
	margin-left:0;
	width:240px;
	text-align:center;
}

#inhalt #bilder li span
{
	display:block;
	height:0;
	overflow:hidden;
}
body.nojs #inhalt #bilder li span
{
	display:block;
	height:auto;
}





#bilder li a:link img,
#bilder li a:visited img
{
	padding-right:2px;
}
/*#bilder li a:visited img
{
	padding-right:1px;
	border-right:1px dotted black;
}*/
#bilder li a:hover img,
#bilder li a:active img,
#bilder li a:focus img
{
	padding-right:1px;
	border-right:1px solid black;
}


#fuss
{
	margin-left:240px;
	clear:both;
	font-size:76%;
	color:#666;
	text-align:right;
	border-top:1px solid #666;
}

#fuss img
{
	padding:2px;
	vertical-align:top;
	float:left;
}
#fuss a:hover img,
#fuss a:active img,
#fuss a:focus img
{
	border:1px solid #aaa;
	padding:1px;
}



#seiten_url{display:none}
/*
#drucken
{
	position:absolute;
	top:4em;
	right:0;
}*/



body#body_home_index #fuss {display:none;}

/* Menues */

#langs
{
	position:absolute;
	right:1em;
	top:0;
	font-size:86%;
}
#langs h2 {display:none;}


#langs a:link,
#langs a:visited
{
	color:black;
	text-decoration:none;
}
#langs a:hover,
#langs a:active,
#langs a:focus
{
	color:black;
	text-decoration:overline;
}


/*
#langs strong
{
	cursor:url(../img/urhere.gif), auto;
}*/








#menu1
{
	position:absolute;
	top:0;
	left:1em;
	font-size:86%;
}

#menu1 ul li
{
	display:inline;
	list-style:none;
/* 	padding-right:2em; */
}

#menu1 li+li:before
{
	content:"· ";
}

#menu1 a:link,
#menu1 a:visited
{
	color:black;
	text-decoration:none;
}
#menu1 a:hover,
#menu1 a:active,
#menu1 a:focus,
#menu1 a.remotehover
{
	color:black;
	text-decoration:overline;
}

#menu1 span.aktiv
{
	font-weight:bold;
/* 	cursor:url(../img/urhere.gif), auto; */
}

#menu1 img {vertical-align:middle;}


#menu_lang fieldset
{
	display:none;
}


#menues h2
{
	display:none;
}




/* Horizontales Bildermenue */

#menu2
{
	position:fixed;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
	padding:0; 
	overflow:auto;
	overflow-y:visible;
background:white;
}
#menu2 img
{
	transition-property:opacity,width,height;
	transition-duration:.5s;
	-webkit-transition-property:opacity,width,height;
	-webkit-transition-duration:.5s;
	-moz-transition-property:opacity,width,height;
	-moz-transition-duration:1s;
	-ms-transition-property:opacity,width,height;
	-ms-transition-duration:.5s;
	-o-transition-property:opacity,width,height;
	-o-transition-duration:.5s;
	opacity:.3;
}
#menu2:hover
{
	z-index:4;
}
#menu2:hover img
{
	opacity:1;
}

#menu2 ul
{
	white-space:nowrap;
	vertical-align:bottom;
/* 	width:4000px; */
}
#menu2 li
{
	display:inline-block; 
	width:100px;
	overflow:visible;
}

#menu2 li img
{
	width:100px;
	height:75px;
}
#menu2 li a:hover img
{
	width:133px;
	height:100px;
	position:relative;
	z-index:4;
	box-shadow:3px 2px 6px black;
	-webkit-box-shadow:3px 2px 6px black;
	-moz-transition-property:width,height;
	-moz-transition-duration:.3s;
}
#menu2 li a:active img,
#menu2 li a:focus img,
#menu2 li a.remotehover img
{
	width:133px;
	height:100px;
	opacity:1;
	position:relative;
	z-index:6;/* ueber den Pfeilen*/
	box-shadow:0 0 5px white;
	-webkit-box-shadow:3px 2px 6px black;
}



#menu2 li a span,
#menu2 li span.aktiv span
{
	overflow:visible;
	visibility:hidden;
	font-size:76%;
	font-weight:bold;
	text-align:left;
	border-left:1px solid black;
	padding-left:1px;
}

#menu2 li span.aktiv img
{
	border-top:1px solid black;
	padding-top:1px;
}

#menu2 li a:hover span,
#menu2 li a:active span,
#menu2 li a:focus span,
#menu2 li span.aktiv span,
#menu2 li a strong
{
	visibility:visible;
	background:white;
}

#menu2 li span strong,
#menu2 li a strong
{
	color:#256163;
	/* text-transform:uppercase; */
	font-variant:small-caps;
	white-space:normal;
	line-height:1.1;
}
#menu2 a
{
	text-decoration:none;
	color:black;
}

#scrollbutton_l
{
	width:100px;
	height:100px;
	background:url(../img/vtrans_l1.png) left top no-repeat;
	position:fixed;
	bottom:0;
	left:0;
	z-index:5;
}

#scrollbutton_l:hover
{
	background:url(../img/rew.png) left top no-repeat;
}

#scrollbutton_r
{
	width:100px;
	height:100px;
	background:url(../img/vtrans_r1.png) right top no-repeat;
	position:fixed;
	bottom:0;
	right:0;
	z-index:5;
}

#scrollbutton_r:hover
{
	background:url(../img/ff.png) right top no-repeat;
}



/* Kontaktformular */

#kontaktform fieldset
{
	background:white;
	width:42em;
	margin-left:240px;
	border:1px solid #ddd;
	padding:.5em;
	position:relative;
	z-index:3;
}

#kontaktform p
{
	margin:0;
	max-width:none;
}

#kontaktform .labels
{
	clear:left;
	float:left;
	width:8em;
	margin:0;
	text-align:right;
}

#kontaktform label strong
{
	display:block;
	width:6em;
	float:right;
}


#kontaktform .inputs
{
	display:block;
	margin:0 0 .5em 9em;
}

#kontaktform input[type=text],
#kontaktform input[type=email],
#kontaktform input[type=tel],
#kontaktform textarea
{
	font-size:100%;
	font-family:monospace;
	width:30em;
	padding:1px;
	border:1px solid white;
}

#kontaktform input:focus
{
	border-width:0 0 1px 0;
	border-style:dashed;
	border-color:black;
}
#kontaktform textarea:focus
{
	border-width:1px;
	border-style:dashed;
	border-color:black;
}

#kontaktform label 
{
	font-weight:bold;
	cursor:pointer;
}

#kontaktform b {color:red}

#kontaktform input[type=submit],
#kontaktform input[type=reset]
{
	font-family:inherit;
	border-width:1px;
	border-style:solid;
	border-color:black;
	padding:1px 3px 1px 3px;
	background:white;
}
#kontaktform input[type=submit]:hover,
#kontaktform input[type=reset]:hover,
#kontaktform input[type=submit]:active,
#kontaktform input[type=reset]:active,
#kontaktform input[type=submit]:focus,
#kontaktform input[type=reset]:focus
{
	font-family:inherit;
	border-width:1px 3px 1px 3px;
	border-style:solid;
	border-color:#4cc4c9;
	padding:1px;
	background:white;
}

#kontaktform .error
{
	border-bottom:2px dashed red !important;
}
