/* ALLGEMEINE FORMATIERUNGEN */

* {
	margin:0;
	padding:0;
	border:0;
	font-family:'Verdana',sans-serif;
}

body {
	font-size:100.01%;
}

h1 {
	text-transform:uppercase;
	height:26px;
}


/* Seite */

h2 {
	margin-bottom:2em;
	font-size:1em;
}

h3 {
	margin:1.5em 0 1em 0;
	font-size:1em;
	font-weight:normal;
}

#page a {
	color:#333;
	text-decoration:underline;
}

#page ul {
	list-style-type:none;
}

#page table td {
	vertical-align:top;
	padding:0.2em 1em 1.4em 0;
}

#page p {
	margin:1em 0 1em 0;
}

hr {
	visibility:hidden;
	clear:both;
}


/* RTE-Klassen */

.fleft {
	float:left;
	margin:0.4em 1em 1em 0;
}

.fright {
	float:right;
	margin:0.4em 0 1em 1em;
}

.clear {
	clear:both;
}


/* Menü */

#menu li, #menu2 li {
	display:inline;
	margin-right:10px;
}

#menu li a, #menu2 li a {
	color:#999;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

#menu li.active a, #menu2 li.active a,
#menu li a:hover, #menu2 li a:hover {
	color:#333;
}


/* Bildgalerie */

#p7 #frame {
	overflow:hidden;
}

.albumindex {
	margin-bottom:1em;
	font-size:1.1em;
}

.albumindex li {
	display:inline;
	margin-right:8px;
}

#page .albumindex li a {
	text-decoration:none;
	color:#999;
	font-weight:bold;
	word-spacing:4px;
}

#page .albumindex li.active a {
	color:#333;
}

ul.imageindex li {
	float:left;
	margin:0 0 6px 6px;
}

ul.imageindex li a img {
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
}

ul.imageindex li a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

ul.imageindex img {
	display:block;
}

.imageviewer {
	float:left;
	margin-right:16px;
	width:330px;
}


/* Videos */

p.hint {
	clear:both;
	color:#989898;
}

div.video {
	margin-bottom:35px;
}



/* Spezielle Formate */

/* Startseite */
#p37 h1 img {
	visibility:hidden;
}

/* Festival */
#p10 p {
	width:41em;
}

/* Radio */
#p5 h2 {
	font-weight:bold;
	font-size:1em;
	margin:1.4em 0 0 0;
}

#p5 p {
	margin:0 0 1em 0;
}

/* Service */
#p2 .imglink {
	float:left;
	margin-bottom:2em;
	margin-right:60px;
}

#p2 .imglink img {
	display:block;
	margin-top:1.5em;
	float:left;
}

#p2 .imglink a {
	text-decoration:none;
	font-weight:bold;
	color:#999;
	background:url('images/arrow.png') no-repeat 0 0.4em;
	padding-left:9px;
}

#p2 .imglink a img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

#p2 .imglink a:hover {
	color:#333;
	background-image:url('images/arrow_active.png');
}

#p2 .imglink a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

/* Service Kopie */
#p18 .imglink {
	float:left;
	margin-bottom:2em;
	margin-right:60px;
}

#p18 .imglink img {
	display:block;
	margin-top:1.5em;
	float:left;
}

#p18 .imglink a {
	text-decoration:none;
	font-weight:bold;
	color:#999;
	background:url('images/arrow.png') no-repeat 0 0.4em;
	padding-left:9px;
}

#p18 .imglink a img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

#p18 .imglink a:hover {
	color:#333;
	background-image:url('images/arrow_active.png');
}

#p18 .imglink a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

/* Partner */
#p23 p img {
	margin-right:30px;
}



/* BILDSCHIRMLAYOUT */

@media screen {

	html {
		height:100%;
	}

	body {
		color:#555;
		text-align:center;
		padding-top:50px;
	}

	#page, #menu, #menu2 {
		width:680px;
		padding:45px;
		font-size:0.65em;
		background-color:#FFF;
		margin:auto;
		border:0 solid #999;
		text-align:left;
	}
	#menu2 {

		text-align:right;
	}
	

	h1 {
		margin-bottom:0;
		padding-bottom:23px;
		font-size:1.2em;
		border-width:1px 1px 0 1px;
	}

	p, table {
		width:90%;
	}

	#page {
		border-width:0 1px 0 1px;
		padding-bottom:0;
	}

	#frame {
		height:350px;
		overflow:auto;
		scrollbar-3dlight-color:#9F9F9F;
		scrollbar-darkshadow-color:#9F9F9F;
		scrollbar-highlight-color:#E8E8E8;
		scrollbar-shadow-color:#E8E8E8;
		scrollbar-face-color:#E8E8E8;
		scrollbar-track-color:#CCCCCC;
	}

	#menu, #menu2 {
		width:688px;
		border-width:0 1px 1px 1px;
		padding:41px 41px 25px 41px;
	}
	
	#menu2 {
		width:688px;
		border-width:1px 1px 0 1px;
		padding:25px 41px 0 41px;
	}

	/* Bildgalerie */

	#page .imageviewer p.desc {
		position:relative;
		margin-top:15px;
		left:352px;
		width:323px;
	}

	.imageviewer .toolbar {
		margin-top:-2.5em;
	}

	.imageviewer .toolbar li {
		display:inline;
	}

	.imageviewer .toolbar li a {
		padding:0.3em 1em;
		display:block;
		float:left;
	}
	
/*	.albumindex {
		/* verstecken, da es aktuell nur eine Galerie gibt */
		display:none;
	} */

}



/* DRUCKAUSGABE */

@media print {

	body {
		font-size:10pt;
	}

	h1 {
		margin-bottom:0.5cm;
	}

	#menu, #menu2, .imageindex, .albumindex li {
		display:none;
	}

	.albumindex li.active {
		display:inline;
	}

	.imageviewer .toolbar {
		display:none;
	}

}

@page {
	margin:2cm;
}



/* HACKS */

/* Win IE 5.x */

* html body,
* html table {
	content:"\";
	font-size:1em;
}

* html .albumindex li {
	content:"\";
	display:inline;
}

* html .imageindex {
	content:"\";
	display:inline;
}

* html #page,
* html h1,
* html #menu,
* html #menu2 {
	content:"\";
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	display:block;
	width:772px;
}

* html .imageviewer .toolbar {
	position:absolute;
}

/* Win IE 6 */

@media All{

	* html b\ody .imageindex {
		display:inline;
  }

}