/* ALLGEMEINE FORMATE */


/* HINTERGRUNDFARBEN */
/* HELLGRAU (früher war es #CCCCCC)*/
body {  background-color:#D6D6D6; }		



/* TITEL */
/* HAUPTTITEL SCHWARZ */
h1 {  font: bold 13px Arial, Helvetica, sans-serif; color: #000000 }

/* HAUPTTITEL SCHWARZ OHNE ABSATZ*/
.titel 	  {  	
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0px;
}
#rubrik {
	position:absolute; left:8px; top:117px; width:365px; height:22px; z-index:8;
	font: bold 13px Arial, Helvetica, sans-serif;
	}
#rubrik p {
	padding:0;
	margin:0;
	}

.ueberschriftFirst {
	color: #000000;
	margin-top: 30px;
	font: bold 13px Arial, Helvetica, sans-serif;
}

/* UNTERTITEL WEISS */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}




/* FLIESSTEXT */
body,  div, tr, td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; /*line-height:14px;*/}



/* LEGENDEN */
/* MITTELGRAU */
.legende {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}



/* FORMULARFELDER */
textarea, input, select {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}



/* LINKS ALLGEMEIN */
a 				{  color:#94C00F; text-decoration: none; font-weight: 700}
a:link				{  color:#99CC00; text-decoration: none; font-weight: 700}
a:hover 			{  text-decoration: underline}
//a:active 			{  color:#666666 }
//a:visited 			{  color:#999999 }


/* LINKS SCHWARZ IN NAVIGATION OBEN */
a.schwarz			{color:#000000; text-decoration: none;}

a.schwarz:link			{color:#000000; text-decoration: none;}
a.schwarz:hover			{color:#FFFFFF; text-decoration: none;}
//a.schwarz:active		{color:#000000; text-decoration: none;}
//a.schwarz:visited		{color:#000000; text-decoration: none;}





/* LISTENDEFINITION */
ul {list-style-image:  url(/bilder/diverses/bullet_rund_weiss.gif)}

#quadratListe li {list-style-type: square; list-style-image:none;  padding-bottom:1em;}

#quadratListeWeiss li {list-style-type: square; list-style-image:none;color:#FFFFFF;}



/*DEFINITIONEN FUER DIE TEXTBASIERTE NAVIGATION*/
.naviOben {
	font-family: Arial, Futura Light BT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.sprachWechsel {
	font-family: Arial, Futura Light BT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-align:center;
	margin-bottom:3px;
	vertical-align: bottom;
}
.titelbalken {
	font-family: Arial, "Futura Light BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
}
#inhalte .titelbalken {
	height:1em;
	margin:0;
	padding:0;
	vertical-align:bottom;
	
}
#inhalte .toTop { /* folgende Zeile einfügen: <p class="toTop"><a href="#top"><img src="/bilder/top_solo.gif" width="9" height="11" border="0"></a></p> muss in der Klasse simpleTable stehen Bsp.: www.bedag.ch/basis/portraet/pa_gemeindemarkt.html */
	text-align:right;
	width:480px;
	height:11px;
	line-height:6px;
	margin:0;
			}
.simpelTable {
	border-right:1px solid #aaa;
	}
.naviLinks, .naviLinksOver {
	font-family: Arial, Futura Light BT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	margin:0;
	padding-top: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
	}

.einruckR {
	font-family: Arial, Futura Light BT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding-top: 3px;
	margin-bottom: 3px;
	margin-left: 20px;
	}

.naviLinksOver {
	color: #ffffff;
	}


#rahmen {
	border: 2px solid #FFFFFF;
	padding: 5px 8px;


}
#mainTable {
	margin: 30px 0px 0px 0px;
	width: 470px;
}
#kapitale {
	 float:left; 
}

h1#h1Oben {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#obenOhneAbstand {
	margin-top: 0px;
}
.rahmenSchwarz {
	border: 1px solid #313131;
}
.underline {
	border: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #BBBBBB;
	margin-bottom: -1em;
}
.leereNaviZeile {
	font-size: 4px;
	color: transparent;
}
.uOhneAbstand {
	margin-bottom:0;
}
.uOhneAbstand + p {
	margin-top:0.2em;
	}
p.groesser {
	font-size: 140%;
	font-weight: 100 !important;
}
.untenMinEinProzent {
	margin-bottom: -1.3%;
}

.flRechts {
	margin: 0 0 5px 5px;
	float: right;
}
.flLeft {
	float: left;
	margin-right : 7px;
	margin-bottom: 6px;
}
.textlinkunderline {
	text-decoration: underline;
}
.eugenbordercolorwhite {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.eugenbordercolorgrey {
	color: #aaa;
	border: 1px solid #aaa;
}
.hochgestellt {
	font-size: 60%;
	vertical-align: super;
	font-weight: normal;
}
td.TabellenrandLinie {
	background-color:#D6D6D6;
	background-image:url(/bilder/h_line.gif);
	width:9px;
}
#sprache {
	position:absolute; 
	left:8px; top:8px; 
	width:23px; 
	height:19px; 
	z-index:9;
	background-image:url(/bilder/bgSprachwechsel.jpg);
	text-align:center;
	font-family: Arial, Futura Light BT, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:19px;
	}
#sprache a{
display:block;
width:23px;
height:19px;
color:#000000; 
text-decoration: none;
}
#sprache a:hover{
color:#fff; 
text-decoration: none;
}



 P.BigFirst:first-letter { 
 font-size: 250%;
 font-weight:bold;
 color:#FFF; 
 float: left; 
 }
.titelgross {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
.lead {
	font-weight: bold;
}
.bggreen1 {
	background-color:#FBEAEA;
	width:25em;
	margin:0px 0;
	padding:2px 5px;
}
.bggreen0 {
	background-color:#E9F3E9;
	width:25em;
	margin:0px 0;
	padding:2px 5px;
}

#tblWartungsfenster table{
background-color:#ddd;
border-collapse:collapse;
}
#tblWartungsfenster td, #tblWartungsfenster th, #tblWartungsfenster table{
border:1px solid white;
padding:0.3em;
border-collapse:collapse;
}

#tblWartungsfenster th {
text-align:left;
background-color:#eee;
}
#tblWartungsfenster p {
padding:0;
margin:0;
}
.pfeile {
	letter-spacing: -2px;
}

.leadBild {
	margin: 0px 0px 25px 15px;
	float: right;
	border: 1px solid #FFFFFF;
}

/* Erster Text der Seite. Normal bold, in Ausnahmefällen nicht. Rand oben 30px */
.einleitungstext {
	font-weight: bold;
	margin-top:30px;
}
.einleitungstLight {
	margin-top:30px;
}

/* Bilder als Auflockerung in den Seiten. Rechts gefloatet, mit schwarzem Rand */
.bildHaupt {
	margin: 30px 10px 10px 10px;
	float: right;
	border: 1px solid #000;
}

/* Bilder bei den ASP-Partnern */
.partnerBildR, .partnerBildR2 {
	margin: 0 0 5px 5px;
	float: right;
	border: 1px solid #000;
}		
.partnerBildR, .partnerBildL {
	filter:Alpha(opacity=80);
}
.partnerBildL, .partnerBildL2 {
	margin: 0 9px 5px 0;
	float: left;
	border: 1px solid #000;
}	
.partnerBildR2, .partnerBildL2 {
	filter:Alpha(opacity=100);
	border: 1px solid #99CC00;
}	
/* Zusammen mit dem Bibliothekselement toTop.lbi ergibt das eine "toTop" Möglichkeit */
#toTop {
	position:relative;
	z-index:5;
	float: right;
	margin-right:-9px;
}

/* wird als Titel bei Absätzen in den Seiten eingesetzt, nachfolgender Style .absatzNachAbsatztitel*/
.absatztitel {
	font-weight: bold;
	margin-bottom: 0px;

/* Fliesstext nach Absatztitel */
}

.absatzNachAbsatztitel {
	margin-top: 3px;
}
/* Tabelle mit dünnen Linien (alle anderen Angaben direkt in die Tabelle eintragen)*/
#tblCollapse, #tblCollapse td {
	border-collapse:collapse;
}
sup {
	font-size:90%;
}
#tblBestellform {
	border: 2px solid #FFFFFF;
	width:350px;
	border-collapse:collapse;
}
#tblBestellform td {
	padding:0;
	/*padding: 0.1em 0.5em;*/
	border-collapse:collapse;
}	
#tblBestellform input {
	margin:0;
	padding:0;
}	

.referenzberichteKastenRechts {
	width: 190px;
	float:right;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding:15px 0;
	margin:15px 0 15px 15px;
	
}
.referenzberichteKastenLinks {
	width: 190px;
	float:left;
	padding:15px 0;
	margin:15px 15px 15px 0px;
	border-top:1px solid black;
	border-bottom:1px solid black;

}
#sperrfrist p {
	padding: 6px;
	margin:0;
	background-color:#FFFFFF;
	border:1px solid black;
	font-weight:bold;
	font-style: italic;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.downlPdf {
	background: url(/bilder/acrobat.gif) no-repeat left top ;
	padding-left:20px;
	margin:0;
	margin-bottom:0.3em;
	}
.downlFile {
	background: url(/bilder/download_page_green.gif) no-repeat left top ;
	padding-left:20px;
	margin:0;
	margin-bottom:0.3em;
	}

.downlLink {
	background: url(/bilder/arrows.gif) no-repeat left top ;
	padding-left:20px;
	margin:0;
	margin-bottom:0.3em;
	}
#inhalte hr {	
	height:2px;
	color:white;
	background-color:#FFFFFF;
	border: 0;
	}
	
.normalP, #normalP p { /*damit kann ein div mit id="normalP" versehen werden, dann werden die P's wunderschön ;-) */
	margin:0.3em 0;
}
#normalP h5 {
	font-size:1.3em;
	margin-top:0;
} 

.hebdo {
	font-size:0.8em;
	font-weight:normal;
	text-align:right;
	margin-top:4px;
	}
.hebdo img {
	vertical-align:middle;
	}	


#eugens {
	border-collapse:collapse;
	}
	
#eugens td {
	padding:0.5em 0.4em;
	border:1px solid #fff;
	border-collapse:collapse;
	}	

.softwareLevel2 {
	font-size:80%;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing:1px;*/
	}	
	
#hereWeAre a {
	color:#000000;
	font-weight:normal;
	}