/*  01. BASICS ################################################ */
/*  02. LAYOUT ################################################ */
/*  03. METANAVIGATION ######################################## */
/*  04. MAINNAVIGATION ######################################## */

/*  01. BASICS ################################################ */

* {
	padding: 0; 
	margin: 0;
}

body {
	font-size: 1em; 
	background-color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	/* => 1em bzw. 16px; http://www.reeddesign.co.uk/test/points-pixels.html */ 
}

/*  02. LAYOUT ################################################ */

#container {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 60em;
}

#branding {
	position: relative;
}

#branding h1 a span {
	display: none;
}

#claim{
	position: relative;
	color: #fff;
	font-weight: bold;
	margin: -2.25em 0em 0em 30%;
}

#naviMain {
	float: left;
	width: 9.375em;
}

#naviMain ul.level1 li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 70%;
	width: 13.3em;
	background: #800158;
}

#naviMain ul.level2 li {
	font-size: 100%;
}

#naviMain ul li a {
	display: block;
	width: 12.3em;
	text-decoration: none;
	color: #fff;
	background: #800158;
	padding: 0.5em 0em 0.5em 1em;
	font-weight: bold;
	border-bottom: 0.0625em solid #fff;
}

#naviMain ul.level2 li a {
	background: none;
	color: #fff;
	padding-left: 2em;
	width: 11.3em;
}

#naviMain ul.level1 li.act ul.level2 li.cur a,
#naviMain ul.level1 li.cur a,
#naviMain ul.level1 li.act a {
	background: url(../images/naviMain_act.gif) 12em 0.95em no-repeat;
}

#naviMain ul.level1 li.cur ul.level2 li.no a {
	background: none;
}

#naviMain ul.level1 li.act ul.level2 li {
	background: #C86CA2 url(../images/navi_special_arrow.gif) 1em no-repeat;
}

#naviMain ul.level2 li {
	background: #C86CA2 url(../images/navi_special_arrow.gif) 1em no-repeat;
}

.infospalte .csc-textpic-imagewrap {
	width: 9.375em;
	margin-top: 1em;
}

.infospalte {
	float: left;
	width: 9.375em;
	margin: 3em 0.625em 1em 0; 
}

#contentMain {
	float: left;
	width: 36.875em;
	margin-top: 3em;
}

#contentAdditional {
	float: right;
	width: 9.375em;
	margin: 3em 0em 1em 0em;
	border: 1px solid #F4E3ED;
    border-bottom: none;
}

#contentAdditional .csc-textpic-imagewrap {
    padding: 0.5em 0;
    border-bottom: 1px solid #F4E3ED;
}

#naviMeta {
	clear: both;
	width: 60em;
	height: 1.5em;
	background: #C86CA2;
}

.copyright {
	float: left;
	padding: 0.5em 0em 0em 1em;
	color: #fff;
	font-size: 70%;
}

#naviMeta ul {
	float: right;
	margin: 0.35em 0.5em 0 0;
}

#naviMeta li {
	display: inline;
}

#naviMeta li a {
	color: #fff;
	font-size: 70%;
	text-decoration: none;
	margin-right: 0.4em;
	padding-left: 1em;
	background: url(../images/naviMeta_dot.gif) left 50% no-repeat;	
}

#naviMeta li.first a {
	background: none;
}

#naviMeta li a:hover {
	text-decoration: underline;
}

#contentAdditional b,
#contentMain b,
#contentAdditional strong,
#contentMain strong {
	font-weight: bold;
}

#contentAdditional em,
#contentMain em,
#contentAdditional italic,
#contentMain italic {
	font-style: italic;
}


#contentAdditional h2,
#contentMain h2 {
	font-size: 100%;
	color: #800158;
	font-weight: bold; 
}

#contentAdditional h3,
#contentMain h3 {
    font-size: 90%;
    color: #800158;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

#contentAdditional h3 {
    margin-bottom: 0;
    padding: 0.5em 0em 0em 0.5em;
}

#contentAdditional p.bodytext {
    padding: 0.5em;
    border-bottom: 1px solid #F4E3ED; 
}

#contentAdditional .csc-textpic-below p.bodytext {
    border-bottom: none;
    padding-bottom: 0;
}

#contentAdditional .csc-textpic-below .csc-textpic-imagewrap {
    padding-top: 0;
}

#contentAdditional .csc-textpic-imagewrap {
    width: 9.375em;
}

#contentAdditional h4,
#contentMain h4 {
    font-size: 80%;
    color: #000;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

#contentMain h4 {
    margin-bottom: 1.5em;
}

#contentAdditional ul li,
#contentMain ul li {
    font-size: 70%;
    line-height: 1.4em;
    margin-bottom: 0.5em;
    padding-left: 1em;
    background: url(../images/list_bullet.gif) left 0.5em no-repeat;
}

#contentAdditional ol,
#contentMain ol {
    padding-left: 1.4em;
}

#contentAdditional ol li,
#contentMain ol li {
    font-size: 70%;
    line-height: 1.4em;
    margin-bottom: 0.5em;
    padding-left: 1em;
    list-style: decimal;
}

#contentMain .csc-firstHeader {
	margin-bottom: 1.35em;
}

#contentAdditional p,
#contentMain p {
	font-size: 70%;
	line-height: 1.4em;
}

#contentMain p {
}

#contentAdditional a, 
#contentMain a {
    color: #C86CA2;
    text-decoration: underline;
}

#contentAdditional a:hover, 
#contentMain a:hover {
	color: #800158;
}

#contentMain .csc-frame-frame3 {
	background: #C86CA2;
    margin-bottom: 1.95em;
	padding: 0.5em;
	color: #fff;
}

#contentMain .csc-frame-frame3 p {
    margin-bottom: 0;
    font-size: 90%;
}

#contentMain .csc-frame-frame3 p a {
    color: #fff;
}

.contactform {
    font-size: 70%;
}

.contactform label {
    float: left;
    width: 8em;
    padding: 0.3em;
}

.contactform textarea, 
.contactform input {
    border: 1px solid #000;
    margin-bottom: 1.5em;
    padding: 0.3em;
    width: 27em;
}

#cf_input_submit {
    clear: both;
    width: 6em;
    margin-left: 8.6em;
    background: #C86CA2;
    color: #fff;
    border: none;
}

.contact_error {
    color: red;
    font-weight: bold;
}

#contentAdditional .csc-textpic-image img, 
.infospalte .csc-textpic-image img {
    width: 9.375em;
}


#contentMain a.kinder {
	float: left;
	display: block;
	width: 17.1em;
	height: 2em;
	background: url(../images/button_einrichtungen.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 0.65em;
	padding-top: 0.5em;
	text-align: center;
	
}

#contentMain a.schulen {
	float: left;
	display: block;
	width: 17.1em;
	height: 2em;
	background: url(../images/button_schulen.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 0.65em;
	padding-top: 0.5em;
	text-align: center;
}

#contentMain a.raeder {
	float: left;
	display: block;
	width: 17.1em;
	height: 2em;
	background: url(../images/button_raeder.gif) no-repeat;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 0.5em;
}

.csc-textpic-imagewrap {
	margin-bottom: 10px;
}