* {margin:0; padding:0; border:0}

img{display:block}
.left{float:left}
.right{float:right}
.clear{clear:both;display:block; height:20px; font-size:0px; line-height:0px}
.clear2{clear:both;display:block; height:5px; font-size:0px; line-height:0px}
hr{display:none}
.hr{height:1px; background:#E0E0E0; font-size:0px; line-height:0px}
.hr2{height:1px; margin: 10px 0; font-size:0px; line-height:0px}
strong{font-weight:bold}
strong.upper{text-transform:uppercase; font-weight:normal}

html, body{height:100%}
body{
	text-align:center;
	font-family:arial, helvetica, "trebuchet ms", tahoma, verdana, sans-serif;
	font-size:62.5%;
	color:#575757;
	background:#E0E0E0 url(images/bg_body.gif) repeat-y center top;
	min-height:600px}
html[xmlns]{padding:0 0 0.005em 0;}
#container{
	/*display:table;
	height:100%; nur für safari*/
	min-height:100%;
    position:relative;
	margin:0 auto;
	text-align:left;
	width:666px;
	background:url(images/test.gif)}/* background, weil firefox die min-height sonst nicht annimmt*/
* html #container{
	height:100%}
address{
	margin:0 0 15px 0;
	font-style:normal;
	padding:0 0 0 9px;
	line-height:1.5}
address#eins{width:166px; font-size:1.1em; position:absolute; left:0px; bottom:2px}
address#standard{font-size:1.2em; padding:0}
address.standard{font-size:1.2em; padding:0}
	address a{color:#8099B2; text-decoration:none}
		address a:hover{color:#E97325}

#left{float:left; width:166px; padding:0 0 15em 0}

/*
a#logo{display:block; width:314px; height:70px; border-top:17px solid white; border-bottom:15px solid white; border-left:19px solid white}
a#logo img{display:block}

ul#topnav{
    position:absolute;
    top:9px;
    right:7px;
	color:#999999; 
	font-size:1.1em;
	line-height:2.5}
ul#topnav li{display: inline; list-style-type: none}
ul#topnav a{color:#999999; text-decoration:none; padding:2px 2px}
	ul#topnav a:hover, ul#topnav a.aktiv{color:#E97325}
*/

a#logo{position:absolute; top:17px; right:10px; width:222px; height:71px}
a#logo img{display:block}

ul#topnav{
    display:block;
	border-top:14px solid white;
	border-left:8px solid white;
	color:#999999; 
	font-size:1.1em;
	height:96px;
	background:white}
ul#topnav li{display: inline; list-style-type: none}
ul#topnav a{color:#999999; text-decoration:none; padding:2px 2px}
	ul#topnav a:hover, ul#topnav a.aktiv{color:#E97325}

#header{position:relative; height: 162px; width:666px; background:white; border-bottom:3px solid #E97325}

ul#hauptnavigation{
	border-top:3px solid white;
	border-bottom:3px solid white;
	height:21px;
	background:#033466;
	position:relative}
ul#hauptnavigation li{display: inline; list-style-type: none}
ul#hauptnavigation a{display:block; text-indent:-300px; height:9px; position:absolute; top:6px; overflow:hidden}
	ul#hauptnavigation a#hallenbetriebe{width:107px; left:188px; background:url(images/bg_navi1.gif)}
	ul#hauptnavigation a#organisieren{width:175px; left:310px; background:url(images/bg_navi2.gif)}
	ul#hauptnavigation a#besuchen{width:155px; left:502px; background:url(images/bg_navi3.gif)}
	ul#hauptnavigation a:hover, ul#hauptnavigation a.aktiv{background-position:0 9px !important}
#left h2{font-size:1.2em; color:#033466; margin:0 0 19px 9px}
#left h2 a{text-decoration:none; color:#033466}
	#left h2 a:hover, #left h2 a.aktiv{color:#E97325}

#left p{font-size:1.2em}
#left p.bereich{
	line-height:1.2;
	font-size:1.1em;
	background:#E97325;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	padding:7px 0 9px 9px;
	margin:0 1px 33px 0}
#left a#nordbau{display:block; margin:0 0 0 9px}
#left ul.subnav {padding:0 0 30px 9px; font-size:1.2em; margin:33px 0 0 0}
#left ul.subnav li{
    list-style:none;
    display:block;
    color:#033466;
    font-weight:bold;
    margin:19px 0 0 0;
    height:1%}
#left ul.subnav li li{margin:0; display:inline}
#left ul.subnav li a{
    color:#033466;
    text-decoration:none;
    display:block}
	#left ul.subnav li a:hover, #left ul.subnav li a.aktiv{color:#E97325}
#left ul.subnav ul li a{
    padding:0 0 0 10px;
    margin:2px 0 0 20px;
    color:#8099B2;
    text-decoration:none;
    display:block;
    font-weight:normal;
    background:url(images/bg_arrow1.gif) no-repeat 0 50%}
#left ul.subnav ul li a:hover, #left ul.subnav ul li a.aktiv{color:#E97325; background:url(images/bg_arrow2.gif) no-repeat 0 50%}

/*Veranstaltungskalender*/
#left form{}
#left p.veranstaltungen, #left p.veranstaltungen2{color:#033466; margin:9px 0 12px 9px}
	#left p.veranstaltungen span.n1{display:block; margin:0 0 19px 0}
	#left p.veranstaltungen span.n2{padding:0 0 0 24px}
#left p label{line-height:1.4}
#left p.veranstaltungen label{margin:0 0 0 8px}
#left p.veranstaltungen2 label{line-height:2.3}
#left input{color:#033466; border:1px solid #999999; font-size:.8em}
#left input#H, #left input#S, #left input#B{margin:0 0 -3px 0; border:0}
#left input#von, #left input#bis{width:142px; padding:2px}
#left input.button{border:none; background:white url(images/bg_arrow2.gif) no-repeat left center; float:right; padding:0 0 2px 5px; margin:7px 10px 0 0}

#right{float:left; width:479px; position:relative; line-height:1.4; margin:0 0 0 21px; display:inline}
#right h1{font-size:1.2em; color:#F27A2B; margin:28px 0 27px 0; line-height:1.6}
#right ul.hallen{margin:0 0 30px 10px; font-size:1.2em}
#right ul.hallen li{list-style:none; background:url(images/bg_arrow3.gif) no-repeat 0 4px; padding:0 0 0 11px; margin:0 0 11px 0}
#right ul.hallen li li{padding:0 0 0 11px; margin:0}
#right ul.hallen a{color:#8099B2; text-decoration:none}
	#right ul.hallen a:hover{color:#E97325}
#right p.hallen{margin:0 0 30px 10px; text-align:left}
#right table{font-size:1.1em}
#right td{padding:0 0 0 17px}
#right caption{background:url(images/bg_arrow3.gif) no-repeat 12px 3px; padding:0 0 0 19px; text-align:left}

ul.extranav{position:absolute; top:29px; right:0; width:214px; background:#F9DCC8; padding:2px 5px; font-size:1.1em}
ul.extranav2{width:214px; background:#F9DCC8; line-height:1.4em; height:1.4em; font-size:1.1em; padding:2px 5px}
ul.extranav li, ul.extranav2 li{display:inline; background:none; padding:0; margin:0; color:#A18370}
ul.extranav a, ul.extranav2 a{text-decoration:none; color:#A18370; background:url(images/bg_arrow4.gif) no-repeat 0% 50%; padding:0 0 0 8px}
ul.extranav a:hover, ul.extranav2 a:hover{color:#746055}
    ul.extranav li.erster, ul.extranav2 li.erster{float:left; font-weight:bold}
    ul.extranav li.zweiter, ul.extranav2 li.zweiter{float:right}

#right h2{clear:both; font-size:1.2em; margin:0 0 12px 0}
#right p{font-size:1.2em; margin:0 10px 13px 0}
#right h2.inline, #right p.inline{display:inline}
#right h2.impr{margin:0}
#right a.text{color:#8099B2; text-decoration:none}
	#right a.text:hover{color:#E97325}
#right p.icon{background:url(images/bg_arrow3.gif) no-repeat 0px 3px; padding:0 0 0 8px}
#right h3{font-size:1.1em; color:#033466; line-height:1.8}
#right h3.hallen{
    font-size:1.1em;
    color:#033466;
    background:#E4EBF0;
    margin:0 0 13px 0;
    padding:0 0 0 11px;
    line-height:1.8}
#right h3.hallen img{display:block; margin:0 0 0 -11px}
#right h4{
    font-size:1.1em;
    margin:0 0 0 12px}
/*veranstaltungen besuchen*/
#right #termine{margin:0 0 0 20px} 
#right #termine ul{font-size:1.2em; list-style:none; margin:15px 0 0 0}
#right #termine .hr{margin:20px 0 15px 0}
#right #termine a{color:#8099B2; text-decoration:none}
#right #termine a:hover{color:#E97325}

/*#right #right_left{clear:both; float:left; width:225px; margin:0 30px 0 0}*/
#right #right_left{clear:both; float:left; width:227px; margin:16px 28px 0 0}
#right #right_right{float:left; width:224px; margin:16px 0 0 0}
	
/*Kontaktformular*/
.form_left{clear:both; float:left; width:222px}
.form_right{float:left; width:219px; margin:0 0 0 28px}
.form_clear{clear:both; font-size:0px; line-height:0px; height:0px}
#right #kontakt{margin:20px 0 0 10px}
#right #kontakt label{font-size:1.2em; width:107px; line-height:1.6; float:left; clear:both; padding:0 0 27px 0}
	#right #kontakt label.block{float:none; display:block; padding:0 0 3px 0}
#right #kontakt select, #right #kontakt input, #right textarea{font-family:arial, helvetica, "trebuchet ms", tahoma, verdana, sans-serif; color:#575757; border:1px solid #999999; font-size:1.2em; padding:2px}
#right #kontakt select, #right #kontakt input{float:right; color:#575757; margin:0 0 27px 0}
#right #kontakt input{width:100px}
#right #kontakt select{width:106px}
#right #kontakt textarea{width:463px}
#right #kontakt input.button{border:none; float:none; width:auto; color:#A18370; background:#F9DCC8 url(images/bg_arrow4.gif) no-repeat 5px 50%; padding:2px 2px 2px 12px; margin:7px 10px 0 0}
	#right #kontakt input.button:hover{color:#746055; cursor:pointer}
p.error{clear:both}
p.error strong{color:red}
img.errorimg{display:inline}
p.success{padding:0 0 0 10px}

/*sitemap*/
#right ul#sitemap {margin:20px 0 0 0; position:relative; font-size:1.1em}
#right ul#sitemap h4{margin:0; font-size:1.2em}
#right ul#sitemap h4.top{font-weight:normal}
#right ul#sitemap li{list-style:none}
#right ul#sitemap li.h3{border-bottom:1px solid #E0E0E0; margin:0 0 17px 0; padding:0 0 17px 0}
#right ul#sitemap li.last{border:none}
#right ul#sitemap h3{line-height:1.2; color:#575757; text-transform:uppercase; margin:0 0 17px 0} /*erste ebene*/
#right ul#sitemap li.h3 li{font-weight:normal; background:url(images/bg_arrow3.gif) no-repeat 0em .5em; margin:2px 0 0 0; padding:0 0 0 8px}
#right ul#sitemap li.h3 li li{padding:0 0 0 8px; margin:2px 0 0 8px; background:url(images/bg_arrow3.gif) no-repeat 0em .5em; font-size:1.2em}
#right ul#sitemap a{text-decoration:none; color:#575757}
#right ul#sitemap a:hover{color:#E97325}

/*************** HRS-FORM **************/
form#hrs_form{
	width:248px;
	border:1px solid #8EB3D2;
	background:url(images/hrs-logo.gif) no-repeat 2px 2px;
	font-family:Verdana, Helvetica, sans-serif;
	color:#000033;
	margin:20px 0 0 0}
form#hrs_form #main{
	background:#DFEAF6 url(images/hrs-ecke.gif) no-repeat bottom right;
	margin:21px 2px 2px 2px;
	padding:7px 0 11px 2px;}
form#hrs_form a#hrs_link{
	margin:4px 0 0 9px;
	width:82px;
	height:33px;
	display:block}
form#hrs_form label{line-height:2em; font-size:.9em; display:block}
form#hrs_form label img{line-height:2em; font-size:.9em; display:inline !important}
form#hrs_form input{
	border:1px solid #8EB3D2;
	color:#000033;
	display:block;
	font-size:.9em;
	font-family:Verdana, Helvetica, sans-serif;
	padding:1px 0 2px 0}
form#hrs_form input.hrs_location{width:168px}
form#hrs_form input.hrs_date{width:68px}
form#hrs_form input.hrs_noscript_shortdate, form#hrs_form input.hrs_noscript_longdate{width:auto; display:inline !important}
form#hrs_form input.hidden{display:none}
form#hrs_form input#suche{
	margin:6px 5px 0 57px;
	border:none}
form#hrs_form #links{
	float:left;
	width:170px;}
form#hrs_form #rechts{
	float:left;
	width:54px;
	margin:0 0 0 13px;
	display:inline}
form#hrs_form #rechts input{width:14px}