@charset "utf-8";

/************** GENERAL STYLES **************/

body {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #777262;
}

h1 {
	color: #e19600;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
	color: #6a6457;
	margin: 24px 0 12px;
}

h6 {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
	color: #817a6c;
	margin: 24px 0 12px;
}

a { 
	color: #645431;
	text-decoration: none;
}

	a:hover { 
		color: #120e05;
	}

p {
	margin-bottom: 12px;
	line-height: 1.5em;
}

em {
	font-style: italic;
}

.fl { float: left; } 
.fr { float: right }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.noBorderBottom { border-bottom: none !important; }

.noBorderRight { 
	margin-right: 0 !important;
	border-right: none !important;
	background: none !important;
}

.noBackgroundBorder {
	padding: 0 !important;
	background: none !important;
}

.noMarginTop { 
	margin-top: 0 !important;
}

.noMarginRight { 
	margin-right: 0 !important;
}

.noMarginBottom { 
	margin-bottom: 0 !important;
}

.sepVertical {
	width: 4px;
	margin: 0 16px;
	float: left;
	background: url(../images/lineVertical.png) 0 0 repeat-y;
}

.boldItalic {
	color: #888174;
	font-weight: bold;
	font-style: italic;
}

.arrow {
	padding-left: 20px;
	background: url(../images/arrow.png) 0 3px no-repeat;
}

.noButtonArrow {
	padding: 0 !important;
	background: none !important;	
}

.iconPdf {
	line-height: 38px;
	height: 38px;
	padding: 7px 0 10px 40px;
	background: url(../images/iconPdf.png) 0 0 no-repeat;
}

.iconZip {
	line-height: 38px;
	height: 38px;
	padding: 7px 0 10px 34px;
	background: url(../images/iconZip.png) 0 0 no-repeat;
}

.activeButton {
	text-decoration: none;
	cursor: default !important;
}


/************** STRUCTURE STYLES **************/


div.centerContainer {
	width: 926px;
	margin: 0 auto;
}

div.blankHSep { 
	line-height: 1px
	height: 1px;
	padding-bottom: 29px;
	margin: 0;
}

div.blankHSepSmall { 
	line-height: 1px
	height: 1px;
	padding: 0 0 19px 0;
	margin: 0;
}

div.blankVSep { 
	width: 1px;
	margin: 0 17px 0 0;
}

div.blankSepSmall { 
	height: 1px;
	margin-bottom: 19px;
}

div.sepSmall {
	height: 2px;
	margin: 30px 0;
	background: url(../images/sepSmallBG.png) 0 0 repeat-x;
	display: block;
}

div.sepBig {
	height: 6px;
	margin: 30px 0;
	background: url(../images/sepBigBG.png) 0 0 repeat-x;
}



/************** NAVIGATION TOP **************/


div#navTop {
	margin: 22px 0 0 57px;
	overflow: hidden;
}

ul#languageSwitch {
	font-size: 11px;
	margin: 2px 30px 0 0;
	float: left;
	overflow: hidden;
}

ul#languageSwitch li {
	float: left;
}

	li a#buttonDeutsch, li a#buttonEnglish, li#buttonDeutschActive, li#buttonEnglishActive {
		line-height: 14px;
		padding: 1px 6px;
	}

	li a#buttonDeutsch:hover, li a#buttonEnglish:hover {
		background-color: #fcc400;
	}
	
	li a#buttonDeutsch, li#buttonDeutschActive {
		border-right: 1px solid #fcc400;
	}

	li#buttonDeutschActive, li#buttonEnglishActive {
		color: #c3c0b4;
		font-weight: bold;
		text-decoration: none;
		line-height: 14px;
		height: 14px;
		padding: 0 6px;
	}

ul#mainButtons li, ul#mainButtonsEnglish li {
	float: left;
	border-right: 1px solid #fcc400;
}

	ul#mainButtons li a {
		color: #777262;
		line-height: 16px;
		padding: 1px 6px;
	}

	ul#mainButtons li a:hover, ul#mainButtonsEnglish li a:hover {
		color: #535047;
		text-decoration: none;
		background-color: #fcc400;
	}

	ul#mainButtonsEnglish li a {
		color: #777262;
		line-height: 16px;
		padding: 1px 9px;
	}

a.mainButtonActive, a.mainButtonActiveEnglish {
	color: #535047 !important;
	text-decoration: none;
	line-height: 16px;
	height: 16px;
	cursor: default;
	background-color: #fcc400;
}

a.mainButtonActive:hover, a.mainButtonActiveEnglish:hover {
	color: #535047 !important;
}
a.mainButtonActive {
	padding: 0 6px;
}

a.mainButtonActiveEnglish {
	padding: 0 9px;
}



/************** STAGE **************/


div#stage {
	width: 926px;
	margin: 20px 0 0 0;
	overflow: hidden;
}

div#stageTop {
	width: 926px;
	height: 9px;
	background: url(../images/stageBgTop.png) 0 0 no-repeat;
}

div#stageMiddle {
	width: 926px;
	height: auto;
	overflow: hidden;
	background: url(../images/stageBgMiddle.jpg) 0 0 repeat-y;
}

div#stageBottom {
	width: 926px;
	height: 20px;
	background: url(../images/stageBgBottom.png) 0 0 no-repeat;
}

div#logoContainer {
	width: 760px;
	margin: 0 83px;
	padding: 37px 0 0 0;
	position: relative;
}

div.logoLine {
	height: 22px;
	position: relative;
	background: url(../images/lineHorizontal.png) 0 0 repeat-x;
}

	div.logoLine a#logo {
		width: 457px;
		position: relative;
		top: -22px;
		left: 154px;
	}
	
	div.logoLine a#logoEnglish {
		width: 487px;
		position: relative;
		top: -22px;
		left: 140px;
	}



/************** NAVIGATION PLACES **************/

/************** Nav BG-Pics **************/


div#navPlaces, div#navPlacesEnglish {
	width: 806px;
	height: 535px;
	margin: 18px auto 0; 
	overflow: hidden;
}

div#navPlaces {
	background: url(../images/headerHome.jpg) 0 0 no-repeat;
}

div#navPlacesEnglish {
	background: url(../images/headerHomeEnglish.jpg) 0 0 no-repeat;
}

div#navPretschen, div#navSchlepzig, div#navNeuLuebbenau, div#navStraupitz, div#navLehde,  
div#navPretschenEnglish, div#navSchlepzigEnglish, div#navNeuLuebbenauEnglish, div#navStraupitzEnglish, div#navLehdeEnglish {
	width: 720px;
	height: 285px;
	margin: 18px auto -4px;
	padding: 4px 0 0 86px; 
	overflow: hidden;
}

div#navPretschen {
	background: url(../images/headerPretschen.jpg) 0 0 no-repeat;
}

div#navPretschenEnglish {
	background: url(../images/headerPretschenEnglish.jpg) 0 0 no-repeat;
}

div#navSchlepzig {
	background: url(../images/headerSchlepzig.jpg) 0 0 no-repeat;
}

div#navSchlepzigEnglish {
	background: url(../images/headerSchlepzigEnglish.jpg) 0 0 no-repeat;
}

div#navNeuLuebbenau {
	background: url(../images/headerNeuLuebbenau.jpg) 0 0 no-repeat;
}

div#navNeuLuebbenauEnglish {
	background: url(../images/headerNeuLuebbenauEnglish.jpg) 0 0 no-repeat;
}

div#navStraupitz {
	background: url(../images/headerStraupitz.jpg) 0 0 no-repeat;
}

div#navStraupitzEnglish {
	background: url(../images/headerStraupitzEnglish.jpg) 0 0 no-repeat;
}

div#navLehde {
	background: url(../images/headerLehde.jpg) 0 0 no-repeat;
}

div#navLehdeEnglish {
	background: url(../images/headerLehdeEnglish.jpg) 0 0 no-repeat;
}


div#navCastagnol, div#navAulas, div#navFiniels, div#navPeyreleau, div#navDurantis, div#navMontAigoual,
div#navCastagnolEnglish, div#navAulasEnglish, div#navFinielsEnglish, div#navPeyreleauEnglish, div#navDurantisEnglish, div#navMontAigoualEnglish {
	width: 720px;
	height: 285px;
	margin: 18px auto -4px;
	padding: 4px 0 0 86px; 
	overflow: hidden;
}

div#navCastagnol {
	background: url(../images/headerCastagnol.jpg) 0 0 no-repeat;
}

div#navAulas {
	background: url(../images/headerAulas.jpg) 0 0 no-repeat;
}

div#navFiniels {
	background: url(../images/headerFiniels.jpg) 0 0 no-repeat;
}

div#navPeyreleau {
	background: url(../images/headerPeyreleau.jpg) 0 0 no-repeat;
}

div#navDurantis {
	background: url(../images/headerDurantis.jpg) 0 0 no-repeat;
}

div#navMontAigoual {
	background: url(../images/headerMontAigoual.jpg) 0 0 no-repeat;
}

div#navCastagnolEnglish {
	background: url(../images/headerCastagnolEnglish.jpg) 0 0 no-repeat;
}

div#navAulasEnglish {
	background: url(../images/headerAulasEnglish.jpg) 0 0 no-repeat;
}

div#navFinielsEnglish {
	background: url(../images/headerFinielsEnglish.jpg) 0 0 no-repeat;
}

div#navPeyreleauEnglish {
	background: url(../images/headerPeyreleauEnglish.jpg) 0 0 no-repeat;
}

div#navDurantisEnglish {
	background: url(../images/headerDurantisEnglish.jpg) 0 0 no-repeat;
}

div#navMontAigoualEnglish {
	background: url(../images/headerMontAigoualEnglish.jpg) 0 0 no-repeat;
}


/************** Nav Buttons **************/

ul#buttonsSpreewald, ul#buttonsSpreewaldHome, ul#buttonsCevennes, ul#buttonsCevennesHome {
	overflow: hidden;
}

ul#buttonsSpreewald {
	margin: 221px 0 0 56px;
}

ul#buttonsSpreewaldHome {
	width: 580px;
	margin: 221px 0 0 56px;
}

ul#buttonsCevennes {
	margin: 221px 0 0 14px;
}

ul#buttonsCevennesHome {
	margin: 43px 0 0 145px;
}

	ul#buttonsSpreewald li, ul#buttonsSpreewaldHome li, ul#buttonsCevennes li, ul#buttonsCevennesHome li {
		line-height: 18px;
		margin-right: 6px;
		padding-right: 20px;
		float: left;
		background: url(../images/arrowButtons.png) top right no-repeat;
	}
	
		ul#buttonsSpreewald li a, ul#buttonsSpreewaldHome li a, ul#buttonsCevennes li a, ul#buttonsCevennesHome li a {
			text-decoration: none;
			display: block;
		}


	/************** Buttons Spreewald **************/

		a#buttonPretschen {
			width: 88px;
			background: url(../images/buttons.png) 0 0 no-repeat;
		}
		
			a#buttonPretschen:hover {
				background: url(../images/buttons.png) 0 -18px no-repeat;
			}
			
		a#buttonPretschenActive {
			width: 88px;
			cursor: default;
			background: url(../images/buttons.png) 0 -18px no-repeat;
		}
		

		a#buttonSchlepzig {
			width: 83px;
			background: url(../images/buttons.png) -89px 0 no-repeat;
		}
		
			a#buttonSchlepzig:hover {
				background: url(../images/buttons.png) -89px -18px no-repeat;
			}
			
		a#buttonSchlepzigActive {
			width: 83px;
			cursor: default;
			background: url(../images/buttons.png) -89px -18px no-repeat;
		}


		a#buttonNeuLuebbenau {
			width: 110px;
			background: url(../images/buttons.png) -173px 0 no-repeat;
		}
		
			a#buttonNeuLuebbenau:hover {
				background: url(../images/buttons.png) -173px -18px no-repeat;
			}
			
		a#buttonNeuLuebbenauActive {
			width: 110px;
			cursor: default;
			background: url(../images/buttons.png) -173px -18px no-repeat;
		}


		a#buttonStraupitz {
			width: 81px;
			background: url(../images/buttons.png) -284px 0 no-repeat;
		}
		
			a#buttonStraupitz:hover {
				background: url(../images/buttons.png) -284px -18px no-repeat;
			}
			
		a#buttonStraupitzActive {
			width: 81px;
			cursor: default;
			background: url(../images/buttons.png) -284px -18px no-repeat;
		}


		a#buttonLehde {
			width: 50px;
			background: url(../images/buttons.png) -366px 0 no-repeat;
		}
		
			a#buttonLehde:hover {
				background: url(../images/buttons.png) -366px -18px no-repeat;
			}
			
		a#buttonLehdeActive {
			width: 50px;
			cursor: default;
			background: url(../images/buttons.png) -366px -18px no-repeat;
		}
		

	/************** Buttons Cevennes **************/

		a#buttonCastagnol {
			width: 88px;
			background: url(../images/buttons.png) 0 -36px no-repeat;
		}
		
			a#buttonCastagnol:hover {
				background: url(../images/buttons.png) 0 -54px no-repeat;
			}
			
		a#buttonCastagnolActive {
			width: 88px;
			cursor: default;
			background: url(../images/buttons.png) 0 -54px no-repeat;
		}
		

		a#buttonAulas {
			width: 51px;
			background: url(../images/buttons.png) -89px -36px no-repeat;
		}
		
			a#buttonAulas:hover {
				background: url(../images/buttons.png) -89px -54px no-repeat;
			}
			
		a#buttonAulasActive {
			width: 51px;
			cursor: default;
			background: url(../images/buttons.png) -89px -54px no-repeat;
		}
		

		a#buttonFiniels {
			width: 61px;
			background: url(../images/buttons.png) -141px -36px no-repeat;
		}
		
			a#buttonFiniels:hover {
				background: url(../images/buttons.png) -141px -54px no-repeat;
			}
			
		a#buttonFinielsActive {
			width: 61px;
			cursor: default;
			background: url(../images/buttons.png) -141px -54px no-repeat;
		}
		

		a#buttonPeyreleau {
			width: 86px;
			background: url(../images/buttons.png) -203px -36px no-repeat;
		}
		
			a#buttonPeyreleau:hover {
				background: url(../images/buttons.png) -203px -54px no-repeat;
			}
			
		a#buttonPeyreleauActive {
			width: 86px;
			cursor: default;
			background: url(../images/buttons.png) -203px -54px no-repeat;
		}
		

		a#buttonDurantis {
			width: 73px;
			background: url(../images/buttons.png) -290px -36px no-repeat;
		}
		
			a#buttonDurantis:hover {
				background: url(../images/buttons.png) -290px -54px no-repeat;
			}
			
		a#buttonDurantisActive {
			width: 73px;
			cursor: default;
			background: url(../images/buttons.png) -290px -54px no-repeat;
		}
		

		a#buttonMontAigoual {
			width: 113px;
			background: url(../images/buttons.png) -365px -36px no-repeat;
		}
		
			a#buttonMontAigoual:hover {
				background: url(../images/buttons.png) -365px -54px no-repeat;
			}
			
		a#buttonMontAigoualActive {
			width: 113px;
			cursor: default;
			background: url(../images/buttons.png) -365px -54px no-repeat;
		}
		


/************** META-NAVI PLACES **************/


div#metaNavPlaces {
	float: right;
	overflow: hidden;
}

	div#metaNavPlaces ul {
		margin-right: 103px;
		float: right;
	}
	
	div#metaNavPlaces ul li {
		float: left;
	} 


		/************** deutsch **************/

		li a#metaButtonCevennes {
			width: 103px;
			height: 14px;
			margin-left: 35px;
		}
		
		li a#metaButtonCevennes, li a#metaButtonCevennes:hover {
			text-decoration: none;
			display: block;
		}
	
		li a#metaButtonCevennes {
			background: url(../images/buttons.png) 0 -72px no-repeat;
		}
	
		li a#metaButtonCevennes:hover {
			background: url(../images/buttons.png) 0 -87px no-repeat;
		}
	

		li a#metaButtonSpreewald {
			width: 109px;
			height: 14px;
		}
		
		li a#metaButtonSpreewald, li a#metaButtonSpreewald:hover {
			text-decoration: none;
			display: block;
		}
	
		li a#metaButtonSpreewald {
			background: url(../images/buttons.png) -205px -72px no-repeat;
		}
		li a#metaButtonSpreewald:hover {
			background: url(../images/buttons.png) -205px -87px no-repeat;
		}
		

		/************** english **************/

		li a#metaButtonCevennesEnglish {
			width: 102px;
			height: 14px;
			margin-left: 35px;
		}
		
		li a#metaButtonCevennesEnglish, li a#metaButtonCevennesEnglish:hover {
			text-decoration: none;
			display: block;
		}
	
		li a#metaButtonCevennesEnglish {
			background: url(../images/buttons.png) -103px -72px no-repeat;
		}
	
		li a#metaButtonCevennesEnglish:hover {
			background: url(../images/buttons.png) -103px -87px no-repeat;
		}


		li a#metaButtonSpreewaldEnglish {
			width: 108px;
			height: 14px;
		}
		
		li a#metaButtonSpreewaldEnglish, li a#metaButtonSpreewaldEnglish:hover {
			text-decoration: none;
			display: block;
		}
	
		li a#metaButtonSpreewaldEnglish {
			background: url(../images/buttons.png) -314px -72px no-repeat;
		}
		
		li a#metaButtonSpreewaldEnglish:hover {
			background: url(../images/buttons.png) -314px -87px no-repeat;
		}



/************** CONTENT **************/


div#content {
	width: 760px;
	margin: 35px 0 0 83px;
	overflow: hidden;
}

div.oneThirdCol {
	width: 228px;
	margin-right: 17px;
	padding-right: 17px;
	float: left;
	background: url(../images/lineVertical.png) right top repeat-y;
}

div.twoThirdCol {
	width: 458px;
	padding-right: 28px;
	float: left;
	background: url(../images/lineVertical.png) right top repeat-y;
}

div.sidebarCol {
	width: 240px;
	margin-left: 28px;
	float: left;
}

div#headerPic {
	width: 806px;
	height: 285px;
	margin: 18px auto 0; 
}

ul#thumbs {
	margin-top: 35px;
}

ul#thumbs li {
	margin-top: 15px;
}

	ul#thumbs li#thumbTop {
		margin-top: 35px;
	}

	ul#thumbs li#thumbFilmsTop {
		margin-top: 125px; 
	}

	ul#thumbs li#thumbFilmsTopEnglish {
		margin-top: 160px; 
	}

	ul#thumbs li#thumbFilmsSpreewald {
		margin-top: 58px; 
	}

	ul#thumbs li#thumbFilmsSpreewaldEnglish {
		margin-top: 88px; 
	}

	ul#thumbs li#thumbPartnerTop {
		margin: 53px 0 385px 0; 
	}

	ul#thumbs li#thumbPartnerTopEnglish {
		margin: 53px 0 468px 0; 
	}

div#mapBG {
	height: 199px;
	margin-top: 22px;
	padding: 6px 7px 5px 7px;
	background: url(../images/mapBg.png) 0 0 no-repeat;
}

	div#mapBG iframe {
		width: 226px;
		height: 180px;
	}

div#additionalInfos {
	overflow: hidden;
}

	div#additionalInfos p.smallLink {
		font-size: 11px;
		margin: 0 15px 30px 0;
		float: right;
	}

ul.fullColList {
	margin-top: 20px;
}

ul.fullColList li {
	margin-bottom: 22px;
	padding-top: 28px;
	overflow: hidden;
	background: url(../images/lineHorizontal.png) 0 0 repeat-x;
}

	ul.fullColList li p  {
		margin: 0 0 4px 0;
	}

	ul.fullColList li p span.boldItalic {
		margin-right: 10px;
	}

div.halfColLeft {
	width: 360px;
	margin-right: 38px;
	float: left;
}

div.halfColRight {
	width: 360px;
	float: left;
}

div.picRow {
	margin-bottom: 8px;
}

div.picRow img {
	margin-right: 15px;
}

div.trailer {
	width: 541px;
	height: 310px;
	margin: 30px 0 25px 117px;
	background: url(../images/trailerBG.png) 0 0 no-repeat;
}

div.trailer object {
	margin: 6px 0 0 8px;
}



/************** FOOTER **************/


div#footer {
	width: 760px;
	margin: 0 83px 40px 83px;
	padding: 35px 0 0 0;
	overflow: hidden;
	background: url(../images/lineHorizontal.png) 0 18px repeat-x;
}

div#footerColLeft {
	font-size: 11px;
	width: 400px;
	float: left;
	position: relative;
	overflow: hidden;
}

	div#footerColLeft div {
		margin-left: 15px;
		padding-top: 6px;
		float: left;
	}

	div#footerColLeft div#logoTextEnglish, div#footerColLeft div#logoText {
		margin-left: 0;
		line-height: 14px;
	}
	
 	div#logoEU50, div#logoEU50English {
		position: relative;
		top: -6px;
	}

div#footerColRight, div#footerColRightEnglish {
	padding-top: 6px;
	float: right;
}

	div#footerColRight, div#footerColRightEnglish {
		height: 15px;
		line-height: 15px;
	}

		div#footerColRight a#linkArchiv {
			width: 330px;
			display: block;
			background: url(../images/buttons.png) 0 -102px no-repeat;
		}

			div#footerColRight a#linkArchiv:hover {
				background: url(../images/buttons.png) 0 -117px no-repeat;
			}

		div#footerColRightEnglish a#linkArchiv {
			width: 352px;
			display: block;
			background: url(../images/buttons.png) 0 -132px no-repeat;
		}

			div#footerColRightEnglish a#linkArchiv:hover {
				background: url(../images/buttons.png) 0 -147px no-repeat;
			}