@charset "UTF-8";
/**************************************************
*****  CSS Document 
***************************************************/

* {
    margin: 0;
    padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


body  {
	margin: 20px;
	text-align: center; /* nur für alte Browser */
	background-image: url(../images/background.jpg);
	background-color:#000000;
	background-repeat: no-repeat;
	font-family:helvetica, arial sans-serif;
}

a {
	background:transparent none repeat scroll 0 0;
	color:#FFFFFF;
	text-decoration:none;
}

p {
	font-size:14px;
	color:gray;
	text-align: left;
	padding-left:10px;
	line-height:28px;
}

h1 {
	color:#ffffff;
	font-size:24px;
	line-height:100%;
	padding:5px 5px 5px 10px;
	text-align: left;
}

h2 {
	border-bottom:1px solid gray;
	color:#99CC00;
	font-size:23px;
	line-height:100%;
	padding:5px 5px 5px 10px;
	text-align: left;
	margin-bottom:10px;
}

h3 {
	color:#99CC00;
	font-size:30px;
	line-height:100%;
	padding:5px 5px 5px 10px;
	text-align: left;
}

h5 {
	color:#ffffff;
	line-height:100%;
	padding:5px 5px 5px 10px;
	text-align: left;
}


/**************************************************
*****  IE Bugfixes 
***************************************************/



/**************************************************
*****  CSS Document 
***************************************************/

#container {
	width: 780px;
	margin: 0px auto;
	/*	padding: 15px;  */
	text-align: center;
}

#header {
	width: 780px;
	height: 200px;
	padding-left:130px;
	margin-bottom:15px;
}

.header_pic {
	width: 500px;
	height: 200px;
	background-image: url(../images/header.jpg);
}

#navi {
	float:left;
	width:130px;
}

#main {
	background-color:black;
	background-image:url(../images/content.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:left;
	margin-bottom:20px;
	min-height:400px;
	width:500px;
	border-bottom:1px solid gray;
}

#right {
	float:right;
	height:200px;
	width:130px;
}

#footer {
	float:left;
	height:20px;
	margin-left:130px;
	margin-bottom:20px;
	width:500px;
}

/**************************************************
*****  Navigation 
***************************************************/

#nav_level1 {
	color:#FFFFFF;
	font-size:30px;
	list-style-type:none;
	padding-right:20px;
	text-align:right;
}


#nav_level1 #active {
	color: #99CC00;
}

#nav_level1 a:focus, #nav_level1 a:hover, #nav_level1 a:active {
	color:#99CC00;
	text-decoration:none;
}


/**************************************************
*****  typo3 
***************************************************/

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:20px 0 0 10px;
}


/* audio player */
.rgmediaimages-media span{
	float:left;  
	padding-left:10px;   
}

