/* copyright lib.consortium.ch Michael Ehrismann 2006*/

body {
    font: 0.9em verdana, tahoma, arial, sans-serif;
    margin: 0;
    padding: 0em 0 1em 0;
    background: #ffffff;
    color: #555;
    text-align: center;
    line-height: 1.3em;
}

/* der gesamte Rahmen */
#border {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: #ffffff;
    }
    
/*der obere Bereich ueber dem Visual */
#kopf {
    padding: 0 0px 0 63px;
    min-width:800px;
	  height: 113px;
    margin: 0;
/* hack, damit im IE Text nicht zusammengeschoben wird.*/
/*width:expression(((document.compatMode&&document.compatMode=='CSS1Compat')? document.documentElement.clientWidth:document.body.clientWidth) <800? "900px": "auto");    */
}
div#kopf a.home {
    display: block;
    height: 80px;
    width: 770px;
    border: none;
}
#kopf-ea {
    padding: 0 0px 0 63px;
    min-width:800px;
	  height: 113px;
    margin: 0;
/* hack, damit im IE Text nicht zusammengeschoben wird.*/
/*width:expression(((document.compatMode&&document.compatMode=='CSS1Compat')? document.documentElement.clientWidth:document.body.clientWidth) <800? "900px": "auto");    */
}
div#kopf a.home {
    display: block;
    height: 80px;
    width: 770px;
    border: none;
}
#kopf2 {
    padding: 0 10px 0 5px;
    width:auto;
	  height: 194px;
    margin: 0;
    background-color:#4C6B8A;
}


/* topnav */ 
div#topnav {
    background: #4C6B8A;
    padding: 0px 0px 0px 63px;
    margin: 0px 0px 0px 0px;
    color: #B6CDE0;
    font: normal 1em Verdana, arial, sans-serif;
    letter-spacing: 0px;
    border-top: 1px solid #fff;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #aaa;
    border-left: 0px solid #aaa;
    height:22px;
    min-width:800px;
/* hack, damit im IE Text nicht zusammengeschoben wird.*/
/*width:expression(((document.compatMode&&document.compatMode=='CSS1Compat')? document.documentElement.clientWidth:document.body.clientWidth) <800? "900px": "auto");    */
}
div#topnav h2, ul {
    display:inline;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}
div#topnav li {
    float:left;
    display:inline;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    }
div#topnav a {
    color: #B6CDE0;
    text-decoration: none;
    border-color: transparent;
    }
div#topnav a:visited {
    color: #B6CDE0;
    text-decoration: none;
    }
div#topnav a:hover {
    color: #B6CDE0;
    text-decoration: underline;
}

#topnav .aktiv {
    background: #f5f5f5!important;
    padding: 0px 0px 0px 0px;
	  border-top: 0px solid #aaa;
    border-left: 0px solid #aaa;
    border-right: 0px solid #aaa;
    border-bottom: 0px solid #ececec!important;
    margin: 0;
    color: #455372;
    }
#topnav .inaktiv {
    display:inline;
    padding: 0px 0px 0px 0px;
    border-left: 0px solid #CBD4E7;
    border-right: 0px solid #CBD4E7;
    margin: 0;
    color: #455372;
    }
div#topnav input {
	  border: 1px solid #4C6B8A;
	  background: #ffffff;
	  color: #000000;
	  height:14px;
	  font-size:0.8em;
}


div#topnav #topnavsearch {
    color:#B6CDE0;
    margin-top:0px;
    padding-top:4px;
}
		

/* subnav */ 
div#sub {
    background: #4C6B8A;
    padding: 5px 0px 0px 63px;
    margin:  0px 0px 0px 0px;
    color: #B6CDE0;
    font: normal 1em verdana, arial, sans-serif;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
height: 17px;
min-width:800px;
/* hack, damit im IE Text nicht zusammengeschoben wird.*/
/*width:expression(((document.compatMode&&document.compatMode=='CSS1Compat')? document.documentElement.clientWidth:document.body.clientWidth) <800? "900px": "auto");        */
    }
div#sub h2, #sub ol {
    display:inline;
    list-style: none;
    margin: 0 18px 0 0;
    padding: 0;
    }
div#sub li {
    display:inline;
    list-style: none;
    margin: 0;
    padding-right: 0px;
    }
div#sub a {
    color: #B6CDE0;
    text-decoration: none;
    border-color: transparent;
    }
div#sub a:visited {
    color: #B6CDE0;
    text-decoration: none;
    }
div#sub a:hover {
    color: #000;
    text-decoration: underline;
}
div#sub .aktv {
    color: #B6CDE0;
    text-decoration: underline!important;
}
    
		
/* breadcrump */ 
div#breadcrump {
    background: #ffffff;
    padding: 45px 0px 12px 63px;
    margin:  0px 0px 0px 0px;
    color: #000000;
    font: normal 1em verdana, arial, sans-serif;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: auto;
    background-color:transparent;
    }
div#breadcrump h2, #breadcrump ol {
    display:inline;
    list-style: none;
    margin: 0 18px 0 0;
    padding: 0;
    }
div#breadcrump li {
    display:inline;
    list-style: none;
    margin: 0;
    padding-right: 0px;
    }
div#breadcrump a {
    color: #5A82A0;
    text-decoration: none;
    border-color: transparent;
    }
div#breadcrump a:visited {
    color: #5A82A0;
    text-decoration: none;
    }
div#breadcrump a:hover {
    color: #000;
    text-decoration: none;
}
div#breadcrump .aktv {
    color: #5A82A0;
    text-decoration: none;
}
div#breadcrump2 {
    background: #ffffff;
    background-color:transparent;
    padding: 0px 0px 13px 63px;
    margin:  0px 0px 0px 0px;
    color: #000000;
    font: normal 1em verdana, arial, sans-serif;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
height:57px;
}
div#breadcrump2 #breadcrumpleft {
float:left;
    padding: 44px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
    width:600px;
    background-color: transparent;
}
div#breadcrump2 #breadcrumpright {
float:left;
    padding: 18px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
    width: 150px;
    background-color: transparent;
max-height:100px;
}		
div#breadcrump2 #breadcrumpleft li.liinarow {
    float: left; 
    margin: 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000; background-color: transparent;
  }		
div#breadcrump2 a {
    color: #5A82A0;
    text-decoration: none;
    border-color: transparent;
    }
div#breadcrump2 a:visited {
    color: #5A82A0;
    text-decoration: none;
    }
div#breadcrump2 a:hover {
    color: #000;
    text-decoration: none;
}
div#breadcrump2 .aktv {
    color: #5A82A0;
    text-decoration: none;
}  	
		
		

/* der ganze Behaelter fuer den Inhalt-Bereich */
    #content {
    margin: 12px 22px 0 63px;
/* hack, damit im IE Text nicht zusammengeschoben wird.*/    
/*width:expression(((document.compatMode&&document.compatMode=='CSS1Compat')? document.documentElement.clientWidth:document.body.clientWidth) <800? "800px": "auto");    */
}


/* die drei teaser im linken Bereich */
div#midteaser {
	float: left;
	z-index:1;
    }


.linekill {
	border-bottom: none !important;
}

.xmlbutton { 
    border: 1px solid; 
    border-color: #ccc #330 #330 #f96; 
    margin: 0 0 0 64px; 
    padding: 0 3px; 
    font: bold 9px Verdana,sans-serif; 
    color: #fff!important; 
    background: #df7419; 
    text-decoration: none!important
}
a.xmlbutton:hover {
    color: #000!important;
    background-image: none!important; 
    background: #B15C14 !important; 
    border-color: #630 #fc9 #f96 #330; 
    text-decoration: none!important
    }

/* die linke grosse spalte */
#leftbig {
    margin: 0 20px 0 0;
    font-size: 1em;
    line-height: 140%;
    min-width:800px;
}
#leftbig code  {
    font: 1em 'courier new', courier, monospace;
    color: #333;
}
#leftbig h2 {
    margin: 28px 0 0 0;
    padding: 0;
    font: bold 1.4em verdana, arial, sans-serif;
    color: #666;
}
#leftbig h3 {
	font: bold 1em verdana, arial, sans-serif;
	color: #555;
	margin: 2em 0;
	padding-top: 2em;
	margin-top: 2em;
	border-bottom: 1px solid #ccc;
}
#leftbig h4 {
margin: 0;
padding: 1px 5px;
font: 1em verdana, arial, sans-serif;
color: #555;
background: #eee;
}
#leftbig h5 {
font: bold 1em verdana, arial, sans-serif;
color: #555;
margin: 1em 0;
}
#leftbig h6 {
font: bold 1em verdana, arial, sans-serif;
color: #555;
margin: 1em 0;
}

/* Linkverhalten in linker grosser spalte */
#leftbig a {
    color: #000000;
    text-decoration: underline;
}
#leftbig a:visited {
    color: #000000;
    text-decoration: underline;
}
div#leftbig a:hover {
    color: #5A82A0;
    text-decoration: underline;
}

#leftbig img {
    float:left;
    padding-right: 12px;
    padding-bottom:12px;
    }
.ic {
	float:none;
	padding-top: 5px;
	padding-right:1px;
	padding-bottom:0px;
	}
div#leftbig ul {
    text-align: left;
    list-style: none;
	list-style-position:outside;
    padding: 0;

}
#leftbig ul li {
    display: block;
	margin: 0 0 0px 0px;
    padding: 0px 0 12px 0px;
}
div#leftbig ol {
	display: block;
    text-align: left;
    list-style-type: decimal;
	list-style-position:outside;
    margin-left: 20px;
    margin-bottom: 10px;
    padding: 0;
}
#leftbig li {
    margin: 0px 0px 4px 2px;
    padding: 3px 0px 3px 2px;
}
#leftbig li.subcat {
    display: block;
    background: url(images/ico_sublist.gif) no-repeat;
    margin: 0 0 10px 6px;
    padding: 0 3px 3px 20px;
}
#leftbig li.ssubcat {
    display: block;
    background: url(images/ico_sublist.gif) no-repeat;
    margin: 0 0 5px 30px;
    padding: 0 3px 3px 20px;
}




div#leftbig ul.Navigation li.liinarow1 {
    float: left; 
    width: 149px;
    margin: 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000; background-color: transparent;
  }
div#leftbig ul.Navigation li.liinarow1 span.highlight{
    color: #5A82A0;
}
div#leftbig ul.Navigation li.liinarow1 span.highlight a {
    color: #5A82A0;
    text-decoration: underline;
}
div#leftbig ul.Navigation li.liinarow1label {
		font-weight:bold;
    float: left; 
    width: 149px;
    margin: 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000; background-color: transparent;
}  
div#leftbig ul.Navigation li.liinarow1label {
    font-weight:bold;
    width: 149px;
    margin: 0em; 
    padding: 0px 2px 1em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000; background-color: transparent;
}  
div#leftbig ul.Navigation li.liinarow1label span.highlight{
    color: #5A82A0;
}
div#leftbig li.liinarow1label {
    font-weight:bold;
    width: 149px;
    margin: 0em; 
    padding: 0px 2px 1em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000; background-color: transparent;
}  
div#leftbig li.liinarow1label span.highlight{
    color: #5A82A0;
}
  
div#leftbig ul.Navigation li.liinarow2 {
    float: left; width: 298px;
    margin: 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: transparent;
  }
div#leftbig ul.Navigation li.liinarow2 span.highlight{
    color: #5A82A0;
}
div#leftbig ul.Navigation li.liinarow2 span.highlight_bold{
    font-weight:bold;
    color: #5A82A0;
}
div#leftbig ul.Navigation li.liinarow3 {
    float: left; width: 453px;
    margin: 0em 0em 0em 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: transparent;
  } 
div#leftbig ul.Navigation li.liinarow4 {
    float: left; width: 600px;
    margin: 0em 0em 0em 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: transparent;
  } 
div#leftbig ul.Navigation li.liinarow3label {
		font-weight:bold;
    float: left; width: 453px;
    margin: 0em 0em 0em 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #5A82A0; background-color: transparent;
  }   
div#leftbig ul.Navigation li.liinarow3spez {
    margin: 0em 0em 0em 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: transparent;
  }    
  
div#leftbig ul.Navigation li.liinarow3 span.highlight{
    color: #5A82A0;
}
div#leftbig ul.Navigation li.liinarow3 span.highlight_bold{
    font-weight:bold;
    color: #5A82A0;
}





/* Spezial fuer Einstiegsseite. Hier sind die Vermassung anderst */
div#leftbig ul.Navigation li.liinarowindex1 {
    float: left; 
    width: 255px;
    margin: 0em; 
    padding: 0em 2px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #5A82A0; background-color: transparent;
  }
div#leftbig ul.Navigation li.liinarowindex1 a {
    color: #5A82A0;
    text-decoration: none;
    border-color: transparent;
    }
div#leftbig ul.Navigation li.liinarowindex1 a:visited {
    color: #5A82A0;
    text-decoration: none;
    }
div#leftbig ul.Navigation li.liinarowindex1 a:hover {
    color: #000;
    text-decoration: none;
}
div#leftbig ul.Navigation li.liinarowindex2 {
    float: left; 
    width: 230px;
    margin: 0em; 
    padding: 0em 25px 0em 0em;
    text-decoration: none; 
    border: 0px solid black;
    border-left-color: white; border-top-color: white;
    color: #000000; background-color: transparent;
    list-style-type: none;
  }




  div#leftbig div {
     clear: left;
  }

#leftbig dt {
    font-weight: bold;
}

#leftbig dd {
    margin-bottom: 1em;
    margin-left: 0;
}
.big {
	color:#900;
	letter-spacing: 2px;
	font-weight: bold;
}	
.clr {
	background-color:#eee;
	}
.cite {
	border: 1px solid #336699;
	color: #333;
	padding-left: 30px;
	padding-top: 6px;
	padding-bottom: 18px;
	background-color:#f5f5f5;
}	
	
/*ende inhalt-formatierungen linke grosse spalte*/


/* der untere Inhalt */
#foot {
    padding: 12px 0px 25px 0px;
    margin: 0;
color: #000000;
}

#foot div {
    margin: 0 0px;
    font-size: 1em;
    padding: 0px 25px 0 63px; 
    border-top: 1px solid #ccc;
}

#foot a {
	color: #5A82A0;
	text-decoration: none;
	border-bottom: none;
}
#foot a:visited {
	color: #5A82A0;
	text-decoration: none;
	border-bottom: none;
}
#foot a:hover {
	color: #5A82A0;
	text-decoration: underline;
	border-bottom: none;
}



/*unsichtbar*/
hr, .invisible {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
	 overflow: hidden;
	}

/* Kontaktformular */
#leftbig fieldset {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px; 
	border-style:none;
}

div#leftbig ul.Navigation li.liinarow3 input{
	border: 1px solid #000;
	background: #fff;
	color: #000;
	font: 1em Arial,sans-serif;
}
div#leftbig ul.Navigation li.liinarow3spez input{
	border: 1px dotted #000;
	background: #fff;
	color: #000;
	font: 1em Arial,sans-serif;
}
div#leftbig ul.Navigation li.liinarow3 textarea{
	border: 1px solid #000;
	background: #fff;
	color: #000;
	font: 1em Arial,sans-serif;
}
div#leftbig ul.Navigation li.liinarow3spez textarea{
	border: 1px dotted #000;
	background: #fff;
	color: #000;
	font: 1em Arial,sans-serif;
}
#leftbig input.button { 
    border: 1px solid; 
    border-color: #666 #000 #000 #666; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    font: bold 1em Arial,sans-serif; 
    color: #fff!important; 
    background: #5A82A0; 
    text-decoration: none!important;   
}
#leftbig input.button a:hover {
    color: #000!important;
    background-image: none!important; 
    background: #B15C14 !important; 
    border-color: #630 #fc9 #f96 #330; 
    text-decoration: none!important;
    }