/* body { behavior:url("css/csshover.htc"); } */
body,td,th, select, option {
	color: #000000;	
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
}

a:link {
	color: #00CCFF;
	text-decoration: underline;
}
a:visited {
	color: #00CCFF;
	text-decoration: underline;
}
a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
a:active{
	color: #00CCFF;
	text-decoration: underline;
}
a.active{
	color: #FF0099;
	text-decoration: none;
}

.red{
	color: #FF0099;
}

h1,h2,h3,h5,h6,p {
	padding:0;
	margin:0 0 1em 0;
}
h1{ font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FF0099; }
h2{ font-size:14px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FF0099;}
h3{ font-size:13px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FF0099;}

img {
	border:none;
	vertical-align:top;
}

.left{ float:left; }
.right{ float:right; }
.hidden{ display:none !important;}

img.left{ margin:5px 10px 10px 0px; }
img.right{ margin:5px 0px 10px 10px; }
img.block{ display:block; margin:10px 0; }

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


.alert{
	border:1px solid #FF0000;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px;
}


.clear{ clear:both; }

.clearfix:after{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

*{ outline:none; }

/*--------------------- */
/* WRAPPERS				*/
/*--------------------- */

#wrapper{
	height:100%;
	width:100%;
}

#site{
	position:relative;
	width:960px;
	height:649px;
	text-align:left;
}

#header{
	position:absolute;
	top:0;
	left:0;
	height:56px;
	width:960px;
	border-bottom:1px solid #00CCFF;
}

#main{
	position:absolute;
	top:72px;
	left:0;
	width:960px;
	height:500px;
}

#footer{
	position:absolute;
	left:0;
	bottom:0;
	padding-top:5px;
	height:55px; /* 60px */
	width:960px;
	border-top:1px solid #00CCFF;
	border-bottom:1px solid #00CCFF;
}

#sidebar{
	position:absolute;
	top:30px;
	left:0;
	width:420px;
	height:470px;
	overflow:hidden;
}
#sidebar.home{
	top:0;
	height:500px;	
}

#content{
	position:absolute;
	top:30px;
	left:440px;
	width:520px;
	height:470px;
	overflow:hidden;
	line-height:17px;
}
#content.home{
	top:0;
	height:500px;	
}

/*--------------------- */
/* HEADER				*/
/*--------------------- */

#logo{
	color:#FFFFFF;	
	background:url("../img/logo-vo.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:48px;
	width:250px;
}
#logo strong{
	display:none;
}

#nav{
	position:absolute;
	right:1px;
	top:35px;
	list-style:none;
	padding:0;
	margin:0;
}
#nav li{
	display:inline;
	margin:0;
	padding:0 0 0 12px;
}
#nav a{
	font-size:14px;
	color:#00CCFF;
	text-decoration:none;
	font-weight:bold;
}
#nav a.active, #nav a:hover{
	color:#FF0099;
}


/*--------------------- */
/* MAIN					*/
/*--------------------- */

div.foto-wrapper{
	float:right;
	width:150px;
	text-align:right;
}
div.foto-wrapper img{ margin-bottom:10px; }


div.scroll{
	width:520px;
	height:470px;
}
.home div.scroll{
	height:500px;
}

#content strong{
	/*color: #00CCFF;*/
}

#content table.programma td{
	border-bottom:1px solid #00CCFF;
}
#content td p{
	margin:0;
	padding:0;
}


ul.headlines{
	list-style:none;
	margin:-8px 0 0 0;
	padding:0 0 15px 0;
}
ul.headlines li{
	margin:0;
	padding:0px 0 2px 10px;
}
ul.headlines a{
}


/* IMAGE GALLERIES */

ul.gallery, ul.imagelist, ul.preview{
	list-style:none;
	margin:0;
	padding:0;
}
ul.gallery li, ul.imagelist li, ul.preview li{
	display:inline;
	margin:0;
	padding:0;
}

ul.gallery img, ul.imagelist img, ul.preview img{
	margin:0 5px 5px 0;
}


form p{
	font-size:11px;
}

input.fld{
	border:1px solid #00CCFF;
	width:120px;
}
select.fld{
	border:1px solid #00CCFF;
	width:390px;
}

label{
	display:block;
}


.block{
	border:1px solid #00CCFF;
	font-weight:bold;
	padding:10px;
	width:395px;
}





/*--------------------- */
/* FOOTER				*/
/*--------------------- */










/* ------------------------- */
/* PRINT  					 */
/* ------------------------- */


@media print {
	body,td,th, h1, h2, h3, h4, p, a{
		color: #000000 !important;
	}
	
	a:link, a:visited, a:hover, a:active {
		color: #000000 !important;
	}
	
	#header, #nav, #footer{
		display:none !important;
	}
	
	#wrapper, #main, #content{
		float:none !important;
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	
}