* {
	margin: 0;
	padding: 0;
}
a{text-decoration:none;}
a{color:#FF9900;}




@font-face {
    font-family: 'MyCustomHead';
    src: url('css/fonts/Champagne.eot'); /* IE9 */
    src: url('css/fonts/Champagne.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('css/fonts/Champagne.woff') format('woff'), /* Moderne Browser */
        url('css/fonts/Champagne.ttf') format('truetype'), /* Safari, Android, iOS */
        url('css/fonts/Champagne.svg#abril_fatfaceregular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'MyCustomFont';
    src: url('css/fonts/roboto_light.eot'); /* IE9 */
    src: url('css/fonts/roboto_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('css/fonts/roboto_light.woff') format('woff'), /* Moderne Browser */
        url('css/fonts/roboto_light.ttf') format('truetype'), /* Safari, Android, iOS */
        url('css/fonts/roboto_light.svg#abril_fatfaceregular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'MyCustomNavi';
    src: url('css/fonts/Shket.eot'); /* IE9 */
    src: url('css/fonts/Shket.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('css/fonts/Shket.woff') format('woff'), /* Moderne Browser */
        url('css/fonts/Shket.ttf') format('truetype'), /* Safari, Android, iOS */
        url('css/fonts/Shket.svg#abril_fatfaceregular') format('svg'); /* Legacy iOS */
}


body{
	margin: 0 auto;
	max-width:1600px;
	font-size: calc(16px + 0.3vw);
	font-family:MyCustomFont, Helvetica, sans-serif;
	color:#DDDDDD;
	line-height:1.4em;
	width:98%;
	padding:5px;
	background-color:#202020;

}

main{
	margin-right:1%;margin-left:1%;width:98%;
}

footer{
	margin-right:1%;margin-left:1%;width:98%;background:#505050;min-height:150px;
}

	nav#naviHEAD{
	    width: 96%; 
	    padding: 1%; 
	    position: fixed;
	    z-index:10000;
	    left: 0;
	    top: 0;
	    text-align:center;
	}

	.headerPIC{
	min-height:150px;
	width:100%;
	height:auto;
	margin-top:2%;
	}


/* Teaser Banner Orte */


	.teaserBox{
	position:relative;height:290px;width:96%;
	}



@media screen and (min-width: 800px)
{
	.teaserBlock{
	display:block;position:relative;
	left:60%;top:-280px;z-index:100;
	min-height:170px;width:35%;margin-right:2%;margin-top:4%;padding:1%;
	text-align:center;
	background:#202020;
	border: 1px solid #DDDDDD;
	box-shadow:2px 2px 10px #303030;
	transition:1s;	
	}

	.teaserbildtext{
	display:block;position:relative;
	left:6%;top:-130px;z-index:99;
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(90px + 1.5vw);
	color:#FFFFFF;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
	}
}

@media screen and (max-width: 799px)
{
	.teaserBlock{
	display:block;position:relative;
	left:20%;top:-100px;z-index:100;
	min-height:80px;width:60%;margin-right:2%;margin-top:4%;padding:1%;
	text-align:center;
	background:#202020;
	border: 1px solid #DDDDDD;
	box-shadow:2px 2px 10px #303030;
	transition:1s;	
	}
	.teaserbildtext{
	display:none;
	}
}
.teaserBlock:hover{
	background:#DDDDDD;
	transition:1s;
}



/* Inseln und Orte Roundbox */

@media screen and (min-width: 800px)
{
	.inselbox
	{
	float:left;
	width:29%;
	margin:1%;
	min-width:180px;
	min-height:450px;
	z-index:1;
	font-size:calc(14px + 0.3vw);
	line-height:1.2em;
	text-align:center;
	background:#202020;
	box-shadow:2px 2px 10px #000000;
	}
}
@media screen and (max-width: 799px)
{
	.inselbox
	{
	float:left;
	width:45%;
	margin:1%;
	min-width:180px;
	min-height:430px;
	z-index:1;
	font-size:17px;
	line-height:1.2em;
	text-align:center;
	background:#202020;
	box-shadow:2px 2px 10px #000000;
	}
}

.inselboxbild
	{
	width:90%;height:auto;
	border:1px solid #DDDDDD;
	border-radius: 50%;
	margin-top:4%;margin-bottom:4%;
	}
.inselboxbild:hover
	{
	transform:rotate(360deg);
	transition:1s; 
	}

.inselboxnavbottom
	{
	width:100%;height:auto;
	border-bottom:1px solid #505050;
	text-align:center;
	}

/* NAVIGATION OBEN */
@media screen and (min-width: 800px)
{
	.nav_container_top{
	margin: 0 auto;
	height:50px;
	background:#202020;
	width:100%;max-width:1600px;	
	padding-left:2%;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	}

	.nav_container_topL{
	float:left;
	width:65%;height:45px;
	}
	.nav_container_topR{
	float:right;
	width:35%;height:45px;
	}

	.nav_top_mobile{
	display:none;
	}
	.nav_top_mobile_button{
	display:none;
	}

	nav#statusbar{
	width:100%;height:40px;
	}
}
@media screen and (max-width: 799px) 
{
	.nav_container_topL{
	float:left;
	width:100%;height:45px;
	display:none;
	}

	.nav_container_topR{
	position:absolute; top:5px;left:0px; width:300px;background:#202020;
	}

	.nav_top_mobile{
	position:absolute; top:5px;right:0px; width:300px;background:#151515;z-index:9999;
	display: block;
	}

	nav#statusbar{
	display:none;
	}
}

.nav_top_mobile_button{
position:fixed; top:5px;right:0px; width:20%;
}

.nav_mob1{
width:96%;padding:2%;padding-left:1%;height:55px;line-height:55px;

}
.nav_mob2{
width:90%;padding:1%;padding-left:1%;height:45px;line-height:45px;
font-family:MyCustomNavi, "Arial Narrow", sans-serif; font-size:28px;
}

ul.nav_mobil1 { 
   list-style-image: url(grafics/navmob1.png);
   margin-left:45px;line-height:40px;
   font-family:MyCustomNavi, "Arial Narrow", sans-serif; font-size:35px;
}

ul.nav_mobil2 { 
   list-style-image: url(grafics/navmob2.png);
   margin-left:20px;line-height:38px;
   font-family:MyCustomNavi, "Arial Narrow", sans-serif; font-size:28px;
}

ul.nav_mobil3 { 
   list-style-image: url(grafics/navmob3.png);
   margin-left:40px;line-height:38px;
   font-family:MyCustomNavi, "Arial Narrow", sans-serif; font-size:22px;
}

/* CONTENT */
@media screen and (min-width: 1400px)
{
	#articleR{
		float:right;
		width:65%;
		min-height:800px;
		padding:1%;background:#202020;
	}
	nav#naviL{
		float:left;
		width:16%;height:100%;min-height:800px;
		background:#202020;
		font-family:MyCustomNavi, "Arial Narrow", sans-serif;
		margin-top:-10px;
	}
	nav#naviR{
		float:right;
		width:15%;height:100%;min-height:800px;
		padding-right:0;background:#202020;
		text-align:center;
	}
}


@media screen and (min-width: 800px)  and (max-width: 1399px)
{
	#articleR{
		float:right;
		width:76%;
		min-height:800px;
		margin-right:0px;padding:1%;background:#202020;
	}
	nav#naviL{
		float:left;
		width:22%;height:100%;min-height:800px;
		padding-top:1%;background:#202020;
		font-family:MyCustomNavi, "Arial Narrow", sans-serif;
	}
	nav#naviR{
	display:none;
	}
}


@media screen and (max-width: 799px) 
{
	#articleR{
	float:left;left:1%;width:98%;height:100%;padding:1%;display:block;
	}
	nav#naviL{
	display:none;
	}
	nav#naviR{
	display:none;
	}
}


/* LANDINGPAGE */
@media screen and (min-width: 1000px)
{
	#articleLAND{
		float:left;
		width:70%;
		min-height:800px;
		margin-top:-50px;padding:3%;background:#202020;
	}

	nav#naviLAND{
		float:right;
		width:22%;height:100%;min-height:800px;
		/*background:#202020;*/
		text-align:center;

	}
}


@media screen and (min-width: 800px)  and (max-width: 999px)
{
	#articleLAND{
	
		width:98%;
		min-height:800px;
		margin-right:0px;padding:3%;background:#202020;
	}
	nav#naviLAND{
		
		width:98%;height:100%;min-height:800px;
		padding-top:1%;background:#202020;
		font-family:MyCustomNavi, "Arial Narrow", sans-serif;
	}
}


@media screen and (max-width: 799px) 
{
	#articleLAND{
	width:98%;height:100%;padding:2%;display:block;
	}
	nav#naviLAND{
	width:98%;height:100%;padding:2%;display:block;
	}
}

/* PROVINZEN */
@media screen and (min-width: 1000px)
{
	.provinz{
		float:left;width:45%;
		height:290px;
		border: solid 1px #505050;
		margin-right:4%;
		margin-bottom:30px;
	}
}
@media screen and (max-width: 999px)
{
	.provinz{
		width:100%;
		height:260px;
		border: solid 1px #505050;
		margin-right:4%;
		margin-bottom:30px;
	}
}


h1{
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(30px + 1.5vw);
	line-height:1.3em;   

	text-decoration: none;
	color:#FF9900;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
  }

h2{
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(25px + 1.3vw);
	line-height:1.1em;   
	margin-bottom:20px;
	text-decoration: none;
	color:#DDDDDD;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
  }
.h2news_view{margin-top:20px;margin-bottom:15px;}


h3{
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(25px + 0.9vw);
	line-height:1.2em;   
	text-decoration: none;
	color:#FF9900;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
  }
.h3news_view{margin-top:20px;margin-bottom:15px;}

h4{
	font-family:MyCustomFont, "Arial Narrow", sans-serif; 
	font-size: calc(17px + 0.4vw);
	line-height:1.4em;   
	text-decoration: none;
	color:#FF9900;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
  }

h5{
	font-family:MyCustomFont, "Arial Narrow", sans-serif; 
	font-size: calc(15px + 0.4vw);
	line-height:1.4em;   
	text-decoration: none;
	color:#FF9900;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
  }

h6{
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(20px + 1.1vw);
	line-height:1.4em;   
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bolder;
  }

strong{
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(21px + 0.7vw);
	line-height:1.2em;   
	text-decoration: none;
	color:#FF9900;
	font-weight:bolder;
  }


a.link_top{
	font-family:MyCustomNavi; 
	font-size: calc(22px + 1.0vw);
	color:#DDDDDD;
	float:left; padding-right:4%;
	line-height:45px;

}

a.link_top_akt{
	font-family:MyCustomNavi;
	font-size: calc(22px + 1.0vw);
	color:#FFFFFF;
	float:left; padding-right:4%;
	line-height:45px;
	font-weight:bolder;
}

a.link_top:hover{
	color:#FF9900;
	font-weight:bolder;
	transition: 0.5s;
}


.search_menue{
position:absolute;margin:0 auto;top:50px;width:97%;height:45px;max-width:1560px;
padding:4px;
background:#151515;border:solid 1px #FF9900;
border-radius: 10px;
z-index:1000;margin-top:45px;padding:3px;
box-shadow: 10px 10px 15px black;
opacity:0.9;
}
.menue-close{
float:right;margin-top:-15px;margin-right:-10px;color:#FF9900;width:28px;height:auto;
}


.input_login{
width:32%;height:35px;background:#DDDDDD;float:right;margin-right:2px;border:0px;margin-top:4px;
padding-left:5px;font-size:calc(16px + 0.3vw);
}
.input_search{
width:64%;height:35px;background:#DDDDDD;float:right;margin-right:2px;border:0px;margin-top:4px;
padding-left:5px;font-size:calc(16px + 0.3vw);
}
.input_100{
width:90%;height:35px;max-width:180px;background:#202020;margin-right:2px;border:0px;margin-top:4px;
padding-left:5px;font-size:calc(16px + 0.3vw);
font-size: calc(18px + 0.8vw);color:#FFFFFF;font-family:MyCustomNavi, "Arial Narrow", sans-serif;
}
.input_text{width:98%;height:38px;padding:2px;background:#EEEEEE;border:1px solid #606060;font-size:16px;font-family:"Roboto Condensed", sans-serif;}
.input_text_med{width:30%;height:38px;padding:2px;background:#EEEEEE;border:1px solid #606060;font-size:16px;font-family:"Roboto Condensed", sans-serif;}
.input_text_med70{width:70%;height:38px;padding:2px;background:#EEEEEE;border:1px solid #606060;font-size:16px;font-family:"Roboto Condensed", sans-serif;}
.input_text_small{width:20%;height:38px;padding:2px;background:#EEEEEE;border:1px solid #606060;font-size:16px;font-family:"Roboto Condensed", sans-serif;}
.input_textarea{width:98%;height:600px;padding:2px;background:#EEEEEE;border:1px solid #606060;font-size:16px;font-family:"Roboto Condensed", sans-serif;}
.input_textarea_kl{width:98%;height:150px;padding:2px;background:#EEEEEE;border:1px solid #606060;font-size:16px;font-family:"Roboto Condensed", sans-serif;}

.input_button{width:150px;height:35px;padding:4px;background:#FF9900;border:1px solid #606060;font-size:16px;text-align:center;font-family:"Roboto Condensed", sans-serif;color:#000000;}
.input_button_micro{width:20px;height:35px;padding:4px;background:#FF9900;border:1px solid #606060;font-size:16px;text-align:center;font-family:"Roboto Condensed", sans-serif;color:#000000;}

.transferchoice {
float:left;width:38%;min-width:250px;height:35px;
background-color:#FF9900;border:solid 1px #151515;
margin:5px;
color:#202020;
font-size:20px;
}

/* TEXT FORMAT */
.text{font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF; line-height:1.3em;}
.medtext{font-family: Roboto, sans-serif; font-size: calc(13px + 0.2vw); line-height:1em;color:#FFFFFF;}
.smalltext{font-family: Roboto, sans-serif; font-size: calc(12px + 0.2vw); line-height:1em;color:#FFFFFF;}
.vsmalltext{font-family: Roboto, sans-serif; font-size: calc(10px + 0.2vw); color:#FFFFFF;}


.checkbox-toolbar input[type="checkbox"] {
    display:none;
}

.checkbox-toolbar label {
    display:inline-block;
    background-color:#404040;
    padding:2px;
    padding-left:5px;
    font-family: "Roboto Condensed", sans-serif;
    font-size:15px;
    color: #FFFFFF;
    width:130px;
    border:1px solid #AAAAAA;
    font-weight:bold;
    margin-top:4px;
    text-align:center;
}

.checkbox-toolbar input[type="checkbox"]:checked + label {
    background-color:#FF8800;
    color: #000000;
    border:1px solid #FFFFFF;
}


.radio-smiley input[type="radio"] {
    display:none;
}

.radio-smiley label {
    display:inline-block;
    padding:2px;
    width:35px;
    text-align:center;
}

.radio-smiley input[type="radio"]:checked + label {
    background-color:#FF8800;
    color: #000000;
}

.rzf-box
{
float:left;
width:30%;
min-width:170px;
min-height:80px;
margin:1%;
z-index:1;
font-size:15px;
line-height:16px;
font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF;
}
@media screen and (min-width: 700px){.finder_box{float:right;width:55%;}}
@media screen and (max-width: 699px){.finder_box{width:98%;padding:1%;clear:both;height:200px;}}
.map_box{ 
	width:21%;
	
	padding:1%;
	margin:1%;
	text-align:center;
	float:right;
	height:130px;
	font-family: "Arial Narrow", sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF;line-height:1em;
}

.map_but_small{width:25px;height:25px;margin-left:10px;}
.map_but_big{width:70px;height:70px;}




.button_login-search{
width:38px;height:auto;float:right;margin-right:2%;
}
.title_login-search{
float:left;
font-weight:bolder;line-height:18px;margin-top:2px;font-family: Tahoma;
}

.view_login{
float:right;
width:19%;min-width:190px;
height:14%;min-height:25px;max-height:30px;
z-index:1000;padding-left:2px;
margin-top:-20%;
background:#202020;
border-bottom:1px solid #FF9900;
opacity:0.9; clear:right;
}

@media screen and (max-width: 1599px) 
{
.thailandlogo{width:18%;height:auto;position:absolute;top:8%;left:3%;min-width:150px;}
}
@media screen and (min-width: 1600px) 
{
.thailandlogo{width:16%;height:auto;position:absolute;top:8%;left:8%;min-width:200px;}
}

.roundbut42Right{
width:42px;height:auto;float:right;margin-right:15px;margin-top:2px;
transition:1s; z-index:5555;
}
.roundbut42Right:hover{
transform:rotate(360deg);
}

.PFs{height:22px;width:auto;}
.PFm{height:32px;width:auto;}
.PFb{height:40px;width:auto;}
.linkspacer {font-size:calc(14px + 0.3vw);color:#FF9900;margin-right:20px;}

.clear0{height:0px;clear:both;}
.clear10{height:10px;clear:both;}
.clear20{height:20px;clear:both;}
.clear25{height:25px;clear:both;}
.clear30{height:30px;clear:both;}
.clear40{height:40px;clear:both;}
.clear50{height:50px;clear:both;}
.clear70{height:70px;clear:both;}
.clear100{height:100px;clear:both;}
.clearline{height:40px;clear:both;border-bottom:1px solid #DDDDDD;margin-bottom:40px;}
.clearlineS{height:15px;clear:both;border-bottom:1px solid #DDDDDD;margin-bottom:15px;}

hr{background: #505050; height: 2px; border: none;margin-top:30px;margin-bottom:30px;clear:both;}

.alb2er{width:47%;padding:1%;}
.alb3er{width:30%;padding:1%;}
.alb4er{width:22%;padding:1%;}

.Valb2er{width:48%;padding:1%;float:left;}
.Valb3er{width:31%;padding:1%;float:left;}
.Valb4er{width:22%;padding:1%;float:left;}
.vidbox_album{width:99%;height:70px;padding:3px;text-align:center;}

.vidplayer_album{width:31%;padding:1%;float:left;height:280px;border:1px solid #303030;}

.pic100{
width:100%;height:auto;
}
.pic97{
width:97%;height:auto;
}
.pic100limit{
width:100%;height:150px;;
}
.pic97{
width:97%;height:auto;
}

.pic100round{
	width:100%;height:auto;
	border: 2px solid #505050;
	border-radius: 100%; transition:0.5s;
}
.pic100round:hover{
	width:100%;height:auto;
	border: 2px solid #FFFFFF;
	border-radius: 100%;
}

.orange{color:#FF8800;}

.pic50L{
width:46%;height:auto;float:left;margin-right:1%;margin-top:3%;
}
.pic50R{
width:46%;height:auto;float:right;margin-left:1%;margin-top:3%;
}
.pic40R{
width:40%;height:auto;float:right;margin-left:1%;
}

.play_video{
width:80px;height:auto;float:left;margin-left:10px;margin-top:-10px;
}
.kabox{float:left;width:20%;margin-right:2%;}

@media screen and (min-width: 600px)
{
	.bild_embedR{
	width:40%;height:auto;float:right;margin:3%;clear:right;margin-top:0;
	}

	.bild_boxRbig{
	width:40%;height:auto;float:right;margin:3%;clear:right;margin-top:0;
	}

	.bild_boxLbig{
	width:40%;height:auto;float:left;margin:3%;clear:left;margin-top:0;
	}
}
@media screen and (max-width: 599px)
{
	.bild_embedR{
	width:100%;height:auto;margin:3%;margin-top:10px;
	}

	.bild_boxRbig{
	width:90%;height:auto;margin:5%;
	}

	.bild_boxLbig{
	width:100%;height:auto;margin:3%;margin-top:10px;
	}
}

section.newsbox{
width:100%;margin-bottom:5%;border-bottom:1px solid #909090;padding-bottom:2%;clear:right;
}
.picnewslist{
float:right;padding-left:3%;width:40%;height:auto;max-width:350px;
}
.newslist_right{
float:right;margin-top:20px;clear:right;font-size:calc(8px + 1vw);
}

.picosplist{
float:right;padding-left:3%;width:40%;height:auto;max-width:250px;
}

/* VIDEOS RECHTS FLOAT */
.vidbox
{
margin-bottom:10px;
margin-left:0px;
width:100%;
height:auto;
float:left;
}
.bildbox_txt
{
margin-left:10px;
margin-top:-5px;
margin-bottom:20px;
float:left;
font-size:14px;
line-height:14px;
}
.play_video {width:80px;height:auto;float:left;margin-left:100px;margin-top:-130px;}
.play_vid_txt {margin-top:-30%;height:50px;text-align:center;font-size:15px;}

.osp_boxR
	{
	width:45%;height:auto;float:right;font-size:16px;text-align:center;
	}
.osp_boxL
	{
	width:45%;height:auto;float:left;font-size:16px;text-align:center;
	}

/* KACHELN THEMEN  & SUBTHEMEN */
nav#kacheln{width:100%;height:auto;}
.imageBox{display:block;overflow:hidden;}
@media screen and (min-width: 600px)
{

    .kachelbox
	{
	float:left;
	width:23%;
	min-width:170px;
	min-height:200px;
	margin-right:2%;
	z-index:1;
text-align:center;
	}

	.umbruch{display:none;}
	.map_pic{width:23%;height:auto;margin-right:4%;margin-left:4%;}
}

@media screen and (max-width: 599px)
{
    .kachelbox
	{
	float:left;
	width:45%;
	min-width:170px;
	height:auto;
	margin:1%;
	z-index:1;
	}

	.umbruch{position:relative;top:20px;height:30px;width:100%;clear:both;margin-bottom:20px;}
	.map_pic{width:15%;height:auto;float:right;margin-right:2%;}
}

.kachelhead{
	position:relative; top:-190px;left:0px;
	width: 100%;
	height:auto;
	float:left;
	text-align:right;
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(26px + 0.5vw);
	font-weight:bolder;
	line-height: 35px;
	color:#FF9900;
	text-shadow: 1px 1px 1px black;
	background: linear-gradient(to left, rgba(15,15,15,1),rgba(15,15,15,0));
	z-index:100;
	border-top:solid 1px #FF9900;border-bottom:solid 1px #FF9900;
	}

.kachelhead:hover{
	color:#FFFFFF;
	background-color:#151515;
	}

.box50{
float:left;width:47%;margin-left:2%;
}


@media screen and (min-width: 600px)
{
    .infostartseitenbox
	{
	float:left;
	width:47%;
	min-width:250px;
	min-height:390px;
	height:auto;
	margin-right:2%;
	z-index:1;
	}
	.infostartseitenselect{
		width:100%;height:35px;margin-top:-40px;background:#202020;border:0;border-bottom:1px solid #FF9900;
		font-size: calc(18px + 0.8vw);color:#FFFFFF;font-family:MyCustomNavi, "Arial Narrow", sans-serif;
		}
}

@media screen and (max-width: 599px)
{
    .infostartseitenbox
	{
	float:left;
	width:98%;
	min-height:300px;
	height:auto;
	margin:2%;
	z-index:1;
	}
	.infostartseitenselect{
		width:100%;height:35px;margin-top:-50px;background:#202020;border:0;border-bottom:1px solid #FF9900;
		font-size: calc(18px + 0.8vw);color:#FFFFFF;font-family:MyCustomNavi, "Arial Narrow", sans-serif;
		}
}


.infostartseitenhead{
	position:relative; top:-70px;left:0px;
	width: 100%;
	height:auto;
	float:left;
	text-align:right;
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(30px + 0.5vw);
	font-weight:bolder;
	line-height: 35px;
	color:#FF9900;
	text-shadow: 1px 1px 1px black;
	background: linear-gradient(to left, rgba(15,15,15,1),rgba(15,15,15,0));
	z-index:100;
	border-top:solid 1px #FF9900;border-bottom:solid 1px #FF9900;
	transition:1s;
	}

.infostartseitenhead:hover{
	color:#FFFFFF;
	background-color:#151515;
	transition:1s;
	}

.infostartseitentext{
	font-family: Roboto, sans-serif; font-size: calc(15px + 0.2vw);
	display:block;position:relative;top:-40px;width:100%;height:190px;text-align:center;
}

.block_start {float:right;width:40%;padding-right:3%;border:1px solid #151515;margin-left:3%;}
.block_txtGR {font-size:16px;}


@media screen and (min-width: 600px)
{
	.hotel_startseitenbox{
	float:left;width:22%;min-width:160px;margin:2%;margin-left:1%;height:250px;background:#151515;text-align:center;
	}
}
@media screen and (max-width: 599px)
{
	.hotel_startseitenbox{
	width:90%;margin:4%;height:220px;background:#151515;text-align:center;
	}
}


@media screen and (min-width: 800px)
{
    .landingbox
	{
	margin-top:5%;
	text-align:center;
	float:left;
	width:48%;
	min-width:300px;
	height:500px;
	margin:1%;
	z-index:1;
	/*background:#880000;*/
	}
    .landingbox_head
	{
	z-index:10;
	width:80%;
	height:260px;
	background: rgba(20, 20, 20, 0.6);
  	vertical-align: middle;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	margin-left:10%; padding:5px;	
	}
    .landingbox_head2
	{
	width:100%;
	height:130px;
	display: table-cell;
  	vertical-align: middle;
	}
    .landingbox_text
	{
	width:100%;
	height:250px;
	font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF; line-height:1.3em;
	}
    .landingbox_bild
	{
	width:100%;
	height:250px;text-align:center;
	}

    .landingbox_small
	{
	padding-top:5%;
	text-align:center;
	width:100%;
	height:380px;
	margin:1%;
	z-index:1;
	border-top:1px solid #FFFFFF;
	/*background:#880000;*/
	}
    .landingbox_small_head
	{
	z-index:10;
	width:80%;
	height:220px;
	background: rgba(20, 20, 20, 0.6);
  	vertical-align: middle;

	margin-left:10%; padding:5px;	
	}
    .landingbox_small_head2
	{
	width:100%;
	height:50px;
	display: table-cell;
  	vertical-align: middle;
	}
    .landingbox_small_text
	{
	width:100%;
	height:250px;
	font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF; line-height:1.3em;
	}
    .landingbox_small_bild
	{
	width:100%;
	height:170px;text-align:center;
	}

}

@media screen and (max-width: 799px)
{
    .landingbox
	{
	margin-top:1%;
	text-align:center;
	float:left;
	width:98%;
	min-width:300px;
	height:400px;
	margin-right:2%;
	z-index:1;
	/*background:#880000;*/
	}
    .landingbox_head
	{
	z-index:10;
	width:80%;
	height:200px;
	background: rgba(20, 20, 20, 0.6);
  	vertical-align: middle;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	margin-left:10%; padding:5px;	
	}
    .landingbox_head2
	{
	width:100%;
	height:60px;
	display: table-cell;
  	vertical-align: middle;
	}
    .landingbox_text
	{
	width:100%;
	height:200px;
	font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF; line-height:1.3em;
	}
    .landingbox_bild
	{
	width:100%;
	height:250px;text-align:center;
	}


    .landingbox_small
	{
	padding-top:2%;
	text-align:center;
	width:100%;
	height:280px;
	margin:1%;
	z-index:1;
	border-top:1px solid #FFFFFF;
	/*background:#880000;*/
	}
    .landingbox_small_head
	{
	z-index:10;
	width:80%;
	height:180px;
	background: rgba(20, 20, 20, 0.6);
  	vertical-align: middle;

	margin-left:10%; padding:5px;	
	}
    .landingbox_small_head2
	{
	width:100%;
	height:50px;
	display: table-cell;
  	vertical-align: middle;
	}
    .landingbox_small_text
	{
	width:100%;
	height:150px;
	font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw); color:#FFFFFF; line-height:1.3em;
	}
    .landingbox_small_bild
	{
	width:100%;
	height:150px;text-align:center;
	}
}




/* COUNTER FORMAT */
a.page_cnt{ 
	font-family: Roboto, sans-serif;font-size: 18px; font-weight: bolder; color: #202020;
	padding:3px;margin:3px;padding-left:10px;
	text-decoration: none;
	background-color:#FF8800;
	border: 1px solid #CCCCCC;
	}
a.page_cnt:hover{ 
	font-family: Roboto, sans-serif;font-size: 18px; font-weight: bolder; color: #000000;
	background-color:#FFCC00;
	text-decoration: none;
	border: 1px solid #505050;
	min-width:30px;
	}
a.page_cnt_akt{ 
	font-family: Roboto, sans-serif;font-size: 18px; font-weight: bolder; color: #FFCC00;
	padding:3px;margin:3px;padding-left:10px;
	background-color:#000000;
	border: 1px solid #FF8800;
	}

a.page_cntblock{ 
	font-family: Roboto, sans-serif;font-size: 18px; font-weight: bolder; color: #000000;
	padding:3px;margin:3px;padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	text-decoration: none;
	background-color:#EE5500;
	border: 1px solid #CCCCCC;
	}

ul.knopf { 
   list-style-image: url(../images/quadrat.png);
   margin-left:28px;line-height:30px;
}

ul.knopf2 { 
   list-style-image: url(../images/W_reg_tage.gif);
   margin-left:65px;line-height:30px;
}

ul.knopf0 { 
   list-style-image: url(../images/knopf0.png);
   margin-left:65px;line-height:30px;
}

ul.moon { 
   list-style-image: url(../images/moon.png);
   margin-left:28px;line-height:30px;
}

/* HOTEL HOTEL */

.hotelwert_box
{
float:left;
width:30%;
min-width:120px;
margin-right:2%;
text-align:center;
background-color:#FF9900;
border: solid 1px #FFFFFF;
font-size:calc(16px + 0.8vw);
margin-bottom:2%;
}
.hotelwert_head
{
font-size:calc(30px + 0.8vw);
color:#FFFFFF;
margin-bottom:10px;
line-height:35px;
}
.hotelwert_txt
{
font-size:calc(12px + 0.8vw);
color:#151515;
margin-top:2px;
margin-bottom:2px;
}

.hotel_ortname
{
font-size:calc(13px + 0.4vw);
color:#151515;
margin-top:2px;
margin-bottom:2px;
}
.hotel_ortname:hover
{
color:#FFFFFF;
}

.hotelpreis_box
{
width:96%;
min-width:120px;
text-align:center;
background-color:#505050;
border: solid 1px #DDDDDD;
font-size:calc(20px + 1vw);
padding:2%;
color:#FFFFFF;
margin-top:15px;
margin-bottom:15px;
}

.hotellist_box
{
float:left;
width:20%;
min-width:80px;
text-align:center;
background-color:#505050;
border: solid 1px #DDDDDD;
padding:2px;
color:#DDDDDD;
margin-right:1%;
box-shadow:2px 2px 15px #000000;
border-radius: 50%;
margin-bottom:2%;
}
.hotellist_head
{
font-size:calc(17px + 0.5vw);
color:#FF9900;
margin-bottom:10px;
line-height:20px;
}
.hotellist_txt
{
margin-top:0px;
margin-bottom:2px;
color:#DDDDDD;
font-size:calc(13px + 0.3vw);
}

.hotellist_book
{
float:right;
width:18%;
height:7%;
margin-top:-9%;
min-width:80px;
text-align:center;
background-color:#505050;
border: solid 1px #DDDDDD;
padding:2px;
color:#FF9900;
margin-right:0px;
box-shadow:2px 2px 15px #000000;
border-radius: 50%;
padding: 5.7% 0;
transition:1s;
z-index:100;
}
.hotellist_book:hover
{
background-color:#151515;
transition:1s;
transform:rotate(360deg);
}

@media screen and (min-width: 500px) 
{
	section.hotelpageblock{
	width:100%;height:auto;background:#202020;
	}
	a.hotelpagebox3er{
	float:left;width:28%;margin:2%;min-width:200px;height:270px;
	overflow:hidden;
	background-color:#303030;
	text-align:center;
	transition:1s;
	border: 1px solid #505050;
	box-shadow:2px 2px 15px #000000;
	}
	a.hotelpagebox3er:hover{
	background-color:#151515;
	border: 1px solid #DDDDDD;
	}
}


@media screen and (max-width: 499px) 
{
	section.hotelpageblock{
	width:100%;height:auto;background:#202020;
	}
	a.hotelpagebox4er{
	float:left;width:96%;margin:2%;min-width:280px;max-height:260px;
	overflow:hidden;
	background-color:#303030;
	text-align:center;
	transition:1s;
	border: 1px solid #DDDDDD;
	box-shadow:2px 2px 15px #000000;
	}
	a.hotelpagebox4er:hover{
	background-color:#FF8800;
	border: 1px solid #FFFFFF;
	}
}


@media screen and (min-width: 600px)
{
.hotelpic_top {float:right;margin-left:20px;margin-bottom:15px;width:46%;height:auto;}
}
@media screen and (max-width: 599px)
{
.hotelpic_top {margin-bottom:15px;width:100%;height:auto;}
}

.hotel_tops 
{
float:left;width:18%;min-width:100px;height:28px;
background: linear-gradient(to right, #151515, #202020);
border-left:solid 1px #DDDDDD;
border-radius: 14px;
margin-right:10px;padding-left:4px;margin-top:10px;
font-size: calc(14px + 0.2vw);
color:#DDDDDD;
}

.backbutton{float:right;margin:3%;margin-top:0px;width:40px;height:auto;font-size:14px;}



.wetter_linkbox
{
float:left;
width:23%;
min-width:120px;
margin:2%;
text-align:center;
background-color:#505050;
border: solid 1px #DDDDDD;
padding:3px;
color:#FF9900;
margin-right:2%;
box-shadow:2px 2px 15px #000000;
border-radius: 50%;
font-family: Roboto, sans-serif; font-size: calc(14px + 0.2vw);
}
.wetter_linkbox:hover{
background-color:#151515;
transition:1s;
}

@media screen and (min-width: 600px)
{
	.weatherbox
	{
	float:left;
	width:42%;
	min-width:260px;
	margin:1%;
	padding:1%;
	border:#505050 solid 1px;
	background-color:#202020;
	}
}
@media screen and (max-width: 599px)
{
	.weatherbox
	{
	width:99%;
	margin:10px;
	padding:5px;
	border:#505050 solid 1px;
	background-color:#202020;
	}
}
.weatherbox_line
{
width:100%;min-height:30px;
background-color:#505050;
margin-top:4px;
margin-bottom:2px;
}
.weatherbox_inline
{
width:100%;min-height:25px;
}
.weatherbox_inlineLeft
{
width:45%;
float:left;
font-family: Roboto, sans-serif; font-size: calc(12px + 0.2vw);
}
.weatherbox_inlineRight
{
width:50%;
float:right;
}
.weatherbox_spacer
{
width:100%;
height:5px;
clear:right;
}

.usernavi a{ 
	font-family: "Roboto Condensed", sans-serif;font-size: 18px; font-weight: bold; color: #FF0000;
	width:100px;
	line-height:20px;
	background:#FF8800;
	padding:2px;
	margin:2px;
	text-align:center;
	float:left;
}
.usernavi a:hover{ 
	color: #FF8800;
	width:100px;
	line-height:20px;
	background:#000000;
	padding:2px;
	margin:2px;
	text-align:center;
}
.usernavi_active a{ 
	font-family: "Roboto Condensed", sans-serif;font-size: 18px; font-weight: bold; color: #FF0000;
	width:100px;
	line-height:18px;
	background:#000000;
	padding:2px;
	margin:2px;
	text-align:center;
	float:left;
	border:1px solid #FF8800;
}


.transfer_minibox
{
width:100%;height:50px;background-color:#505050;;margin:5px;padding-left:5px;
}

.transfer_box{
	float:left;
	width:47px;
	height:60px;
	margin:2px;
	color:#000000;
	text-align:center;

}
.transfer_txt{
	font-family: "Roboto Condensed",sans-serif; font-size:14px; color: #FF8800;
	margin-left:-6px;
}

.transfer_boxtxt{
	font-family: "Roboto Condensed",sans-serif; font-size:13px; color: #FF8800;
	margin-top:-15px;
}

@media screen and (min-width: 600px)
{
.transfer_colum {float:left;padding:2%;width:46%;height:auto;}
}
@media screen and (max-width: 599px)
{
.transfer_colum {margin-bottom:15px;width:96%;height:auto;padding:2%;}
}
.transfer_button{float:right;margin:3px;height:80%;width:auto;}
.transfer_zeile{width:100%;height:50px;background:#505050;;margin:5px;padding-left:5px;}
.transfer_head{font-size: calc(28px + 0.4vw); color:#FFFFFF;font-weight:600;}


@media screen and (min-width: 700px)
{
	#slider_boxR{
	width:55%;height:auto;float:right;clear:right;max-width:550px;margin-left:2%;margin-bottom:1%;
	box-shadow:2px 2px 15px #000000;
	}
}
@media screen and (max-width: 699px)
{
	#slider_boxR{
	width:100%;margin-left:-25px;
	}
}

#slider		{ background: transparent;width:100%;height: 280px; overflow: hidden;
		position: relative; margin: 1px 0;
	
	}
#mover		{ width: 2880px; position: relative; z-index:1000;}

.slide		{ padding: 5px 30px; width: 760px; float: left; position: relative; z-index:1000;}
.slide h1	{ font-family: MyCustomHead, "Arial Narrow", Sans-Serif; font-size: 40px; letter-spacing: -1px;color: #FF9900; }
.slide p	{ color:#FFFFFF; font-size: 18px; line-height: 25px; width: 360px; }
.slide img	{ position: absolute; top: 60px; left: 400px; z-index:1000;}
#slider-stopper  { position: absolute; top: 45px; right: 20px; background: #FF8800; color: white;
                   	padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }


/* ################ Navi Sub Circle #################### */

@media (min-width: 1080px)
{
.nav_sub_header{
	position:relative;top:-40px;
	z-index:100;
	margin-left:20%;
	margin-right:20%;
	width:60%;
	height:auto;
	min-height:80px;
/*background:#FF0000;*/						
	}					
}
@media (max-width: 1079px ) and (min-width: 890px)
{
.nav_sub_header{
	position:relative;top:-15px;
	z-index:100;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	height:auto;
	min-height:40px;

	}
}
@media (max-width: 879px ) and (min-width: 650px)
{
.nav_sub_header{
	position:relative;top:-10px;
	z-index:100;
	margin-left:1%;
	margin-right:1%;
	width:98%;
	height:auto;
	min-height:40px;
	}
}
@media (max-width: 649px )
{
.nav_sub_header{display:none;}
}

.nav_sub_headerbox {
	position:relative;
	margin-left:2%;
	margin-right:2%;
	margin-top:-5%;
	width: 16%;
	min-width:90px;
	display:block;
	float:left;
	text-align:center;
}

.roundbox {
	width: 90%;
	display:block;
	border: 1px solid #DDDDDD;
	border-radius: 100%;
	background-color:#151515;
	transition: 0.5s;
	margin-left: auto;
	margin-right: auto;
	box-shadow:2px 2px 4px #000000;
	background-position: center center;background-size: 90% 90%;background-repeat: no-repeat;
}
.roundbox:hover {
	border: 1px solid #151515;
	background-color:#FFFFFF;
}
.roundbox:before {
	content: "";
	display:block;
	padding-top: 100%;
}

.nav_sub_rechtsbox {
	margin-left:5%;
	width: 40%;
	text-align:center;
	float:right;padding:2%;
	height:130px;
}

.start_blackbox_txtL{float:left;margin-left:1%;width:45%;}
.start_blackbox_txtR{float:right;margin-left:1%;width:45%;}

.start_blackbox_lnk{color:#FF9900;}
.start_blackbox_lnk:hover{color:#151515;}

.startseiteBlock{
	position:relative;height:200px;width:99%;
}



@media screen and (min-width: 800px)
{
	.startseiteTXTBlock{
	display:block;position:relative;
	left:55%;top:-300px;z-index:100;
	min-height:170px;width:40%;margin-right:2%;margin-top:2%;padding:1%;
	text-align:center;
	background:#202020;
	border: 1px solid #DDDDDD;
	box-shadow:2px 2px 10px #303030;
	transition:1s; opacity:0.9; 	
	}
	.startseiteHEADBlock{
	display:block;position:relative;
	left:3%;top:-180px;z-index:99;
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(80px + 1.5vw);
	color:#FFFFFF;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
	}
	.startseiteBlock2{
	position:relative;height:200px;width:99%;top:-200px;
	}
	.startseite_wrapper{
	position:relative;top:-400px;
	}
}

@media screen and (max-width: 799px)
{
	.startseiteTXTBlock{
	display:block;position:relative;
	left:15%;top:-150px;z-index:100;
	min-height:180px;width:70%;margin-right:2%;margin-top:4%;padding:1%;
	text-align:center;
	background:#202020;
	border: 1px solid #DDDDDD;
	box-shadow:2px 2px 10px #303030;
	transition:1s;
	opacity:0.9;	
	}
	.startseiteHEADBlock{
	display:block;position:relative;
	left:15%;top:-180px;z-index:99;
	font-family:MyCustomNavi, "Arial Narrow", sans-serif; 
	font-size: calc(35px + 1.5vw);
	color:#FFFFFF;
	text-shadow: 2px 2px 4px #000000;
	font-weight:bolder;
	}
	.startseiteBlock2{
	position:relative;height:200px;width:99%;top:-150px;
	}
	.startseite_wrapper{
	position:relative;top:-250px;
	}
}
.startseiteTXTBlock:hover{
	background:#FFFFFF;
	transition:1s;
}

.startkachelhead{
	position:relative; top:-150px;left:0px;
	width: 100%;
	height:auto;
	float:left;
	text-align:right;
	line-height: 35px;
	text-shadow: 1px 1px 1px black;
	background: linear-gradient(to left, rgba(15,15,15,1),rgba(15,15,15,0));
	z-index:100;
	border-top:solid 1px #DDDDDD;border-bottom:solid 1px #DDDDDD;
	}
.startkachelhead:hover{
	background-color:#151515;
	}
.startkacheltxt{
	position:relative; top:-30px;text-align:center;
	}


footer{width:100%;margin-top:10px;margin-bottom:50px;height:auto;clear:both;}



.footer_box
{
float:left;
padding:1%;
width:31%;
min-width:150px;
min-height:100px;

font-family: "Roboto Condensed",sans-serif; font-size:15px; font-weight: normal; color: #DDDDDD;
}

.footer_box_small
{
float:left;
padding:1%;
width:22%;
min-width:200px;
min-height:230px;
font-family: "Roboto Condensed",sans-serif; font-size:15px; font-weight: normal; color: #DDDDDD;
}
.footer_counter
{
float:left;
height:17px;
width:auto;
border:1px solid #DDDDDD;
line-height:17px;
margin:2px;
padding:2px;
}




@media screen and (min-width: 850px)
{
.bericht_rechtsStart{width:42%;float:right;padding:2%;}
.bericht_linksStart{width:42%;float:left;padding:2%;}
.bericht_boxStart{width:98%;font-size:18px;line-height:1.5em;}
.bericht_bildStart{float:right;width:35%;height:auto;margin-left:5px;margin-bottom:10px;padding:1%;}
}

@media screen and (max-width: 849px)
{
.bericht_rechtsStart{width:96%;padding:2%;}
.bericht_linksStart{width:96%;padding:2%;}
.bericht_boxStart{width:98%;font-size:18px;line-height:1.5em;}
.bericht_bildStart{float:right;width:35%;height:auto;margin-left:5px;margin-bottom:10px;}
}


#forum{
	width:98%;
}

.forum_counterbar1{
	float:left;
	width:15%;
}
.forum_counterbar2{
	float:right;
	width:84%;
	background: #606060;
}

section.forum_list{
	height:auto;
	min-height:200px;
	width:100%;
	border-top: 1px solid #606060;
}

.forum_list_right{
	width:100%;
	padding:1%;
}

.forum_list_left{
	width:20%;
	min-width:120px;
	float:left;
	margin:1%;
	font-family: "Roboto Condensed",sans-serif; font-size:15px;
}



.radio-toolbar input[type="radio"] {
    display:none;
}

.radio-toolbar label {
    display:inline-block;
    background-color:#404040;
    padding:2px;
    padding-left:5px;
    font-family: "Roboto Condensed", sans-serif;
    font-size:15px;
    color: #FFFFFF;
    width:130px;
    border:1px solid #AAAAAA;
    font-weight:bold;
    margin-top:4px;
    text-align:center;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color:#FF8800;
    color: #000000;
    border:1px solid #FFFFFF;
}

.radio-smiley input[type="radio"] {
    display:none;
}

.radio-smiley label {
    display:inline-block;
    padding:2px;
    width:35px;
    text-align:center;
}

.radio-smiley input[type="radio"]:checked + label {
    background-color:#FF8800;
    color: #000000;
}

.banner98{
width:98%;padding:1%;
display:block;
overflow:hidden;
}


@media (min-width: 800px)
{
	.playerbox
	{
	float:left;
	width:46%;
	min-width:270px;
	margin:2%;
	text-align:center;
	background-color:#000000;
	overflow:hidden;
	}
}
@media screen and (max-width: 799px)
{
	.playerbox
	{
	width:98%;
	padding:1%;
	text-align:center;
	background-color:#000000;
	overflow:hidden;
	}
}


.playerbox_vid
{
width:100%;
text-align:center;
height:300px;
}

.playerbox_head
{
width:100%;
height:80px;
text-align:center;
overflow:hidden;
}

.playerbox_text
{
font-family: "Roboto Condensed", sans-serif;font-size: 20px; font-weight: normal; color: #FFFFFF;
line-height:22px;
width:95%;
height:65px;
text-align:center;
padding:2%;
}

.playerbox_adv
{
float:left;
width:47%;
min-width:270px;
overflow:hidden;
height:300px;
margin:10px;
text-align:center;
background-color:#202020;
}
.playerbox_link
{
float:left;
width:47%;
min-width:270px;
height:400px;
margin:10px;
text-align:left;
overflow:hidden;
background-color:#202020;
}