@CHARSET "UTF-8";

/* ############# allgemeines #################### */
html,body,div,ul,ol,li,p,dl,dt,dd,h1,h2,h3,h4,h5,form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

html,body {
	height: 100%;
}

body {
	font-size: 100%;
	font-family: sans-serif;
	line-height: 1.4;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-weight: normal;
}

h1 {
	font-size: 1.6em;
}

a {
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 1px 1px;
	border: 0 solid #036;
	padding-left: 2px;
}

a:link {
	color: #0c0c4f;
	padding: 0 0 1px 1px;
}

a:visited {
	color: #69104b;
	padding: 0 0 1px 1px;
}

a:hover,a:focus,a:active {
	border-width: 0 0 1px 1px;
	margin: 0;
	background: #ffefbf;
	color: #0c0c4f;
	padding: 0 0 0 1px;
}

a[name] {
	border: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: inherit;
	background: inherit;
}

a.mail {
	white-space: nowrap;
}

/* accessibility Bereich Seiteninterne Navigation  */
ul#seitennavi {
	background: #c3d;
	position: absolute;
	top: 10px;
	left: 4px;
	width: 146px;
}

#seitennavi li {
	position: absolute;
	top: 0;
	left: -600px;
	color: #036;
	line-height: 1.1;
}

#seitennavi li a {
	display: block;
	position: absolute;
	/* wird das erst bei focus definiert, stuerzt Konqueror (3.3.2) ab */
	color: #036;
	text-align: left;
	padding: 2px 4px;
	font-weight: bold; /* weil der erste Eintrag gleichzeitig a:name ist */
}

#seitennavi li a:focus,#seitennavi ul a:active {
	left: 650px;
	top: 5px;
	background: #abbccc;
}

.hidden {
	position: absolute;
	left: -80em;
	top: 0;
}

/* ############### Seitenaufbau ##################### */
body {
	color: #102045;
	padding-left: 13em;
	font-family: sans-serif;
	font-size: 100%;
	background-image: url(../img/2011.png);
	background-attachment: fixed;
	background-color: #102045;
}

#page {
	background-color: #fffaeb;
	padding-left: 10px;
	color: #102045;
}

#start #page {
	background-color: #e6e2d4;
}

* html #navi {
	position: absolute;
}

#navi {
	position: fixed;
	top: 3em;
	left: 0px;
	width: 13em;
	color: #fffaeb;
	background-color: #102045;
	list-style: none;
}

#navi li {
	margin: 1em 0 2em 60px;
}

#navi #homelink {
	position: absolute;
	left: 0px;
	top: -2.5em;
	background-color: #102045;
	margin: 0;
}

/* ################################ 5 ####################### */
#navi #blaetvertikal {
	margin-top: 4em;
	padding-top: 0;
	border: 1px solid #f9ba00;
	border-width: 0 0 1px 1px;
	padding-left: 8px;
	padding-bottom: 0;
}

#blaetvertikal h3 {
	color: #f9ba00;
}

#navi #blaetvertikal a {
	border: none;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: normal;
}

#navi #blaetvertikal a:focus,#navi #blaetvertikal a:hover,#navi #blaetvertikal a:active
	{
	font-weight: bold;
}

/* ----------------- */
#navi a,#navi span {
	color: #f9ba00;
	text-decoration: none;
	font-size: 1.3em;
	border-color: #f9ba00;
	border-style: solid;
	border-width: 0 0 1px 1px;
	padding: 0 0 6px 8px;
	background-color: #102045;
	font-weight: bold;
	border-style: solid;
}

#navi a:hover,#navi a:focus,#navi a:active,#navi span {
	border-width: 0 0 4px 4px;
	padding: 0 0 3px 6px;
}

#bn ul {
	padding-top: 3em;
	margin-left: -10px;
}

#bn li {
	list-style: none;
}

#navi #bn a {
	border: none;
	margin: 0;
	padding: 0;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.2;
}

#navi #reiselink {
	width: 174px;
	max-width: 11em;
	position: absolute;
	left: -50px;
	top: 505px;
}

#navi #bn a:hover,#navi #bn a:focus,#navi #bn a:active {
	padding: 0;
}

#navi img {max-width: 100%;}

a#back,a#forward {
	position: fixed;
	left: 13em;
	top: 40%;
	margin-left: -22px;
	z-index: 50;
}

a#forward {
	left: auto;
	right: 0;
}

/* ################### Bilder ################### */
dt img,.img img,.illu img {
	border: 1px solid #405380;
	padding: 3px;
}

#startbild dd,.img,.illu span {
	font-size: 0.9em;
	display: block;
	text-align: center;
}

.illu img {
	text-align: center;
}

.img {
	margin: 1em auto;
	max-width: 270px;
}

/* ########################## Feste ########################### */
#FestivalInfo {
	background-color: #eef1fa;
	color: #102045;
	padding: 0.5em;
	margin-top: 4em;
	position: relative;
	max-width: 69em;
	zoom: 1;
}

#FestivalInfo h1 {
	margin: 0.5em 0;
}

#FestivalInfo #logo {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

#FestivalInfo #startbild {
	float: right;
	max-width: 260px;
	margin: 0 0 0.5em 0.5em;
}

#FestivalInfo:after,#verzeichnis:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

#region {
	font-size: 1.5em;
	line-height: 1.2;
	position: absolute;
	top: -2.5em;
	right: 0;
	color: #f9ba00;
	background-color: #102045;
	padding-left: 3em;
	padding-right: 0.5em;
	min-width: 11.5em; /* Oberspreewald-Lausitz */
}

#region span {
	display: block;
	font-size: 0.8em;
	white-space: nowrap;
}

#region a {
	font-size: 2em;
	font-family: georgia, serif;
	font-weight: bold;
	display: block;
	float: left;
	color: #f9ba00;
	text-decoration: none;
	width: 0.7ex;
	overflow: hidden;
	margin-right: 0.5em;
}

#programm {
	max-width: 70em;
	background-color: #fffaeb;
	zoom: 1;
}

#programm div {
	width: 45%;
	float: left;
	padding: 0.5em;
}

#programm div div {
	width: auto;
	float: none;
	padding: 0;
}

#programmEins {
	margin-right: 3%;
}

#programmZwei {
	margin-top: 3.8em;
}

#programmZwei h2:first-child {
	margin-top: -1.4em;
}

#programmZwei #infos h2 {
	margin-top: 1em;
}

#programm:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

#programm h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1.5em 0 0.5em 0;
}

#programm h3 {
	color: #102045;
	background-color: #ffdf80;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0.2em;
	margin: 1.25em 0 0.5em 0;
}

#programm h4 {
	font-size: 1em;
	font-weight: bold;
}

#programm p {
	margin: 0.5em 0;
}

p.ort {
	font-size: 0.9em;
	font-style: italic;
	margin: 0.75em 0;
}

#fest #infos {
	background-color: #e4e7f0;
	color: #102045;
	padding: 0 0.2em;
}

#infos h2 {
	font-size: 1.7em;
	font-weight: normal;
	text-align: right;
	border-bottom: 1px solid #102045;
	padding: 0 4px;
}

#infos h3 {
	font-weight: bold;
	background-color: transparent;
	font-size: 1.1em;
	margin-bottom: 0.2em;
}

#infos #FVV {
	background: #102045;
	color: #ffdf80;
	margin-top: 2em;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0.5em;
	text-align: right;
}

#FVV a:link,div#FVV a:visited {
	color: #f9ba00;
	text-decoration: none;
	background: #102045;
}

#touristik {
	background-color: #ede3be;
	color: #102045;
	clear: both;
	margin: 0.5em 0;
	margin-right: 3em;
	padding: 1.5em;
	padding-top: 0;
	max-width: 67em;
}

#tourhead {
	background-color: #102045;
	color: #ede3be;
	min-height: 75px;
	padding-top: 0.5em;
	padding-right: 325px;
	padding-left: 1em;
	position: relative;
	margin: 0 -1.5em;
	padding-bottom: 0.5em;
}

#tourhead h2 {
	font-size: 1.3em;
	letter-spacing: 0.5ex;
	margin-bottom: 0.5em;
}

#tourhead li {
	list-style: none;
}

#touristik .illu {
	width: 300px;
	float: right;
	margin-left: 8px;
}

#touristik .caption {
	font-size: 0.9em;
	display: block;
}

#touristik h2 img {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}

#touristik h3 {
	margin: 1em 0 0.5em 0;
	font-size: 1.2em;
}

#touristik h4 {
	margin: 1em 0 0.2em 0;
	font-size: 1em;
	font-weight: bold;
}

#touristik p {
	margin: 0.5em 0;
}

#touristik ul {
	list-style: none;
}

/*  ############################# Spezialseiten 	################################ */
#start #navi li {
	margin-left: 10px;
}

#start h1 {
	background-color: #102045;
	background-image: url(../img/2011.png);
	color: #f9ba00;
	margin-left: -25px;
	font-size: 2em;
	font-weight: bold;
}

#start h1 img {
	background-color: #102045;
	padding-right: 2em;
	vertical-align: bottom;
}

#page h2 {
	background-color: #102045;
	color: #f9ba00;
	padding: 2px 8px;
	font-size: 1.6em;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
}

#news {
	float: left;
	width: 55%;
	background-color: #fffaeb;
	color: #102045;
}


#infobox {
	float: right;
	width: 40%;
	min-width: 13em;
	background-color: #ffdf80;
	margin-right: 1em;
}

#infobox h3 {
	padding-left: 0.5em;
	border-top: 1px solid #102045;
}

#infobox ul {
	margin: 0.5em 1.5em;
}

.item {
	float: left;
	margin: 0 0.5em 0.5em 0;
	padding-left: 3px;
}

#start .item {
	width: 98%;
}

#news .item {
    padding: 0.5em;
}

#news h3 {
    margin-top: 0;
}


.item .illu {
	float: left;
	margin: 0 0.5em 0.5em 4px;
	text-align: center;
	max-width: 270px;
}

.item h3 {
	margin: 1em 0 0.5em 0;
	color: #102045;
	font-size: 1.1em;
	font-weight: bold;
}

.item h4 {
	margin: 0.7em 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}

.item p {
	margin: 0.5em 0;
}

#infobox .item p {
    margin: 0.5em;
}

.datum,.Datum {
	font-size: 0.9em;
	clear: both;
	text-align: right;
	max-width: none;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.sprungmarke {
	margin: 1em 0;
	text-align: right;
}

#linkliste {
	max-width: 50em;
}

#linkseite h1 {
	background-color: #102045;
	color: #f9ba00;
	margin-left: -25px;
	padding: 0.5em 1.5em;
	font-size: 1.6em;
}

#linkseite h2 {
	font-size: 1.4em;
	margin: 1em 0 0.5em 0;
	font-weight: bold;
}

#linkliste dt {
	margin-top: 0.3em;
}

/* ############### about us ########## */
#about h1 {
	padding: 1em;
	margin-left: -1em;
}

#about h2 {
	background-color: #ffdf80;
	color: #102045;
	font-size: 1.3em;
	padding: 3px;
}

#kontakt,#verein {
	margin: 1em 1% 1em 0;
	width: 45%;
	float: left;
	min-height: 20em;
	background-color: #fffaeb;
	color: #102045;
}

#verein dt {
	float: left;
	clear: left;
	width: 10em;
}

#verein dd {
	padding-left: 10.2em;
}

#verein p,#verein dl,#kontakt p,address {
	margin: 0.5em;
}

address {
	font-style: normal;
}

#about #news {
	width: 92%;
	margin-top: 1em;
	padding-left: 0;
}

#about .item {
	width: 45%;
	float: left;
	margin-right: 1.5%;
}

.item h3 {
	background: transparent;
}

#sujag {
	clear: both;
	text-align: right;
	margin-right: 1em;
	width: 15em;
	float: right;
	padding-right: 120px;
	position: relative;
	margin-bottom: 1em;
	border-top: 1px solid #204045;
	padding-top: 4px;
	margin-top: 4em;
}

#sujag a {
	position: absolute;
	right: 0;
	top: 0;
}

/* ############## Orte und Termine, Suche ############################### */
#verzeichnis {
	background-color: #102045;
	color: #ffedb6;
	color: #ffdf80;
	max-width: 60em;
}

#verzeichnis a:link,#verzeichnis a:visited,#filterForm label {
	text-decoration: none;
	color: #fc3;
}

#verzeichnis h1 {
	margin: 0.5em 0 0.5em 0;
	text-align: center;
}

#verzeichnis h2 {
	font-size: 1.2em;
	margin: 1em 0 0.5em 0;
}

#verzeichnis a:hover,#verzeichnis a:focus,#verzeichnis a:active {
	background-color: #ffedb6;
	color: #0c0c4f;
}

#auswahl {
	padding-left: 1em;
	width: 30em;
	margin: 1em;
	float: right;
	border: 1px solid #ffedb6;
}

table,td,th {
	border: 1px solid #ffe;
}

#auswahl table {
	margin: 0.5em auto;
	font-size: 1.2em;
	border-collapse: collapse;
}

#auswahl th {
	background-color: #ffedb6;
	color: #102045;
	padding: 0.25em 0.5em;
}

#auswahl td {
	padding: 0.25em 0.5em;
	text-align: center;
}

td.we {
	background-color: #162c5e;
}

#jahr {
	text-align: center;
	margin: 0.5em auto;
}

#jahr li {
	display: inline;
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 1em;
}

#jahr a {
	font-weight: normal;
	padding: 0 0.1em;
}

#filterForm ul {
	list-style: none;
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
}

#filterForm fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#filterForm li input {
	margin-right: 0.5em;
}

.submit {
	margin: 1em 0;
	text-align: right;
	padding-right: 1em;
}

.submit input {
	color: #fc3;
	font-weight: bold;
	background-color: #102045;
	padding: 0.3em 0.5em;
}

#result {
	font-size: 0.9em;
	padding: 0.5em;
	margin-bottom: 1em;
}

#result h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 1em 0;
}

#result h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.5em 0 0.25em 0;
}

#result h4 {
	font-weight: bold; 
}

#result div {
	margin-bottom: 0.75em;
}

/* ############################################ Ortsverzeichnis mit Karte ########################################### */
#karte {
	position: relative;
	padding: 10px;
	width: 16em;
	float: right;
	padding-right: 280px;
	margin-left: 1em;
}

#karte img {
	position: absolute;
	right: 10px;
}

#regliste ul {
	list-style: none;
}

#noreglist {
	margin-top: 1em;
}

p.Alphabet {
	font-size: 1em;
	text-align: center;
	padding: 0.5em 2em;
}

#karte span {
	position: absolute;
	background-repeat: no-repeat;
}

#karte a span {
	background-image: url(../img/nix.gif);
}

#karte a:hover {
	text-decoration: underline;
}

#prignitz span {
	width: 119px;
	height: 81px;
	right: 269px;
	top: 46px;
}

#prignitz a:hover span,#prignitz a:focus span,#prignitz a:active span,#prignitz a.act span
	{
	background-image: url(../img/prignitz.gif);
}

#ostpr span {
	width: 98px;
	height: 112px;
	right: 199px;
	top: 53px;
}

#ostpr a:hover span,#ostpr a:focus span,#ostpr a:active span,#ostpr a.act span
	{
	background-image: url(../img/ostprignitz.gif);
}

#oh span {
	width: 67px;
	height: 114px;
	right: 150px;
	top: 68px;
}

#oh a:hover span,#oh a:focus span,#oh a:active span,#oh a.act span {
	background-image: url(../img/oh.gif);
}

#ucker span {
	width: 126px;
	height: 101px;
	right: 48px;
	top: 23px;
}

#ucker a:hover span,#ucker a:focus span,#ucker a:active span,#ucker a.act span
	{
	background-image: url(../img/uckermark.gif);
}

#barnim span {
	width: 79px;
	height: 87px;
	right: 80px;
	top: 103px;
}

#barnim a:hover span,#barnim a:focus span,#barnim a:active span,#barnim a.act span
	{
	background-image: url(../img/barnim.gif);
}

#maerkischoder span {
	width: 109px;
	height: 86px;
	right: 28px;
	top: 137px;
}

#maerkischoder a:hover span,#maerkischoder a:focus span,#maerkischoder a:active span,#maerkischoder a.act span
	{
	background-image: url(../img/maerkischoder.gif);
}

#oderspree span {
	width: 116px;
	height: 88px;
	right: 15px;
	top: 202px;
}

#oderspree a:hover span,#oderspree a:focus span,#oderspree a:active span,#oderspree a.act span
	{
	background-image: url(../img/oderspree.gif);
}

#frankfurt span {
	width: 17px;
	height: 23px;
	right: 34px;
	top: 223px;
}

#frankfurt a:hover span,#frankfurt a:focus span,#frankfurt a:active span,#frankfurt a.act span
	{
	background-image: url(../img/frankfurt.gif);
}

#spreeneisse span {
	width: 74px;
	height: 92px;
	right: 13px;
	top: 286px;
}

#spreeneisse a:hover span,#spreeneisse a:focus span,#spreeneisse a:active span,#spreeneisse a.act span
	{
	background-image: url(../img/spreeneisse.gif);
}

#cottbus span {
	width: 23px;
	height: 37px;
	right: 43px;
	top: 319px;
}

#cottbus a:hover span,#cottbus a:focus span,#cottbus a:active span,#cottbus a.act span
	{
	background-image: url(../img/cottbus.gif);
}

#lausitz span {
	width: 59px;
	height: 93px;
	right: 76px;
	top: 311px;
}

#lausitz a:hover span,#lausitz a:focus span,#lausitz a:active span,#lausitz a.act span
	{
	background-image: url(../img/lausitz.gif);
}

#elbeelster span {
	width: 91px;
	height: 91px;
	right: 111px;
	top: 312px;
}

#elbeelster a:hover span,#elbeelster a:focus span,#elbeelster a:active span,#elbeelster a.act span
	{
	background-image: url(../img/elbeelster.gif);
}

#dahmespree span {
	width: 111px;
	height: 121px;
	right: 51px;
	top: 218px;
}

#dahmespree a:hover span,#dahmespree a:focus span,#dahmespree a:active span,#dahmespree a.act span
	{
	background-image: url(../img/dahmespree.gif);
}

#flaeming span {
	width: 94px;
	height: 107px;
	right: 136px;
	top: 220px;
}

#flaeming a:hover span,#flaeming a:focus span,#flaeming a:active span,#flaeming a.act span
	{
	background-image: url(../img/flaeming.gif);
}

#mittelmark span {
	width: 118px;
	height: 101px;
	right: 174px;
	top: 190px;
}

#mittelmark a:hover span,#mittelmark a:focus span,#mittelmark a:active span,#mittelmark a.act span
	{
	background-image: url(../img/mittelmark.gif);
}

#havelland span {
	width: 108px;
	height: 65px;
	right: 189px;
	top: 144px;
}

#havelland a:hover span,#havelland a:focus span,#havelland a:active span,#havelland a.act span
	{
	background-image: url(../img/havelland.gif);
}

#potsdam span {
	width: 19px;
	height: 25px;
	right: 187px;
	top: 201px;
}

#potsdam a:hover span,#potsdam a:focus span,#potsdam a:active span,#potsdam a.act span
	{
	background-image: url(../img/potsdam.gif);
}

#stadtbrandenburg span {
	width: 33px;
	height: 33px;
	right: 238px;
	top: 197px;
}

#stadtbrandenburg a:hover span,#stadtbrandenburg a:focus span,#stadtbrandenburg a:active span,#stadtbrandenburg a.act span
	{
	background-image: url(../img/stadtbrandenburg.gif);
}

#karte a.act span {
	opacity: 0.5;
}

#festliste h2 span {
	white-space: nowrap;
}