/*  BRAND DATA  
--------------------------
Black: 	#111111;
Gray:	#d9d9d9; (85%)
Yellow: #ffff00;
Font: 	Lucida Grande
Font2: 	Times New Roman
--------------------------
*/


/* + General Styles + */
*{ margin:0; padding:0; border:0; }
html{overflow: -moz-scrollbars-vertical; overflow-x: auto;}
body{font-family: "Lucida Grande",Trebuchet MS,Arial,Sans-serif; font-size: 12px; color: #fff; line-height:18px; background:#111111;}
h1,h2,h3{color:#ffff00;margin:0 0 30px 0;}
h1{font-weight:normal;font-size:18px;}
h2{font-size:22px;}
h3{font-size:16px;}
p{margin:0 0 14px 0;}
img{border:none}
a, a:visited, a:link {color:#000;text-decoration:none;}
a.highlight{color:#990033}
a:hover {
	color: #990033;
	text-decoration: underline;
	text-align: center;
}
a, a:visited, a:link , a:active, a:selected{ outline:none;}





ul,ol {margin:0 0 0 14px;}
ul li,ol li{padding:0 0 0 10px;}
.left{float:left;}
.right{float:right;}
.cleaner{clear:both;}
.container{ width:990px; height:100%; display:block; margin:auto; position:relative}
.hidden{display:none;}
.overflow{ overflow:hidden}
/*.container.middle{height:90%;}*/
#dump{position:absolute;top:0;left:0; background:rgba(0, 0, 0, 0.5);z-index:100000;}
/* - General Styles - */


/* 
	LEVEL ONE
*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menunav{top:74px;height:25px;position:absolute;right:0px;text-align:center;width:500px;z-index:1000;}
.menu {
font-size:0.85em;
padding-bottom:200px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:90px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:90px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:100px; 
height:20px; 
border:1px solid #000000; 
border-width:1px 1px 0 0; 
background:#000000; 
padding-left:0px; 
line-height:19px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:90px;
w\idth:73px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#ffffff;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#ffffff;
}
.menu ul ul :hover > a.drop {
background:#ffffff;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#ffffff;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#ffffff;
}
.menu ul ul ul :hover > a {
background:#ffffff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:20px;
left:0; 
width:90px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:90px; 
top:0;
width:90px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-90px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:rgba(0, 0, 0, 0.9); 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:90px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover  */
.menu a:hover, .menu ul ul a:hover{
color:#000; 
background:#ffffff;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#FFFFFF;
background:#990033;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}




/* + layout + */
#wrapper {}
header{ background: url(https://www.orts-info.ch/OrtsInfo/assets/images/headertop.gif) repeat-x left top; margin:0 auto; /*height:12%;*/ height:100px; width:100%; top:0; left:0; z-index:91; position:fixed;}
footer {background: url(https://www.orts-info.ch/OrtsInfo/assets/images/footertop.gif) repeat-x left top;margin:0 auto; /*height:6%;*/height:90px; width:100%; bottom:0; left:0; z-index:10; position:fixed;}

#logo{ bottom:15px;height:80px;left:10px;position:absolute;right:0;text-align:center;width:244px;z-index:1000;}
#logo a{z-index:200;}
#middle{background:blue;}
#videocontainer{cursor:pointer}
/*+contentframe+*/
#bottomNavigation{position: relative;  z-index: 100;}

	
.contentframe{position:absolute;z-index:90;width:100%; /*height:86%*/height:100%; } 
.contentframe strong{ color:#ffff00; font-weight:normal;}
.contentframe .box{background:#000; background:rgba(0, 0, 0, 0.8); position:relative; z-index:100000000;}
	
	/*+top+*/
	.contentframe.top h1,
	.contentframe.top h2,
	.contentframe.top h3{font-family:"Times New Roman", Times, serif;}

	.contentframe.top h2{font-size:30px; line-height:24px; margin:50px 25px 30px 0}
	.contentframe.top h2 a{text-decoration:none; color:#ffff00;}
	.contentframe.top{ /*top:160px; top:13%*/ margin:0 0 0 0}

	.contentframe.top .box{width:800px;padding:40px 50px;margin:auto;}
	.contentframe.top .box p{margin:0 0  0;}
	.contentframe.top .box h1{font-size:30px;font-weight:bold; text-transform:uppercase; line-height: 30px; margin: 0 0 20px;}
	.contentframe.top .content.left{width:500px;}
	
	.contentframe.top .subNavigation{float:left;text-transform:uppercase;margin:0 75px 0 0;border-left:1px dotted;list-style:none;}
	.contentframe.top .subNavigation li{margin:5px 0 10px 25px;}
	.contentframe.top .subNavigation li a{text-decoration:none;}
	/*-top-*/
	
	/*+ fromanteel's world -*/ 
	
	.contentframe.top #fw{ padding:0;margin:auto; overflow:auto; height:100%}
	.contentframe.top #fw .fwBox{background:#000; background:rgba(0, 0, 0, 0.7); margin:0 10px 10px 0;text-transform:uppercase; overflow:hidden; height:430px;}
	.contentframe.top #fw .fwBox.small{width:230px; text-align:center;position:relative;}
	.contentframe.top #fw .fwBox.large{width:710px;}
	.contentframe.top #fw .fwBox.large h2{float: left;  margin-top: 20px; text-align: left; width: 230px;}

	.contentframe.top #fw .fwBox h2 {  font-size: 27px;    margin: 40px 0 20px 10px;    text-align: left;}

	.contentframe.top #fw .fwBox p{text-align:left; margin:10px;text-transform:none;}

	.contentframe.top #fw .fwBox strong{color:#FFFFFF;position:absolute;top:10px;width: 230px;left:0}
	.contentframe.top #fw .fwBox span.likeshare{border-top: 1px solid #FFFF00;bottom: 10px;display: block; margin: 0 10px;padding: 14px 0 0; position: absolute; width: 210px; left:0;}
	.contentframe.top #fw .fwBox #worldcircle{ margin:20px 0 0 0;}
	.contentframe.top #fw .fwBox span.likeshare iframe{}
	a.addthis_button_compact {text-decoration:none;}
	.addthis_button_compact span{display:none;!important}


	.contentframe.top #fw .fwBox span.quote{display:block; font-size:120px; font-family:"Times New Roman", Times, serif;color:#FFFF00; position:relative}
	.contentframe.top #fw .fwBox span.quote.open{ top: 80px;}
	.contentframe.top #fw .fwBox span.quote.close{ top: -85px;}
	.contentframe.top #fw .fwBox h3{font-size: 30px;line-height: 24px;margin: 80px 25px; color:#fff; text-transform:none; font-size:30px; font-weight:normal; line-height:30px}

	
	.contentframe.top #fw #scroll-pane{width:977px; height:100%; overflow: hidden; margin: auto 0 auto auto;}
	.contentframe.top #scroll-pane{ outline:none;  }


.contentframe.top #fw .fwBox #archief{ }
.contentframe.top #fw .fwBox #archief h4{ 
text-transform:none; font-weight:normal; background:url(../images/arrow-right.png) no-repeat 10px 5px}
	
	/*- fromanteel's world -*/
	
	/*+ fromanteel's world -*/ 
	/*
	.contentframe.top #fw{ padding:0;margin:auto; overflow:auto; height:100%}
	.contentframe.top #fw .fwBox{background:#000; background:rgba(0, 0, 0, 0.7);filter:alpha(opacity=70); margin:0 10px 10px 0;text-transform:uppercase; overflow:hidden}
	.contentframe.top #fw .fwBox.small{width:230px; text-align:center;position:relative;}
	.contentframe.top #fw .fwBox.large{width:710px;}
	.contentframe.top #fw .fwBox.large h2{width:260px;float:left; margin-top:20px; text-align:center}

	.contentframe.top #fw .fwBox p{text-align:left; margin:10px;text-transform:none;}

	.contentframe.top #fw .fwBox strong{color:#FFFFFF;position:absolute;top:10px;width: 230px;left:0}
	.contentframe.top #fw .fwBox span.likeshare{display:block; border-top:1px solid #ffff00; margin:20px 10px;padding:20px 0 0 0;}
	
	.contentframe.top #fw .fwBox span.likeshare iframe{}
	a.addthis_button_compact {text-decoration:none;}
	.addthis_button_compact span{display:none;!important}


	.contentframe.top #fw .fwBox span.quote{display:block; font-size:120px; font-family:"Times New Roman", Times, serif;color:#FFFF00; position:relative}
	.contentframe.top #fw .fwBox span.quote.open{ top: 80px;}
	.contentframe.top #fw .fwBox span.quote.close{ top: -85px;}
	.contentframe.top #fw .fwBox h3{font-size: 30px;line-height: 24px;margin: 80px 25px; color:#fff; text-transform:none; font-size:30px; font-weight:normal; line-height:30px}


	
	
	.contentframe.top #fw #scroll-pane{width:977px; height:100%; overflow: hidden; margin: auto 0 auto auto;}
	.contentframe.top #scroll-pane{ outline:none;  }
	*/
	/*- fromanteel's world -*/
	
	
	/*+bottom+*/
	
	.contentframe.bottom{ bottom:50px; height:auto; z-index:15;}
	.contentframe.bottom .box{width:240px; float:right; text-transform:uppercase;padding:40px 50px; overflow:hidden}
	.contentframe.bottom .box h1 {font-family:"Times New Roman", Times, serif; }
	.contentframe.bottom .box p{margin:0;}
	/*-bottom-*/
	
 
	
	
/*-contentframe-*/
#testframe{}

/*+contact form+*/
.contentframe #contactForm input{margin:0 0 10px 0;color:#fff;padding:8px 4px;width:230px; background:rgba(0, 0, 0, 0.5);
border-bottom:1px solid rgba(255, 255, 0, 0.5); border-right:1px solid rgba(255, 255, 0, 0.5)}
.contentframe #contactForm #send{background:#ffff00;width:238px;font-weight:bold; color:#000; padding:4px 4px;}
/*-contact form-*/
/* - layout - */

/* + navigation + */

/* + top navigation + */
	#top-navigation *{ margin:0; padding:0;   }
	#top-navigation { height:100%; font-family:"Lucida Grande",Trebuchet MS,Arial,Sans-serif; position:absolute; clear:left; display:block; text-transform:uppercase; font-size:14px;z-index:100;}
	
	/* level 1 */
	#top-navigation ul	{list-style:none; overflow:hidden;height:100%;}
	#top-navigation ul li{ float:right; zoom: 1; margin:0 0 0 0;text-align:center; height:100%;}
	#top-navigation ul a:hover	{ color: #990033; outline:none;}
	#top-navigation ul a:active	{ color: #ffff00; outline:none; }
	#top-navigation ul li a{ display: block; padding: 47px 25px 0 25px; text-decoration:none; height:100%; overflow:hidden; float:left; outline:none;color:#000000;}
	#top-navigation ul li .activearrow{width:20px;height:10px;display:block;margin:auto;text-align:center;background:url(/images/active-nav-arrow.png) no-repeat;}


	/* custom nav style */
	#top-navigation ul li#stores{padding: 0 0 0 150px;}
	#top-navigation { right:0; }
/* - top navigation - */

/* + footer navigation + */
	#footer-navigation * {margin:0;padding:0; pagerwrapper}
	#footer-navigation{ margin:10px 0 0 0;}
	#footer-navigation p {float:right; text-align: right;}
	#footer-navigation ul { font-size:11px; text-transform:uppercase;list-style:none;overflow:hidden; float:left; }
	#footer-navigation ul li{ float:left; zoom: 1;}
	#footer-navigation ul li a{ display: block; padding: 0px 30px 0 0; text-decoration:none; color: #ffffff;}
	#footer-navigation ul a.highlight,
	#footer-navigation ul a:hover,
	#footer-navigation ul a:active	{ color: #990033; }
/* - footer navigation - */

/* - navigation - */


/* + SLIDE + */

/* + slidelabel + */
#slideLabelWrapper{position:absolute;z-index:10;width:100%;height:100%;}
#slideLabelWrapper {}
#slideLabelWrapper .slideLabel{ width:500px;position:absolute; text-align:left; height:175px}
#slideLabelWrapper .slideLabel h1,
#slideLabelWrapper .slideLabel h2,
#slideLabelWrapper .slideLabel h3,
#slideLabelWrapper .slideLabel h4,
#slideLabelWrapper .slideLabel h5{ font-size:18px; font-family:"Lucida Grande",Trebuchet MS,Arial,Sans-serif; color:#990033; line-height:25px; text-transform:uppercase; margin:0 0 10px 0;}
#slideLabelWrapper .slideLabel p{ color:#000000;text-align: justify !important;}
#slideLabelWrapper .slideLabel .actionlabel{ width:156px; height:156px;display:block;position:absolute;background:url(../images/circle-play-movie.png);z-index:100; cursor:pointer;}
#slideLabelWrapper .slideLabel .linklabel{ width:156px; height:156px;display:block;position:absolute;background:url(../images/circle-gotopage.png);z-index:100; cursor:pointer;}
#slideLabelWrapper .slideLabel.rt{right:0;top:200px;}
#slideLabelWrapper .slideLabel.rb{right:200px;bottom:150px;}
#slideLabelWrapper .slideLabel.lb{left:0;bottom:20	0px;}
#slideLabelWrapper .slideLabel.lt{left:100px;top:150px;}
#slideLabelWrapper .slideLabel.rb .actionlabel{top:60px;right:-120px;}

#slideLabelWrapper .slideLabel.rb .linklabel{top:70px;right:-100px;}
#slideLabelWrapper .slideLabel.lt .actionlabel{top:50px;right:-150px;}

#slideLabelWrapper .slideLabel{
background:#000; 
background:rgba(255, 255, 255, 0.8); 
padding:10px 30px 10px 10px;
}


/* - slidelabel - */



#photogrid {position:fixed; left:0; top:0; overflow:hidden; z-index:-998; height:100%; width:100%; background:url(../images/photo-grid-small.png) repeat; cursor:pointer}

/*
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../images/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }	
#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
*/

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; margin:0; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;margin:0;padding:0; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



#pagerwrapper #pagercenter {margin:auto;display:table;white-space:nowrap;}
#pagerwrapper #pagercenter #pager {list-style:none;margin:0;padding:0;display:table-row;white-space:nowrap;}
#pagerwrapper #pagercenter #pager li{display:table-cell;}
#pagerwrapper #pagercenter #pager li a{display:block;text-decoration:none;background:url(../images/slide-off.png);line-height:50px;overflow:hidden;width:15px; height:15px;cursor:pointer;}
#controls #pagerwrapper{position:fixed; bottom:25px; z-index:100; width:100%;}
#controls #pagerwrapper #pager li.current-slide a { background:url(../images/slide-on.png);}


#controls #slidecounter{ position:fixed; bottom:140px; z-index:4000; width:100%; background:#ccc; text-align:center; margin:auto;}
#controls #prevslide,#controls #nextslide { z-index:500; position:absolute; cursor:pointer;}
#controls #prevslide{ left:0; top:40%; background:url(../images/back.png); display:block; width:100px; height:177px;}
#controls #nextslide{ right:0;top:40%; background:url(../images/forward.png); display:block; width:100px; height:177px;}

		
#controls #prevslide:active, #controls #nextslide:active{ margin-top:2px; }

#controls #prevslide:active,#controls #prevslide:hover{ background:url(../images/back_dull.png); }
#controls #nextslide:active,#controls #nextslide:hover{ background:url(../images/forward_dull.png); }


#slideTrigger{
width:100%;
height:100%;
position:absolute;
z-index:200;
cursor:pointer;
}


/* - SLIDE - */



			
			
/* -------------- + CLEANEN + ------------------ */
/* Localized */