/* Generic */
@media screen  {
    .left {
    	clear:left;
    	float:left;	
    }
    .middle {
    	float:left;
    }
    .right {
    	float:left;
    	clear:right;
    }
    
    #shadowDiv {
        position:fixed;
        z-index:-1;
        top:0px;
        left:0px;
        background-image:url(../images/gso_shadow.jpg);
        background-position:center top; 
        background-repeat:repeat-y;
        
        width:100%;
        height:100%
    }
    .center {
        
        width:1003px;
        margin-right:auto;
        margin-left:auto;
    }
}
h1 {
	font-size:1.2em;
	font-weight:bold;
	text-transform: uppercase;
}
h2 {
	font-size:1.0em;
	font-weight:bold;
	text-transform: uppercase;
}
a {
	color:black;
}
/* Document */
body {
	margin:0px;
}

.blackBarBorder {
	clear:both;
	width:100%;
	height:1px;
	background-color:black;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

.blackBar {
	
	background-color:black;
	width:100%;
	height:27px;
}
.doubleBlackBar {
	height:1px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
.contentNav {
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
}
.contentBooking, .newsLetter {
	
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	
}
.contentBooking {
	font-weight:bold;
}
.newsLetter {
	font-size:0.9em;
}
.headBar {
	float:left;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	color:white;
	padding-top:5px;
	padding-left:10px;
}
select.language {
	height:10px;
}
.headBar a {
	color:white !important;
	
}
/* Header - search bar */
	#searchInput {
		font-size:10px;
		width:158px;
		margin-top:4px;
		margin-right:6px;
	} 
	#searchButton {
		margin-top:5px;
		margin-right:10px;
		width:33px;
		/*position:relative;
		top:6px;
		margin-top:-5px;
		margin-right:20px;*/
		
	}
	
	/* Header */
	#logo, #mood, #calendar  {
		border-top:1px solid white;
		height:155px;
		background-color:black;
	}
	#logo {
		text-align:center;
		width:210px;
	}
	#mood,div.scrollable {
		position:relative;
		width:582px;
	    height:155px; 
	}
	#calendar {
		border-left:1px solid white;
		width:209px;	
	}
	#firstPageRightArea {
		width:210px;		
	}
		
		
        /* Header - Mood */
        #header .prevPage {
            position:absolute;
            bottom:10px;
            left:10px;
        }
        #header .nextPage {
            position:absolute;
            bottom:10px;
            right:10px;
        }
  
		/* remove margins from the image */ 
		
		 
		/* make A tags our floating scrollable items */ 
		.items img{ 
			float:left;
			width:145px;
			height:155px;
			
			border-left:1px solid white;
		}  
		 
		
		/* 
		    Taken from jquery-tools demo page.
		    
		    root element for the scrollable. 
		    when scrolling occurs this element stays still. 
		*/ 
		div.scrollable { 
		 
		    overflow:hidden; 
		} 
		 
		/* 
		    root element for scrollable items. Must be absolutely positioned 
		    and it should have a extremely large width to accomodate scrollable items. 
		    it's enough that you set width and height for the root element and 
		    not for this element. 
		*/ 
		div.scrollable div.items { 
		    /* this cannot be too large */ 
		    width:20000em; 
		    position:absolute; 
		} 
		 
		 /* scrollable should not disable gallery navigation */ 
		#gallery .disabled { 
		    visibility:visible !important; 
		} 
		 
		#gallery .inactive { 
		    visibility:hidden !important; 
		}

		
           /* Overlay for firstpage*/
            .simple_overlay {
            	
            	/* must be initially hidden */
            	display:none;
            	
            	/* place overlay on top of other elements */
            	z-index:10000;
            	
            	/* styling */
            	background-color:#333;
            	
            	width:675px;	
            	min-height:200px;
            	border:1px solid #666;
            	
            	/* CSS3 styling for latest browsers */
            	-moz-box-shadow:0 0 90px 5px #000;
            	-webkit-box-shadow: 0 0 90px #000;	
            }
            .overlayWallpaper {
            	position:absolute;
            	bottom:5px;
            	vertical-align:bottom;
            	left:0px;
            	padding-left:5px;
            	padding-top:5px;
            	right:0px;
            	height:19px;
            	border-top:1px solid #666666;
            	color:white;
            }
            .overlayWallpaper a {
            	color:white;
            }
            /* close button positioned on upper right corner */
            .simple_overlay .close {
            	background-image:url(../images/close.png);
            	position:absolute;
            	right:-15px;
            	top:-15px;
            	cursor:pointer;
            	height:35px;
            	width:35px;
            }
            /* "next image" and "prev image" links */
            .next, .prev {
            	
            	/* absolute positioning relative to the overlay */
            	position:absolute;
            	top:40%;	
            	border:1px solid #666;	
            	cursor:pointer;
            	display:block;
            	padding:10px 20px;
            	color:#fff;
            	font-size:11px;
            	
            	/* upcoming CSS3 features */
            	-moz-border-radius:5px;
            	-webkit-border-radius:5px;	
            }
            
            .prev {
            	left:0;
            	border-left:0;
            	-moz-border-radius-topleft:0;
            	-moz-border-radius-bottomleft:0;
            	-webkit-border-bottom-left-radius:0;
            	-webkit-border-top-left-radius:0;
            }
            
            .next {
            	right:0;
            	border-right:0;
            	-moz-border-radius-topright:0;
            	-moz-border-radius-bottomright:0;
            	-webkit-border-bottom-right-radius:0;
            	-webkit-border-top-right-radius:0;	
            }
            
            .next:hover, .prev:hover {
            	text-decoration:underline;
            	background-color:#000;
            }
            
            /* when there is no next or previous link available this class is added */
            .disabled {
            	visibility:hidden;		
            }
            
            /* the "information box" */
            .info {
            	position:absolute;
            	bottom:0;
            	left:0;	
            	padding:10px 15px;
            	color:#fff;
            	font-size:11px;
            	border-top:1px solid #666;
            }
            
            .info strong {
            	display:block;	
            }
            
            /* progress indicator (animated gif). should be initially hidden */
            .progress {
            	position:absolute;
            	top:45%;
            	left:50%;
            	display:none;
            }
            
            /* everybody should know about RGBA colors. */
            .next, .prev, .info {
            	background:#333 !important;
            	/*background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;*/		
            }

		
		/* Header - Calendar */
		.calendarCol, .calendarColLast {
			float:left;
			text-align:center;
		}
		.calendarCol {
			border-right:1px solid #555555;
			
			padding-left:3px;
			width:23px;
			
			
		}
		.calendarDay, .calendarWeekday {
			display:block;
			float:left;
			width:20px;
			text-align:center;
			clear:both;
			
			line-height:1.3;
		}
		#calendar .day {
			color:#bbbbbb;
			font-weight:bold;
			font-size:1.1em;
			text-decoration:none;
		}
		#calendar .dayActive {
			color:#ffffff;
			
		}
		.calendarDay img, .calendarWeekday img {
			display:block;
		}
		
		#calendarContainer {
			color:white;
			text-align:center;
			padding:4px;
			padding-left:10px;
			padding-right:10px;
		}
		#calendarMonthContainer {
			margin-bottom:5px;
		}
		
	
	/* Body */
	@media screen {
    	#content {
           overflow:hidden;
        }
    	#contentLeft {
    		width:210px;
    		padding-top:10px;
    		
    	}
    }
	#google_translate_element {
	   margin:10px;
	}
	#google_translate_element img {
	   position:relative;
	   top:5px;
	}
	@media screen {
    	#contentFirstPage, #contentSubPage {
    		border-left:1px solid #bfbfbf;
    		padding:20px;
            padding-bottom:2000px;
            margin-bottom:-2000px;
    	}
    	#contentFirstPage {
    		
    		
    		width:542px;
    		
    		
    	}
    	#contentSubPage {
            width:752px;
        
        }
    }
	#contentFirstPage img {
	   margin-bottom:10px;
	}
	
	.newsLetter label {
	   font-weight:normal;
	}
	
	@media print {
	   #contentLeft, 
	   #calendar, 
	   #firstPageRightArea, 
	   .blackBar,
	   .subPageLinks,
       .addthis_button, 
       .eventDateExtraInfo {
	       display:none;
	   }
	   #contentFirstPage, #contentSubPage {
	       border-left:0px solid white;
	       padding-bottom:0px;
	       margin-bottom:0px;
	       padding:0px;
	   }
	   .subContentDiv {
	       page-break-before:auto;
	   }
	}
	#firstPageRightArea {
		background-color:#ffffff;
		
	}
	#firstPageRightAreaLastDiv {
	   border-left:1px solid #bfbfbf;
        padding-bottom:2000px;
        margin-bottom:-2000px;
	}

		
		/* Body - Navigation */
		#navigation li {
			display:inline;
			line-height:normal;
		}
		#navigation img {
			display:block;
		}
		#navigation ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		#navigation ul a {
			display:block;
		}
		#navigation ul li a {
			background-color:white;	
		}
		
		#navigation > ul > li.active > a {
			/* Level 1 */
			background-color:black;	
			color:white;
			font-weight:bold;
			text-decoration:none;
		}
		#navigation ul ul li.active > a {
			/* For level 2 and greater */
			border:1px solid black;
			background-color:#C9C9C9;
		}
		#navigation ul ul ul li.active > a {
			/* For level 2 and greater */
			border:1px solid black;
			background-color: white;
			
		}
		#navigation > ul > li > a {
			/* Level 1 */
			padding:5px;
			padding-top:4px;
			color:black;
			font-weight:bold;
			text-decoration:none;
		}
		#navigation ul ul > li > a{
			/* Level 2 and greater */
			padding:3px;
			margin-top:1px;
			margin-bottom:1px;
			padding-left:20px; /* Is override by the selector below for level 3 */
			color:black;
			font-weight:bold;
			text-decoration:none;
		}
		#navigation ul ul ul > li > a{
			/* Level 3 and greater */
			padding-left:40px;
		}
		
		#cartBlinkDiv {
			padding:2px;
		}
		#cartDiv {
			padding: 8px;
			background-color:white;
		}

		/* Body - content */
		
		.eventDate {
			border-top:1px solid #c2c2c2;
			padding-top:10px;
			height:30px;
		}
		.eventDateExtraInfo {
			height:28px;
			position:relative;
			top:-10px;
			float:right;
			clear:right;
		}
		.templateLeaf {
			
			min-height:98px;
			padding-bottom:10px;
			border-bottom:1px solid #c2c2c2;
			margin-bottom:5px;
		}
		.subContentDiv {
			margin-top:10px;
		}
		.largeButton {
			width:91px;
			height:91px;
			background-color:#c20018;
			cursor:pointer;
			margin-left:10px;
		} 
		.subPageLinks a {
			font-weight:bold;
			color:black;
			margin-left:5px;
			
		}
		.leafLeftImage {
			
			border-bottom:1px solid #c2c2c2;

			min-height:200px;
			
			
		}
		.leafLeftImageDropZone {
			padding-left:10px;
			margin-right:10px;
			border:1px solid #c2c2c2;
			padding:1px;
			float:left;
			width:190px;
			height:190px;
		}
		.leafLeftImage > .contents {
			min-height:172px;
			width:548px;
			padding-bottom:22px;
			
			display:inline-block;
		}
		.leafLeftImage > .readMore {
			position:relative;
			height:0px;
			top:-22px;
			text-align:right;
		}
	/* Footer */
	#footer .blackBar {
		text-align:center;
		padding-top:8px;
		
	}
	#footer .blackBar a {
		color:white;
		font-size:1.1em;
		font-weight:bold;
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;
		
	}
	#sponsor {
		margin-top:10px;
	}
	#sponsor .left{
		width:200px;
		padding-left:10px;
		
		
	}
	#sponsor .middle {
		width: 583px;
		text-align:center;
		margin-top:7px;
		margin-bottom: 14px;
		
		
	}
	#sponsor h3 {
	   
	   font-weight:bold;
       font-size:1.1em;
	}
	#sponsor .middle img {
	   margin-bottom:10px;
	}
	#sponsor .right {
		text-align:right;
		width:200px;
		padding-right:10px;
		font-weight:normal;
		font-size:1.0em;
	}
	#sponsor .middleImg {
	   margin-left:10px;
	   margin-right:10px;
	}
	#sponsor .rightImg {
	   position:relative;
	   top:-3px;
	}
	#sponsor .right a {
		color:black !important;
	}
	
	#sponsor td {
		text-align:center;
	}
	

/* Youtube */
.youtubeContainer {
	position:relative;
	height:72px;
	top:0px;
	width:100%;
}
.youtubeText  {
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background-color:#e9e9ec;
	cursor:pointer;
}
.youtubePopup {
	background-color:#ffffff;
	font-family:arial;
	font-size:11px;
	padding:5px;
}
.youtubeContent {
	position:absolute;
	top:10px;
	left:67px;
	right:106px;
	height:60px;
	overflow:hidden;
	font-weight:bold;
}
.youtubeContent a {
	font-weight:normal;
	text-decoration:none;
	color:black;
	font-size:0.9em;
}
.youtubeThumb {
	cursor:pointer;
	position:absolute;
	right:0px;
	top:0px;
	height:72px;
}

/* Tinymce */

.mceLayout {
	position:relative;
}

/* Shop*/
.catTop {
	position:relative;
	width:100%;
	border:1px solid #c2c2c2;
}
.catTopChild{
	
	
	padding:7px;
}
.cat20 {
	width:19%;
	float:left;
	height:100%;
	position:relative;
}
.cat20Child {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	border-right:1px solid #c2c2c2;
	padding:7px;
	font-family: arial, helvetica; 
	font-size:11px;
}
.qty {
	font-family: arial, helvetica; 
	font-size: 10px; width: 40px;
	font-size:11px;
}
.cat20Child select {
	width:50px;
}
input[disabled] {
	background-color:#cecece;
}
.shopInput {
	font-family:arial;
	font-size:11px;
	width:100%
}


.sponsorer ul {
	padding:0;
	list-style-type:none;
	margin:0;
}
.sponsorer li {
	text-align:center;
	display:block;
}
.sponsorer a {
	font-weight:bold;
}
.sponsorer {
	text-align:center;
}
.sponsorer h2 {
	margin-top:1em;
	font-size:1.8em;
}