/* ==============================================================
                        ALLGEMEIN
================================================================= */
* {
	padding:0;
	margin:0;
	font-family:Arial;
	color:#fff;
	}
body {
	margin:0;
	padding:0;
/*	background-attachment:fixed;*/
	background-position:center top;
	background-color:#000;
	text-align:center; /*Bugfix IE */
}
	
/* ==============================================================
                        TEXTFORMATIERUNGEN
================================================================= */	
h1 {
	font-size:14px;
	}
#contentbox h1 {
	margin-bottom:10px;
	}
#bildbox h1 {
	padding:10px;
	height:40px;
	}
h2,
h3 {
	padding-left:20px;
	padding-bottom:5px;
	}
form h3 {
	padding-left:0;
	color:#333;
	}
h2 {
	font-size:14px;
	}
h3 {
	font-size:12px;
	}

p {
	font-size:12px;
	line-height:160%;
	}
p.abstand {
	padding:15px 15px 0 15px;
	}
p.anmerkung {
	font-size:10px;
	font-style:italic;
	margin-top:10px;
	color:#999;
	padding:0pt 20px 20px;
	}
#logo a {
	text-decoration:none;
	display:block; 
	width:300px;
	height:45px;
	float:right;
	}

/* ==============================================================
                        SEITENSTRUKTUR
================================================================= */

/* --------------------- #centerbox ----------------------------- */
#centerbox {
	margin:0 auto;
	width:950px;
	height:560px;
	text-align:left; /*Bugfix IE */
}

/* --------------------- #logo ----------------------------- */
#logo  {
	height:45px;
	float:right;
	width:950px;
	}

/* --------------------- #mainnavi ----------------------------- */
#mainnavi  {
	width:150px;
	margin-top:60px;
	float:left;
	}

/* --------------------- #my-glider ----------------------------- */
#my-glider  {
	width:800px;
	overflow:auto;
	float:left;
	}
	
/* --------------------- #contentbox ----------------------------- */
#contentbox {
	width:300px;
	margin-top:60px;
	float:left;
	margin-right:30px;	
	}
	
/* --------------------- #audioplayer ----------------------------- */
#audioplayer {
width:150px;
float:right;
	}
	

/* --------------------- #bildbox ----------------------------- */
#bildbox {
	width:470px;
	float:left;
	background-image:url(../../TESTA/media/struktur/specialbox_bg.png) !important; /* ist für alle Standardkonformen Browser wichtig */
	background-image:none; /* Wichtig für den IE6 und darunter. Erkennt sonst nachfolgende Anweisung nicht und macht das PNG sonst nicht transparent */
	}
* html #bildbox { /* So wird das PNG im IE transparent */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
	(enabled=true, src='fileadmin/TESTA/media/struktur/specialbox_bg.png', sizingMethod='scale');
	margin-right:-3px;
	}

/* --------------------- #metanavi ----------------------------- */
#metanavi {
	height:25px;
	clear:both;
	text-align:right;
	}

/* ==============================================================
                        NAVIGATION
================================================================= */

/* --------------------- #mainnavi ----------------------------- */
#mainnavi ul {
	margin-left:15px;
	}
#mainnavi li {
	list-style-type:none;
	width:110px;
	line-height:130%;
	}
#mainnavi li.level_2 {
	margin-left:15px;
	}
#mainnavi a {
	font-size:12px;
	text-decoration:none;
	line-height:160%;
	}
#mainnavi li.level_2 a {
	line-height:120%;
	}
#mainnavi a:hover,
#mainnavi a.active {
	color:#FC7216;
	}
	
/* --------------------- #metanavi ----------------------------- */
#metanavi ul {
	list-style-type:none;
	}
#metanavi li {
	float:right;
	}
#metanavi li a {
	color:#fff;
	font-size:10px;
	margin-left:10px;
	display:block;
	padding-top:5px;
	float:left;
	text-decoration:none;
	}

/* ==============================================================
                        GLIDER
================================================================= */	
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width:470px;
	height:550px;
	overflow: hidden;
	}
	
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:470px;
	height:560px;
	overflow:hidden;
	float:left;		
	}
div.scroller div.content {
	width: 10000px;
	float:left;
	}
div.csc-textpic-imagewrap {
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
	}
* html div.csc-textpic-imagewrap {
	padding:10px 10px 10px 10px;
	margin-bottom:0px;
	}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:10px;
	}
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	margin-right:10px;
	}
	
/* ==============================================================
                        Form
================================================================= */

form,
input,
textarea {
	color:#333;
	}
fieldset {
	border:0;
	padding:10px;
	margin:0 10px 3px 10px;
	font-size:12px;
	background-color:#efefef;
	}
label {
	cursor:pointer;
	font-size:12px;
	display:block;
	width:160px;
	float:left;
	clear:both;
	}
.meta label {
	color:#333;
	}
input,
textarea {
	border:1px solid #999;
	background-color:#fff;	
	font-size:12px;
	}
input.ohne-rahmen {
	border:0;
	background-color:#efefef;
	}
input.button {
	border:1px solid #999;
	font-size:12px;
	background-color:#fff;
	cursor:pointer;
	}
form div.trenner {
	height:5px;
	display:block;
	font-size:1%;
	background-color:#efefef; /* der IE braucht diese Angabe, sonst intepretiert er die Höhe nicht, sondern macht min. 10px hoch */
	}
input.left {
	margin-left:160px;
	margin-right:10px;
	}
span.fehlendes-pflichtfeld {
	color:red;
	height:20px;
	display:block;
	}