@charset "UTF-8";
/**
*
**/
@media all
{

	/* =Content	
	===============================================*/
	body{
		text-align: center;
		background: #FFFFFF url(images/body_bg-grey.png) repeat-y;
		background-position: center;
		margin-top: 0px;
		top: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #303C47;
	}
	.clear {
		clear:both;
	}
	p {
		margin: 0px;
		padding: 0px;
	}
	a {
		color: #303C47;
		text-decoration: underline;
	}
	img {
		border: 0px;
	}
	form {
		margin-top: 0px;
	}
	td {
		font-size:10px;
	}
	/* erstes div */
	#website { 
		position: relative;
		display: block;
		margin-top: 0px;
		top: 0px;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	#top {
		position: relative;
		display: block;
		top: 0px;
		height: 155px;
		background: url(images/head_bg.png) no-repeat;
		background-position: center;
		text-align:center;
	}
	#page {	
		width: 740px;
		display: block;
		float: left;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		background: #FFFFFF url(images/body_bg.png) repeat-y;
		background-position: center;
		padding: 0px 30px 0px 30px;
	}
	
	/* menu */
	.menu {
		position: relative;
		display: block;
		top: 102px;
		height: 21px;
		width: 740px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 0px 0px 0px; /* oben rechts unten links */
		text-align: left;
		/* background: url(images/men_bg.gif) no-repeat; */
	}
	.menuInner {
		position: relative;
		display: block;
		float: left;
		height: 21px;
		padding: 0px 0px 0px 0px; /* oben rechts unten links */
	}
	.submenu {
		position: relative;
		top: 102px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		height: 33px;
		width: 740px;
		padding: 0px 0px 0px 18px; /* oben rechts unten links */
		text-align: left;
	}
	.submenuInner {
		position: relative;
		display: block;
		float: left;
		height: 14px;
		padding: 0px; /* oben rechts unten links */
		font-size: 10px;
		color: #FFFFFF;
	}
	.submenuText a {
		position: relative;
		display: block;
		float: left;
		padding: 2px 1px 0px 3px; /* oben rechts unten links */
		color: #98A5B1;
		font-size: 10px;
		text-decoration: none;
	}
	
	
	/* content */
	
	.contentLFlash {
		position: relative;
		float: left;
		width: 530px;
		height: 190px;
		padding: 0px;
		background: url(images/flash.jpg) no-repeat;
	}
	
	/* Label */
	.lableContent {
		position: relative;
		display: block;
		width: 260px;
		float: left;
		margin-bottom: 10px;
		padding: 0px 0px 5px 0px;
		background: url(images/teaser_bg.png) bottom;
		font-size: 10px;
	}
	.labelText {
		position: relative;
		display: block;
		float:left;
		width: 180px;
		vertical-align:top;
		padding: 0px 0px 0px 10px;
	}
	.labelIcon {
		position: relative;
		display: block;
		float:left;
		width: 60px;
		vertical-align:top;
		padding: 0px 5px 0px 0px;
	}
	
	/* Label Full */
	.lableContentFullColumn {
		position: relative;
		display: block;
		width: 530px;
		float: left;
		margin-bottom: 10px;
		padding: 0px 0px 5px 0px;
		background: url(images/teaser_bg_full.png) bottom;
		font-size: 10px;
	}
	.labelTextFullColumn {
		position: relative;
		display: block;
		float:left;
		width: 370px;
		vertical-align:top;
		padding: 0px 10px 10px 10px;
	}
	.labelIconFullColumn {
		position: relative;
		display: block;
		float:left;
		width: 130px;
		vertical-align:top;
		padding: 0px 5px 10px 0px;
	}
	.contentBoxFullColumn {
		position: relative;
		display: block;
		margin: 0px 10px 10px 10px;
	}
	.contentBoxFullColumn h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
		color: #93B829; /*gruen*/
	}
	/* Full Teaser */
	
	.contentFullColumn {
		position: relative;
		float: left;
		width: 530px;
		padding: 0px;
	}
	.contentBoxFullColumn {
		width: 530px;
		position: relative;
		text-align: left;
		padding: 0px 0px 10px 0px;
	}
	.hlbgFullColumn {
		position: relative;
		width: 530px;
		height: 30px;
		padding: 0px 0px 0px 0px;
		background-image: url(images/teaser_top_full.png);
		display: block;
	}
	.textFullColumn {
		position: relative;
		padding: 2px 5px 10px 10px;
		display: block;
		background: url(images/teaser_bg_full.png) bottom;
		font-size: 10px;
	}
	.hlFullColumn {
		position: relative;
		padding: 3px 1px 1px 10px;
		display: block;
		font-size:12px;
		color: #303C47;
	}
	
	/* Normal Teaser */
	
	.content {
		position: relative;
		float: left;
		display: block;
		width: 740px;
	}
	.contentL {
		position: relative;
		float: left;
		width: 530px;
		padding: 0px;
	}
	
	.contentLColumn {
		position: relative;
		float: left;
		width: 260px;
	}
	.contentRColumn {
		position: relative;
		float: right;
		width: 260px;
	}
	.contentBox {
		width: 260px;
		position: relative;
		text-align: left;
		padding: 0px 0px 10px 0px;
	}
	.hlbgL {
		position: relative;
		width: 260px;
		height: 30px;
		padding: 0px 0px 0px 0px;
		background-image: url(images/teaser_top.png);
		display: block;
	}
	.hlbgR {
		position: relative;
		width: 260px;
		height: 30px;
		padding: 0px 0px 0px 0px;
		background-image: url(images/teaser_top.png);
		display: block;
	}
	.hl {
		position: relative;
		padding: 3px 1px 1px 10px;
		display: block;
		font-size:12px;
		color: #FFFFFF;
	}
	.text {
		position: relative;
		padding: 0px;
		display: block;
		background: url(images/teaser_bg.png) bottom;
		font-size: 10px;
		color: #303C47;
		width:100%;
	}
	.text:hover, .text-hover {
		color: #000000;		    
	}
	.textMore {
		position: relative;
		padding: 0px;
		display: block;
		background: url(images/teaser_bg_more.png) bottom;
		font-size: 10px;
		color: #303C47;
		width:100%;
	}
	.innerText {
		position: relative;
		display: block;
		padding: 5px 5px 10px 10px;
	}
	.textMore:hover, .textMore-hover {
		color: #000000;		    
	}
	
	/* Login */
	.contentR {
		position: relative;
		display: block;
		float: left;
		width: 210px;
		padding: 0px;
	}
	.contentRFlash {
		position: relative;
		float: right;
		width: 200px;
		height: 190px;
	}
	.contentRTeaser {
		position: relative;
		float: right;
		width: 200px;
		background: url(images/teaser_bg.png);
	}
	.contentRLogin {
		position: relative;
		text-align: left;
		height: 55px;
		padding: 0px 0px 0px 15px; /* oben rechts unten links */
		background-image: url(images/login_bg.png);
	}
	.contentRLoginLeft {
		position: relative;
		float: left;
		text-align: left;
		width: 157px;
		height: 30px;
		padding: 13px 0px 0px 3px; /* oben rechts unten links */
	}
	.contentRLoginRight {
		position: relative;
		float: left;
		text-align: center;
		width: 30px;
		height: 30px;
		padding: 14px 0px 0px 0px; /* oben rechts unten links */
	}
	.field {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		background: #DBEEAE;
		border: 0px solid #DBEEAE;
		padding: 0px 0px 0px 5px;
		height: 18px;
	}
	
	/* bottom */
	.pageBottom {
		position: relative;
		float: left;
		width: 100%;
		height: 100px;
		background: #FFFFFF url(images/body_bg_bottom.png) no-repeat;
		background-position: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* ajax form */
	#contactarea {
		width:240px; /* 200 - border */
		text-align:left;
	}
	#inputbox {
		border: 1px solid #909090;
		width: 220px;
		padding: 2px;
		margin: 2px 7px 2px 7px;
	}
	
	#inputlabel {
		margin: 2px 10px 2px 10px;
	}
	
	#textarea {
		border: 1px solid #909090;
		padding: 2px;
		width:220px;
		margin: 2px 7px 2px 7px;
	}
	#submitbutton {
		border: 1px solid #909090;
		background-color: #eee;
		margin: 2px 7px 2px 7px;
		font-size: 11px;
		color: #303C47;
	}
	#contactarea {
		margin: 0px 0px 0px 0px;
	}
	#loader {
		display: none;
		float: right;
		margin: 3px 40px 0px 0px;
	}
	#inputbutton {
		float: left;
		height: 30px;
	}
	#ausgabe {
		margin: 0px 7px 10px 7px;
		color: #6A8C27;
	}
	/*RSS*/
	.rssError {
		color: #999999;
	}
	.rssFeed {
		width: 200px;
		background: url(images/teaser-rss_bg.png) bottom;	
		font-size: 10px;
	}
	/*
	.rssHeadline {
		font-weight: bold;
		margin: 5px 7px 0px 7px;
		text-align: left;
	}
	
	.rssFeedText {
		text-align: left;
		margin: 2px 7px 2px 7px;
		width: 186px;
	}
	.rssFootnote {
		color: #999999;
	}
	*/
	.rssDate {
		text-align: right;
		padding-bottom: 5px;
		padding-top: 3px;
		color: #999999;
		font-size: 9px;
	}
	/*=============================================*/
	
	/* =playlist
	===============================================*/
	#playlist {
		width: 198px;
		color: #666666;
		background-color:#F3F3F4;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin: 1px;
	}
	#playlist caption {
		display:none;
	}
	#playlist table {
		border-collapse: collapse;
	}
	#playlist thead {
		background-color:#F0F9FF;
	}
	#playlist th {
		font-weight: bold;
		text-align: left;
		font-size: 10px;
		border-bottom: 1px solid #303C47;
		border-top: 2px solid #303C47;
		padding: 1px 3px 1px 3px;
		color: #FFFFFF;
		background-color: #303C47; /* 93B829 */
	}
	#playlist th#icon {
		text-align: right;
	}
	#playlist td {
		text-align: left;
	}
	#playlist td a, #playlist td a:link, #playlist td a:visited {
		display: block;
	}
	#playlist .playlist_name a, #playlist .playlist_name a:link, #playlist .playlist_name a:visited {
		font-size: 12px;
		font-weight: bold;
		text-decoration:none;
		color: #75941C;
		padding: 2px;
	}
	#playlist tr.playlist_name:hover {
		background-color:#FFFFFF;
	}
	#playlist .playlist_name a b.playlist_nameSong {
		font-weight: normal;
		color: #666666;
	}
	#playlist .playlist_name a b.playlist_nameSound {
		font-weight: normal;
		font-style:italic;
		color: #666666;
	}
	#playlist .playlist_description a, #playlist .playlist_description a:link, #playlist .playlist_description a:visited {
		text-decoration: none;
		color: #63717E;
		padding: 2px;
	}
	#playlist .playlist_description a:hover {
		color: #303C47;
	}
	#playlist td.icon {
		text-align: right;
	}
	#playlist tr.playlist_name td {
		padding-top: 10px;
		border-bottom: 1px solid #DDDDDD;
	}
	#playlist tr.playlist_description {
		border-bottom: 1px solid #303C47;
	}
	#playlist tr:last-child td {
		border-bottom: none; /* geht bei Firefox */
	}
	#playlist tr:hover {
		background-color:#FFFFFF; /* DDDDDD */
		color: #000000;
	}
	#playlist col#dateCol {
		background-color: #F1F1F1;
	}
	#playlist tfoot td {
		border: none;
		background-color: #303C47;
		padding: 0px;
		height: 2px;
	}
	#playlistHeader {
		padding-bottom: 15px;
		background-color: #FFFFFF;
	}
	p.important,
	p.important a,
	p.important a:hover{
		color: #75941C;
		padding-bottom: 10px;
	}
	/*=============================================*/
}