/**
 * CSS by Thomas Karolzyk
 * thomas@karolzyk.com
 */
 

/****************** GENERAL ***/


* {
	padding:0;
	margin:0;
}

body {
	background-color: #d6d6d6;
	color:#000;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}


/****************** LINKS ***/

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

a:hover {
	color: #f00;
	text-decoration: none;
}

a.rss {
	padding: 0 0 0 17px;
	line-height: 145%;
	background: transparent url(../img/rss.gif) no-repeat;
	background-position: left center
}

a.newsletter {
	padding: 0 0 0 17px;
	line-height: 145%;
	background: transparent url(../img/newsletter.gif) no-repeat;
	background-position: left center
}

a.blacklink {
	display:block;
	margin: 5px 0;
	width:120px;
	font: 11px Verdana, Arial, sans-serif;
	border: 1px solid #777;
	padding: 2px 0;
	color:#fff;
	background-color:#000;
	text-align:center;
	text-decoration:none;
	cursor:default;
}

a img, img a 	{ border:0 }


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

/* copy
#div_absolute { position: absolute; top: 0; left: 0; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
#div_relative { position: relative; background-color: #f00; padding: 0 0 0 0; margin: 0 0 0 0; height: 5em; width: 5em; }
*/


#main { 
	position: relative;
	width:762px; 
	background-color: #fff; 
	margin: 0 auto; 
	padding: 0 0 5px 0;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
#channelpic { 
	position: relative;
	width:762px;
	height:117px; 
	background-color: #fff; 
	margin: 20px 0;
	z-index:5;
}
#top_holder {
	position:relative;
	z-index:3;
	overflow:visible;
}
#nav_holder { 
	position:absolute;
	top:39px;
	right:0px;
	background-color:#000;
	width:400px;
	height:21px;
	z-index:100;
}
#content_holder { 
	position:relative;
	margin: 20px 15px;
}
#content_left { 
	position:relative;
	margin: 15px 5px 20px 18px;
	width: 500px;
	float:left;
}

#content_border { 
	position:relative;
	margin: 15px 5px 20px 18px;
	width: 180px;
	float:left;
}
#content_left_small { 
	position:relative;
	margin: 15px 5px 20px 5px;
	width: 300px;
	float:left;
}
#content_right { 
	position:relative;
	margin: 15px 5px;
	width: 142px;
	float:right;
	border-left: 1px solid #666;
}

.separator_right {
	background: transparent url(../img/separator_right.gif) no-repeat;
	height:20px;
	background-position: left 15px;
}

.box_right {
	margin: 7px;
}

#breadcrumb {
	margin: 7px 0 0 30px;
	color:#aaa;
	font: 10px Tahoma, Arial;
	text-align:left;
}
#breadcrumb a {
	color:#aaa;
}

.news_author 	{ margin:10px 0; }
.news_author a 	{ font-weight:bold;}


.headline_datum {
/*	font: 10px Tahoma, Verdana, Arial;*/
	color:#444;
	font-size: 11px;
}

.normal_weight {
	font-weight:normal;
}

.playlist_pic {
	float:right;
	margin: 0 5px 15px 10px;
}

/* LISTS */

#content_left ul { 
	margin: 2px 12px;
}



/****************** FOOTER MENU LANDING PAGE ***/

#menu_home { 
	position: absolute;
	left:0;
	bottom: 5px;
	height: auto; 
	width:100%;
	background-color: #fff; 
	text-align:center;
}
#menu_home ul,
#footer ul {
	list-style: none;
	padding: 3px 0 0 0;
}
#menu_home ul li,
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 15px;
}
#menu_home ul li a,
#footer ul li a 			{ color: #000; text-decoration:none; }
#menu_home ul li a:hover,
#footer ul li a:hover 		{ text-decoration:underline; }
#menu_home ul li.active a,
#footer ul li.active a 	{ font-weight:bold; }






/****************** FOOTER ***/

#footer { 
	position: relative;
	width:100%; 
	height: 20px;
	background-color: #fff; 
	text-align:center;
}
/*

#footer ul {
	list-style: none;
	padding: 3px 0 0 0;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #ddd;
}
#footer ul li a 		{ color: #000; text-decoration:none; }
#footer ul li a:hover 	{ text-decoration:underline; }
#footer ul li a.active 	{ font-weight:bold; }


*/

/****************** META NAV ***/

/*
#metanav { 
	position: absolute;
	bottom:5px;
	right:30px;
	text-align:right;
}
#metanav ul {
	list-style: none;
	padding: 2px 0 0 0;
}
#metanav ul li {
	display: inline;
	margin: 0;
	padding: 0 .3em;
}
#metanav ul li a 			{ color: #fff; text-decoration:none; font-weight:bold; }
#metanav ul li a:hover 		{ text-decoration:underline; }
#metanav ul li.active a 	{ color: #F9B700; }
*/

/****************** FORMS ***/

fieldset {
	border:0;
}

input {
    font-size: 1em;
}
textarea {
    font-size: 1em;
}

input.input_right,
textarea.input_right {
	margin: 5px 0;
	width:120px;
	font: 11px Verdana, Arial, sans-serif;
	border: 1px solid #777;
	padding:1px;
}

input.input_right {
	background-color:transparent;
}

input.submit_black {
	color:#fff;
	background-color:#000;
}



/****************** HEADER ***/

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Sans-Serif;
	margin:0;
	padding:0;
}
h1{
	font-size:140%;
	font-weight:bold;
	color:#333;
	padding: .5em 0;
	margin:0;
}
h2{
	font-size:16px;
	color:#000;
	margin: 20px 0 15px 0;
	border-bottom: 1px solid #cd9d76;
/*	clear:both; */
}

h3{
	font-size:110%;
	color:#333;
	padding: 12px 0 4px 0;
}
h4 {
	font-size:100%;
	color:#000;
	font-weight:bold;
	margin: 2px 0 5px 0;	
}
h5 {
	font-size:100%;
	border-bottom: 1px solid #888;
	clear:both;
}

h2 a {
	text-decoration:none;
}




/****************** HELPER ***/

.clear {
	clear:both;
}

.flash_element {
	background-color:#eee;
	color:#888;
	padding: 100px 0;
}

.teamseparator {
	clear:both;
	margin: 10px 0;
}

/****************** NEWS ***/

div.news-single-item h3 {
	font-size: 12px;
	margin: 5px 0;
	padding:0;
	border-bottom-style:none;
}


/****************** GALLERY ***/



.gallery-list-container {
	position:relative;
}

.gallery-list-item {
	float:left;
	width:155px;
	height:170px;
	margin: 0 10px 0 0;
}
.gallery-list-browse {
	clear:both;
}
.gallery-list-text {
	text-align:right;
	padding: 5px 0;
}
.gallery-single-info {
	position:absolute;
	top:0;
	left:405px;
	width:135px;
}

.gallery-single-discription {
	position:relative;
	top: 30px;
	left:0px;
	width:500px;
}



/****************** GUESTBOOK ***/



/****************** NEWSLETTER ***/

#newsletter_categories {
	margin: 10px 0;
	width: 150px;
	font-weight:bold;
}
#newsletter_categories input {
	display:block;
}
#newsletter_categories label {
/* 	float:right; */
}




div.tx-ttnews-browsebox ,
div.tx-ttnews-browsebox table td
{
	text-align:left !important;
}



/****************** Listen Programm */

#playlist_pic {
	float:right; 
	margin: 10px 0 0 10px; 
	padding:0; 
	text-align:right;
}