
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #004443 url(images/bg04.jpg) repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F9CB4;
}

h1, h2, h3 {
	margin-top: 0px;
  margin-bottom: 5px;
	color: #D3F4FF;
}

h1 {
	margin-bottom: 15px;
	font-size: 18px;
}

h2 {
	font-size: 15px;
}

h4 {
	margin: 0px;
	font-size: 11px;
	color: #D3F4FF;
}

img {border: 0; }

p, ol, ul {
	margin: 0px;
  display: inline;
	text-align: justify;
}

.list1 {
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
  line-height:130%; 
}

.list1 li {
	padding: 14px 0px;
	background: url(images/bg1_17.gif) repeat-x left top;
}

.list1 li.first {
	padding-top: 0px;
	background-image: url(images/spacer.gif);
}

.list1 em {
	display: block;
	font-style: normal;
}

.list2 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list2 li {
	clear: left;
	margin-top: 25px;
}

.list2 li.first {
	margin: 0px;
}

.list3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 200%;
}

.list3 a {
	color: #91E3FF;
}

strong {
	color: #8FE5E4;
}

a {
	color: #FF5237;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

a.link1 {
	padding: 0px 0px 1px 28px;
	background: url(images/homepage16.gif) no-repeat left center;
}

img.alignleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.alignright {
	float: right;
	margin: 0px 0px 0px 25px;
}

img.aligncenter {
	margin: 0px auto;
}

img.border {
	padding: 3px;
	border: 1px solid #086B8B;
	background: #004B62;
}

hr {
	display: none;
}

.hr1 {
	height: 20px;
	background: url(images/bg1_17.gif) repeat-x left center;
}

/** WRAPPER */

#wrapper {
}

#bg-all {
	background: url(images/bg01.jpg) repeat-y center top;
}

#bg-top {
	background: url(images/bg02.jpg) no-repeat center top;
}

#bg-btm {
	height: 1110px;
	min-height: 1110px;
	padding-bottom: 50px;
	background: url(images/bg03.jpg) no-repeat center bottom;
}

html>body #bg-btm {
	height: auto;
}

/** HEADER */

#header {
	width: 922px;
	height: 154px;
	margin: 0px auto;
}

/** LOGO */

#logo {
	float: left;
	width: 306px;
	height: 154px;
	background: url(images/homepage01.jpg) no-repeat left top;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	text-indent: -9999em;
}

#logo h1 a {
	display: block;
	height: 135px;
}

/** MENU */

#menu {
	float: right;
	width: 616px;
	height: 145px;
	background: url(images/bg1_01.jpg) no-repeat left top;
}

/** PAGE */

#page {
	width: 900px;
	margin: 0px auto;
}

/** CONTENT */

#content {
	float: right;
	width: 593px;
}

/** CONTENT > COMMON BOX STYLE */

.box {
	margin-bottom: 10px;
	background: url(images/bg1_05.jpg) no-repeat 0px 30px;
}

.box .title {
	height: 30px;
	padding-left: 25px;
	background: url(images/subpage2_01.gif) no-repeat left top;
}

.box .title h2 {
	height: 23px;
	margin: 0px;
	padding: 7px 0px 0px 10px;
	background: url(images/subpage2_02.gif) no-repeat right top;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.box .title-style1 {
	background-image: url(images/bg1_02.gif);
}

.box .title-style1 h2 {
	background-image: url(images/bg1_03.gif);
}

.box .entry {
	padding: 25px 30px 10px 30px;
	background: url(images/bg1_06.jpg) no-repeat 100% 0px;
}

.box .entry-style1 {
	background: url(images/subpage1_01.jpg) no-repeat left top;
}

.box .entry-style2 {
	background: url(images/subpage2_03.jpg) no-repeat left top;
}

.border-bottom {
	border-bottom: 1px solid #005672;
}

/** BOX STYLE 1 */

.box-style1 {
	background: url(images/streambox_bg.png); 
  background-repeat:no-repeat; 
  width:286px;
  height:196px; 
  font-family:Consolas, Verdana;
  color:#ffffff;
}

.box-style1 a {
  font-family:Consolas, Verdana;
  color:#ffffff;
}

.box-style1 span {
  font-family:Consolas, Verdana;
  color:#ffffff;
  font-size:14px; 
  font-weight:bold; 
}
/*
.box-style1 .bgtop {
	background: url(images/bg1_09.jpg) no-repeat left top;
}

.box-style1 .bgbtm {
	padding: 28px 28px 0px 28px;
	background: url(images/bg1_10.jpg) no-repeat left bottom;
}

.box-style1 a {
	color: #005A78;
}*/

/** BOX STYLE 2 */

.box-style2 {
	background: url(images/bg1_11.jpg) repeat-y left top;
	color: #20677E;
}

.box-style2 .bgtop {
	background: url(images/bg1_12.jpg) no-repeat left top;
}

.box-style2 .bgbtm {
	padding: 18px 28px 0px 28px;
	background: url(images/bg1_13.jpg) no-repeat left bottom;
}

.box-style2 a {
	color: #004156;
}

/** BOX STYLE 3 */

.box-style3 {
	background: url(images/bg1_14.jpg) repeat-y left top;
	color: #054357;
}

.box-style3 .bgtop {
	background: url(images/bg1_15.jpg) no-repeat left top;
}

.box-style3 .bgbtm {
	padding: 18px 28px 0px 28px;
	background: url(images/bg1_16.jpg) no-repeat left bottom;
}

.box-style3 a {
	color: #002E3D;
}

/** 2-COLUMN LAYOUT */

.two-columns {
	width: 100%;
	background: url(images/bg1_07.gif) repeat-y 50% 0px;
}

.two-columns .column1 {
	float: left;
	width: 286px;
}

.two-columns .column2 {
	float: right;
	width: 286px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 284px;
	padding: 0px 12px 0px 0px;
	background: url(images/bg1_07.gif) repeat-y right top;
}

/** FOOTER */

#footer {
	margin-bottom: 70px;
	background: url(images/bg1_18.jpg) repeat-y left top;
}

#footer .bgtop {
	background: url(images/bg1_19.jpg) no-repeat left top;
}

#footer .bgbtm {
	height: 183px;
	min-height: 183px;
	padding: 10px 40px;
	background: url(images/bg1_20.jpg) no-repeat left bottom;
}

html>body #footer .bgbtm {
	height: auto;
}

#footer .column1 {
	float: left;
	width: 215px;
	padding: 25px 40px 20px 0px;
	background: url(images/bg1_07.gif) repeat-y right top;
}

#footer .column2 {
	float: right;
	width: 530px;
	padding: 25px 0px 0px 0px;
}

#footer p {
}

#footer .legal {
	color: #166882;
}

/** BOX1 */

#box1 {
}

#box1 .entry {
	background-image: url(images/bg1_04.jpg);
}

#input_login {padding:8px; font-size:12px; border:0px; }

#submit_login {padding:6px; font-size:12px; border:1px solid #000000; background-color:#ffffff; margin:2px; }

.input {padding:5px; background-color:#003344; border:0px; color:#ffffff;}

.submit {background-color:#003344; border:0px; color:#ffffff; padding:5px; }




/** Superfish **/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0px 0px 0px 0px;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
  padding:		90px 40px 0px 0px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			right;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration: none;
	font: 13px Arial, Helvetica, sans-serif;
	color: #83C1D5;
}
.sf-menu li li {
background: #C00700 url(images/homepage02.gif) repeat-x left top;
color:#ffffff; 
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #C00700 url(images/homepage02.gif) repeat-x left top;
  color:#ffffff; 
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1.0em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


.zitat {border:1px solid #ffffff; 
        padding:5px; 
        background-color:#005F7D; 
        margin:5px; }
        
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

div.apcquery {
	width: 280px;
	padding: 2px;
	margin-top: 8px;
	border: 4px solid #009DC7;
	background-color: #01648B;
	color: #ffffff;
	text-align: left;
}
div.apcquery .info,
div.apcquery .total,
div.apcquery .loaded,
div.apcquery .rate {
	display: block;
	float: left;
	overflow: hidden;
	margin-bottom: 2px;
}
div.apcquery .info {
	width: 60px;
}
div.apcquery .total,
div.apcquery .loaded,
div.apcquery .rate {
	text-align: right;
	width: 216px;
}
div.apcquery .percent {
	clear: left;
	display: block;
	background-color: #004B68;
	width: 100%;
	height: 16px;
}
iframe.apcquery {
	position: absolute;
	top: -10000px;
	left: -10000px;
}
div.apcquery {
	visibility: hidden;
}


