body{font-size:12px;}

body{ margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; background-color:#e9e9e9; padding-top:20px;  }

#Skyscraper{}
#Leaderboard{}

#homepage_center{ position:relative; width:1020px; left:50%; margin-left:-510px;}

#homepage{background-image:url(../images/hint.png);}
#homepage_fuss {height:10px; background-image:url(../images/hint_fuss.png);}

#head_1{ width:1000px; margin-left:10px;  height:65px; background-image:url(../images/nav_hint.png);}
#head_1_links{ width:205px; height:63px; background-image:url(../images/logo.png); position:absolute; } 	

#head_2{ float: left; width:1000px; margin-left:10px;  height:370px; background-image:url(../images/hintergrund/Harzspots-Banner.jpg);}
#head_2_rechts {
	float: right;
}
#content{ width:1000px; margin-left:10px;  min-height:400px; background-color:#ffffff;}
	#content_top{ height:25px;}
	#content_links{ float:left; width:250px; margin-left:30px;}
	#content_rechts{ float:right; width:640px; margin-right:50px;}
	#content_fuss{ clear:both; height:50px;}

#fuss{ width:940px; margin-left:30px; height:95px; border-top:1px solid #080808;}

#content  a:link, #content  a:visited, #fuss  a:link, #fuss  a:visited{ text-decoration:none; color:#0090b4;}
#content  a:hover , #fuss  a:hover { text-decoration:none; color:#99be30;}



#skyscraper{ display:none; /*position:absolute; left:50%; margin-left:520px;*/}
/*************************************************/
/*
Standard inhaltselemente von Typo3
*/

#content_rechts  h1{ color:#0090b4; margin:5px auto 10px auto; padding:0px auto 0px auto; font-weight:normal; font-size:28px;}
#content_rechts  h2{ color:#0090b4; margin:15px auto 10px auto; padding:0px auto 0px auto; font-weight:normal; font-size:20px;}
#content_rechts  h3{ color:#0090b4; margin:10px auto 0px auto; padding:0px auto 0px auto;  font-size:16px;}





/*************************************************/
/*************************************************/
.jjara_menu_3_spalten_div{  line-height:20px; font-size:14px;}

/*************************************************/
/*************************************************/
.flashflip{ position: fixed; top:5%; left:5%; width:90%; height:90%; background-color:#FFFFFF;  border:0px dotted #84bc27; display:none; padding:10px; border:1px solid #84bc27;}
.flashflip h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:1px dotted #84bc27;}
/*************************************************/
/*************************************************/
.container_l{ width:250px; background-image:url(../images/links_hint.png); background-repeat:no-repeat; background-position:top; margin-bottom:15px; }
.container_l_h1 {color:#99be30; margin:0px; padding:0px; font-size:22px; font-weight:normal; padding:25px 25px 10px 25px;}

.container_l_h1_2 { margin:10px 0px 0px 0px; padding:0px; font-size:18px;  padding-left:10px; font-weight:normal; color:#84bc27; line-height:26px;}

.snav_on{display:block;  width:250px; background-repeat:no-repeat; background-position:top; text-decoration:none; color:#000000;margin-top:2px; line-height:20px; padding-left: 25px; }

.snav_off{display:block;  width:250px;  background-repeat:no-repeat; background-position:top; text-decoration:none; color:#000000;margin-top:2px; line-height:20px; padding-left: 25px; }
.snav_off:hover{display:block;  width:250px;  background-repeat:no-repeat; background-position:top; text-decoration:none; color:#99be30;margin-top:2px; line-height:20px; padding-left: 25px;}
/*************************************************/

/* veranstaltungsort start */
.veranstaltungsort{ margin-bottom:30px;}
.veranstaltungsort h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:5px; margin-top:10px; border-bottom:0px dotted #84bc27;}
/* veranstaltungsort ende */


/* content_info start */
.content_info{ margin-bottom:20px;}
.content_info h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.content_info h2{ margin:0px ; padding:0px; font-size:14px;  font-weight: bold; color:#84bc27;}
.content_info .th_img {border:1px solid #84bc27; padding:5px; }
.content_info .kontakt{ background-color:#cbf182; padding:5px; border:1px solid #84bc27; }
/* content_info ende */

/* content_info_2 start */
.content_info_2{}
.content_info_2 h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.content_info_2 h3{margin:0px ; padding:0px; font-weight: bold; color:#84bc27; margin-bottom:5px; }
.content_info_2 img {border 0px solid #84bc27; padding:5px;  }
/* content_info_2 ende */

/* kontakt start */
#kontakt_div{ position:absolute; display:none; z-index:4;  background:url(images/homepage/trans.png); padding:10px; border:1px solid #84bc27; margin-left:-245px; width:750px;}
#kontakt_div h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:1px dotted #84bc27;}
/* kontakt ende */

/* popup start */
.popup{ margin:10px; padding:10px; background-color:#FFFFFF;}
.popup h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
/* popup ende */

/* kontakt start */
.kontakt_div_2{ margin-top:30px;}
.kontakt_div_2 h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}

/* kontakt ende */

/* Katalog Start */
.katalog_1{}
.katalog_1 h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.katalog_1 h2{margin:0px ; padding:0px; font-size:12px;  font-weight: bold; color:#84bc27; margin-bottom:5px;}
.katalog_1 img {border:1px solid #84bc27; padding:5px;  }
/* Katalog Ende */


/* Auflistungelement 1 mit bild start */
.auflistung_1{}
.auflistung_1 img {border:0px solid #84bc27; padding:5px; }
.auflistung_1 h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.auflistung_1 h2{margin:0px ; padding:0px; font-size:16px;  font-weight: bold; color:#84bc27; margin-bottom:5px;}
/* Auflistungelement 1 mit bild ende */

/* Auflistungelement 2  start */
.auflistung_2{}
.auflistung_2 h1{margin:0px; padding:0px; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.auflistung_2 h2{margin:0px; padding:0px; font-size:18px;  color:#000000; margin-bottom:0px; font-weight:normal;}
/* Auflistungelement 2 ende */

/* Hotelbild Gross start */
.hotelbild_gross{}
.hotelbild_gross img{border:1px solid #84bc27; margin-bottom:20px;}
.hotelbild_gross h1{ position:absolute; background:url(images/homepage/trans.png); z-index:10; margin:0px; padding:0px; padding:3px 20px 3px 3px; color:#84bc27; font-size:30px; font-weight:normal; margin:1px 0px 0px 1px;}
/* Hotelbild Gross ende */

/* news_veranstaltungen_block start */
.news_veranstaltungen_block{}
.news_veranstaltungen_block h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.news_veranstaltungen_block ul { padding-left:15px; list-style-type:square; color:#84bc27;}
.news_veranstaltungen_block li { margin-bottom:5px;}
/* news_veranstaltungen_block ende */

/* News_list start */
._list{}
._list h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
/* News_list ende */

/* Harzer_orte start */
.harzer_orte{margin-bottom:20px;}
.harzer_orte h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
/* Harzer_orte ende */

/* maps start */
.map{ margin-bottom:20px;}
.map #map{ height:400px; border:1px solid #84bc27; width:78%; float:left}
.map_navi{width:20%; float:right;}
.map_navi h2{margin:0px ; padding:0px; font-size:12px;  font-weight: bold; color:#84bc27; margin-bottom:5px;}

.map h1{margin:0px ; padding:0px ; font-size:14px; font-weight:bold; color:#84bc27; margin-bottom:5px;}
/* maps ende */

/* Galerie start */
.galerie{ margin-bottom:20px;}
.galerie h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}
.galerie h2{margin:0px ; padding:0px; font-size:12px;  font-weight: bold; color:#84bc27; margin-bottom:0px; }


.jqGSContainer{position:relative;width:640px;}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{border:1px solid #fff;}

.jqGSContainer .jqGSPagination{position:relative;width:100%;height:20px;top:5px;padding: 5px 0;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;float:left;}
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px;background:#ffffff;border:1px solid #fff; color: #6b922d;text-decoration:none;display:block;width:20px;font:10px Verdana, Arial, Helvetica, sans-serif;}
.jqGSContainer .jqGSPagination ul li a.selected{background:#84bc27;color:#3b3b3b;}
.jqGSContainer .jqGSPagination ul li a:hover{background:#fff;color:#84bc27;border:1px solid #fff;}
.jqGSImgContainer{border:0px solid #000; }
/* Galerie ende */

.flashflip{ position: fixed; top:5%; left:5%; width:90%; height:90%; background-color:#FFFFFF;  border:0px dotted #84bc27; display:none; padding:10px; border:1px solid #84bc27;}
.flashflip h1{margin:0px ; padding:0px ; font-size:30px; font-weight:normal; color:#84bc27;  margin-bottom:20px; border-bottom:0px dotted #84bc27;}

/*************************************************/
#archiv{width:250px; background-image:url(../images/links_hint.png); background-repeat:no-repeat; background-position:top; margin-bottom:15px;}
#archiv h1{color:#99be30; margin:0px; padding:0px; font-size:22px; font-weight:normal; padding:25px 25px 10px 25px;}
#archiv_links{float:left; width:130px; padding-left:25px;}
#archiv_rechts{ float:right; width:70px;}
#archiv a:link { display:block; }


/*************************************************/


.katalo{border-bottom:0px solid #84bc27;}


/*************************************************/


/* COOKIECONTENT */

.cc-message {
	padding-right: 1em;
	line-height: 1.4;
}

.cc-btn:hover,
.cc-btn:focus {
	text-decoration: none;
}

@media (max-width: 767px) {
	.cc-message {
		font-size: 14px;
		line-height: 1.3;
	}
}

@media (max-width: 578px) {
	.cc-message {
		font-size: 12px;
		line-height: 1.2;
	}
	.cc-btn {
		min-width: 100px !important;
	}
}

@media (max-width: 414px) {
	.cc-btn {
		width: 100%;
	}
}