/* CSS Document */
body {
	font: 14px/1.3 Helvetica, Arial, sans-serif;
	color: #640;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: 0 none !important;
}


h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 0px;
	padding-left: 0px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */
}

h1 {
        font:30px/1.3 Helvetica, Arial, sans-serif;
        font-stretch:normal;
		text-transform:none;
		color:#360;
}
h2 {
		font:14px/1.3 Helvetica, Arial, sans-serif; font-weight:bold;}

p, ul, ol, li {font-size:11px;}

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #360;
	text-decoration: none; border-bottom: 1px dotted #360; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #360;
	text-decoration: none; border-bottom: 1px dotted #360;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none; border-bottom: 1px solid #360;
}
	ol {list-style-type: decimal; padding: 0 0 0 20px; margin-bottom: 12px;}
	ol li {padding-left: 2px;}	
	ul li {list-style:none; padding-left:20px; padding-top:1px; padding-bottom:2px; 
      background: url(../../media/pix/sq.jpg) 3px 5px no-repeat; }
.langnavi ul {list-style:none; display:block; width:70px; height:30px; overflow:hidden; }
.langnavi li {padding-left:15px; padding-top:1px; padding-bottom:2px; float:left; background:none;}
.langnavi li a {text-decoration:none; border-bottom:none; color:#fe8;}
.langnavi li a:hover, .langnavi li a:focus { text-decoration:none; color:#fd0; border-bottom:none;}

.headercont p, .headercont ul, .headercont ol, .headercont li {font-size:14px;}
.footercont p, .headercont p, .button p {color: #ccc;}
.footercont a:link, .headercont a:link, .button a:link {
	color: #fe8;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
.footercont a:visited, .headercont a:visited, .button a:visited {
	color: #fe8;
	text-decoration: none;
}
.footercont a:hover, .footercont a:active, .footercont a:focus, .headercont a:hover, .headercont a:active, .headercont a:focus, .button a:hover, .button a:active, .button a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	border-bottom: 1px solid #cff296;
}

.box {
	background-color:#e8e8e8;
	border: solid 1px #aaa;
	padding: 5px 5px 0px 5px;
	margin: 5px 0px 15px 0px;
	line-height: 18px;
	overflow: Auto;
	border-radius: 6px;
	box-shadow: 0px 4px 4px #CFCFCF;
}

.button {
	background-color:#303e20;
	border: solid 1px #aaa;
	padding: 5px 15px 5px 15px;
	margin: 7px 0px 15px 0px;
	line-height: 18px;
	overflow: Auto;
	border-radius: 6px;
	box-shadow: 0px 4px 4px #CFCFCF;
	color:#ccc;
}

.rounded {
	-webkit-border-radius: 6px;
	border-radius: 6px; 

}
.shadow {
	/* hor, vert, blur, #color */
	-webkit-box-shadow: 2px 3px 4px #cfcfcf;
	box-shadow: 2px 3px 4px #cfcfcf; 

}

table, tr, td { background:#e9e8d9;}

a.image {
	text-decoration: none;
	border: 0 none !important;
	}
.FormTextArea {width:420px;}
.FormLabel {width:150px;}
.FormTextBox {width:270px;}