/* ******************** ALLGEMEINE FORMATIERUNGEN **********************
***********************************************************************/

*{	/* Reset von den voreingestellten Browser Werten */
	margin:		0px;
	padding:	0px;
}

html, body{
	background:	#FFF;
}

/* ****************************** TYPO ********************************
***********************************************************************/

body{
	font-family: 	Arial, sans-serif;
	font-size:		14px;
	color: 			#FFF;
}

p{	/* Abstand von 20px bei jedem Absatz im Text */
	margin-top: 20px;
}

h1 {
	font-family: 	'Oswald', Arial, sans-serif;
	font-size: 		22px;
	font-weight: 	300;
	color: 			#FFF;
	text-shadow: 	1px 1px 0px #000000;
}

h2 {
	font-family: 	'Oswald', Arial, sans-serif;
	font-size: 		18px;
	font-weight: 	180;
	color: 			#FFF;
	text-shadow: 	1px 1px 0px #000000;
}

h3 {
	font-family: 	'Oswald', Arial, sans-serif;
	font-size: 		15px;
	font-weight: 	300;
	color: 			#FFF;
	text-shadow: 	1px 1px 0px #000000;
}

footer{
	text-align: 	center;
	line-height:	43px;
	font-size:		10px;
}

/* ***************************** LAYOUT *******************************
***********************************************************************/

#wrapper{
	width:			1050px; 
	margin:			0px auto;
}

#main-header{
	width:			1050px;
	height:		 	300px;
	float:		  	left;
}

#main-navigation{
	width:			1050px;
	height:		  	0px;
	float:			left;
}

#headerbild{
	background: 		url(../images/Header1.png);
	background-repeat: 	no-repeat;
	width:				1050px;
	height:		 		300px;
	float:		  		left;
}

#breadcrumb{
	width:			1050px;
	height:		  	40px;
	background:		#474445;
	border-top:		1px solid #CCCCCC;
	border-bottom:	1px solid #CCCCCC;
	float:		  	left;
	
	text-align: 	center;
	font-family: 	'Oswald', Arial, sans-serif; 
	font-size:		21px;
	font-weight:	400px;
	line-height:	40px;
}

#section-wrapper{
	width:			1050px;
	float:			left;
	
	background: -moz-linear-gradient(left, #000000 0px, #000000 230px, #666666 230px, #666666 1050px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0px,#000000), color-stop(230px,#000000), color-stop(230px,#666666), color-stop(1050px,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #000000 0px,#000000 230px,#666666 230px,#666666 1050px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #000000 0px,#000000 230px,#666666 230px,#666666 1050px); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #000000 0px,#000000 230px,#666666 230px,#666666 1050px); /* IE10+ */
	background: linear-gradient(left, #000000 0px,#000000 230px,#666666 230px,#666666 1050px); /* W3C */	
}

#sidebar{
	width:		 	230px;
	float:		  	left;
}

#content{
	width:		 	780px;
	float:		  	left;
	padding:		20px;
}

footer{
	width:			1050px;
	height:		  	40px;
	background:		#474445;
	border-top:		1px solid #CCCCCC;
	float:		  	left;
	font-family: 	Arial, sans-serif;
	font-size:		12px;
	color: 			#FFF;
}

a{
	text-decoration: 	none;
	font-family: 	Arial, sans-serif;
	font-size:		12px;
	color: 			#FFF;
}


/* *************************** Navigation *****************************
***********************************************************************/

#sidebar .menu{
	list-style-type:	none;
	width:				231px;
}

#sidebar .menu li a{
	width:				231px;
	height:				50px;
	display:			block;
	float:				left;
	
	font-family: 		'Oswald', Arial, sans-serif; 
	font-size:			21px;
	font-weight:		400px;
	line-height:		50px;
/*	text-align:			center; */
	text-indent:		30px;	 /* Text wird um 30px eingeschoben (nach rechts) */
	color:				#FFF;
	text-decoration: 	none;
	border-bottom:		1px solid #CCCCCC;
	text-shadow:		1px 1px 0px #000;
	
	webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}


#sidebar .menu li a:hover{
	background: #CCCCCC;
	
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-ms-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
}


/* ****************************** Player *******************************
***********************************************************************/
#player {
	border: 		6px solid #666;
	border-radius:  1em;
	max-width: 		60em;
	background: 	#000;
    margin:   		auto;
}

#player .audio {
	width: 			99%;   
	margin: 		25px 0 0 0; 
	border:			1px solid transparent;
}

#player ul {
	margin:			0;
	padding:		0;
}

#player li {
	box-sizing:		border-box;
	-moz-box-sizing:border-box;
	list-style-type:none;
	border-top	   :2px solid #666;
	color:			white;
	text-decoration:none; 
	font-size:		.9rem;
	display:		block;
	cursor: 		pointer;
	cursor: 		hand;
}

#player li a {
	padding:		6px;
	color:			white;
	text-decoration:none; 
	font-size: 		.9rem;
	display:		block;
}
#player li a:focus, #player li a:hover {
	background:		#ccc;
	color:			#000;
	outline:		0;
}


/* *************************** Toggle Switch ***************************
***********************************************************************/

dd { 
	display:		none; 
	white-space:	pre;
	font-family: 	Arial, sans-serif;
	font-size:		12px;
	color: 			#000;
}

.closed { 
	background:		none;
	cursor: 		pointer;
}

.open { 
	background:		none; 
	cursor: 		pointer;
}


/* ******************** Allgemeine font-style *************************
***********************************************************************/

.kursiv { 
	font-style:italic; 
}