/* Style-Sheets */

* { 
	font-family:"P22UndergroundLight",Verdana,Arial,sans-serif 
}

body { 
	font-size:20px;
	line-height:30px;
	color:#ffffff;
	background-color:#ffffff;
	margin:0;
}

input,textarea { color:#000; }
input.edit, textarea.edit { padding:1px; margin:0; border-width:1px; }
input.warn, textarea.warn { padding:1px; margin:0; border:1px solid red; background-color:#fdd; }
h1,h2,h3,h4,h5,h6 { margin:0; }

h1 { 
	display:block;
	font-weight:normal;
	font: normal 80px/96px "BrandonGrotesque-Bold";
	letter-spacing: 2px;
	color:#fff;
	margin:0;
	padding:0px 10px 0px 0px;
	white-space: pre;
}

h2 { 
	font-family: "P22UndergroundMedium";
	font-size:38px;
	font-weight: normal;
	color:#ffffff;
	padding:20px 1px 1px 0px;
}

h3 {
	font-family: "P22UndergroundMedium";
	font-size:26px;
	font-weight: normal;
	color:#ffffff;
	padding:20px 1px 1px 0px;
}

h4 {
	text-transform:uppercase;
	font-size:20px;
	color: #000000;
	padding:1px 1px 1px 0px;
	letter-spacing:1px;
}

h5 { font-size:10px; font-weight:normal; color:#666; display:block; text-align:center; margin:0 auto; padding:2px 10px; }
img { border:none; display:block; }
p { margin:0; padding:0; }

b {
	font-family: "P22UndergroundMedium";
	font-weight: normal;
	letter-spacing: 1px;
}

pre { font-family:monospace; }
.admin { color:#ffffff; margin:0 0 0 4px; }

.adminbox {
	background-color:#06495e; 
	padding:0;
}

.thumbnail {  }

div.hr { background-color:#000000; border:none; height:1px; margin:7px 0; }
hr { display:none; }

ul.list {
	list-style-type: disc;
	margin: 0px 0px 0px -16px;
}

ul.list li {
	padding-left:1em;
	padding-bottom:22px;
}

#menu ul, #topmenu ul { 
	list-style-type:none;
	padding:0;
	margin:0;
	text-align: right;
}

#menu ul li a, #topmenu ul li a {
	font: normal 22px/61px "P22UndergroundMedium";
}

#menu ul ul, #topmenu ul ul { margin-bottom:0; border:none; }

#submenu {
	margin-top: -30px;
}

#submenu ul {
	list-style: none;
	padding: 0; 
	padding-left: 5px;
}

#submenu ul li {
	display: inline;
	padding: 0;
	margin: 0;
	margin-right: 15px;
}

A { text-decoration:none; }
A:hover { text-decoration:none; }
A.icon { margin:0 1px; }
A.icon:hover { text-decoration:none; }

A.navigation { color:#ffffff; }

A.url,A.frm { 
	color:#ffffff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

A.download { color:#ffffff; text-decoration:none; }

A.download:before {
	content:"\f0f6 ";
	font-family:editus;
	line-height: 0em;
	padding-right:0.25em;
}

A.back { color:#ffffff; text-decoration:none; }
A.back:before { content:"\f100 "; font-family:editus; padding-right:0.25em; }
A.prev { color:#ffffff; text-decoration:none; }
A.prev:before { content:"\f100 "; font-family:editus; padding-right:0.25em; }
A.next { color:#ffffff; text-decoration:none; }
A.next:after { content:"\f101 "; font-family:editus; padding-left:0.25em; }

A.navigation:hover,A.url:hover,A.download:hover,A.back:hover,A.prev:hover,A.next:hover { 
	color:#000000;
}

A.dir { color:#ffffff; text-decoration:none; }
A.dir:hover { color:#ffffff; text-decoration:none; }
A.dir:before { content:"\f114  "; font-family:editus; font-size:18px; }
A.dir:hover:before { content:"\f115  "; font-family:editus; }
h1 A.url, h2 A.url, h1 A.frm, h2 A.frm { background:none; padding-left:0; color:#fff;}

A.menu0, A.topmenu0 { 
	font-size:18px;
	line-height:25px;
	letter-spacing: 1.5px;
	margin-bottom:1px;
	padding:10px;
	overflow:hidden;
	color:#ffffff;
	background-color: rgba(110,88,85,0.5);
	opacity: 1;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	ransition: all .2s ease-in-out;
}

A.menu1, A.topmenu1 { 
	font-size:18px;
	line-height:25px;
	letter-spacing: 1.5px;
	margin-bottom:1px;
	padding:10px;
	overflow:hidden;
	color:#ffffff;
	background-color: rgba(110,88,85,0.95);
}

A.topmenu0:hover, A.menu0:hover {
	text-decoration:none;
	background-color: rgba(110,88,85,0.95);
	opacity: 1;
}

#submenu A.topmenu0 { 
	font-family: "P22UndergroundMedium";
	font-size:22px;
	letter-spacing: 1px;
	padding: 10px;
	overflow:hidden;
	color:#ffffff;
	background-color: rgba(110,88,85,0.5);
	opacity: 1;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	ransition: all .2s ease-in-out;
}

#submenu A.topmenu1 { 
	font-family: "P22UndergroundMedium";
	font-size:22px;
	letter-spacing: 1px;
	padding: 10px;
	overflow:hidden;
	color:#ffffff;
	background-color: rgba(110,88,85,0.95);
}

#submenu A.topmenu0:hover {
	background-color: rgba(110,88,85,0.95);
	text-decoration: none;
}

#submenu A.topmenu1:hover {
	text-decoration: none;
}

#menu ul li A.submenu0 {
	font-size:17px;
	letter-spacing: 1.5px;
	margin-bottom:1px;
	padding:10px;
	overflow:hidden;
	color:#ffffff;
	background-color: rgba(110,88,85,0.55);

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	ransition: all .2s ease-in-out;
}
#menu ul li A.submenu1 {
	font-size:17px;
	letter-spacing: 1.5px;
	margin-bottom:1px;
	padding:10px;
	overflow:hidden;
	color:#ffffff;
	background-color: rgba(110,88,85,0.95);
}

#menu ul li A.submenu0:hover {
	color:#ffffff;
	text-decoration:none;
	background-color: rgba(110,88,85,0.95);
}

A.submenu1:hover { text-decoration:none; }

.foldwrap {
	margin-top: 20px;
}

.foldhead {
	font-family: "P22UndergroundMedium";
	color:#fff;
	text-decoration:none;
	letter-spacing: 1px;
	border-bottom: 1px solid;
}

.foldheadhigh {
	font-family: "P22UndergroundMedium";
	color:#fff;
	text-decoration:none;
	letter-spacing: 1px;
}

.foldhead:hover, .foldheadhigh:hover {
	text-decoration:none;
	border-bottom: 1px solid #fff;
}
.foldbody { display:none; }

div.menuend { border-color:#999; border-width:1px 0 0 0; border-style:solid; padding:3px 0; }
.box { margin: 4px 0px 0px 0px; background-color:#f2f2f2; padding:8px; }
.quote { margin:0 0 0 16px; color:#0000BE; }
.small { font-size:9px; }
.editusicon { font-family:editus !important; font-size:14px !important; line-height:16px !important; background:none !important; }
.big { font-size:14px; }

.c1 {
	color:#000000;
}

.c1 A { color:#ffffff; }
.c2 { color:#b3b3b3; }
.c2 A { color:#ffffff; }
.subtxt { color:#999; font-weight:normal; }
.src { font-family:monospace; color:#808080; }
.u { text-decoration:underline; }

.zoomicon { display:block; bottom:0; left:0; width:13px; height:13px; position:absolute; background:url(../images/editus/zoom.gif) no-repeat 0 0; }

#logo { position:absolute; left:36px; top:34px; width:100px; height:100px; margin:0px 0px 0px -8px; }
a.logo { display:block; width:100px; height:100px; }

#topmenu {
	position:fixed;
	right: 60px;
	top:60px;
	width:270px;
	text-align: right;
	z-index: 1000;
}

#menu {
	display: none;
	position:fixed;
	right: 60px;
	bottom:60px;
	width:250px;
	z-index: 0;
}

.fxmenu { margin-top: 25px; }
.fxmenu a { font-weight:normal; font-size:11px;  line-height:11px; color:#ffffff; }

#maincontent { 
	position:absolute;
	left:100px;
	top: 75%;
	width:528px;
	padding: 40px;
	background-color: rgb(110,88,85);
	background: rgba(110,88,85,0.95);
	z-index: 1000;
}

#marginal { position:absolute; left:890px; top:168px; width:208px; padding:8px 0 0 8px; }

#fsgallery { 
	position:fixed;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	background-size: cover;
	z-index: 10;
}

#banner { 
	position:fixed;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-color: #b3b3b3;
	z-index: 100;
}

#subnavi { position:absolute; left:236px; top:138px; z-index:1000; }

#motto {
	position: absolute;
	top: -170px;
	max-width: 800px;
	left: -4px;
	z-index: 1000;
}

#motto h1 { color:#ffffff; }

#motto h2 {
	display: none;
	font-family: "P22UndergroundLight";
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 1px;
	color:#ffffff;
	padding-left: 14px;
	text-transform: none;
	margin-top: -9px;
}

.block { display:block; }
.fileselection { margin-left:32px; display:none; }
.language a  { display:block; float:left; padding:0; margin-right:8px; font-weight:normal; font-size:11px;  line-height:11px; color:#ffffff; }
.language a:hover { color:#ffffff; }
.language span  { display:block; float:left; padding:0; margin-right:8px; font-weight:normal; font-size:11px;  line-height:11px; color:#ffffff; }

.gal a { display:block; background-color:#b3b3b3; color:#ffffff; line-height:16px; padding:0; margin:2px 2px 0 0; width:16px; text-align:center; float:left; }
.gal a.activeSlide { background-color:#386d7e; color:#02161c; line-height:16px; padding:0; margin:2px 2px 0 0; }
.gal a:hover { text-decoration:none; }

.edit_wrapper { width:520px; margin:0; padding:0; overflow:hidden; }
.edit_wrapper div { width:520px; }
.edit_wrapper textarea { margin-left:8px; float:left; }

span.playbutton { position:absolute; width:64px; height:64px; margin:-32px 0 0 -32px; top:50%; left:50%; background:url(../images/editus/video_play_button.png) no-repeat 0 0; }
span.playbutton:hover { background-position:0 -64px; }

SUB,SUP { line-height:1px; }

.ctadmin div.markup { border-style:solid; border-width:1px 0; border-color:#03252f #83a4af #83a4af #03252f; background-color:#; }
.ctadmin div.markup a { display:inline-block; font-size:12px; border-style:solid; border-width:1px; border-color:#83a4af #03252f #03252f #83a4af; color:#ffffff; background-color:#06495e; /*background:#06495e url(../images/editus/admin0.gif) repeat-x;*/ padding:0 3px; }
.ctadmin div.markup a:hover { border-color:#03252f #83a4af #83a4af #03252f; color:#ffffff; background:#06495e url(../images/editus/admin1.gif) repeat-x; text-decoration:none; }
.ctadmin div.imgpos { border:none; background:none; padding:0; }
.ctadmin div.imgpostd { border:none; background:#06495e; padding:0; }

.ctadmin span { display:block; height:21px; background-color:#ffffff; margin-bottom:1ex; padding-top:1px; }
.ctadmin span a { display:block; height:19px; float:left; background:#06495e; color:#042c38; text-decoration:none; margin:0 4px 0 0; padding:2px 2px 0 2px; cursor:pointer; line-height:18px; }
.ctadmin span a:hover { background-color:#06495e; color:#ffffff; }
.ctadmin span a.active { background-color:#06495e; color:#ffffff; }

#banner .adminbox {
  position: absolute;
  z-index: 100;
}

abbr.info, abbr.blind, span.blind { display:block; float:left; height:18px; margin:1px 0 1px 0; padding:0 4px; font-size:10px; line-height:18px; border-style:solid; border-width:1px; border-color:#83a4af #03252f #03252f #83a4af; color:#808080; background:#06495e; font-family:Verdana; }
abbr.info { color:#ffffff; }

.ctadmin i { color:red; }
.clear  { clear:both; }

.ctrl_prev { position:absolute; left:0; width:32px; z-index:1000; height:100%; display:none; }
.gal_prev { position:absolute; left:0; width:32px; height:100%; background:#ffffff url(../images/editus/banner-prev.gif) no-repeat 50% 50%; opacity:0.2; filter:alpha(opacity=20); }
.ctrl_next { position:absolute; right:0; width:32px; z-index:1000; height:100%; display:none; }
.gal_next { position:absolute; right:0; width:32px; height:100%; background:#ffffff url(../images/editus/banner-next.gif) no-repeat 50% 50%; opacity:0.2; filter:alpha(opacity=20); }
.gal_ct { position:absolute; bottom:0; left:0; background:#ffffff; opacity:0.6; filter:alpha(opacity=60); width:100%; }
.gal_ct2 { padding:10px 32px; }

.galbg {
	position:fixed;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	z-index: 200;
}

.galbgimg { width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }

#googlemaps { 
	position: absolute; 
	height: 100%; 
	width: 100%; 
	top: 0; 
	left: 0; 
	z-index: 10;
}

#infoBox {
  border: 0px solid black;
  margin-top: 8px;
  background-color: rgb(110,88,85);
  background: rgba(110,88,85,0.95);
  font-size: 20px;
  line-height: 33px;
  padding: .5em 1em;
  overflow: hidden;


  -webkit-border-radius: 20px 20px 20px 0;
  -moz-border-radius: 20px 20px 20px 0;
  border-radius: 20px 20px 20px 0px;
}

.infoBox {
	width: 250px;
}

#infoBox h3 {
  padding: 0;
}

#infoBox ul {
  padding: 0 0 0 21px;
}

#infoBox ul li {
  padding-bottom: 15px;
}

#infoBox ul a {
  color: #fff;
  border-bottom: 1px solid;
}

#infoBox ul a:hover {
  color: #24190e;
  border-bottom: 1px solid;
}

.polygon > svg {
    height: 100%;
    width: 100%;    
}

.ct6col1 { width:80px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.ct6adm1 { width:80px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.ct6box1 { width:88px; margin:0; float:left; overflow:hidden; }
.ct6col2 { width:168px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.ct6adm2 { width:168px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.ct6box2 { width:176px; margin:0; float:left; overflow:hidden; }
.ct6col3 { width:256px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.ct6adm3 { width:256px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.ct6box3 { width:264px; margin:0; float:left; overflow:hidden; }
.ct6col4 { width:344px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.ct6adm4 { width:344px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.ct6box4 { width:352px; margin:0; float:left; overflow:hidden; }
.ct6col5 { width:432px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.ct6adm5 { width:432px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.ct6box5 { width:440px; margin:0; float:left; overflow:hidden; }
.ct6col6 { width:520px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.ct6adm6 { width:520px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.ct6box6 { width:528px; margin:0; float:left; overflow:hidden; }
.ctadmin { width:520px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; padding:0; }
.ctadmin * { font-family:Verdana; font-size:12px; }
.mg2col1 { width:96px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.mg2adm1 { width:96px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.mg2box1 { width:104px; margin:0; float:left; overflow:hidden; }
.mg2col2 { width:200px; margin:0 8px 8px 0; float:left; overflow:hidden; }
.mg2adm2 { width:200px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.mg2box2 { width:208px; margin:0; float:left; overflow:hidden; }
.mgadmin { width:200px; margin:0 8px 8px 0; float:left; overflow:hidden; background-color:#06495e; /*border-color:#03252f; border-width:1px 0 1px 0; border-style:solid;*/ padding:0; }
.mgadmin * { font-family:Verdana; font-size:12px; }

a.admin { display:block; float:left; height:18px; margin:1px 0; padding:0 4px; font-size:10px; line-height:18px; border-style:solid; border-width:1px; border-color:#83a4af  #03252f #03252f #83a4af; color:#ffffff; background:#06495e; font-family:Verdana; }
a.admin:hover { border-color:#03252f #83a4af #83a4af  #03252f; color:#ffffff; background:#06495e; text-decoration:none; }
.submit { display:block; float:left; height:20px; margin:1px 0; padding:0 4px; font-size:10px; line-height:18px; border-style:solid; border-width:1px; border-color:#83a4af  #03252f #03252f #83a4af; color:#ffffff; background:#06495e; font-family:Verdana; }
.submit:hover { border-color:#03252f #83a4af #83a4af  #03252f; color:#ffffff; background:#06495e; text-decoration:none; }

#search {
	position: absolute;
	right: 0px;
	width: 210px;
	height: 24px;
	margin-top: 15px;
}

#searchfield { 
	padding: 0;
	background: #fff;
	width: 210px;
	height: 30px;
	opacity: 0;
	position: absolute;
	right: 0;
	margin-top: 6px;
}

#search input[type=submit] {
	position: absolute;
	right: -5px;
	top: 2px;
	height: 25px;
	border: none;
	font: normal 18px/24px "Icons";
	color: #4d4d4d;
	background-color: transparent;
	outline: none;
	opacity: 0;
}

#searchsubmit {
	font: normal 18px/24px "Icons";
	color: #fff;
	right: -6px;
	position: absolute;
	background: transparent;
	border: none;
	margin-top: 12px;
}

#searchicon {
	height: 25px;
	font: normal 18px/24px "Icons";
	color: #fff;
	position: absolute;
	right: 1px;
	top: 3px;
	cursor: pointer;
}

#social-block {  
	display: inline-block;
	width: 35px;
	height: 40px;
	margin-right: -7px;
	overflow: hidden;
	z-index: 500;
	cursor: pointer;
	transition: all 0.5s ease-out;
	margin-top: 50px;
}

#social-block:hover {
    width: 174px;
}

#social-block:hover, #social-block.hover_effect {
    width: 174px;
}

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;        
}

.social-button {
	font: normal 35px/35px Icons;
	padding-right: 8px;
	color: #fff;
}

.social-button:hover {
	color: #000;
	opacity: 0.8;
}


@media only screen and (max-device-width:480px){
	* { -webkit-text-size-adjust:none; }
}

@media only screen and (max-width:1260px){
	#maincontent {
		left: 40px;
	}

	#menu, #topmenu {
		right: 25px;
		top: 20px;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.zoomicon { background:url(../images/editus/zoom_2x.gif) no-repeat 0 0; background-size:13px 13px; }
	ul.list li { background-image:url(../images/editus/dot_2x.gif); background-size:4px 4px; }
	a.logo { background:url(../images/editus/logo_2x.gif) no-repeat 0 0; background-size:100px 100px; }
}

@font-face {font-family: 'editus'; 
	src: url('../fonts/editus.eot'); 
	src: url('../fonts/editus.woff') format('woff'),url('../fonts/editus.ttf') format('truetype'), url('../fonts/editus.svg#editus') format('svg');
}

@font-face {
	font-family: 'Icons';
	src:url('../fonts/icomoon.eot?yhwi6d');
	src:url('../fonts/icomoon.eot?#iefixyhwi6d') format('embedded-opentype'),
		url('../fonts/icomoon.woff?yhwi6d') format('woff'),
		url('../fonts/icomoon.ttf?yhwi6d') format('truetype'),
		url('../fonts/icomoon.svg?yhwi6d#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}