@import "articles.css";

/*####################################################################*/
#headerSlideShowText {

		clear: both;
		overflow: hidden;
		border: none;
		position: relative;	
		width: 960px;
		height: 60px;
}
#headerSlideShowText div.hide {
	display:none;
}	
#headerSlideShowText div {		
	height: 60px;
	width: 210px;
	position: absolute;
	top: 0;
	left: 750px;	
}

.HeaderImgDesc h3{ 
	color: #fff;
	font-size: 12px;
	font-weight: bold;	
	font-family: arial;	
	line-height: 16px;	
	margin: 0px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 210px;	
}
.HeaderImgDesc h5{ 
	color: #fff;	
	font-size: 11px;	
	font-family: arial;	
	line-height: 16px;
	font-weight: normal;
	margin: 0px;	
	text-align: center;
	width: 210px;	
}

#headerSlideshow {
		clear: both;
		position: relative;
		width: 960px;
		height: 238px;
		overflow: hidden;
		border: none;
}
#headerSlideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 960px;
		height: 238px;
	}
#headerSlideShow img.hide {
	display:none;
}
/* MAIN RESETS */
* {
	margin: 0;
	padding: 0;	
}
ul {
	list-style-type: none;
}
p {
	color: #666;	
}
p.centerFull {
	text-align: left;
	font-size: 13px;
	font-family: arial;
	width: 500px;
	margin: 0 auto;
	color: #777;
}
p.centerFull b {
	color: #444;
}
a img { border: none; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.clear { clear:both; }
.clear:after {
  	content: "."; 
  	clear: both;
	display: block;
	height: 0; 
  	visibility: hidden;   
}
.alignCenter {text-align: center !important;}
.bold {
	font-weight: bold;
}
.hide {
	display: none;
}
.visible {
	display:compact;
}
.error      { 
	background: #FBE3E4; 
	color: #8a1f11; 
	border-color: #FBC2C4; 
}
.notice     { 
	background: #FFF6BF; 
	color: #514721; 
	border-color: 
	#FFD324; 
}
.success    { 
	background: #E6EFC2; 
	color: #264409; 
	border-color: #C6D880; 
}
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

table, td, th { vertical-align: middle; }
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: arial, tahoma, Helvetica, sans-serif;
  text-align: center;
}
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	color: #111; 
}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

a, a:visited { 
	color: #857669; 
	text-decoration: none; 
}
a:hover { color: #000; }
a.red {
	color: #AF4C32;
}
a.brown_bold {	color: #b5a89d; font-weight: bold;}
/*####################################################################*/
/*MENUS*/
.HeaderTopBar {
	height: 75px;
}
#LanguageBar {
	padding: 0 20px 0 0;
	vertical-align: bottom;
}
#LanguageBar li {
	float: right;
	padding: 5px 10px;
}
#LanguageBar a {
	color: #000;
	font-size: 10px;
}
#LanguageBar a:hover,#LanguageBar li.active a{
	color: #fff;
}
#HeaderTopMenu {
	padding: 15px 30px 0 0;
	clear: both;
	text-align: right;
	vertical-align: top;
}
#HeaderTopMenu a {
	font-size: 11px;
	font-family: arial, Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #fff;
}
#HeaderTopMenu a:hover {
	color: #fff;
}
#mainMenu {
	position: relative;
	float: left;
	width: 960px;
	background: #000;
}
#HeaderMainMenu {
	padding: 0 0 20px 0;
	float: left;
}
#mainMenu li {	
	float: left;
}
#mainMenu .mainMenuTop, #mainMenu .mainMenuTop_hide {
	width: 16%;
}
#mainMenu .mainMenuTop a, #mainMenu .mainMenuTop_hide a{
	display: block;
	padding: 3px 0;
}
#mainMenu .mainMenuTop a {
	color: #fff;
}
#mainMenu .mainMenuTop a:hover, #mainMenu .mainMenuTop_hide a:hover{
	color: #fff;
}
#mainMenu ul {
	position: absolute;
	left: 0px;
	width: 958px;
	background: #fff;
	opacity: 1;
}
#mainMenu ul li {
	float: none;
	padding: 3px 0;
	text-align: center;
}
#mainMenu ul li a {	
	display: inline !important;
	margin: 0 20px;
	font-size: 11px;
	color: #7B6A5D !important;
	opacity: 1;
}
#mainMenu ul li a:hover {
	color: #000 !important;
}	
.mainMenuTop_hide ul.mainMenuBottom {display: none; }
.mainMenuTop ul.mainMenuBottom {display: compact;}
#leftMainMenu {
	width: 180px;
	text-align: left;
}
#leftMainMenu  li{
	padding: 20px 0 2px 12px;
	border-bottom: 1px solid #D1C1B5;
	text-align: left;
}
#leftMainMenu  a {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}

.leftMenu {
	width: 180px;
	margin: 0 auto 30px auto;
	padding: 30px 0 0 0;
}
.leftMenu li {
	padding: 20px 0 2px 12px;
	border-bottom: 1px solid #D1C1B5;
	text-align: left;
}
.leftMenu li a {
	font-weight: bold;
	font-size: 13px;
}
.leftMenu li.active a {
	color: #000;
}
/*####################################################################*/
/*LAYOUT*/
#Wrapper1 {
	width: 960px;
	margin: 0 auto;
	border: 1px solid #eee;
}
#HeaderWrapper {
	width: 960px;
}
#HeaderImg {
	width: 960px;
	margin: 0px;
	padding: 0px;
}
.HeaderTopBar {
	clear: both;
	height: 75px;
	width: 960px;
}
#HeaderTopBar_red {
	background: #9D2316 url(../images/page_template/header/header_top_red.jpg) 0 0 repeat-x;
}
#HeaderTopBar_green {
	background: #9D2316 url(../images/page_template/header/header_top_green.jpg) 0 0 repeat-x;
}
#HeaderTopBar_yellow {
	background: #9D2316 url(../images/page_template/header/header_top_yellow.jpg) 0 0 repeat-x;
}
#HeaderTopBar_brown {
	background: #9D2316 url(../images/page_template/header/header_top_brown.jpg) 0 0 repeat-x;
}
#HeaderTopBar_blue {
	background: #47949E url(../images/page_template/header/header_top_blue.jpg) 0 0 repeat-x;
}
#SubHeaderWrapper {
	vertical-align: top;
	height: 100px;
	width: 760px;
	vertical-align:top;
}
#RightWrapper {
	vertical-align: top;
	width: 200px;

}
#LeftContainer {
	vertical-align: top;
	width: 200px;
}
#CenterContainer {
	vertical-align:top;
	width: 560px;
}
#PreFooterWrapper {
	vertical-align: top;
	width: 760px;
	padding: 0 0 30px 0;
}
#PreFooterContent {
	vertical-align: top;
	width: 100%;
}
#PreFooterLeft {
	vertical-align: top;
	width: 200px;
}
#PreFooterCenter {
	vertical-align: top;
	width: 280px;
}
#PreFooterRight {
	vertical-align: top;
	width: 280px;
}
/*####################################################################*/
/*HEADER*/
.HeaderImgDesc {
	height: 60px;
	text-align: right;
}
#HeaderImgDesc_red {
	background: #fff url(../images/page_template/header/header_cut_red.jpg) 0 0 no-repeat;
}
#HeaderImgDesc_green {
	background: #fff url(../images/page_template/header/header_cut_green.jpg) 0 0 no-repeat;
}
#HeaderImgDesc_yellow {
	background: #fff url(../images/page_template/header/header_cut_yellow.jpg) 0 0 no-repeat;
}
#HeaderImgDesc_brown {
	background: #fff url(../images/page_template/header/header_cut_brown.jpg) 0 0 no-repeat;
}
#HeaderImgDesc_blue {
	background: #fff url(../images/page_template/header/header_cut_blue.jpg) 0 0 no-repeat;
}

/*####################################################################*/
/*FOOTER*/

#FooterWrapper {
	width: 100%;
}
.Footer {
	padding: 30px 0 10px 0;
}
#Footer_red {
	background: #A7291B url(../images/page_template/footer/footer_red.jpg) 0 0 no-repeat;
}
#Footer_green {
	background: #9CBE4D url(../images/page_template/footer/footer_green.jpg) 0 0 no-repeat;
}
#Footer_yellow {
	background: #CE932B url(../images/page_template/footer/footer_yellow.jpg) 0 0 no-repeat;
}
#Footer_brown {
	background: #7B695B url(../images/page_template/footer/footer_brown.jpg) 0 0 no-repeat;
}
#Footer_blue {
	background: #76C1D4 url(../images/page_template/footer/footer_blue.jpg) 0 0 no-repeat;
}
#FooterWrapper table {
	width: 100%;
}
#FooterWrapper td{ 
	width: 20%;
}

#Footer_red a, #Footer_red div {
	color: #DD847A;
}
#Footer_green a, #Footer_green div {
	color: #CEF07F;
}
#Footer_yellow a, #Footer_yellow div {
color: #fd9;AD9D91
}
#Footer_brown a, #Footer_brown div {
color: #96887E;AD9D91
}
#Footer_blue a, #Footer_blue div {
color: #97DAED;
}
#FooterWrapper a {
	font-size: 11px;
}
#FooterWrapper a:hover{
	color: #fff;
}
#FooterWrapper ul {
	text-align: left;
	width: 40%;
}
#copyright {
	font-size: 11px;
	color : #fff !important;
}
#copyright a {
	color: #fff !important;
}

/*####################################################################*/
/*MAIN ICONS MENU*/
#SubHeaderWrapper {
	width: 960px;	
	text-align: left;
}
#SubHeaderWrapper table {
	width: 960px;	
}
#SubHeaderWrapper #mainLogoWrapper {
	padding: 0 0 0 10px;
	vertical-align:middle;
	width: 230px;
}
#SubHeaderWrapper .mainIconMenuContainer {
	text-align: center;
	width: 130px;
}

.subHeaderTitleContainer #mainLogoWrapper {
	border-bottom: 1px solid #D1C1B5;
}
#subHeaderTitle {
	vertical-align:bottom;
}
#breadCrumb {
	text-align:right;
}
#breadCrumb a {
	color: #af4c32;
	font-weight: normal;
}
#breadCrumb #breadCrumb_green a {
	color: #4D9022;
}
#breadCrumb #breadCrumb_brown a {
	color: #7B695B;
}
#breadCrumb #breadCrumb_yellow a {
	color: #D29300;
}
#breadCrumb #breadCrumb_blue a {
	color: #46959C;
}
#subHeaderTitle {
	color: #857669;
	font-size: 13px;
	font-family: arial;
	letter-spacing: 2px;
	width: 500px;
	border-bottom: 1px solid #D1C1B5;	
}
#subHeaderTitle div {
	padding: 0 0 5px 0;
}
/*####################################################################*/
/*BANNERS*/
#downloadHarta {
	clear: both;
	margin: 15px auto 20px auto;
}
.banner {
	width: 180px;
	margin: 0 auto 7px auto;
}
.banner div a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 10px;
} 
.banner div {
	padding: 32px 0 0 0;
	text-align: left;
	width: 170px;	
}
#banner_1 {
	height: 57px;
	background: #FFF url(../images/banner/banner_1.jpg) 0 0 no-repeat;
}
#banner_2 {
	height: 57px;
	background: #FFF url(../images/banner/banner_2.jpg) 0 0 no-repeat;
}
#banner_3 {
	height: 57px;
	background: #FFF url(../images/banner/banner_3.jpg) 0 0 no-repeat;
}
#banner_4 {
	height: 83px;
	background: #FFF url(../images/banner/banner_4.jpg) 0 0 no-repeat;
}
#banner_4 div {
	padding: 50px 0 0 0;
}

.bannerType2 {
	width: 180px;
	margin: 0 auto;
	background: #9E2216;
}
.bannerType2 .bannerType2Txt {
	border-top: 1px solid #999;
	padding: 10px 0;
	text-align: left;
}
.bannerType2 .bannerType2Txt p { 
	padding: 0 0 0 15px;
}
.bannerType2 a {
	color: #FFF;
	font-family: arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}
#banner2_1 {
	margin: 40px auto 10px auto;
	
}
#banner2_2 {
	height: 260px;
}
#banner2_2 .banner2Title {
	font-size: 14px;
}
#banner2_2 .banner2Content {
	font-size: 12px;
}
#banner2_2 .bannerType2Txt {
	width: 180px;	
}

#boxArticle_1 {
	background:#fff url(../images/boxArticle_1.jpg) 0 0 no-repeat;
	width: 265px;
	border: 1px solid #C2B8B0;
	height: 260px;
	margin: 0 auto;
}
.boxArticleText {
	padding:  0 0 0;
	padding: 155px 20px 0 10px;
	font-size: 11px; 	
	text-align: left;
	line-height: 16px;
}
.boxArticleLink {
	padding: 0 0 0 10px;
	text-align: left;
} 
.boxArticleLink a {
	font-size: 11px;
}
#boxArticle_2 {
	margin: 0 auto;
	border: 1px solid #C2B8B0;	
	width: 265px;
	height: 260px;
	background:#fff url(../images/boxArticle_2.jpg) 0 0 no-repeat;
}
#geoparcInfoSeparator {
	text-align: left;
	color: #7B6A5D;
	font-size: 17px;
	border-bottom: 1px solid #D1C1B5;7B6A5D;
	margin: 0 0 15px 0;
	width: 750px;
}
#geoparcInfoSeparator p {
	padding: 0px 0px 2px 10px;
}
/*####################################################################*/
/*STIKY*/

.stiky{
	width: 190px;
	height: 160px;
	background: #fff url(../images/sticky.jpg) 0 0 no-repeat;	
}
.stiky_big {
	margin: 0 auto 7px auto;
	width: 190px;
	height: 345px;
	background: #fff url(../images/sticky_big.jpg) 0 0 no-repeat;	
}
.stiky table, .stiky_big table {
	width: 100%;
	text-align: left;
}
.stikyTitle p {
	color: #867569;
	text-align: left;	
	padding: 20px 0 0 35px;
	font-weight: normal;
}
.stikySubTitle p {
	color: #867569;
	padding: 10px 0 0 25px;	
}
.stikyContentLeft p {
	color: #867569;
	padding: 0px 0 0 35px;	
}

.stiky_big .stikyContentLeft p {
	padding: 45px 0 0 35px;
}
/*####################################################################*/
/*RANDOM ARTICLE*/
.randomArticle {
	width: 180px;
	margin: 12px auto 0 auto;
}
.randomArticle .randomArticleText {
	position: relative;
	top: -25px;
}
.randomArticle .randomArticleText a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

/*####################################################################*/
/*SLIDESHOW*/
#mainSlideshow {
	margin: 12px auto 0px auto;
	width: 550px;
	vertical-align: top;
}
#slideshowLeft {
	vertical-align: top;
	width: 355px;
	padding: 0px;
}
#slideshowHeader {
	vertical-align: middle;
	background: #E67C6C url(../images/slideshow/slideshow_header_bg.jpg) 0 0 repeat-x;
}
#slideshowHeader h3 {
	color: #fff;
	margin: 0px;
	font-size: 14px;
	padding: 7px 0 7px 30px;
	text-align: left;
}
#slideshowHeader h3 .bold {
	font-size: 18px;
	font-weight: normal;
}
#slideshowRight {
	vertical-align: top;
	background: #fff;EFE9D6;
	border-right: 1px solid #eee;
}
#slideshowRight a { 
	color:#655649; 
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}
#slideshowRight a.active {
	color: #BA5441;
}
#slideshowRight ul {
	height: 345px;
	overflow:hidden;
	text-align: left;
	padding: 5px 0 0 20px;
}
#mainSlideshow .emptySpace {
	font-size: 0px;
	line-height: 6px;
}
#slideshowBottom {
	vertical-align: top;
	height: 60px;
	padding-top: 0px;
	background: #a12219; /*#E67C6C url(../images/slideshow/slideshow_footer_bg.jpg) 0 0 repeat-x;*/
}
#slideshowBottom .title {
	font-weight:bold;
	font-size: 16px;
	text-align: left;
	padding: 7px 0 0 20px;
	color: #fff;
}
#slideshowBottom .desc {
	font-weight:bold;
	font-size: 11px;
	text-align: left;
	padding: 0px 10px 0 10px;
	color: #fff;
}
#slideshowFooter {
	vertical-align: top;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	background: #E67C6C url(../images/slideshow/slideshow_footer_cut.jpg) 0 0 repeat-x;
}

/*####################################################################*/
/*MAPS*/
#map1 {
	margin: 20px auto 20px auto;
	border: 1px solid #D1C1B5;
	width: 530px;
	background: #f2f0ee;
}
#mapImgContainer {
	position: relative;
}
.mapTextContainer .url {
	text-align: left;	
	padding: 0px 0 10px 25px;
	color: #B50606;
}
  
#hiddenCircle {
	position: absolute;
}
.test {
	border: 1px solid #000;
	background: #f00;	
}
#mapImgContainer img {border: none;}
.mapTextContainer {
	padding: 10px 0;
}

.mapTextContainer .title {
	border-width: 2px 0 0 0;
	padding: 15px 0 10px 25px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #B50606;

}
.mapTextContainer .desc {
	color: #444;
	padding: 0 0 20px 25px;
	text-align: left;
	font-size: 13px;
	font-family: arial;
}

.subHeaderTitle2 {
	color: #857669;
	font-size: 13px;
	font-family: arial;
	letter-spacing: 2px;
	margin: 0px;
	padding: 10px 0 7px 0;
}