/* ######################################################################################################
** ### ehem.  inv_base.css  #######################################################################################
** ######################################################################################################
*/
@media all
{
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding:0} 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left:.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height:100% } 
	body { 
		min-height:101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size:100.01%; 	
	/* FIX:Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position:relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color:#FFF;        
		background:#000;
		text-align:left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0}
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size:99% }
	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

	#eu-erstinfovvg-glass{position:fixed;width:100%;height:100%;z-index:999;top:20px;left:20px;right:-20px;overflow:scroll;}

	#eu-erstinfovvg-content{position:relative;background-color:#292929;padding-left:20px;padding-right:20px;padding-bottom:20px;margin:20px;box-shadow:4px 4px 25px #888;font-size:1em;}

	#header { position:relative }

	#topnav {
		position:absolute;
		top:10px;
		right:10px;
		color:#FFF;
		background:transparent;
		text-align:right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}

	
	#nav { clear:both; width:auto}
	#main {	clear:both; width:auto}
	
	
	#col1 {
		float:left;
		width:200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width:200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col3
	{
		width:auto;
		margin-left:200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right:200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	/*# footer { clear:both}	Backup für IE-Clearing */

	#footer { 
	clear:right; /* wg IE 8 */
	overflow:hidden;
	line-height:2em;
	padding-top:10px; 
	color:#888; 
	background:#F4F4F4; 
	text-align:center;
	border-top:1px solid #f9f9f5;
	border-bottom:1px solid #f9f9f5}

	#footer li,  #topnav li { display:inline; font-size:.93em;  }
	
	#topnav .dot, #footer .dot { 	
	position:relative;
	margin:0 -1em 0 .5em}

	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index:3}
	#col2 {z-index:5}
	#col3 {z-index:1}
	#col1_content {z-index:4}
	#col2_content {z-index:6}
	#col3_content {z-index:2}
	
	#col1_content, #col2_content, #col3_content { position:relative}

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display:block} 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden}
	
	/* IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display:none }

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der 
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear:both; 
		float:left; 
		content:"."; 
		display:block;  
		height:0; 
		line-height:0; 
		visibility:hidden; 
		border:0; 
		padding:0;
		margin:-1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul,ol,dl{margin:0 0 1em 1em}
	li{margin-left:1.5em; line-height:1.5em}
	li:before{content:"\274F\00A0\00A0"; font-size:.8em; color:#FFFFC8}

	/* den before - content in allen anderen Listen entfernen */
	#nav_main li:before,
	
	#menuwrapper a:before,
	#submenu li a:before,
	#submenu li ul li a:before,
	#submenu li ul li ul li a:before,
	#submenu li ul li ul li ul li a:before,
	#submenu li:before,

	#footer li:before,#footer li:before,

	#list li:before,
		
	ol li:before,
	.pdf:before,
	.linklist li:before,
	.sitemap li:before,
	.suggestionList li:before
	{content:""}
	
	dt { font-weight:bold}
	dd { margin:0 0 1em 2em}
	
	cite { margin:0 0 1em 1.5em; font-size:.93em; width:auto}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width:100%;
		padding:0 1px 0 1px; 
		margin:0 -1px 0 -1px; 
		overflow:hidden}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float:left; overflow:hidden}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float:right; overflow:hidden}
	
	.c25l, .c25r { width:24.999%}
	.c33l, .c33r { width:33.333%}
	.c50l, .c50r { width:49.999%}
	.c66l, .c66r { width:66.666%}
	.c75l, .c75r { width:74.999%}
	.c38l, .c38r { width:38.196%} /* Goldener Schnitt */
	.c62l, .c62r { width:61.803%} /* Goldener Schnitt */
	
	.subc  { padding:0 .5em 0 .5em; overflow:hidden}
	.subcl { padding:0 1em 0 0; overflow:hidden}
	.subcr { padding:0 0 0 1em; overflow:hidden}
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip,.hideme,.print {
position:absolute;
top:-1000em;
left:-1000em;
height:1px;
width:1px}

.skip:focus,.skip:hover,.skip:visited:active {
position:static;
top:0;
left:0;
height:auto;
width:auto}

/* ######################################################################################################
** ### ehem.  inv_basemod.css  ####################################################################################
** ######################################################################################################
*/
/* Formatierung der Seite */
body { background:#99a; padding:10px}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border:1px #667 solid; background:#292929}
#page_margins {border:1px #889 solid; min-width:756px; max-width:100em; margin:auto}

/* Formatierung der Kopfbereiches */
#header { height:140px; color:#FFF; background:#660000 url(../../img/headerbg.png)  repeat-x top; /**/ }
#header img {margin:48px 0 0 40px; font-size:208%}

/* Formatierung der Kopfbereiches */
#toptitel { position:absolute; top:-55px; left:52px; color:#000; /* background:transparent; */ text-align:left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */ }

/* Formatierung der Fußzeile */
#footer { color:#ECECEC; background:#3f3f3f; margin:1em; padding:1em 0 0 1em; border-top:1px #ddd solid; line-height:2em}
#footer .block1 {float:right;  width:auto; margin-right:2px}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background:#292929 ; padding:1em 0}

/* linke Spalte */
#col1 {        width:22.5%}
#col1_content { margin-left:1em; margin-right:1em; color:#444; background:inherit}

/* Rechte Spalte */
#col2 {        width:280px}
#col2_content {        margin-left:1em; margin-right:1em}

/* Mittlere Spalte */
#col3
{
        margin-left:22.5%;
        margin-right:280px;
        border-left:1px dotted #666;
        border-right:1px dotted #666}

#col3_content { margin-left:1em; margin-right:1em}


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {
        margin:0em 1em 0em 1em;
        background:#3f3f3f;
        border-bottom:1px #ccc solid;
        padding:.5em 0em 0em 30px;
        color:#FFF}

#teaser div { width:auto; margin-right:1em}
#teaser .block1 {float:left; width:70%; padding-top:0em}
#teaser .block2 {float:right; width:auto; padding-top:3.0em}

#teaser .block2 .title {
        font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
        display:block;
        font-size:1.2em;
        font-weight:bold;
        color:#336699;
        background:inherit;
        margin:0 0 .5em 0}


/* ######################################################################################################
** ### ehem.  nav_shinybuttons.css  ##################################################################################
** ######################################################################################################
*/
#nav_main {
    width:100%;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
    background:#b8b8b8 url("gfx/shiny_buttons/background.gif") repeat-x center right;
    border-top:1px #333 solid; 
    border-bottom:1px #333 solid;
    line-height:0;
	overflow:hidden;
    display:inline}

#nav_main ul {
    /*float:left;*/
    display:block;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding:0;
    margin-left:30px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
    margin-right:30px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
    border-left:1px #aaa solid; 
    border-right:1px #FFF solid}

#nav_main ul li {
    float:left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;
    padding:0;
    font-size:1em;
    line-height:1em;
    list-style-type:none;
    border-left:1px #FFF solid;
    border-right:1px #aaa solid}

#nav_main ul li a {
    display:block;
    width:auto;
    font-size:1em;
    font-weight:bold;
    margin:0;
    padding:.5em .8em .5em .8em}

#nav_main ul li a:link, 	
#nav_main ul li a:visited 	{ background:transparent; color:#000; text-decoration:none; border-bottom:0}
#nav_main ul li a:hover 	{ background:#660000; color:#FFF; text-decoration:none; border-bottom:0}
#nav_main ul li a:active,
#nav_main ul li a:focus 	{ background:transparent; color:#660000; text-decoration:none; border-bottom:0}

#nav_main ul li#current { 
    border-left:1px #444 solid; 
    border-right:1px #888 solid;
    background:transparent url("gfx/shiny_buttons/background_active.gif") repeat-x center right;	
}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
    color:#FFF;
    background:transparent;
    text-decoration:none}


/* ######################################################################################################
** ### ehem.  inv_nav_vlist.css  #####################################################################################
** ######################################################################################################
*/
#menuwrapper {
float:right;
width:10.5em;
margin-top:-1em;
padding:0 1.5em 0 0}

#menuwrapper a:visited:after,
#submenu li a:visited:after,
#submenu li ul li a:visited:after,
#submenu li ul li ul li a:visited:after,
#submenu li ul li ul li ul li a:visited:after {
content:"\00A0\221A"}

#submenu {
width:100%;
overflow:hidden;
border-top:2px #F4F4F4 solid;
border-bottom:2px #F4F4F4 solid;
margin:2.4em 0 1.5em
}

#submenu a {
display:block;
text-decoration:none
}

#submenu li span {
display:block;
width:90%;
background-color:#3F3F3F;
color:#f4f4f4;
font-weight:700;
border-bottom:1px #F4F4F4 solid;
padding:4px 0 4px 10%}

#submenu li a {
width:90%;
font-weight:700;
background-color:#3F3F3F;
color:#f8f8f8;
border-bottom:1px #EEE solid;
padding:4px 0 4px 10%}

#submenu li ul {
margin:0;
padding:0
}

#submenu li ul li a {
width:90%;
background-color:#3F3F3F;
color:#f8f8f8;
border-bottom:1px #DDD solid;
padding:4px 0 4px 10%}

#submenu li#title {
width:90%;
font-weight:700;
background-color:#3F3F3F;
color:#f8f8f8;
border-bottom:4px #888 solid;
padding:4px 0 4px 10%}

#submenu li#active {
width:90%;
font-weight:700;
background-color:#3F3F3F;
color:#D0CEEE;
border-bottom:1px #DDD solid;
padding:4px 0 4px 10%}

#submenu li ul li#active {
width:80%;
font-weight:700;
background-color:#3F3F3F;
color:#D0CEEE;
border-bottom:1px #F4F4F4 solid;
padding:4px 0 4px 20%}

#submenu li,#submenu li ul li {
float:left;
width:100%;
margin:0}

#submenu li {
padding:4px 0 4px 0%}

#submenu li ul li {
padding:4px 0 4px 10%}

#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active,
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active,
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active {
background-color:#660000;
color:#FFF
}

#submenu li a:visited,
#submenu li ul li a:visited,
#submenu li ul li ul li a:visited  {
background-color:#3F3F3F;
color:#FFF;
font-weight:400
}

#submenu li a:visited:hover,
#submenu li ul li a:visited:hover,
#submenu li ul li ul li a:visited:hover {
background-color:#660000;
color:#FFF;
font-weight:700
}

#menuwrapper {
float:right;
width:10.5em;
margin-top:-1em;
padding:0 1.5em 0 0
}

#menuwrapper a:visited:after,
#submenu li a:visited:after,
#submenu li ul li a:visited:after,
#submenu li ul li ul li a:visited:after,
#submenu li ul li ul li ul li a:visited:after,
#submenu li ul li ul li ul li ul li a:visited:after {
content:"\00A0\221A"
}

/* ######################################################################################################
** ### ehem.  inv_content.css  #####################################################################################
** ######################################################################################################
*/
body { color:#FFF; font-size:85%; font-family:Arial, 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif} /* 13px */
h1,h2,h3,h4 { font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal}

h1 {font-size:1.1em; color:#D0CEEE; margin:.4em 0 .5em 0; padding-top:1.5em; border-bottom:1px #ccc solid; font-weight:bold}
h2 {font-size:1em; color:#D0CEEE; margin:.4em 0 .5em 0; padding-top:1.5em; border-bottom:0 #ddd solid; font-weight:bold}
h3 {font-size:1em; color:#D0CEEE; margin:.4em 0 .3em 0; padding-top:1.5em; font-weight:bold}
h4 {font-size:1em; color:#D0CEEE; margin:0 0 .30em 0; padding-top:1em; font-weight:bold; border-bottom:1px #ddd solid}
h5 {font-size:1em; color:#D0CEEE; margin:0 0 .30em 0; font-style:italic}
h6 {font-size:1em; color:#D0CEEE; margin:0 0 .30em 0; font-style:italic}

#teaser h1 { font-size:1.2em; border:0}

p,ul,dd,dt { line-height:1.5em}
p {text-align:justify ; line-height:1.5em; margin:0 0 1em 0}

objekt { width:100%; min-height:100%;}

.iframe { 
	background-color:transparent;
	width:95%; 
	height:100%;
	padding:15px;
	margin:15px;
	min-height:1300px;
	
   -moz-border-radius:12px;
   -webkit-border-radius:12px; 
   border-radius:12px; 

   -moz-box-shadow:4px 4px 14px #000; 
   -webkit-box-shadow:4px 4px 14px #000; 
   box-shadow:4px 4px 14px #000;}
   
strong,b { font-weight:bold}
em,i { font-style:italic}
pre, code { font-family:"Courier New", Courier, monospace}
address { font-style:normal; line-height:1.5em; margin:0 0 1em 0}

hr {
        color:#FFF;
        background:transparent;
        margin:0 0 .5em 0;
        padding:0 0 .5em 0;
        border:0;
        border-bottom:1px #ccc solid}

acronym, abbr {
        letter-spacing:.07em;
        border-bottom:1px dashed #C0FFC0;
        cursor:help}

/* ### Bildpositionierung ############################################################################ */

img.float_left { float:left; margin-right:1em; margin-bottom:.15em; border:0}
img.float_right { float:right; margin-left:1em; margin-bottom:.15em; border:0}
img.center { text-align:center; background:transparent; padding:0; border:0px #ddd solid}
img.framed {padding:3px; border:1px #ddd solid; background:#f4f4f4 }

/* ### Auszeichnung Überschriften - Header ######################################################## */

#toptitel h1 {font-size:1.5em; font-weight:bold; color:#FFFFEE; border:0; text-shadow:#DFDFDF .1em .1em .2em}
#toptitel {font-family:Helvetica; font-size:1.5em; font-weight:bold; color:#FFFFEE; border:0;text-shadow:#DFDFDF .1em .1em .2em}

.nav_bread_link			{ color:#FFFFBA;	font-size:1.3em; 	font-weight:bold;	text-decoration:none;} 
.nav_bread_link:hover	{ color:#FFFFBA;	font-size:1.3em; 	font-weight:bold;	text-decoration:none;}

/* ######################################################################################################
** ### Auszeichnung lokaler und Externer Links ########################################################################### 
** ######################################################################################################
*/

a:link { color:#FFFFC8; text-decoration:underline}
a:visited { color:#F4F4F4; border-bottom:1px dashed #F4F4F4; text-decoration:none}
a:hover { color:#FFFFC8; text-decoration:none; }
a:active,
a:focus { color:#FFFFC8; text-decoration:none; border-bottom:0}
a:active,
a:focus { background:#3F3F3F}


#topnav a:link { color:#FFF; text-decoration:none; font-weight:normal; background:transparent}
#topnav a:visited { color:#FFF; border-bottom:1px dashed #FFF; text-decoration:none}
#topnav a:hover,
#topnav a:active,
#topnav a:focus { color:#FFF; text-decoration:underline; border-bottom:0; background-color:transparent}

#topnav a:active,
#topnav a:focus { background-color:transparent}

#nav #nav_bread a:link {color:#FFFFBA; text-decoration:underline}
#nav #nav_bread a:visited { color:#F4F4F4; border-bottom:1px dashed #F4F4F4; text-decoration:none}
#nav #nav_bread a:hover,
#nav #nav_bread a:active,
#nav #nav_bread a:focus { color:#FFFFBA; text-decoration:none; border-bottom:0}

#nav #nav_bread a:active,
#nav #nav_bread a:focus { background:#eef}

#footer a:link { color:#F4F4F4; text-decoration:underline; font-weight:normal; background:transparent}
#footer a:visited { color:#F4F4F4; border-bottom:1px dashed #F4F4F4; text-decoration:none}
#footer a:hover,
#footer a:active,
#footer a:focus { color:#F4F4F4; text-decoration:none; border-bottom:0; background-color:transparent}

#footer a:active,
#footer a:focus { background-color:transparent}

.block1 , .readmore{ 
font-size:90%; 
float:right; 
width:auto;  
height:auto; 
margin-right:1em; 
margin-bottom:1em}

a.readmore:link, 
a.readmore:visited {
	color:#FFFFC8;
	border:solid 1px #DDD;
	padding:5px 10px 5px 10px;
	display:inline-block}

 a.readmore:hover,
 a.readmore:active,
 a.readmore:focus {
  background:#600;
  color:#FFFFC8}

.center { text-align:center}

#col2 a[href^="http:"]:before,#col2 a[href^="https:"]:before,
#col3 a[href^="http:"]:before,#col3 a[href^="https:"]:before{content:"\21B7\00A0"; font-size:1.2em; font-weight:bolder; color:#660000}
#col2 a[href^="mailto:"]:before,#col2 a[href^="mailto:"]:before,
#col3 a[href^="mailto:"]:before,#col3 a[href^="mailto:"]:before{content:"\2709\00A0"; font-size:1.2em; font-weight:bolder; color:#660000}

#main a.imagelink {padding-left:0; background:transparent}
#main a.imagelink:before {content:""}

/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
input, textarea, select, option {
		width:auto;
		border:1px #ccc solid;
		background:#3F3F3F;
		padding:3px;
		color:#F0F0F0;
		font-size:100%; font-family:Arial, 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif}

.fehler {
		width:auto;
		border:3px #600000 solid;
		background:#3F3F3F;
		padding:3px;
		color:#FFFFC8;
		font-size:100%; font-family:Arial, 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif}


input[type=text]:focus, input:focus, textarea:focus, select:focus, option:focus {
				background:#3F3F3F;
				border:1px #FF0000 solid;
			/*	border-color:#FF0000 #B8FFB8 #FF0000 #B8FFB8; */
				color:#FFFFC8;
				font-size:100%; font-family:Arial, 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des Standard-Layouts #################################################
** ######################################################################################################
*/
.formsubmit, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	display: inline-block;
	white-space: nowrap;
	background-color: #CCC;
	background-image: -webkit-linear-gradient(top,#EEE,#CCC);
	background-image: -moz-linear-gradient(top,#EEE,#CCC);
	background-image: -ms-linear-gradient(top,#EEE,#CCC);
	background-image: -o-linear-gradient(top,#EEE,#CCC);
	background-image: linear-gradient(top,#EEE,#CCC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#cccccc');
	border: 1px solid #777;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset,0 1px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset,0 1px 0 rgba(0, 0, 0, .15);
	color: #333!important;
	cursor: pointer;
	font: normal 1em/2em Arial,Helvetica;
	margin: .4em .4em .2em 0;
	padding: 0 1.5em;
	overflow: visible;
	text-decoration: none!important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	height: 1.8em;
    line-height: 1.8em;
}

.formsubmit:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background-color:#ddd;
	background-image:-webkit-linear-gradient(top,#fafafa,#ddd);
	background-image:-moz-linear-gradient(top,#fafafa,#ddd);
	background-image:-ms-linear-gradient(top,#fafafa,#ddd);
	background-image:-o-linear-gradient(top,#fafafa,#ddd);
	background-image:linear-gradient(top,#fafafa,#ddd);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#dddddd');
}

.formsubmit:active, 
input[type="button"]:active, 
input[type="reset"]:active, 
input[type="submit"]:active {
	background-color:#bbb;
	background-image:-webkit-linear-gradient(top,#ccc,#bbb);
	background-image:-moz-linear-gradient(top,#ccc,#bbb);
	background-image:-ms-linear-gradient(top,#ccc,#bbb);
	background-image:-o-linear-gradient(top,#ccc,#bbb);
	background-image:linear-gradient(top,#ccc,#bbb);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc',EndColorStr='#bbbbbb');
	box-shadow:2px 2px 3px rgba(0,0,0,.2) inset;
	position:relative;top:1px;
}


.formsubmit:focus,
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
	outline:0;
	background:#fafafa;
	text-decoration: none;
}

.formsubmit:after {
	position:relative;
	background:#ccc;
	background:rgba(0,0,0,.1);
	width:1em;
	text-align:center;
	font-size:1.3em;
	margin: 0em -1.2em 0em 1em;
	padding: .1em .2em .1em .2em;
	-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.5);
	box-shadow:0 0 1px 1px rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: 0 .15em .15em 0;
	-webkit-border-radius: 0 .15em .15em 0;
	border-radius: 0 .15em .15em 0;
	pointer-events:none;
	text-decoration: none;
}

.add:after{content:"\25B2"}
.sub:after{content:"\25BC"}
.edit:after{content:"\270E"}
.next:after{content:"\279C"}
.play:after{content:"\25B6"}
.save:after{content:"\2714"}


/* ###  Textformatierungen ################################################################## */

/* WICHTIG */
.wichtig { font-size:1em; color:#FFF; background-color:#660000; border:1px #fcc solid; padding:.5em; margin-bottom:.5em}
/* HINWEIS */
.hinweis { font-size:1em; color:#FFF; background-color:#660000; border:1px #660000 solid; padding:.5em; margin-bottom:.5em}
.hinweis h1 { font-size:1em; color:#FFF; font-weight:bold}
.klein {text-transform:lowercase}
.gross {text-transform:uppercase}
.capital {text-transform:capitalize}
.font { font-family:Albertus; font-size:150%}
	  
/* Beispieldateien */
p.demo { background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom:.5em}

/* Navigation am Seitenende */
p.navlink { background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:.5em}
p.navlink a { color:#353}
p.navlink a:hover { font-weight:bold; background:transparent}


blockquote {
		font-size:1em;
        color:#FFF;
        background:#3F3F3F;
        border:1px #ddd solid;
        border-left:8px #ddd solid;
        padding:1em 1em .5em 1em;
        margin:0 0 .5em 1em}

/* Ungeordnete Listen mit Listenpunkt */
ul{list-style-type:none}

/* Ungeordnete Listen mit pdf-Symbol */
ul.pdf{list-style-image:url(/img/icons/pdf.gif)}
ul.pdf li{text-align:justify ; margin:1.5em 1.5em 1.5em 2.5em}

/* Ungeordnete Listen ohne Listenpunkt */
ul.linklist{list-style-type:none; margin:0 0 .2em 0}
ul.linklist li{font-size:1em; margin:0 0 .2em 0}

ul.sitemap{list-style:none; line-height:1em; margin:1.5em 2.5em; padding-left:0; background:none}
ul.sitemap li{font-size:1em; margin:.5em 2.5em}

/* Ungeordnete Listen mit Listenpunkt */
ol li{margin:1.1em 0 0 1em}

/* Auszeichnungen für Bilder & Rahmen */

.ii {
margin-left:5px;
float:right;
background:#efefef}

.ii img {
position:relative;
top:-1px;
left:-5px;
background:#FFF;
border:1px solid #ccc;
padding:4px}

.r {
float:right;
margin:0 0 3px 15px}

/* Auszeichnungen für Code, Dateien, Verzeichnisse */
.file {
padding-left:20px;
background-image:url('/img/icons/file.gif');
background-repeat:no-repeat;
background-position:.45em}

.pdf {
padding-left:30px;
background-image:url('/img/icons/pdf.gif');
background-repeat:no-repeat;
background-position:.45em}

pre, code {
        display:block;
        margin:0 0 1em 0em;
        font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-size:.95em;
        font-style:italic;
        text-align:justify;
        padding:.5em;
        color:#FFF;
        background:#505050;
        /* border:1px #ccd solid; */
        border-left:8px #ccd solid}

/* ######################################################################################################
** ### Standard-Formatierungen für Navigation ######################################################
** ######################################################################################################
*/  
	#nav_bread ul 	{ list-style:none; margin:0 0 0 -40px}
	#nav_bread ul  li 	{ float:left; position:relative}

	ul#list li .formsubmit {
	display:inline;
	float:left;	
	padding: 1px 10px;
	margin: 0 0 10px 1px}
	
	ul#list {
	font-size:.865em;
	font-weight:700;
	margin:0 auto
	}
/* ### Bauspar-Tabellen ########################################################## */

table.bsp {
	border-collapse:collapse;
	border:1px dotted #aaa;
	text-align:left;
	margin:0 0 30px 0;
	width:100%}
		
table.bsp tr:nth-child(odd) { 
	background:#505050}
table.bsp tr:nth-child(even) {
	background:#3F3F3F}
table.bsp tr:hover td {
	color:#FFFFC8}

table.bsp td,
table.bsp th {
        padding:5px 8px 5px 8px;
        border-top:1px dotted #aaa;
        border-right:1px dotted #aaa }
		
table.bsp .col1 { width:275px}		
table.bsp .col2 { width:150px}		
table.bsp .col3 { width:150px}		
table.bsp .col4 { width:150px}		

/* ### Moped-Tabellen ########################################################## */

table.mop {
	border-collapse:collapse;
	text-align:left;
	margin:0 0 30px 0;
	width:80%}
	
table.mop caption {
	background:#3D3D3D;
	color:#D0CEEE;
	margin:0 0 1px 0;
	padding:6px 6px 6px 6px;
	text-align:left}

table.mop tr:nth-child(odd) { 
	background:#505050}
table.mop tr:nth-child(even) {
	background:#3F3F3F}
table.mop tr:hover td {
	color:#FFFFC8}
	
table.mop td, table.mop th {
	min-width:120px;
	padding:4px 8px;
	vertical-align:top}
table.mop th {
	border-bottom:2px solid #DB0202;
	color:#FFFFC8;
	height:15px}
table.mop td {
	border-bottom:1px solid #CCC}
	
.mop_hinweis {font-size:.6em; color:#888}	

/* ### Gesellschaften-Tabellen ########################################################## */

table.ges {
	width:90%}

table.ges td, table.ges th {
	min-width:150px}
	
#main table.ges a {
        padding-left:0;
        background:transparent}	

/* ### Bedarf-Tabellen ########################################################## */

table.bed {
        border-bottom:0 dotted #aaa;
        border-left:0 dotted #aaa
        }
table.bed td {
        padding:5px 8px 5px 8px;
        border-top:1px dotted #aaa;
        border-right:0 dotted #aaa
        }
table.bed th {
        color:#000;
        background:#F4F4F4;
        padding:5px 8px 5px 8px;
        border-top:1px dotted #aaa;
        border-right:0 dotted #aaa
        }
/* ### Beitrags-Tabellen ########################################################## */

table.bei {width:100%;
                font-size:1em;
        border-bottom:0 dotted #aaa;
        border-left:0 dotted #aaa
        }
table.bei td {
                width:80%;
        padding:0 0 0 0;
        border-top:0 dotted #aaa;
        border-right:0 dotted #aaa
        }
table.bei th {
        color:#000;
        background:#F4F4F4;
        padding:5px 8px 5px 8px;
        border-top:0 dotted #aaa;
        border-right:0 dotted #aaa
        }
/* ### Beitrags-Rechnungszins ######################################################### */

table.zins {width:100%;
                font-size:1em;
        }
table.zins td,
table.zins th {
        width:60%;
        padding:4px 3px 4px 3px;
        }
	
/* ### Download-Box ################################################################ */

.bluebox {
        color:#000;
        background:#f0f0f4; padding:2px; border:4px #ccd solid;
        text-align:left;
        padding:4px 0 4px 15px;
        margin-bottom:1em}

.bluebox h5 { font-size:140%; color:#D0CEEE; font-weight:normal; font-style:normal; padding:0 8px 0 5px}
.bluebox p { padding:0 8px 0 5px}

div.dl_button        {
        width:220px;
        min-height:50px;
        text-align:left;
        padding-bottom:20px;
        /*background-image:url(/img/dl_button.gif);*/
        background-position:bottom}

div.dl_button a {
        display:block;
        width:100%;
        min-height:30px;
        text-align:left;
        /*background:url(/img/dl_button.gif);*/
}

div.dl_button a:hover { text-decoration:none}

.dl_button a strong {display:block; padding:17px 5px 0 20px; color:#448; font-weight:bold; font-size:100%; text-decoration:underline}
.dl_button span.version {display:block; padding:0 5px 0 20px; color:#666; font-weight:normal; font-size:85%}

/* ### Ausgabe Kundenmeinungen ###################################################### */

div.gb              { margin:0 0 20px 0; padding:0; border:1px solid #D0CEEE; line-height:19px}
div.gb-author       { margin:0; padding:1px 10px 1px 10px; border-bottom:1px solid #F4F4F4; background:#3F3F3F}
p.gb-author-left    { margin:0; float:left}
p.gb-author-right   { margin:0; text-align:right}
div.gb-entry        { margin:10px; padding:0}
p.gb-browse         { text-align:right; font-weight:bold}
p.gb-admin-buttons  { margin:5px 0 0 0; text-align:right}
.caution            { color:red; font-weight:bold}
.small              { font-size:.7em; line-height:16px}
.comment            { margin:10px 0 0 0; color:#D8D8D8; font-style:italic}

/* ### Ausgabe Tarife - tabellarische Darstellung #################################### */

div.akt              { margin:0 0 5px 0; padding:0; border:1px solid #D0CEEE; line-height:19px}
div.akt-tarif        { margin:0; padding:1px 10px 1px 10px; border-bottom:0 solid #F4F4F4; background:#3F3F3F}
p.akt-tarif-left     { margin:0; float:left}
p.akt-tarif-right    { margin:0; text-align:right}
div.akt-entry        { margin:0; padding:4px 0 4px 10px; background:#660000}

/* ### Lieferanschrift ein-/ausblenden ############################################### */

.none {display:none}

/* ### selectbox für Fahrzeug-Art einfärben ########################################## */

.mofa		{color:#202020; background:#EEEFFF; /* #C0FFC0; */ }
.mokick		{color:#202020; background:#DCDCDC; /* #FFFFC0; */ }
.moped		{color:#202020; background:#DDDDDD; /* #FFC0C0; */ }
.roller		{color:#202020; background:#DFDFDF; /* #DCDCDC; */ }
.goped		{color:#202020; background:#FFEEEE; /* #C0FFFF; */ }
.segway		{color:#202020; background:#DCDCDC; /* #C0FFC0; */ }
.drei		{color:#202020; background:#DDDDDD; /* #FFC0FF; */ }
.vier		{color:#202020; background:#DFDFDF; /* #C0C0FF; */ }
.kranken	{color:#202020; background:#EEFFEE; /* #C0FFFF; */ }

/* ######################################################################################################
** ### Standard-Formatierungen für Suchergebnisse ######################################################
** ######################################################################################################
*/
	.red 	{color:#80FFFF}
	.green 	{color:#C0FFC0}
	.blue 	{color:#FFFFBA}
	.grey 	{color:#FFF}
	.small 	{font-size:.95em; text-align:justify}	

}

/* ######################################################################################################
** ### ehem.  inv_basemod_2col_left.css  ##############################################################################
** ######################################################################################################
*/

@media screen
{
#main { padding-top:0}
#teaser { border-top:1em #292929 solid}
/* linke Spalte */
#col1 {        width:22.5%}
/* Rechte Spalte */
#col2, #col2_content { display:none}
#col3 { margin-left:22.5%; margin-right:0}
}

/* ######################################################################################################
** ### ehem.  accesskey.css  ######################################################################################
** ######################################################################################################
*/
#acc * {
border:0
}

#acc {
width:11.8em;
font-family:verdana,arial,helvetica,sans-serif;
font-size:1em;
text-align:center;
line-height:1.1em;
margin:0;
padding:30px 0 50px 50px
}

#acc li {
border:1px solid #6F6F6F;
width:3em;
float:left;
list-style:none;
display:block;
margin:.25em;
padding:0
}

#acc li a:link,#acc li a:visited {
color:#3B69AD;
background:#D6D6C6;
width:1em;
display:block;
text-decoration:none;
padding:.25em 1em
}

#acc li a:focus {
color:#FFF;
background:#555;
font-weight:700;
display:block
}

#acc li a:hover {
color:#FFF;
background:#3B69AD;
font-weight:700;
display:block
}

#acc li a:active {
color:#FFF;
background:#BF0000;
font-weight:700;
display:block
}

#acc .acc-n {
border:1px dotted #D7E9FF;
width:1em;
color:#000;
background:#FFF;
padding:.25em 1em
}

#acc li.acc-logo {
border:1px solid #6F6F6F;
width:6.6em
}

#acc .acc-logo a:link,#acc .acc-logo a:visited {
width:6.5em;
display:block;
color:red;
background:transparent;
letter-spacing:0;
text-decoration:none;
padding:.25em 0 .25em .10em
}

#acc .acc-logo a:hover,#acc .acc-logo a:focus {
background:#D3D3D3;
text-decoration:underline
}

#acc strong {
color:navy;
font-variant:small-caps;
font-weight:700
}

#acc strong em {
color:red;
font-style:italic;
letter-spacing:0
}

#acc span {
width:0;
position:absolute;
left:-1000px;
top:-1000px;
height:0;
overflow:hidden
}

/* ######################################################################################################
** ### ehem.  print.css  #########################################################################################
** ######################################################################################################
*/

@media print
{
body * {font-size:12pt; font-family:"Arial", serif; height:auto; page-break-after:avoid; page-break-before:avoid;   }
blockquote { font-family:"Arial", serif}
code.css, code.xhtml, em.file { font-family:"Arial","Courier New", Courier, mono}

h1 {font-size:16pt; font-weight:bold; color:#336699;  background:inherit;  margin:.4em 0 .5em 0; border-bottom:1px #ccc solid}
h2 {font-size:14pt; font-weight:bold; color:#666; background:inherit;   margin:.2em 0 .5em 0; padding:.3em}
h3,h4,h5,h6  {font-size:12pt; font-weight:bold; margin:.4em 0 .3em 0}

/* Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
h1,h2,h3,h4,h5,h6 { page-break-after:avoid}

abbr[title]:after, acronym[title]:after { content:'(' attr(title) ')'}

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"],
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
        padding-left:0;
        background-image:none}

a[href]:after {
 content:" <URL:"attr(href)">";
 color:#444;
 background-color:inherit;
 font-style:italic}

/* Umformatierung der Layoutboxen */
#page_margins, #page { min-width:inherit; margin:0; padding:0; border:0}


#topnav 		{display:none}
#toptitel 		{display:none}
#header 		{display:none}
#header img 	{display:none}
#nav_main 		{display:none}
#teaser 		{display:none}
#col1 			{display:none}
#col1_content 	{display:none}


#main 			{margin:0; padding:0}
#col3 			{margin:1em; padding:0; border:0}
#col3_content 	{margin:0; padding:0; border:0}


#acc 	{display:none}
#footer {display:none}

}