@charset "UTF-8";

body {
	margin: 0;
	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-image: url(../img/bg_main.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #666666;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
    }

    .oneColFixCtrHdr #container {
    	width: 800px;  /* volle Breite von 800 Pixel */
    	
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColFixCtrHdr #header {
	padding: 0;
	height: 160px;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .oneColFixCtrHdr #mainContent {
	margin: 0;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-image: url(../img2/bg_grey.jpg);
    }
    
    .oneColFixCtrHdr #mainContent a:link {
	border-bottom: solid 1px;
    }
	
	.oneColFixCtrHdr #blank {
	margin: 0;
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */    	
    }
	
	.oneColFixCtrHdr #copy {
	margin: 0;
	padding: 0;  /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #339933;
    }
	
    .oneColFixCtrHdr #footer {
	padding: 0;
	margin: 0;
	text-align: center;
    }
    
    .oneColFixCtrHdr #footer a:link {
	text-decoration: none;
	/*border-bottom: solid 1px;*/
    }
    
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #DF007C;
	padding-bottom: 1px;
	line-height: 22px;
	display: inline;
	left: 30px;
	position: relative;
	width: 700px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 1px;
	line-height: 22px;
	display: inline;
	left: 30px;
	position: relative;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	/*display: inline;*/
	width: 600px;
	left: 30px;
	position: relative;
	bottom: 0px;
	top: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
}

h4 a:link, visited, active {
	color: #333333;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

h4 a:hover {
	color: #DF007C;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

/*wie h4 aber schmaler*/
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	/*display: inline;*/
	width: 450px;
	left: 30px;
	position: relative;
	bottom: 0px;
	top: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	line-height: 13px;
	display: inline;
	left: 0px;
	position: relative;
	width: 770px;
	top: 0px;
}

h6 a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

h6 a:hover {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #000000;
	/*text-decoration: none;*/
	/*border-bottom: solid 1px;*/
}

.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	/*display: inline;*/
	/*width: 600px;
	left: 30px;*/
	position: relative;
	bottom: 0px;
	top: 0px;
	/*margin-bottom: 0.0em;
	margin-top: 0px;*/
}

.subhead a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.subhead a:hover {
	color: #DF007C;
	text-decoration: none;
}

p {
	margin-bottom:0.6em;
	padding-bottom:0.6em;
}

ol.copylist  {
	margin-top: 0.6em;
	margin-bottom:0.6em;
}

.copylist li {
	margin-bottom:0.6em;
	margin-top:0;
}

.copylist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	/*width: 570px;*/
	list-style-type: circle;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 70px;
	padding-bottom: 0px;
	padding-left: 55px;
	list-style-image: none;
	left: 0px;
}

.copylist a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.copylist a:hover {
	color: #DF007C;
	text-decoration: none;
}

.img {
	text-decoration: none;
}

.img a:link, a:visited, a:active {
	text-decoration: none;
}

.img20R {
	padding-right: 10px;
	text-decoration: none;
}

.img20R a:link, a:hover, a:visited, a:active {
	/*margin-right: 10px;*/
	text-decoration: none;
}

.img20LR {
	margin-right: 10px;
	margin-left: 30px;
}
.imgHL {
	margin-left: 30px;
}


/*Dieser Teil setzt die Unterstreichung beim Klick auf die Navi Leiste ausser Kraft*/
/*.PLHFOLink a:link, a:hover, a:visited, a:active {
	text-decoration: none;
	border-bottom:none;
	
}*/



.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	width: 570px;
	left: 30px;
	margin-left: 30px;
}

.copy a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
/*	border-bottom: solid 1px;*/
}

.copy a:hover {
	color: #DF007C;
	text-decoration: none;
}

.copytabelle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	width: 400px;
	left: 30px;
	margin-left: 30px;
}

.copytabelle a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
/*	border-bottom: solid 1px;*/
}

.copytabelle a:hover {
	color: #DF007C;
	text-decoration: none;
	
}
.copynarrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	width: 400px;
	left: 30px;
	margin-left: 30px;
}

.copynarrow a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.copynarrow a:hover {
	color: #DF007C;
	text-decoration: none;
}

.copywide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	width: 700px;
	left: 30px;
	margin-left: 30px;
}

.copywide a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.copywide a:hover {
	color: #DF007C;
	text-decoration: none;
}



.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	left: 0px;
	/*width: 150px;*/
	margin-top: 0.5em
	margin-left: 0px;
	/*font-weight: bold;*/
	font-style: oblique;
	padding-left: 0px;
}

.caption a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.captionLeftMargin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	left: 0px;
	/*width: 150px;*/
	margin-top: 0.5em;
	margin-left: 30px;
	/*font-weight: bold;*/
	font-style: oblique;
	padding-left: 0px;
}

.captionnarrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	left: 0px;
	width: 160px;
	margin-top: 0.5em
	margin-left: 0px;
	/*font-weight: bold;*/
	font-style: oblique;
	padding-left: 0px;
}

.captionnarrow a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.captionnarrow a:hover {
	color: #DF007C;
	text-decoration: none;
}

.captionmedium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	left: 0px;
	width: 210px;
	margin-top: 0.5em
	margin-left: 0px;
	/*font-weight: bold;*/
	font-style: oblique;
	padding-left: 0px;
}

.captionwide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	left: 0px;
	width: 550px;
	margin-left: 0px;
	margin-top: 0.5em
	/*font-weight: bold;*/
	font-style: oblique;
	padding-left: 0px;
}

.download {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	left: 0px;
	width: 130px;
	margin-top: 0.5em
	margin-bottom: 0.5em
	margin-left: 0px;
	/*font-weight: bold;*/
	font-style: oblique;
	padding-left: 0px;
}

.download a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.download a:hover {
	color: #DF007C;
	text-decoration: none;
	/*border-bottom: solid 1px;*/
}

.download-img {
	margin-right: 10px;
	margin-top: 1.5em;
	margin-bottom: 0.6em;
	text-decoration: none;
}