/* CSS Document */
/* altes CSS, muss z.Z. noch drin bleiben */


.text_10 {

	line-height: 1.2;

	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.text_11 {

	line-height: 1.2;

	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.text_12 {

	line-height: 1.2;

	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.text_14 {

	line-height: 1.4;

	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.fett_14 {

	line-height: 1.4;

	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}




/* reset - Standardwerte einstellen */
* { margin: 0; padding: 0; }
* html body * { overflow:visible; }
img, fieldset {border: 0;}
hr {margin: .5em 0;}
select, input, textarea { font-size: 99%; font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;
margin: .2em 0 0 0;}
abbr {border-color: #015EA1; border-bottom-style: dotted;border-bottom-width: 1px;cursor: help;}
ul, ol, dl {position: relative;}


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearings via YAML ##########################################################
** ######################################################################################################
*/

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
.floatbox {display:table; width:100%;}
	
/* Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* IE-Clearing: siehe iehacks.css  */
#ie_clearing { display: none }


/* ######################################################################################################
** ### Basisformate ###########################################################
** ######################################################################################################
*/
body {position: relative; min-width: 340px; text-align: left; font-weight: 500; font-size: 100.1%; font-family: 'Verdana regular', Arial, Helvetica, sans-serif; color: #000; background: #ccc; } 


/* Standardelemente */
p,li,td,th,dt,dd { font-size: .75em; font-weight: normal; line-height: 1.375;}
ul { list-style-image: url(/fileadmin/images/spiegelpunkt.jpg); margin-left: 12px; padding-left: 8px; padding-bottom: 15px;}
ul.seitenabstand li strong {display: block; float: left; width: 8em;}
dd { margin-left: 0px; }
td p, th p, td ul, td li, dt p, dd p, li p {font-size: 1em;}
td h3, th h3, dt h3, dd h3, li h3 {font-size: 125%;}

a {color: #015EA1; background: transparent; text-decoration: underline;}
a:visited {color: #919191; background: transparent; text-decoration: underline;}
a:hover, a:focus, a:active {color: #666; background: transparent; text-decoration: none; }

/* muss noch mit "#hauptinhalt" ausgezeichnet werden, da sonst die alte Seite doppelte Absatzabstände macht */
#hauptinhalt p {margin-bottom: 1.375em;}
#hauptinhalt p.ohneBottom {margin-bottom: 0;}

/* im Inhalt gibt es keine h1 
h1 { font-size: 1.5em; }*/

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.125em; font-weight: bold; line-height: 1.25em; margin-bottom: 1em;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: .875em; font-weight: bold; margin-bottom: .5em;}
h4 {font-size: .813em; font-weight: bold; margin-bottom: 0;}

/* seitenübergreifende Zusatzklassen */
.blau {color: #015EA1; background: transparent;}
.grau {color: #9f9da0; background: transparent;}
.red {color: red; background: transparent;}
.abstand {margin-top: 35px;}
.center {text-align: center;}
.right {text-align: right;}
.gross {font-size: .875em;}
.address p {margin-bottom: 0;}

/* Seitenelemente */
#wrapper {width: 960px; margin: 0 auto; background: #fff url(/fileadmin/images/fauxColumn.jpg) repeat-y top left;}
#kopf {width: 100%; height: 100px; text-align: right; background: #fff;}
#wrapInhalt {width: 100%; background: transparent url(/fileadmin/images/vis_logo.jpg) no-repeat 60% 30%;}
#klickpfad {font-size: 90%; padding-top: .5em; margin-bottom: 2em;}

/* Inhaltsbreite fließend, lässt Platz für Navigation*/
#hauptinhalt {margin: 0 0 0 150px; padding: 0 0 0 20px;}
#menue {width: 150px; float:left;}

#mitte {width: 440px; min-height: 360px; float: left; margin-bottom: 2em; padding-right: 20px; }
#rechts {width: 280px; float: left; padding-right: 10px;}
#breit { margin-bottom: 2em; padding-right: 20px;}

ul.tableSub {list-style: none; width: 550px; margin: 0 auto;}
.tableSub li {width: 49.5%; float: left;}

/* Navigation */
#menue ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#menue li  {
display:block; /* die IEs brauchen hier ein display:inline, daher CC */
list-style-image: none;
position:relative; /* hier relative, damit das Untermenue in diesem Bereich dargestellt wird. */
font-size: .813em;
margin: 0;
padding: 0;
z-index:9;
width: 150px;   /*der IE braucht hier eine Breite, um nicht noch schlimmere Wackeleffekte auszulösen */
}

/* unbedingt die Schriftgrößenvererbung unterbrechen */
#menue li li {font-size: 1em;}
#menue li li li {font-size: .938em;}

#menue ul.level1 li img {
position: absolute; top: 0; right: 15px; height: 24px;
}
#menue li a {
margin: 0;
padding: 3px 0 0 8px;
display: block;
line-height: 180%;
color: #fff;
background: #015EA1;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #fff;
}
#menue li a:hover,
#menue li a:active,
#menue li a:focus {
display: block;
color : #fff;
background: #919191;
}
#menue li.space {
margin: 0;
padding: 0;
display: block;
line-height: 180%;
color: #fff;
background: #015EA1;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#menue li.level1active a {
display: block;
line-height: 180%;
color: #fff;
background: #015EA1;
border-bottom: 1px solid #fff;
}
#menue li.level1activeCur a {
display: block;
line-height: 180%;
color: #fff;
background: #919191;
text-align: left;
border-bottom: 1px solid #fff;
margin: 0;
padding: 3px 0 0 8px;
}
#menue li.level1active a:hover,
#menue li.level1active a:active,
#menue li.level1active a:focus,
#menue li.level1activeCur a:hover,
#menue li.level1activeCur a:active,
#menue li.level1activeCur a:focus {
display: block;
color : #fff;
background: #919191;
}

/* Spezialstyle für Kontaktbutton */
#menue li a.id35 {
background: #015EA1 url(images/sonstiges/umschlag_rot1.gif) 90% 1px no-repeat;
}
#menue li.level1active a.id35, #menue li.level1activeCur a.id35,
#menue li a.id35:hover, #menue li a.id35:active, #menue li a.id35:focus,
#menue li.level1active a.id35:hover, #menue li.level1active a.id35:active, #menue li.level1active a.id35:focus,
#menue li.level1activeCur a.id35:hover, #menue li.level1activeCur a.id35:active, #menue li.level1activeCur a.id35:focus
{
background: #919191 url(images/sonstiges/umschlag_rot2.gif) 90% 1px no-repeat;
}

/* 2. Ebene  */
#menue li.level1activeCur ul.level2 li a, #menue li.level1active ul.level2 li a {
display: block;
line-height: 170%;
color: #fff;
background: #015EA1;
margin: 0;
padding: 0 0 0 20px;
}
#menue li.level1activeCur ul.level2 li a:hover, #menue li.level1activeCur ul.level2 li a:focus, #menue li.level1active ul.level2 li a:hover, #menue li.level1active ul.level2 li a:focus {
color: #fff;
background: #919191;
}
#menue li.level1active ul.level2 li.level2activeCur {
display: block;
line-height: 170%;
color: #fff;
background: #919191;
margin: 0;
padding: 0;
}
#menue li.level1active ul.level2 li.level2activeCur a {
display: block;
color: #fff;
background: #919191;
padding-left: 20px;
border-bottom: 1px solid #fff;
}
/* 3. Ebene  */
#menue ul.level2 li.level2active ul.level3 li a,
#menue ul.level2 li.level2activeCur ul.level3 li a {
display: block;
line-height: 170%;
color: #fff;
background: #015EA1;
margin: 0;
padding: 0 0 0 30px;
}
#menue ul.level2 li.level2active ul.level3 li a:hover, #menue ul.level2 li.level2active ul.level3 li a:focus,
#menue ul.level2 li.level2activeCur ul.level3 li a:hover, #menue ul.level2 li.level2activeCur ul.level3 li a:focus {
color: #fff;
background: #919191;
}
#menue ul.level2 li.level2active ul.level3 li.level3activeCur {
display: block;
line-height: 170%;
color: #fff;
background: #919191;
margin: 0;
padding: 0;
}
#menue ul.level2 li.level2active ul.level3 li.level3activeCur a {
display: block;
padding-left: 30px;
color: #fff;
background: #919191;
border-bottom: 1px solid #fff;
}

/* Sitemap */
.tx-flseositemap-pi1 li li {font-size: 100%; line-height: 120%}

/* Fusszeile */
#fuss {clear: both; font-size: 1em; padding: 0 0 .5em 0;}
.text_fuss { clear: both; font-size: .625em; line-height: 1.2em; text-align: center; margin: 0; padding-top: 5px;}

.fuss_wrap {margin: 0 auto; width: 280px;}
p.bild_fuss {position: relative; width: auto; font-size: .875em;}
p.links {float: left; margin: 0; padding: 0;}
p.rechts {float: right; margin: 0; padding: 0;}
p.bild_fuss span {position: absolute; top: -8px; left: 0;}
p.bild_fuss a {color: #015EA1; text-decoration: none; padding-left: 45px;}
p.bild_fuss a:hover, p.bild_fuss a:active, p.bild_fuss a:focus { text-decoration: underline; }