body {
	font-family:arial, helvetica, sans-serif;
	margin:0;
}

h2 {
	font-size:18px;
	letter-spacing: 1px;
	color:#CC0000;
}

h3 {
	font-size: 14px;
	margin:2px 0px;
}

/* Absätze */
p, td {
	font-size:12px
	color: #303030;
	line-height:18px;
	margin: 0 0 7px 0;
	text-align:justify;
}

p.center { text-align: center; }

.contenttable p {
	line-height:16px;
	margin: 0 0 4px 0 !important;
}

/***** CONTAINER *****/
#main {
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left: -424px;
	height: 550px;
	top: 14px;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 259px;
	height: 177px;
        background-image:url(../bilder/stern_002.gif);
        z-index:2;
}
#banner {
	position: absolute;
	top: 0px;
	left: 259px;
	width: 591px;
	height: 177px;
        background-image:url(../bilder/kopf.jpg);
        z-index:2;
}


/* INHALT */
#inhaltsbereich {
	position:absolute;
	top: 177px;
	left: 146px;
	width: 704px;
	height: 360px;
}

/* Breadcrumb Info */
#metaInfo {
	list-style-type:none;
	margin:8px 0;
	padding:0;
	color:#cc0000;
	text-align:center;
}

#metaInfo li {
        display:inline;
        font-size:17px;
}

#inhalt {
	height:320px;
	overflow:auto;
}

#inhalt h2.ueberschrift {
	font-family: 'arial narrow' arial, helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#CC0000;
	letter-spacing: 1px;
	text-align:center;
}

#inhalt div.artikel {
	font-size:12px;
	color: #303030;
        padding:0;
        margin: 0; 
}
#inhalt div.artikel H1 {
	background-color:#CC0000;
	border-bottom:1px solid #CC0000;
	color:#FFFFFF;
	font-family:'arial narrow',arial,sans-serif;
	font-size:13px;
	letter-spacing: 1px;
	padding: 1px 4px 2px 4px;
	margin-right: 10px;
}

.artikel H1, .artikel H2, .artikel H3 {
	margin: 8px 0px 4px 0px;
}

.info {border:0px;}
.satzung { margin-right: 10px; }
.satzung li { text-align: justify; line-height: 18px; margin: 0 0 5px 0; }

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader {
	margin-top:0px;
}


/* MENUS */
/* Hauptnavigation */

#hauptNav {
	position: absolute;
	top: 162px;
	left: 0px;
	height:388px;
	min-height: 388px;
	width:119px;
	background-color:#ccc;
	color: #cc0000;
	z-index:1;
	padding-left:4px;
	
}

#hauptNav, #hauptNav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#hauptNav ul.subnav { 
	margin-top:20px;
	margin-left:34px;
}

#hauptNav li, #hauptNav li.active {
	background-image:url(../bilder/stern_a.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding-bottom:10px;
	margin-bottom:0.6em;
}

#hauptNav li.active {
	margin:0;
	padding-bottom:4px;
}

#hauptNav li li {
	background-image:none;
	margin-bottom:0;
        padding-bottom:0;
}

#hauptNav li li:hover ul {
	padding-bottom:1em;
	display:block;
	z-index:100;
}

#hauptNav a:hover {
	font-weight:bold;
}

/* 
Diese Pixelangaben richten sich nach der Grösse des Hintergrundbildes,
hier dem Stern-Bild als Listensymbol. Der link wird nach rechts und unten verschoben  
*/
#hauptNav li a.mainlink {
	position:relative;
	font-size: 17px;
	left:24px;
	top:20px;
        width:95px;
}

#hauptNav li li a.sublink {
	font-size:13px;
        width:85px;      
}

#archivNav {
	display:none;
	position:absolute;
	left:80px;
	top:50px;
	font-size:13px;
	border:1px solid #f2f2f2;
	background:#ccc;
	width:140px;
	z-index:100;
}

#archivNav li {
	padding-left:1.5em;
}

#archivNav li h3 {
	font-family: 'arial narrow' arial, helvetica, sans-serif;
	font-size:13px;
	margin:1em 0;
}

/* Meta-Navigation - (Feste Links: Impressum etc.) */
#metaNav {
	position: absolute;
	top: 534px;
        right:0;
        list-style:none;
	padding:0;
	margin:0;
}

#metaNav li {
	display:block;
	float:left;
	margin-left:30px;
	margin-right:0px;
}

#metaNav a {
	text-decoration:none;
	font-weight:normal;
	font-size:14px;
        color:#7A858B;
        letter-spacing: 1px;
}

/***** KLASSEN *****/
.slink1 {
	font-size:11px;
}

.link {
	font-family: 'arial narrow', arial, helvetica, sans-serif;
	font-size:14px;
	color:#A5A5A5;
	letter-spacing: 1px;
	border:0px;
}

.mail img { border: 0; }
.external-link-new-window img { border: 0; }

a:link {
  color:#CC0000;
  text-decoration:none;
  border:0px;
}

a:visited {
  color:#CC0000;
  text-decoration:none;
  border:0px;
}

/* Schrift */
.narrow {

  font-family: 'arial narrow', arial, helvetica, sans-serif;
}

/* clearfix-klassen für float layouts */
.clearafter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearafter { display:inline-block; }
/* hide from ie mac \*/
.clearafter { display:block; }
* html .clearafter { height: 1%; }
/* end hide from ie mac */



.rot { color: #980202; }