body {
	background-color: #003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin:0;
    padding:0;
    height:		100%;
}

html>body {

	/* Das will der Rest. Safari kann kein min-height, daher wird hier

	 * eventuell etwas abgeschnitten, wenn die zentrierte Box größer

	 * als das Fenster ist */

	height:		auto;

	min-height:	4em;

	min-width:	20em;

}

a{
	text-decoration: none;
}

* html img {
    behavior: url("../js/pngbehavior.htc");
}


a:link{
	text-decoration: none;
	background-color: transparent;
	color: #000000;
}

a:visited{
	text-decoration: none;
	background-color: transparent;
	color: #000;
}

a:hover{
	text-decoration: none;
	background-color: transparent;
	color: #000000;
}

#page {
    /*padding-top: 15px;
    padding-bottom: 30px;*/
	position:	absolute;
	top:		50%;
	left:		50%;
    margin-top:	-304px;  /* == halbe Zeilenhöhe. */
	margin-left:	-406px; /* == halbe Breite.     */
	width:	813px;
	height: 608px;
}

#top {
	height: 132px;
	background-image:url(../img/layout/top-image.jpg)
}

#homelink {
	position:relative;
	top: 20px;
	left: 30px;
}

#mainnav {
	position:relative;
	top: 18px;
	left: 275px;
	width: 700px;
}

* html #mainnav {
	top: 26px;
}

ul#nav li{
	display: inline;
	list-style-type:none;
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 8px;
	padding-left:  8px;
	padding-bottom: 7px;
}

ul#nav li .login {
	/*margin-left: 50px;*/
	margin-left: 80px;
	font-size: 9px;
	font-weight: lighter;
}

ul#nav li a{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

ul#nav li a:hover{
	color: #cc6600;
}

ul#nav li ul {
	float: none;
	display: none;
}

ul#nav li:hover ul {
	position: relative;
	top: 21px;
	display: inline;
	padding: 0;
	margin-left: -50px;
	margin-right: -79px;
  }

ul#nav li ul li{
	float: none;
	margin: 0;
	padding: 0;
	padding-left: -10px;
}

ul#nav li ul li a{
	padding-right: 5px;
	font-size:12px;
	font-weight: normal;
	color:#990000;
}

ul#nav li ul li a:hover{
    font-size:12px;
	font-weight: normal;
	color:#ffffff;
}

#content {
	border-left: 1px solid #003333;
	border-right: 1px solid #003333;
	height: 401px;
	background-image:url(../img/layout/middle-image.jpg);
	background-color: #00778B;
}

#leftcontent {
	/*border: 1px solid red;*/
	position: relative;
	top: 40px;
	left: 160px;
	width: 360px;
	height: 350px;
	float: left;
}

.program {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 5px;
}

.program span {
    margin-left: 140px;
    /*margin-bottom: -30px;*/
    border: 0;
}

.program img {
    border: 0;
}


#iframe {
	padding-top: 30px;
    background-color:transparent;
	}

* html #iframe {
	padding-top: 30px;
	background-image: url(../img/layout/iframe-back.gif);
	background-repeat: repeat;
}

#rightcontent-img {
	position: relative;
	top: 20px;
	left: 558px;
	width: 218px;
	height: 381px;
}

.proglist {
	position: relative;
	top: -350px;
	clear: both;
	height: 100px;
}

.proglist ul {
	padding-top: 10px;
}

.proglist ul li {
	/*display: inline;*/
	list-style-type:none;
	margin: 0;
	padding: 0;
	/*float: left;*/
	padding-right: 8px;
	padding-left:  8px;
	padding-bottom: 7px;
}

.proglist ul li a{
	font-size:12px;
	/*font-weight:bold;*/
	color:#003333;
}

.proglist a:hover {
	color:#990000;
}

#act {
	color:#990000;
}

#bottom {
	height: 74px;
	background-image:url(../img/layout/bottom-image.jpg)
}