html { height: 100%; margin-bottom: 1px;}
hr {margin-top:10px;margin-bottom:10px;}
body {color: #000;text-align: left;font-family:arial,helvetica,times;font-weight:normal;font-size:0.8em;padding:0px 0;}
option, select {padding:1px;}
fieldset, img { border: 0 solid; }
ul, ol, dl { margin: 0 0 1em 1em }
li {margin-left: 0.8em;line-height: 1.5em;}
dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; } 
blockquote { margin: 0 0 1em 0.8em; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

.hlist {width: 98%;overflow: hidden;float: left;display: inline;position:relative;
background: #c0c0c0 url("navigation/images/shiny_buttons/background.png") repeat-x center right;line-height: 0;}
.hlist ul {display: inline;float: left;margin: 0 0 0 50px;padding: 0;border-left: 1px #aaa solid;border-right: 1px #fff solid;}
.hlist ul li {border-left: 1px #fff solid;border-right: 1px #aaa solid;color:#F0F0F0;display: inline;float: left;font-family:arial;font-size: 1.0em;line-height: 1em;list-style-type: none;margin: 0;padding: 0;}.hlist ul li a,
.hlist ul li strong {background: transparent;color: #FFFFFF;display: block;font-family:arial;font-size: 1.0em;margin: 0;padding: 0.5em 0.8em 0.5em 0.8em;text-decoration: none;width: auto;}
.hlist ul li a:focus,.hlist ul li a:hover,.hlist ul li a:active  { background: #9F9F9F; text-decoration: none; }
.hlist ul li.active {background: #272727 url("navigation/images/shiny_buttons/background_active.png") repeat-x center right;border-left: 1px #444 solid;border-right: 1px #888 solid;}
.hlist ul li.active strong,.hlist ul li.active a:focus,.hlist ul li.active a:hover,.hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }


#header {height:82px;position:relative;z-index:1;padding:0 10px 0 10px;border-top: solid 10px #fff;}
#topnav { text-align: right;color: #8F8F8F; background: transparent;position:static;}
#nav { overflow:hidden;}
#nav ul { margin-left:0;border-left:10px solid #fff;}
#header, #nav, #main, #footer { clear:both; }
#col1 { float: left; width: 200px }
#col2 { float:right; width: 200px }
#col3 { width:auto; margin: 0 200px }
#col1_content, #col2_content, #col3_content { position:relative; }
#zeigebild {margin-top:20px;display:none;}

.test{height:50px;background:url('img/ajax-loader.gif') no-repeat 50% 50%;width:100%;position:absolute;}
.test1{margin-top:30px;}

.clearfix:after {content: ".";display: block;font-size:0;height: 0;clear: both;visibility: hidden;}
.clearfix { display: block; }
.floatbox { overflow:hidden; }
#ie_clearing { display: none; }
.subcolumns { width: 100%; overflow:hidden; }
.subcolumns_oldgecko { width: 100%; float:left; }
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: 0; }
.c25l, .c25r { width: 20%; }
.c33l, .c33r { width: 33%; }
.c50l, .c50r { width: 49%; }
.c50l ul, .c50r ul {margin-left:10px;padding-left:0;}
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 90%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 58%;background:#fff;border-left:10px #fff solid; }
.subc  { padding: 0 0.5em;}
.subcl { padding-left:10px;}
.subcl1 {margin-top:10px;}
.subcl2 {padding:0 0 0 10px;height:250px;}
.subcl4 {margin-top:0;padding:10px;margin-right:-20px;}
.subcr1 { padding: 0px 10px 10px 0px;height:200px;overflow:auto;}
.subcr2 { padding: 0 0 0 10px;height:250px;}
.subcr3 { padding:10px;}

.equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {display:table-cell; vertical-align:top;float:none; margin:0; overflow:hidden;}

.skip, .hideme, .print, dfn {position: absolute;left: -1000em;top: -1000em;  }
.skip:focus, .skip:active {position: static;left: 0;top:0;}

.ui-tabs-hide {display: none;}
.ui-tabs-selected a {color:navy;}

.page_margins { margin: 0 auto; }
.page_margins { width: auto;  min-width: 1024px; max-width: 120em;}
.page { padding:0 10px 10px 10px;}

.suche{margin-top:0;margin-bottom:15px;}
#suche{color:#FFFFFF;}
  
.rot {height:60px;background:url("img/Hand.gif");margin:0 10px 0 10px;padding:10px;}
.graublau {height:60px;background: url("img/grau.jpg");margin:0;margin-top:-10px;padding-bottom:20px;color:#00009F;}
.karte{float:right;margin-right:-6px;}
.weiss{height:60px;background:#8F8F8F;margin:0 10px 0 10px;}
.h2a{padding:0px 10px 10px 0;text-align:right;}
.h2b{padding:0px 10px 10px 0;}
.alignleft {float:left; margin:0px 10px 10px 0;}
.alignright{float:right;margin:0px 10px 10px 10px;}

.c50l1 {height:82px;border-top:1px solid #DF0000;border-bottom:1px solid #DF0000;width:60%;}
h1{font-size:1.6em;padding-top:10px;color:#FFFFFF;}
h2 {font-size: 1.3em;margin-top:10px;color:#00009F;}
.h1unten{font-size:1.3em;color:#7F7F7F;padding-top:5px;}
.h2mitte{margin-bottom:5px;}
.h2blau{font-size:1.2em;width:100%;margin-left:-10px;margin-bottom:20px;color:#FFFFFF;background:#5F5F5F;height:17px;padding:5px;margin-top:0;}
.h2rechts{font-size: 1.2em;padding:5px;}
.h2rechts1{font-size:1.2em;padding:5px;width:100%;background:#ACC1CC;color:#fff}
.h2links{font-size:1.3em;margin-top:10px}

#main {margin: 10px 0;color:#4F4F4F; position:relative;z-index:1;float: left; width: 100%;}

.inhalt  p{padding-bottom:10px;}
.inhalt h1{text-align:left;font-size:1.3em;color:#7f7f7f;}
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

.linkshintergrund{background:#EFEFEF url("img/hggrau1.jpg"); color:#4F4F4F;padding-left:10px;clear:both;font-size:0.8em;}
.rechtshintergrund{background:#EFEFEF url("img/hggrau2.jpg");color:#4F4F4F;padding:0 10px 0 0;font-size:0.8em; }
.linkshintergrund ul{padding-left:0;}
.rechtshintergrund ul{padding-left:0;}
.parag{margin-right:190px;margin-top:-20px; }

.clearboth{clear:both;}
.companionr{height:1em;padding-top:16000px;margin-top:-16000px;background:#EFEFEF url("img/hggrau2.jpg");position:relative;}
.companionm{height:1em;padding-top:16000px;margin-top:-16000px;position:relative;}
.companionl{height:1em;padding-top:16000px;margin-top:-16000px;background:#EFEFEF url("img/hggrau1.jpg");position:relative;}
.grau{border-bottom:1px solid #CFCFCF;border-left: 1px solid #CFCFCF;border-right:10px solid #FFFFFF;background:#EFEFEF;margin:0;margin-bottom:20px;}

a:link {font-weight: bold;text-decoration: none;color: #3F3F3F;}
a:visited {font-weight: bold;text-decoration: none;color: #3F3F3F;}
a:hover, a:active {text-decoration: underline;color: #00009F;}
acronym {border-bottom: none;}

#main1 { float: left; width: 100%;}
#col1 { float: left; width: 60%;  margin: 0 0 0 20%}
#col11{ float: left; width: 60%;  margin: 0 0 0 20%}
#col2 { float: left; width: 20%;  margin: 0 0 0 -80%}
#col21{ float: left; width: 20%;  margin: 0 0 0 -80%}
#col3 { float: right; width: 20%; margin-left:-5px;margin-right:0}
#col31{ float: right; width: 20%; margin-left:-5px;margin-right:0}
#col1_content { padding: 0 10px;}
#col11_content { padding: 0 10px;}
#col2_content { padding: 0 10px 0 20px}
#col22_content { padding: 0 5px 0 20px}
#col3_content { padding: 0 20px 0 5px }
#col31_content { padding: 0 20px 0 5px}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			150px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;


}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			130px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			130px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	margin-left:10px;
	
}
.sf-menu a {
	padding: 3px 3px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#666666;
}
.sf-menu li {
	border-top:1px solid #E5E5E5; 
	border-left:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC; 
	font-family:arial,helvetica,times;
	font-weight:bold;font-size:16px;
	padding:5px 5px;
	}
.sf-menu li li {
	background:url('../img/nav.png'); /*#B80A1B;*/border-top:1px #fff solid;border-left:1px #fff solid;width:150px;font-weight:normal;font-size: 12px;
}

.sf-menu li li a, .sf-menu li li a:visited
{
	color:#fff;margin:0;
}

.sf-menu li li li {
	padding:0;border:0;width:350px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:url('../img/shadow.png') #D4D4D4;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {width:160px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	160px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}