/* Standard CSS wird noch erweitert (Ausrichtung und Positionierung) */

/* als ersten tag-Eigenschaften, dann IDs, zuletzt Klassen */
/* alle Namen in Kleinbuchstaben */

/* allgemeingültige Schriftformatierung, wirkt sich auf alle Elemente aus */
/* font:font-size/line-height font-weight font-style font-family; */
* {
	font:12px/17px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:0;
}
/* Hintergrundbild und -farbe, Bild sollte immer so heissen */
body {
	background:#333 url(bilder/bg_verlauf.jpg) repeat-x;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
}
/* Üerschriften geht bis h6 */
h1{
	font:20px bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	margin:0 0 15px 0;
	text-align:left;
}
h2{
	font:18px bold Arial, Verdana, Helvetica, sans-serif;
	margin:0 0 12px 0;
}
h3{
	font:16px bold Arial, Verdana, Helvetica, sans-serif;
	color:#F00;
	margin:0 0 10px 0;
}
/* Schrift */
strong {
	font-weight:bold;
}
/* Absatzformatierung */
p {
	margin:0 0 10px 0;
}
/* Listenformatierung */
ul {
	margin-left:20px;
	margin-bottom:15px;
}
li {
	list-style-type:square;
	margin:2px 0;
}
/* Link-Zustände, hier unterstrichen */
a {
	text-decoration:underline;
	color:#F00;
}
a:visited {
	color:#666;
}
a:hover {
	color:#666;
}
a:active {
	color:#F00;
}
/* Formulare */
fieldset{
  border:none;
}
.csc-mailform-field{
  margin:2px 0;
}
.csc-mailform-field label {
  display:block;
  width:80px;
  float:left;
  text-align:left;
}
.csc-mailform-field select {
  width:100px;
}
/* Container mit Positionierung */
#frame{
	position:relative;
	top:25px;
	width:988px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background:url(bilder/schatten_rechts.jpg) right top repeat-y;
}
#container_content {
	background:#999 url(bilder/bg_verlauf_innen.jpg) repeat-x;
	position:relative;
	top:0;
	left:0;
	border:1px solid #000;
	width:980px;
	height:auto;
	min-height:500px;
	text-align:left;
}
* html #container_content{
	height:500px;
}
#container_navi {
	width:170px;
	height:500px;
	position:absolute;
	top:0;
	left:0;
	float:left;
}
#logo{
	margin-top:15px;
	margin-left:15px;
	width:155px;
	height:105px;
	text-align:left;
}
#navi {
	margin:50px 30px 0 0;
	text-align:right;
}
#navi li{
	list-style:none;
}
#navi li a {
	font:22px bold;
	font-family:Arial;
	text-decoration:none;
}
#navi li a:visited {
	color:#F00;
}
#content {
	width:790px;
	height:auto;
	min-height:480px;
	position:relative;
	top:0px;
	left:170px;
	/*float:right;*/
	margin:0 15px 0 0;
	padding:12px 0 0;
	text-align:left;
}
* html #content{
	height:500px;
}
#schatten_unten {
	position:relative;
	top:25px;
	width:988px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#meta_navi {
	position:relative;
	top:25px;
	width:988px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#meta_navi li {	
	list-style:none;
}
#meta_navi li a {
	font:14px bold;
	color:#666;
	font-family:Arial;
	text-decoration:none;
	margin-right:8px;
}
#breadcrumb {
	margin:				10px 0 0;
}
#breadcrumb span {
	margin: 			0 2px 0 0;
	padding: 			0;
	list-style: 		none;
	font-size:9px;
}
#breadcrumb span a{
	font-size:9px;
}
.main_navi_item {
	margin: 10px 0;
}