/* layout definitions */

body {
	background-color: #fff;
    	margin:0;
    	padding:0;
}
html, body{
    	font-size: 76%;
    	font-family:arial, helvetica, sans-serif;
    	color:#000;
}
body{
    	font-size:1em;
    	/* line-height:1.3em; */
}
#logo_de {
	position: absolute;
	top: 23px;
	/* background-image: url(/logo.jpg); */
        background-image: url(../images/rav_logo_de.gif);
 	background-repeat: no-repeat;
 	width: 250px;
 	height: 84px;
 	z-index: 550;
}
#logo_fr {
	position: absolute;
	top: 23px;
	/* background-image: url(/logo.jpg); */
        background-image: url(../images/rav_logo_fr.gif);
 	background-repeat: no-repeat;
 	width: 250px;
 	height: 84px;
 	z-index: 550;
}

#logo_it {
	position: absolute;
	top: 23px;
	/* background-image: url(/logo.jpg); */
        background-image: url(../images/rav_logo_it.gif);
 	background-repeat: no-repeat;
 	width: 250px;
 	height: 84px;
 	z-index: 550;
}

#home {
        background-image: url(/home1c.jpg);
 	background-repeat: no-repeat;
 	z-index: 550;
}
#head1 {
	max-width: 960px;
	width: 100%;
	width: expression((document.body.clientWidth > 960) ? "960px" : "100%");
	z-index: 500;
	clear: both;
	background-image: url(../images/statistik.jpg);
	background-position: right;
 	background-repeat: no-repeat;
 	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #fff #fff #fff #fff;
	height: 84px;
}
#head2 {
	max-width: 960px;
	width: 100%;
	width: expression((document.body.clientWidth > 960) ? "960px" : "100%");
	z-index: 500;
	clear: both;
	background-image: url(/h5_de.jpg);
	background-position: right;
 	background-repeat: no-repeat;
 	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #fff #fff #fff #fff;
	height: 84px;
}
#head3 {
	max-width: 960px;
	width: 100%;
	width: expression((document.body.clientWidth > 960) ? "960px" : "100%");
	z-index: 500;
	clear: both;
	background-image: url(/h6_de.jpg);
	background-position: right;
 	background-repeat: no-repeat;
 	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #fff #fff #fff #fff;
	height: 84px;
}
#head4 {
	max-width: 960px;
	width: 100%;
	width: expression((document.body.clientWidth > 960) ? "960px" : "100%");
	z-index: 500;
	clear: both;
	background-image: url(/h7_de.jpg);
	background-position: right;
 	background-repeat: no-repeat;
 	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #fff #fff #fff #fff;
	height: 84px;
}
.part_left {
	float: left; 
	position: relative;
	margin: 0 1px 0 1px;
	z-index:10; 
        /* width: 300px; */
}
.part_right {
	float: right;
        /* margin: 0px 0px 0px 0px; */
	z-index:09; 
        /* width: 50%; */
        width: 100px;
}
#aussenbox2 {
  	max-width: 960px;
  	width: 100%; 
  	width: expression((document.body.clientWidth > 960) ? "960px" : "100%");
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	z-index: 2;
}
#page {     
	padding-top: 50px;                                                              
  	max-width: 960px; 
  	width: 100%;                                                      
  	width: expression((document.body.clientWidth > 960) ? "960px" : "100%");
        line-height: 1.5em;
}
#spaltenavigation {
	width:210px;
	float:left;
}
#spaltecontent {
        padding: 0px 0px 0px 0px;
        margin: 0px 190px 0px 235px;
}
#spaltecontent_full {
        padding: 0px 0px 0px 0px;
        margin: 0px 10px 0px 10px;
}
#erweiterteFunktionen {
        text-align:right;
        height:31px;
        margin-top:3px;
        padding:1px 8px 0 8px;
        voice-family:"\"}\"";  /* Box Model Hack*/
        voice-family:inherit;
}

.image_left {
        float: left;
        margin: 0px 10px 0px 0px;
}
.image_clear {
        clear: both;
}
.image_clear_left {
        clear: left;
        background-color: yellow;
}

/* layout kontextspalte */

#spaltekontext {
        background-color: #fff;
	/* border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #fff; */
	float: right;
        width: 165px;
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 20px 0px 0px;
}
.background_gray {
        background-color: #ececec;
}
#searchright {
        height: 50px;
}
#searchtitle{
        line-height: 18px;
        width: 165px;
        color: #000;
        background-color: #fff;
        border-bottom: 0px solid #ccc;
        padding: 1px 0px 0 0px;
        margin: 0px 0px 0 8px;
}
#boxright {
        /* padding: 10px 0px 10px 0px; */
}
#boxrightTitel {
        line-height: 18px;
        font-weight: bold;
        color: #000;
        background-color: #ececec;
        border-bottom: 1px solid #ccc;
        padding: 1px 0px 0 8px;
        margin: 0px 0px 0px 0px;
}
#boxrightTitel2 {
        line-height: 18px;
        font-weight: bold;
        color: #000;
        background-color: #ececec;
        border-bottom: 1px solid #ccc;
        padding: 1px 0px 0 8px;
        margin: 20px 0px -10px 0px;
}
#boxrightContent {
        margin: 7px 0px 0px 0px;
        padding: 1px 0px 0 8px;
}
#boxrighttitel {
        line-height: 18px;
        font-weight: bold;
        color: #000;
        background-color: #ececec;
        border-bottom: 1px solid #ccc;
        padding: 1px 0px 0 8px;
        margin: 0px 0px 0px 0px;
}
#boxrighttitel2 {
        line-height: 18px;
        font-weight: bold;
        color: #000;
        background-color: #ececec;
        border-bottom: 1px solid #ccc;
        padding: 1px 0px 0 8px;
        margin: 20px 0px -10px 0px;
}
#boxrightcontent {
        margin: 7px 0px 0px 0px;
        padding: 1px 0px 0 8px;
}
.boxrighttitel {
        line-height: 18px;
        font-weight: bold;
        color: #000;
        background-color: #ececec;
        border-bottom: 1px solid #ccc;
        padding: 1px 0px 0 8px;
        margin: 0px 0px 0px 0px;
}
.boxrighttitel2 {
        line-height: 18px;
        font-weight: bold;
        color: #000;
        background-color: #ececec;
        border-bottom: 1px solid #ccc;
        padding: 1px 0px 0 8px;
        margin: 20px 0px -10px 0px;
}
.boxrightcontent {
        margin: 7px 0px 0px 0px;
        padding: 1px 0px 0 8px;
}
#spalteContentPlus {
        padding: 20px 0px 0px 0px;
        margin: 0px 0px 0px 235px;
	width: 720px;
}
#nav_left {
	background-image: url(/C12_B_bottom.gif);
 	background-repeat: no-repeat;
        background-color: #fcec84;
	float: left; 
	position: relative;
	margin: 0 1px 0 0px;
	z-index:10;
}
html[xmlns] .mozclear {
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
#foot {
	background-color: #fff;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	position: relative;
	text-align: center;
}
html>body #foot {
	padding-bottom: 1.01em;
}
.searchbox {
	float: right;
	white-space:nowrap;
	padding: 0;
	margin: 0;
}
.searchinputfeld {
	position: relative;
	top: 0px;
	left:0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	width: 132px;
	height: 18px;
	}

.inputfeld_var {
	position: relative;
	top: 0px;
	left:0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	height: 18px;
	}

.balkentext {
	position: relative;
        float: right;
	top: 0px;
	left:0px;
	width: 150px;
	}
.lupe_position {
	position: relative;
	top: 0px;
	left:0px;
}
.label_login1 {
	float: right;
	white-space:nowrap;
	padding: 0px 120px 0px 0px;
	margin: 0;
        position: relative;         
}
.label_login2 {
	float: right;
	white-space:nowrap;
	padding: 0px 95px 0px 0px;
	margin: 0;
        position: relative;         
}
.login_inputfeld {
	position: relative;
	top: 0px;
	left:0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	width: 150px;
	height: 18px;
	}
a img {
	border-width: 0;	/* remove the border around linked ../images. <img border="0" ..../> is invalid in XHTML 1.1 */
        padding: 0px 2px 0px 0px;
}

div.imagebox_left {
	margin: 0 10px 5px 0px;
	float: left;
        editor-enabled:true;
        editor-title:"Bild Links";
}
div.imagebox_right {
	margin: 0 0px 5px 10px;
	float: right;
        editor-enabled:true;
        editor-title:"Bild Rechts";
}

p {
	margin: 0.3em 0 0.7em 0;
}

.einzug {
	margin: 0.3em 0 1.5em 0.8em;
}
.einzug2 {
	margin: 0.3em 0 1.5em 11.8em;
}
.einzug3 {
	margin: 0.3em 0 1.5em 12.3em;
}
.einzug4 {
	margin: 0.3em 0 1.5em 14.3em;
}
.first_p {
         margin: -0.5em 0 0 0em;
}
.marg0pad0 {
        margin: 0px;
	padding: 0px;
}
h1 {
	/* background-image: url(/title1.jpg); */
 	/* background-repeat: no-repeat; */
        margin: 0px 0px 2px 0px;
 	padding: 2px 0px 2px 0px;
 	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.4em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #efa176;
	color: #666;
}
.h1_bplus {
	/* background-image: url(/title1.jpg); */
 	/* background-repeat: no-repeat; */
        margin: 0px 0px 20px 0px;
 	padding: 2px 0px 2px 0px;
 	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.4em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #efa176;
	color: #666;
}
.titel1 {
        margin: 0px 0px 2px 0px;
 	padding: 2px 0px 2px 0px;
 	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.4em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #efa176;
	color: #666;
}
h2 {
        margin: 7px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.2em;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	color: #666;
}
.h2_plustop {
        margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.2em;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	color: #666;
}
h3 {
	/* background-image: url(/title1.jpg); */
 	/* background-repeat: no-repeat; */
        margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.0em;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	color: #666;
}
.h3_plustop {
	/* background-image: url(/title1.jpg); */
 	/* background-repeat: no-repeat; */
        margin: 0px 0px 5px 0px;
	padding: 0.7em 0px 2px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.0em;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	color: #666;
}
.h3_minusbottom {
	/* background-image: url(/title1.jpg); */
 	/* background-repeat: no-repeat; */
        margin: 0px 0px 5px 0px;
	padding: 2px 0px -5px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.0em;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc;
	color: #666;
}
.btitel {
        margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.0em;
        font-weight: bold;
	color: #666;
}
ul {
	padding: 0 1.5em;
        margin: 0em 0em 0.9em 0em;
        list-style-type: square;
}
ol {
	padding: 0 2em;
        margin: 0em 0 0em 0em;
}
li {
        padding: 0em 0em 0em 0em;
        margin: 0em 0em 0.3em 0em;
}
ol li {
}
.li_none{
        list-style-type: none;
}
.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.langezeile { 
            white-space:nowrap; 
} 
caption {
        color: #666;
}
.clear {
	clear: both;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.inside {
	padding: 0 1.5em;
}
.lineheight120 {
        line-height: 120%;
}
#right {
	padding: 0.5em 0px 1.5em 0px;
}
#foot {
	padding: 1em 0px 0.5em 0px;
}
#foot {
	border-color: #ccc;
}
#breadcrumbs {
        background-color:#ececec;
        text-align:left;
        padding:2px 0px 2px 5px;
        margin:0px 0px 10px 0px;
        voice-family:"\"}\"";  /* Box Model Hack*/
        voice-family:inherit;
}

.clear {
	clear: both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.inside {
	padding: 0 1.5em;
}
.switcher_text_plus {
        font-size:1.2em;
}
.text_small {
        font-size:0.9em;
}
/* form definitions */

.inputfeld {
	background-color: #ffffff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 19.7em;
        height: 18px;
	}
.textinputfeld {
	background-color: #ffffff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 19.7em;
        height: 7em;
	}
.inputfeld25 {
	background-color: #ffffff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 24.5em;
	height: 18px;
	}
.inputfeld9 {
	background-color: #ffffff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 9.85em;
        height: 18px;
	}
.inputfeld3 {
	background-color: #ffffff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 3em;
        height: 18px;
	}
.textarea {
        font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
	background-color: #ffffff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 20.3em;
	height:9em;
	}
select {
	width: 20.2em;
	}
.select10 {
	width: 10.2em;
	}

.kantonetab {
	/* margin: 5px 0px 5px 0px; */
	/* padding: 2px 5px 2px 5px; */
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.kantonetab2 {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.kantonetab2_fox {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.kantonetab3 {
	margin: 10px 10px 10px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.table96 {
        width: 96%;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.table96b {
        width: 96%;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.table630 {
        width: 630px;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.table630b {
        width: 630px;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
thead {
	/* background-color: #FDF3A2; */
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
tbody {
	/* padding: 2px 5px 2px 5px; */
}
.tabtitle {
	background-color: #FDF3A2;
}
.tabtitle2 {
	background-color: #FDF3A2;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}
.tab_label {
	padding: 2px 10px 2px 5px;
}
.left_detail1 {
        padding: 0px 0px 0px 5px;
	background-color: #FDF3A2;
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.left_detail2 {
        padding: 0px 0px 0px 5px;
	background-color: #FDF3A2;
	border: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.border {
	border: solid;
	border-width: 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.border_pad3 {
        padding: 3px;
	border: solid;
	border-width: 1px;
	border-color: #ccc #ccc #ccc #ccc;
}
.line {
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.line2 {
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
	padding: 0px 0px 0px 5px;
}
.line3 {
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
	padding: 0px 5px 0px 0px;
}
.line_pad {
        padding: 2px 0px 1px 5px;
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.line_pad_relevanz {
        padding: 5px 5px 1px 5px;
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.line_pad5_lr {
        padding: 0px 5px 0px 5px;
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
}
.pad3 {
        padding: 0px 0px 0px 0.3em;
}
.pad5 {
        padding: 0px 0px 0px 0.7em;
}
.pad10 {
        padding: 0px 0px 0px 1.2em;
}
.pad5_lr {
        padding: 0px 0.5em 0px 0.7em;
}
.pad5b {
        padding: 0px 0px 0.7em 0px;
}
.pad5t {
        padding: 0.7em 0px 0px 0px;
}
fieldset {
	background-color: #fff;
 	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}
.fieldset2 {
	background-color: #fff;
 	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px;
}
.ri_inp9 {
	background-color: yellow;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #ccc #ccc #ccc;
	padding : 0px 0px 0px 3px;
	width: 9.85em;
        height: 18px;
clear: both;
margin-left: 12.3em;
margin-right: 0.3em;
	}
/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 12em;
    margin-right: .3em;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text], select
{
    float: left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float: left;
    width: auto;
    clear: both;
    margin-left: 12.3em;
    margin-right: 0.3em;
}

input.right2
{
    float: left;
    width: auto;
    clear: both;
    margin-left: 1em;
    margin-right: 0.1em;
}

input.right3
{
    float: left;
    width: auto;
    clear: both;
    margin-left: 12.3em;
    margin-right: 0.3em;
}

input.firstradio
{
    float: left;
    width: auto;
    /* clear: both; */
    margin-left: -0.1em;
    margin-right: 0.1em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left: 10.3em;
}

input[type=radio].firstradio
{
    margin-left: 0.3em;                                                             
}

input[type=checkbox].right3,
input[type=radio].right3,
input[type=submit].right3
{
    margin-left: 12.3em;
}
/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear: both;
    border: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ccc #ccc #ccc #ccc;
    width: 200px;  
}
.br2 {
    width: 200px;
    }
/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor: pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */
form {
    	line-height: 180%;
}
.form_dynamic {
        width: 490px;
    	line-height: 180%;
}
.form_search {
        margin: 0px;
    	padding: 0px;
}
.form_list {
        line-height: 149%;
}
legend {
	background-color: #E7EBF2;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc;
	margin: 0px 0px 15px 0px;
	padding : 2px 5px 2px 5px;
}
.checkboxcolor {
	background-color: #fff;
}
input, textarea {
	color: #000;
	background: #fff;
}
input:focus, textarea:focus {
	color: #000;
	background: #fff;
}
span.unsichtbar, span.hier, dfn { 
	position:absolute; 
	left:-1000px; 
	top:-1000px; 
	width:0px; 
	height:0px; 
	overflow:hidden; 
	display:inline;
	}
	
/*  Links */

a.links_blue_bold {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 5px;
	display: block; 
	width: 300px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
	background-color: #fcf3bc;
	font-weight: bold;
	text-decoration: none;
	}
a.links_blue_bold:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
a.links_blue_bold:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
a.links_blue_bold:hover {
	background-color: #fcec84;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	}
a.links_blue_bold:active {
	font-weight: bold;
	text-decoration: none;
	}	
a.links_blue {
	background-image: url(/links_blue_gray.jpg);
 	background-repeat: no-repeat;
	margin: 2px 2px 1px 2px;
	padding: 2px 2px 1px 5px;
	display: block;
	width: 300px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc #ccc #ccc #ccc;
	background-color: #ececec;
	cursor: pointer;
	color: black;
	text-decoration: none;
	}
a.links_blue:link {
	cursor: pointer;
	text-decoration: none;
	}
a.links_blue:visited {
	cursor: pointer;
	text-decoration: none;
	}
a.links_blue:hover {
	cursor: pointer;
	background-color: #f8d908;
	text-decoration: underline;
	}
a.links_blue:active {
	cursor: pointer;
	text-decoration: none;
	}

a.links_home {
	background-image: url(/links_blue_gray2.jpg);
 	background-repeat: no-repeat;
	margin: 2px 2px 1px 2px;
	padding: 2px 2px 1px 5px;
	display: block;
	width: 300px;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #fff #fff #fff #fff;
	background-color: #fff;
	cursor: pointer;
	color: black;
	text-decoration: none;
	}
a.links_home:link {
	cursor: pointer;
	text-decoration: none;
	}
a.links_home:visited {
	cursor: pointer;
	text-decoration: none;
	}
a.links_home:hover {
	cursor: pointer;
	background-color: #f8d908;
	text-decoration: underline;
	}
a.links_home:active {
	cursor: pointer;
	text-decoration: none;
	}

/*  test active link start */

a.link_treffer {
	color: #000000;
	}
a.link_treffer:link {
	color: #000000;
	text-decoration: underline;
	}
a.link_treffer:visited {
	color: #158ED5;
	text-decoration: none;
	}
a.link_treffer:hover {
	color: #000000;
	text-decoration: underline;
	}
a.link_treffer:active {
	color: #000000;
	text-decoration: none;
	}
/*  test active link end */

a:link {color: #333333; text-decoration: none;}      <!-- FZ: added underline  -->
a:visited {color: #333333;text-decoration: none;}
a:hover {color: #333333; text-decoration: underline;}
a:active {color: #333333;text-decoration: none;}

a.extlinks:link {color: #4169E1; text-decoration: underline;} 
a.extlinks:visited {color: #4169E1; text-decoration: underline;}
a.extlinks:hover {color: #333333; text-decoration: none;} 
a.extlinks:active {color: #4169E1; text-decoration: underline;}

/*  Buttons */

.submit_button {
	padding: 2px 3px 2px 3px;
        background-color: #fcec84;
	border: 1px solid #ff0000;
        cursor: default;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}	
a.formbutton {
	margin: 10px 10px 10px 10px;
	padding: 2px 2px 2px 5px;
	/* display: block; */
	background-color: #FDDB57;
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton:visited {
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton:link {
	cursor: pointer;
	padding: 2px 3px 2px 3p;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton:hover {
	cursor: pointer;
	background-color: #fff;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton:active {
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #000;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
/* hinzugefügt 22.11.05 Thomas D'Ascoli. Error Klasse für FORMS */
.error{
       color: red;
       text-decoration: underline;
}
div.error {
	background-image        :       url(/error.gif);
 	background-repeat       :       no-repeat;
        background-position     :       0 0.4em;
        margin                  :       1em 0 1em 1em;
        padding                 :       0em 0em 0em 1.7em;
        line-height             :       180%;
        color: red;
        text-decoration: underline;
}
div.note {
	background-image        :       url(/error.gif);
 	background-repeat       :       no-repeat;
        background-position     :       0 0.4em;
        margin                  :       1em 0 1em 1em;
        padding                 :       0em 0em 0em 1.7em;
        line-height             :       180%;
        color: green;
        text-decoration: underline;
}
div.error_balken {
	background-image        :       url(/error.gif);
 	background-repeat       :       no-repeat;
        background-position     :       0 0.4em;
        margin                  :       0 0 0.25em 0;
        padding                 :       0em 0em 0em 1.7em;
        color: red;
        text-decoration: underline;
}

/* hinzugefügt 21.02.2006 Thomas D'Ascoli. Online Formular definitionen */
label.eform
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 18em;
    margin-right: .3em;
}
label.eform_radio
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar,
    um in das jeweilige Gestaltungsraster (Sie 
    verwenden doch ein Gestaltungsraster, oder?) 
    zu passen. Bei Aenderungen aber nicht 
    vergessen, die margins bei input.right 
    entsprechend anzupassen: */
    width: 18em;
    margin-right: .3em;
    clear: both;
}

input.eform_radio {
    margin-left: 17.05em;
}

span.eform_einzug {
    padding-left: 18.3em;
}

.weekend {
    color: #666;
}
.eform_down {
        display: block;
        width: 20px;
        height: 20px;
	background-image: url(/down.gif);
 	background-repeat: no-repeat;
}

a.formbutton_balken {
	margin: 10px 10px 10px 0;
	padding: 2px 2px 2px 5px;
	/* display: block; */
	background-color: #FDDB57;
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton_balken:visited {
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton_balken:link {
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton_balken:hover {
	cursor: pointer;
	background-color: #fff;
	padding: 2px 3px 2px 3px;
	border: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
a.formbutton_balken:active {
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	border: #000;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	}
.toplevelmenu ul li {
	margin: 0;
	font-size: 1.2em;
}
.toplevelmenu ul li a {
	color: #000;
	background-color: #fcec84;
	margin: 0 -5px 0 0;
	padding: 3px 12px 4px 12px;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #fff #fff #fff;
}
.toplevelMENU {
	padding: 0;		/*	IE5/Win will resize hnav to fit the heights of its
						inline children that have vertical padding. So this
						incorrect case selector will remove that padding */
}
.TOPLEVELMENU ul li a {
	height: 1%;		/*	holly hack for IE5/Win because 5.0 doesn't recognize 
						inline padding by default */
}
html>body .TOPLEVELMENU {
	padding: 3px 0 4px 0;	/* Fix for Safari which is case-insensitive */
	height: auto;
}
.toplevelmenu ul li a:link {
	background-color: #fcec84;
        text-decoration: none;
}
.toplevelmenu ul li a:visited {
	background-color: #fcec84;
        text-decoration: none;
}
.toplevelmenu ul li a:hover {
	background-color: #f8d908;
        text-decoration: underline;
}
.toplevelmenu ul li a:active {
	background-color: #f8d908;
        text-decoration: none;
}
#toplevelon {
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #fff #ff3e00 #fff;
	background-color: #f8d908;
	color: #2D1E2D;
}

/* ------------------------------------------------------------------- 
	servicenavigation 1
---------------------------------------------------------------------- */

.servicenav ul li {
	margin: 0;
}
.servicenav ul li a {
	color: #000;
	background-color: #fff;
	margin: 0 -5px 0 0;
	padding: 3px 10px 4px 10px;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #ccc #fff #ccc;
}
.serviceNAV {
	padding: 0;		/*	IE5/Win will resize hnav to fit the heights of its
						inline children that have vertical padding. So this
						incorrect case selector will remove that padding */
}
.SERVICENAV ul li a {
	height: 1%;		/*	holly hack for IE5/Win because 5.0 doesn't recognize 
						inline padding by default */
}
html>body .SERVICENAV {
	padding: 3px 0 4px 0;	/* Fix for Safari which is case-insensitive */
	height: auto;
}
.servicenav ul li a:link {
	background-color: #fff;
        text-decoration: none;
}
.servicenav ul li a:visited {
	background-color: #fff;
        text-decoration: none;
}
.servicenav ul li a:hover {
	background-color: #fff;
        text-decoration: underline;
}
.servicenav ul li a:active {
	background-color: #fff;
        text-decoration: none;
}
#servicenavon {
        text-decoration: none;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #ccc #ff3e00 #ccc;
	background-color: #fff;
	color: #2D1E2D;
}
.servicenavon {
        text-decoration: none;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #ccc #ff3e00 #ccc;
	background-color: yellow;
	color: #2D1E2D;
}
/* ------------------------------------------------------------------- 
	servicenavigation 1b
---------------------------------------------------------------------- */

.servicenav1 ul li {
	margin: 0;
}
.servicenav1 ul li a {
	color: #000;
	background-color: #fff;
	margin: 0 -5px 0 0;
	padding: 3px 10px 4px 10px;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #ccc #fff #ccc;
}
.serviceNAV1 {
	padding: 0;		/*	IE5/Win will resize hnav to fit the heights of its
						inline children that have vertical padding. So this
						incorrect case selector will remove that padding */
}
.SERVICENAV1 ul li a {
	height: 1%;		/*	holly hack for IE5/Win because 5.0 doesn't recognize 
						inline padding by default */
}
html>body .SERVICENAV1 {
	padding: 3px 0 4px 0;	/* Fix for Safari which is case-insensitive */
	height: auto;
}
.servicenav1 ul li a:link {
	background-color: #fff;
        text-decoration: none;
}
.servicenav1 ul li a:visited {
	background-color: #fff;
        text-decoration: none;
}
.servicenav1 ul li a:hover {
	background-color: #fff;
        text-decoration: underline;
}
.servicenav1 ul li a:active {
	background-color: #fff;
        text-decoration: none;
}

#first {
        margin: 0px 0px 0px 0px;
	padding: 3px 5px 4px 10px;
        background-color: #fff;
        border-style: solid;
	border-width: 0px;
	border-color: #fff #ccc #fff #ccc;

}
#last {
        margin: 0px 0px 0px 0px;
	padding: 3px 5px 4px 10px;
        background-color: #fff;
        border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #ccc #ccc #ccc #ccc;

}
#first_l {
        margin: 0px 0px 0px 0px;
	padding: 3px 5px 4px 10px;
        background-color: #fff;
        border-style: solid;
	border-width: 0px;
	border-color: #fff #ccc #fff #ccc;

}
#last_l {
        margin: 0px 0px 0px 0px;
	padding: 3px 5px 4px 10px;
        background-color: #fff;
        border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #ccc #ccc #ccc #ccc;

}
/* ------------------------------------------------------------------- 
	servicenavigation 2
---------------------------------------------------------------------- */

.servicenav2 ul li {
	margin: 0;
}
.servicenav2 ul li a {
	color: #000;
	background-color: #fff;
	margin: 0 -5px 0 0;
	padding: 3px 10px 4px 10px;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #fff #ccc #fff #ccc;
}
.serviceNAV2 {
	padding: 0;		/*	IE5/Win will resize hnav to fit the heights of its
						inline children that have vertical padding. So this
						incorrect case selector will remove that padding */
}
.SERVICENAV2 ul li a {
	height: 1%;		/*	holly hack for IE5/Win because 5.0 doesn't recognize 
						inline padding by default */
}
html>body .SERVICENAV2 {
	padding: 3px 0 4px 0;	/* Fix for Safari which is case-insensitive */
	height: auto;
}
.servicenav2 ul li a:link {
	background-color: #fff;
        text-decoration: none;
}
.servicenav2 ul li a:visited {
	background-color: #fff;
        text-decoration: none;
}
.servicenav2 ul li a:hover {
	background-color: #fff;
        text-decoration: underline;
}
.servicenav2 ul li a:active {
	background-color: #fff;
        text-decoration: none;
}
/* ------------------------------------------------------------------- 
	subnavigation 1
---------------------------------------------------------------------- */

.sub_nav ul {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	list-style:none;
}
.sub_nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #fff #fff #ccc #fff;
}
.sub_nav ul li a {
	display: block;
	text-decoration: none;
}
.sub_nav ul li a:link, .sub_nav ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #000;
}
.sub_nav ul li a:hover, .sub_nav ul li a:active {
	/* background-image: url(/target.gif); */
	/* background-repeat: no-repeat; */
	display: block;
	background-color: #ececec;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #000;
}
* html .sub_nav ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 1%;
}
* html .sub_nav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}

/* ------------------------------------------------------------------- 
	subnavigation 2
---------------------------------------------------------------------- */

.sub_nav2 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	margin-top: 0px;
	list-style:none;
}
.sub_nav2 ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #fff #fff #ccc #fff;
}
.sub_nav2 ul li a {
	display: block;
	text-decoration: none;
}
.sub_nav2 ul li a:link, .sub_nav2 ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 20px;
	color: #000;
}
.sub_nav2 ul li a:hover, .sub_nav2 ul li a:active {
	/* background-image: url(/target.gif); */
	/* background-repeat: no-repeat; */
	display: block;
	background-color: #ececec;
	text-decoration: none;
	padding: 2px 10px 2px 20px;
	color: #000;
}
* html .sub_nav2 ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 1%;
}
* html .sub_nav2 ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}

/* ------------------------------------------------------------------- 
	subnavigation 3
---------------------------------------------------------------------- */

.sub_nav3 ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	margin-top: 0px;
	list-style:none;
}
.sub_nav3 ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #fff #fff #ccc #fff;
}
.sub_nav3 ul li a {
	display: block;
	text-decoration: none;
}
.sub_nav3 ul li a:link, .sub_nav3 ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #000;
}
.sub_nav3 ul li a:hover, .sub_nav3 ul li a:active {
	/* background-image: url(/target.gif); */
	/* background-repeat: no-repeat; */
	display: block;
	background-color: #ececec;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	color: #000;
}
* html .sub_nav3 ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 1%;
}
* html .sub_nav3 ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}

#highlight {
	background-image: url(/target.gif);
	background-repeat: no-repeat;
	display: block;
	background-color: #FFF8CA;
	text-decoration: none;
	color: #000;
}

#highlight2 {
	/* background-image: url(/target_down.gif); */
	/* background-repeat: no-repeat; */
	border-style: solid;
	border-width: 0px 0px 0px 7px;
	border-color: #fff #fff #fff #fff;
}