/* Global */
body,html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

a{
	text-decoration:none;
	color:#333;
}

.csc-textpic{
	padding-left:420px;
}

.csc-textpic-clear{
	display:none;
}


/* Navigation */
#navPos{
	position:fixed;
	z-index:20;
	top:0;
	left:0;
}

#navigation{
	background:url("../img/bg_navi_top.png") no-repeat top left;
	width:400px;
	height:329px;
}

#naviEnd{
	position:fixed;
	z-index:20;
	top:329px;
	left:0;
	width:160px;
	height:222px;
	background:url("../img/bg_navi_bottom.png") no-repeat;
}

#navigation a,#navigation .nav_home .active{
	color:#336666;
	text-transform:uppercase;
	font-size:1.04em;
	margin-top:-1px;
	background:url("../img/bg_navi_hover.gif") no-repeat top right;
}

#navigation .active{
	color:#fff;
	background-position:bottom right;
}

#navigation a:hover{
	text-decoration:underline;
}

#navigation .nav_home a:hover{
	text-decoration:none;
}

/* Zur Sicherheit alle a-Tags in #navigation ausblenden, falls neue Menupunkte angelegt werden (die keine absolute Positionierung hätten) */
#navigation ol li a{
	display:none;
}

#navigation ol li a{
	float:right;
	padding:95px 2px 0 0;
	width:78px;
	height:15px;
	overflow:hidden;
	position:absolute;
	text-align:right;
}

/* Absolute Positionen der einzelnen Navigationspunkte */
#navigation .nav_programm a{
	display:block;
	top:0;
	left:160px;
}

#navigation .nav_produktion a{
	display:block;
	top:0;
	left:240px;
}

#navigation .nav_personal a{
	display:block;
	top:110px;
	left:80px;
}

#navigation .nav_kontakt a{
	display:block;
	top:220px;
	left:0;
}

#navigation .nav_links a{
	display:block;
	top:110px;
	left:160px;
}

#navigation .nav_impressum a{
	display:none;
	top:220px;
	left:0;
}

#navigation .nav_foerderer a{
	display:block;
	top:330px;
	left:0;
}

#navigation .nav_home a{
	display:block;
	top:0;
	left:0;
	width:160px;
	overflow:hidden;
}

#navigation .nav_home a span{
	padding-left:200px;
}

#navigation .nav_home a:hover{
	background:none;
}


/* Content */
#content{
	min-height:500px;
	float:left;
	width:810px;
	padding:110px 20px 0 0;
	text-align:left;
	line-height:1.3em;
}

#content h1{
	padding-left:420px;
	width:390px;
	color:#6d2461;
	font-size:1.8em;
	text-transform:uppercase;
	word-spacing: -0.1em;
	text-align: left;
	letter-spacing: 0;
	line-height: 0.9em;
	font-size: 1.8em;
	margin-bottom:2px;
	font-weight:bold;
}

#content p{
	font-size:1.1em;
	color:#333;
	padding-left:420px;
	width:390px;
	word-spacing:normal;
	line-height:1.3em;
	margin-bottom:15px;
}

#content li{
	float:left;
	padding-left:5%;
	width:95%;
	list-style-type:none;
	background:url("../img/li.gif") no-repeat 8px 4px;
	font-size:1.1em;
	color:#333;
	line-height:1.3em;
}

#content ol,#content ul{
	float:left;
	width:100%;
	margin-bottom:10px;
}

#content #back{
	margin-bottom:0;
}

#content #back a{
	text-transform:uppercase;
	color:#336666;
}

#content div p,#content div h1{
	padding-left:0;
}

#content div{
	width:100%;
	float:left;
}

#content .left{
	clear:both;
	float:left;
	width:400px;
	text-align:right;
}

#content .right{
	width:390px;
	padding:20px 0 0 20px;
	float:left;
}

.home{
	padding-top:0 !important;
}

.home .csc-textpic,.home .csc-textpic div{
	margin-bottom:0 !important;
	padding-left:0;
}

#content h1 a{
	color:#6D2461;
}




/* Rechte Spalte */
#right{
	width:145px;
	padding-top:99px;
	float:left;
	text-align:left;
	text-transform:uppercase;
	color:#333;
}

#right h2{
	color:#6d2461;
	letter-spacing:2px;
	border-bottom:1px solid #6d2461;
	font-size:1.1em;
	line-height:0.9em;
	padding-bottom:1px;
	margin-bottom:20px;
}




/* Footer */
#footer{
	clear:both;
	float:left;
	width:800px;
	padding:10px 0 10px 15px;
	text-transform:uppercase;
	text-align:left;
	color:#333333;
}

#footer p{
	width:100%;
	float:left;
	margin-bottom:0;
}

#footer ol{
	width:100%;
	float:left;
}

#footer li{
	float:left;
	list-style-type:none;
	padding-right:5px;
	margin-top:0;
}

#footer li a{
	color:#333333;
}

#footer a:hover{
	text-decoration:underline;
}


/* Ab hier: Individuelle Seiten CSS */
/* Kontakt */
.kontakt{
	text-transform:uppercase;
}

.kontakt a{
	text-decoration:underline;
}

/* Links */
.links a{
	text-transform:uppercase;
	text-decoration:underline;
}

/* Mitarbeiter (FCE) */
#content .mitarbeiter{
	width:185px;
	padding-top:5px;
	border-top:1px solid #666;
	float:left;
	margin:0 10px 10px 0;
}

.mitarbeiter strong{
	text-transform:uppercase;
	font-weight:bold;
}

#content .mitarbeiter p{
	width:105px;
	float:right;
}

#content .mitarbeiter img{
	float:left;
}

/* Förderer CSS */
.foerderer a{
	text-transform:uppercase;
	text-decoration:underline;
}


/* Produktionen */
.produktion .sLeft{
	width:400px !important;
	height:330px;
	float:left;
}


.produktion .sLeft .left{
	z-index:10;
}

.produktion .sLeft .right{
	width:240px !important;
	margin-left:140px;
	margin-top:-330px;
	z-index:15;
	display:inline;
}

.produktion .sLeft p{
	width:240px !important;
}

.produktion .sLeft h1{
	width:215px !important;
}

.produktion .sRight{
	width:410px !important;
	height:330px;
	float:right;
}

.produktion .sRight .right{
	width:250px;
	margin-top:-330px;
}

.produktion #first{
	background:none;
}

.produktion{
	text-transform:uppercase;
}