* {
	margin:0px;
	padding:0px;
}

a:link,
a:visited {
  text-decoration:underline;
  color:#000;
}



/* start IE stuff 
if you need this to validate you need to use "if IE" statement in HTML 
* html body
	{
	overflow-y: hidden;
	}
* html #main
	{
	height: 100%;
	}
end IE stuff */	
	


body#welcome {
	height:650px; 
	vertical-align:middle;
}
html {
	height:100%; 
	background-color:#030303;
	
}
body {
	height:100%; 
	margin: 0px;
	padding: 0px;
	overflow: auto;
/*	font: 62.5%/1.6em Helvetica, Arial, Georgia, Constantia, "Times New Roman", Times, serif;
*/	
	font: 10px Helvetica, Arial, Georgia, Constantia, "Times New Roman", Times, serif;
}
#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-300px; /* half of container's height */
		float:left;
		}

div#main {
	clear:both;
	position: relative;
	min-height: 100%;
	width:950px;
	margin-left: auto;
	margin-right: auto;
	background-color:#ccc;
	
}
div#main_welcome {
	clear:both;
	position: relative;
	width:950px;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;


}
#logo {
    position:absolute;
    top: 20px;
    left: 20px;	
}
#title {
    position:absolute;
    top: 20px;
    left: 120px;	
    border:1px solid black;
    border-left:0px;
    background-color:#888;
    height:32px;
}
#title h1 {
	font-family:Verdana,Helvetica;
	font-size:18px;
	color:#fff;
	padding:5px 5px 5px 5px;
	font-weight:normal;
}
#upperthird {
/*	height:350px;  */
	width:100%;	
	margin:0px;
	padding:0px;
}

#uppertwothirds {
	height:500px;
	width:100%;	
}

#middlethird {
	float:left;
	width:100%;	
	font-size:12px;
	border:0px solid red;
	padding:10px 20px 120px 20px;
	width:910px;
	line-height:1.4;	
}

#main #lowerthird {
	position: fixed;
	bottom: 0px;
	height:100px;
	width:950px;
	vertical-align:top;	
	background-color:#888;
}

#main_welcome #lowerthird {
	position: relative;
	bottom: 0px;
	height:100px;
	width:950px;
	vertical-align:top;	
	background-color:#888;
}

/*#middlethird p.bodytext {
	padding:10px;
} */


div.clear {
	clear: both; 
}

div.columnleft {
	float:left;
	width:443px;
	border:0px solid red;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div.programleft {
	float:left;
	height:100%;
	width:250px;
	margin:-10px 0px 0px -20px;
	padding:0px;
	background-color:#222;
}
div.columnright {
	float:right;
	width:443px;
	border:0px solid red;
	margin:0px 0px 0px 0px;
	padding:0px;
}

div.programright {
	width:670px;
	border:0px solid red;
	margin:5px 15px 0px 245px;
	padding:0px;
}

#footer {
	padding:0px 15px 0px 15px;
	font-size:11px;
	height:100%;
}

#footer .aktuell {

	 margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px;
		color:white;
		font-size:12px;
}
#footer .aktuell a {
	
	color:white;
	text-decoration:underline;
	font-weight:normal;
}

#footer #contact {
	color:#fff;
	vertical-align:bottom;
	margin-bottom:5px;
	height: 20px;
}

#footer h2 {
	font-size:16px;
	color:#222;
	
}

#footer .specialmenu {
	float:right;
	margin-right:5px;
	padding-top:8px;
}
#footer .specialmenu a {
	font-size:16px;
	border:1px solid #222;
	padding:4px 3px 2px 3px;
	text-decoration:none;
	color: #222 !important ;
	background-color:#ddd;
}

#footer .specialmenu a:hover {
	background-color:transparent;
}

#footer a:link,
#footer a:visited {
	color: #fff;
}
#contact p.bodytext,
#contact a:link,
#contact a:visited {
	color:#222;
}

#nav.hidden {
   display:none;
}

#nav {
position: relative;
  font-family: Verdana, Arial, sans-serif;
  color: #222; 
  width:100%;
  height:15px; 
  margin:0px 15px 0px 0px; 
  padding:5px 0px 5px 0px;
  background-color:#fff;
}

#nav ul {
 padding:0px;
 margin:0px 0px 0px 15px;
 list-style:none;
}

#nav li {
 float:left;
 position:relative;
}

#nav ul li {
  margin:0px 20px 0px 0px;
  font-size:14px;
}

#nav ul li a:link,
#nav ul li a:visited {
  text-decoration:none;
  border:none;
  color:#222;
}


#nav ul li:hover ul, #nav ul li.over ul {
 display:block;
}

#nav li ul {
 position:absolute;
 bottom:10px;
 left: 0px;
 padding:0px 0px 5px 0px;
 margin:0px 0px 0px -8px; 
background-color:#fff;
 width:146px; 
 display:none; 
}

#nav li > ul {
 top:auto;
 left:auto;
}
#nav li li {
  height:auto;
  margin:0px;
  padding:0px;
  width:100%;
  font-size:8px;
  border-bottom:1px solid #efa;
}

#nav li li span {
  display:block;
  margin:0;
  padding:3px 4px 3px 9px;
  position:relative;
  background-color:#fff;
}

#nav li li a:hover {

/*  Das macht IE */

   font-weight:bold; 

 

}

/* Ab hier nur fuer echte Browser */

#nav li li span:hover{

  background-color:#B0C4DE;

}

#nav li li span:hover a {

   color:#000;

   font-weight:normal;

}

#nav ul ul li:hover ul, #nav ul ul li.over ul {

 display:block;

}




ul.programmenu {
  position:relative;
  margin:5px 0px 0px 0px; 
  padding:0px 0px 0px 0px;
  list-style:none;
  text-align:center;
}
ul.programmenu li {
  margin:0px 0px 0px 0px;
  padding:4px 0px 4px 0px;
  line-height:1.2;
}
ul.programmenu li a:link,
ul.programmenu li a:visited {
	text-decoration:none;
	color: #fff; 
	width:100%;
	font-size:17px;
}
ul.programmenu li.ACT a {
	color:#b7a402;
}
ul.programmenu li:hover, ul.programmenu li:hover a {
   background-color:#444; 
    
}
dl.csc-menu {
	padding:10px;
}

.csc-menu dd {
	margin-bottom:10px;
}

.csc-menu a:link, .csc-menu a:visited {
	font-size:14px;
	text-decoration:underline;
	color:#000;
}


div.csc-header h1 {
	font-size:14px;
	margin-bottom:10px;
}

.csc-mailform {
	border:none;
}
.csc-mailform-field {
	width:200px;
	margin:0px 0px 15px 15px;
	
}
.contenttable td {
	padding:5px;	
}
.align-right {
	text-align:right;
}
.align-center {
	text-align:center;
}
.align-left {
	text-align:left;
}
dl.csc-menu-4 dt {
	margin: 5px;
		
}	
div.programmitem {
    margin-bottom:30px;
    border-top: 1px solid #666;
    padding-top:10px;
}
.programmimage {
  float:left;
  margin:0px 10px 10px 0px;
}
.programmlink {
	margin-left: 160px;
	margin-top:5px;
	font-weight:bold;
	font-size: 14px;
	text-decoration: none;
}
.programmsubtitle {
	margin-left: 160px;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.programmabstract {
	margin-left: 160px;
	margin-top:5px;
}
.tx-kuloplayer-pi1 {
	background-color:#ccc;
}
.programleft #player {
/*	margin:8px 0px 8px 0px; !important */
	margin:0px; !important
	
}
#player {
	margin:0px; !important
}

.programleft .bodytext {
	color:#fff;
	margin:0px 7px 10px 10px;
}	
.programleft a, 
.programleft a.visited {
	color:#fff;
}

.sharethis {
	background:#ccc;
	padding:5px 0px 0px 0px;
	text-align:right;
}