body, html { 
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    src: url("Century Gothic.ttf");
    color: rgba(115,79,55,1);
}

#topcontainer {
    width: 100%;
    height: 100%;
    margin: auto;
    display: inline-block;
    color: "AE6A29";
}

#fsbg {
	background: url("../img/fsbg.jpg"); 
    width: 100%;
    height: 100%;
    position: absolute;	
    background-position: center center;
    background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    display: inline-block;
}

#logo {
	background: rgba(255,255,255,.8);
    position: absolute;
    width: 596px;
  	left: 0;
	right: 0;
	margin: auto;
	padding: 0px;
	border-radius: 30px;
}
#logo img {
	max-width: 100%;
}

#downarrow {
    height: 35px;
	width: 100%;
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	//top: 0;
	bottom: 0;
	margin: auto;  
    border-radius: 15px;
    color: white;
}

.scroller_anchor { height: 0px; margin: 0; padding: 0; background: none; }
.scroller { 
	//background: rgba(10,20,30,0.6), url('../img/header.png') no-repeat fixed center;
	margin: 0px 0px 75px 0px; 
    width: 100%;
    //height: 85px;
    position: absolute;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	z-index: 10;
}
.scroller img {
	min-width: 100%;
	z-index: 1;
}

#middlecontainer {
	background: url('../img/header.png') no-repeat fixed center top;
    width: 100%; 
    //height: 175px;
    background-size: contain;
    display: inline-block; 
}

#head_img1 { 
	background: url("../img/header.png");
    width: 100%;
    height: 185px;
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    position: relative;
    z-index: 0;
}

#page-wrap { width: 98%; margin: auto; }

#page-wrap > div { margin: auto; }

.spacer1 { height: 25px; background: none; clear: both; }

#screensize { display: none; }

#Header_Box_Top { 
	width: 100%; 
	padding: 10px;
	margin: 0px; 
	background: rgba(255, 255, 255, 0.1);
	//background-image: url("../img/head1.jpg");
	//-webkit-box-shadow: 0px 4px 6px 2px rgba(143, 143, 143, 0.8); 
	//-moz-box-shadow: 0px 4px 6px 2px rgba(143, 143, 143, 0.8); 	
	//box-shadow: 0px 4px 6px 2px rgba(143, 143, 143, 0.8); 
	border: none; 
}

#Header_Box_Top2 { 
	//width: 90%; 
	padding: 10px;
	margin: 0px; 
	background: rgba(255, 255, 255, 0.85);  
	-webkit-box-shadow: 0px 4px 6px 2px rgba(143, 143, 143, 1.0); 
	-moz-box-shadow: 0px 4px 6px 2px rgba(143, 143, 143, 1.0); 	
	box-shadow: 0px 4px 6px 2px rgba(143, 143, 143, 1.0); 
	border: none; 
}

#head_img_rotate { 
	position: absolute;
	//background-image: url("../img/head1.jpg");
	max-width: 100%; 
	height: auto;
	left: 0px; 
	top: 0px; 
	z-index: -1; 
}

.Content_Background { 
	width: 99%; 
	padding: 10px;
	margin: 0px; 
	background: none; 
	//-webkit-box-shadow: 0px 4px 6px 2px rgba(143,143,143,1); 
	//-moz-box-shadow: 0px 4px 6px 2px rgba(143,143,143,1); 
	//box-shadow: 0px 4px 6px 2px rgba(143,143,143,1); 
}

/*
Blue = 0, 0, 128; 
Silver = 204, 204, 204; 
Green = 0, 128, 0;
*/

#Footer_Top { width: 100%; margin: 0px; padding: 1px; background: rgba(204, 204, 204,1); }		
#Footer_Bottom { width: 100%; margin: 0px; padding: 5px; background: rgba(182, 120, 59, 1); }
#Footer_Imprint { width: 100%; margin: 0px; padding: 5px; background: rgba(115,79,55,1); }

#FooterText1 { font-size: 80%; font-weight: normal; color: rgba(255, 255, 255, 1.0); }
#FooterText2 { font: 80%; font-weight: bold; text-decoration: none; color: rgba(255, 255, 255, 1.0); }

#footer { width: 100%; }

#foot_img5 { 
	background: url("../img/page5pics.jpg");
    width: 100%;
    height: 564px;
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}

#foot_img4 { 
	background: url("../img/page5pics.jpg");
    width: 100%;
    height: 564px;
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}

#foot_img3 { 
	background: url("../img/page3pics.jpg");
    width: 100%;
    height: 655px;
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}

#foot_img2 { 
	background: url("../img/page2pics.jpg");
    width: 100%;
    height: 422px;
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}

#foot_img1 { 
	background: url("../img/page1pics.jpg");
    width: 100%;
    height: 345px;
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}
#bottomcenter {
    position: absolute;
    //top: 86%;
    width: 100%;
    font-size: 18px;
    color: white;
    text-align: center;
}


.fancy_list li { line-height: 30px; }

@media only screen and (max-width: 479px) { 

	#Header_Box_Top { display: none; }
	#Header_Box_Top2 { display: none; } /* width: 90%; } */

	//#topnav_display { position: fixed; width: 100%; z-index: 100; clear: both; }
	#TopNav2Display { display: none; }
	//#TopSpacer { display: none; }

	#logo { top: 8%; max-width: 90%; height: auto; }
	#downarrow { font-size: 80%; }
	#bottomcenter { font-size: 80%; }

	#head_display { display: none; }
	#head_img_rotate { display: none; }
	#head_img_rotate1 { display: none; }
	#head_img_rotate2 { display: none; }

	#textSlider { display: none; }
	#ImgSlider { display: none; }
	#MainPageSplash { display: none; }
	#spacing1 { display: none; }

	#Content_Left { float: left; clear: both; width: 100%; }
	#Content_Right { float: left; clear: both; width: 100%; }

	#F-1 { float: left; width: 100%; height: 100%; clear: left; }
	#F-2 { float: left; width: 100%; height: 100%; clear: left; }
	#F-3 { float: left; width: 100%; height: 100%; clear: left; }
	#F-4 { float: left; width: 100%; height: 100%; clear: left; }
	
	#Footer_Top { display: none; }
	//#Footer_Bottom { display: none; }
	#Footer_Imprint { display: none; }
	
	.textp1 { font: 0.85em; }
	#FooterText1 { font: 70%; font-weight: normal; color: rgba(255, 255, 255, 1.0); }

}


@media only screen and (min-width: 480px) and (max-width: 713px) { 

	#Header_Box_Top { display: none; }
	#Header_Box_Top2 { display: none; } /* width: 90%; } */
	
	#topspacing { clear: both; }
	
	//#topnav_display { position: fixed; width: 100%; z-index: 100;  clear: both; }
	#TopNav2Display { display: none; }
	
	#logo { top: 8%; max-width: 80%; height: auto; }
	#downarrow { bottom: 5px; }
	
	#head_display { display: none; }
	#head_img_rotate { display: none; }
	#head_img_rotate1 { display: none; }
	#head_img_rotate2 { display: none; }

	#textSlider { display: none; }
	#ImgSlider { display: none; }	
	#MainPageSplash { display: none; }
	#spacing1 { display: none; }
	
	#Content_Left { float: left; clear: both; width: 100%; }
	#Content_Right { float: left; clear: both; width: 100%; }
	
	#F-1 { float: left; width: 50%; height: 100%; clear: left; }
	#F-2 { float: left; width: 50%; height: 100%; }
	#F-3 { float: left; width: 50%; height: 100%; clear: left; }
	#F-4 { float: left; width: 50%; height: 100%; clear: right; }
	
	#Footer_Top { display: none; }
	//#Footer_Bottom { display: none; }
	#Footer_Imprint { display: none; }
}


@media only screen and (min-width: 714px) and (max-width: 819px) { 

	#Header_Box_Top { display: none; }
	#Header_Box_Top2 { display: none; } /* width: 90%; } */
	
	//#topnav_display { position: fixed; width: 100%; z-index: 100;  clear: both; }
	#TopNav2Display { display: none; }

	#TopSpacer { display: none; }

	#logo { top: 8%; max-width: 70%; height: auto; }
	#downarrow { bottom: 10px; }
	
	#head_display { display: none; }		
	#head_img_rotate { display: none; }
	#head_img_rotate1 { display: none; }
	#head_img_rotate2 { display: none; }

	#textSlider { display: none; }
	#ImgSlider { display: none; }	
	#MainPageSplash { display: none; }
	
	#Content_Left { float: left; width: 65%; background: none; }
	#Content_Right { float: right; width: 35%; background: none; }
	
	#F-1 { float: left; width: 25%; height: 100%; clear: left; }
	#F-2 { float: left; width: 25%; height: 100%; }
	#F-3 { float: left; width: 25%; height: 100%; }
	#F-4 { float: left; width: 25%; height: 100%; clear: right; }
	
	#Footer_Top { display: none; }
	//#Footer_Bottom { display: none; }
	#Footer_Imprint { display: none; }
}


@media only screen and (min-width: 820px) and (max-width: 1024px) { 

	#Header_Box_Top { display: none; }
	#Header_Box_Top2 { display: none; } /* width: 90%; } */

	//#topnav_display { position: fixed; width: 100%; z-index: 100;  clear: both; }
	#TopNav2Display { display: none; }

	#TopSpacer { display: none; }

	#logo { top: 8%; max-width: 60%; }
	#downarrow { bottom: 10px; }
	
	#head_display { display: none; }	
	#head_img_rotate { display: none; }
	#head_img_rotate1 { display: none; }
	#head_img_rotate2 { display: none; }

	#textSlider { display: none; }
	#ImgSlider { display: none; }
	#MainPageSplash { display: none; }
	
	#Content_Left { float: left; width: 65%; background: none; }
	#Content_Right { float: right; width: 35%; background: none; }
	
	#F-1 { float: left; width: 25%; height: 100%; clear: left; }
	#F-2 { float: left; width: 25%; height: 100%; }
	#F-3 { float: left; width: 25%; height: 100%; }
	#F-4 { float: left; width: 25%; height: 100%; clear: right; }
	
	#Footer_Top { display: none; }
	//#Footer_Bottom { display: none; }
	#Footer_Imprint { display: none; }
	
}


@media only screen and (min-width: 1025px) and (max-width: 1600px) {

	#Header_Box_Top { display: none; }
	#Header_Box_Top2 { display: none; } /* width: 90%; } */

	//#topnav_display { position: fixed; width: 100%; z-index: 100;  clear: both; }
	#TopNav2Display { display: none; }

	#TopSpacer { display: none; }

	#logo { top: 6%; max-width: 100%;  }
	//#tagline1 { top: 10%; left: 10%; }	
	#downarrow { bottom: 12px; }
	
	#head_display { display: none; }		
	#head_img_rotate { display: none; }
	#head_img_rotate1 { display: none; }
	#head_img_rotate2 { display: none; }
	
	#textSlider { display: none; }
	#ImgSlider { display: none; }
	#MainPageSplash { display: none; }
	#Content_Background { display: none; }
	
	#Content_Left { float: left; width: 70%; background: none; }
	#Content_Right { float: right; width: 25%; background: none; }
	
	#F-1 { float: left; width: 25%; height: 100%; clear: left; }
	#F-2 { float: left; width: 25%; height: 100%; }
	#F-3 { float: left; width: 25%; height: 100%; }
	#F-4 { float: left; width: 25%; height: 100%; clear: right; }
	
	#Footer_Top { display: none; }
	//#Footer_Bottom { display: none; }
	#Footer_Imprint { display: none; }
	
}


@media only screen and (min-width: 1601px) and (max-width: 9000px) {
	
	body, html { width: 1680px; margin: auto; padding: 0; }
	#fsbg { width: 1680px; }
	.scroller { width: 1680px; }

	#Header_Box_Top { display: none; }
	#Header_Box_Top2 { display: none; } /* width: 90%; } */

	//#topnav_display { position: fixed; width: 100%; z-index: 100;  clear: both; }
	#TopNav2Display { display: none; }
	
	#TopSpacer { display: none; }

	#logo { top: 6%; max-width: 100%;  }
	//#tagline1 { top: 10%; left: 10%; }	
	#downarrow { bottom: 12px; }
	
	#head_display { display: none; }	
	#head_img_rotate { display: none; }
	#head_img_rotate1 { display: none;  }
	#head_img_rotate2 { display: none; }

	#textSlider { display: none; }
	#ImgSlider { display: none; }	
	#MainPageSplash { display: none; }
	
	#Content_Left { float: left; width: 70%; background: none; }
	#Content_Right { float: right; width: 25%; background: none; }
	
	#F-1 { float: left; width: 25%; height: 100%; clear: left; }
	#F-2 { float: left; width: 25%; height: 100%; }
	#F-3 { float: left; width: 25%; height: 100%; }
	#F-4 { float: left; width: 25%; height: 100%; clear: right; }
	
	#FooterText1 { font: 3em; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; src: url("Century Gothic.ttf"); color: rgba(255, 255, 255, 1.0); }
	.bb0 { font-size: 85%; }
	
	#foot_img2 { max-width: 1680px; margin: auto; height: 361px; }
	#foot_img3 { max-width: 1680px; margin: auto; height: 618px; }
	#foot_img4 { max-width: 1680px; margin: auto; height: 520px; }
	#foot_img5 { max-width: 1680px; margin: auto; height: 520px; }
	
	#Footer_Top { display: none; }
	#Footer_Bottom { max-width: 1680px; margin: auto; }	
	#Footer_Imprint { display: none; }
}