/* 
    Document   : style
    Author     : jolimontdesign.ch
    Description:
        Contains all stylesheet properties combined in one file to reduce the number of http requests
*/
body {
	background-color: #074271;
	font-family: Helvetica, "Trebuchet MS", Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

/* 1 LAYOUT */
#wrapper {
	width: 980px;
	margin: 0px auto;
}

#header {
	background-color: #08090B;
	margin-top: 30px;
	height: 83px;
	width: 980px;
	position: relative;
}

#metanav {
	position: absolute;
	right: 0px;
	top:15px;
}

#logo {
	position: absolute;
	top: 23px;
	left: 30px;
}

#flashContainer {
	position: relative;
	height: 400px;
	background-color: #333333;
}

#flashContainer #preload {
	position: absolute;
	left: 340px;
	top: 150px;
	width: 300px;
	height: 100px;

	padding-top: 75px;
	font-size: 20px;
	color: #999999;
	text-align: center;

	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: 118px 0px; /*(300-64)/2*/
}

#flashContainer .mod_oeschinenseeContentFlash{
	position: absolute;
}

#content {
	float: left;
	width: 570px;
	background-color: #FFFFFF;
}

#footer {
	background-color: #333333;
	color: #ffffff;
	height: 30px;
	clear: both;
	/* This ensures that there is a space at the bottom*/
	margin-bottom: 30px;
}

#footer ul {
	margin: 0px;
	padding: 9px;
	list-style: none;
	text-align: center;
	display: block;
}

#footer li {
	display: inline;
	padding: 0px 15px;
	border-right: 1px solid #ffffff;
}

#footer li.last {
	border-right: 0px;
}

#footer a {
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover {
	text-decoration: underline;
}

/* column container */
.colmask {
	/* This fixes the IE7 overflow hidden bug */
	position:relative;
	clear:both;
	float:left;
	/* width of whole page */
	width:100%;
	/* This chops off any overhanging divs */
	overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	/* width of page */
	width:100%;
	position:relative;
}
#content,
#infoLeft,
#infoRight {
	float:left;
	position:relative;
	/* no left and right padding on columns, we just make them narrower instead
	only padding top and bottom is included here, make it whatever value you need */
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	/* right column background colour */
	background:#F6EFD5;
}
.threecol .colmid {
	/* width of the right column */
	right:253px;
	/* center column background colour */
	background:#fff;
}
.threecol .colleft {
	/* width of the middle column */
	right:570px;
	/* left column background colour */
	background:#F6EFD5;
}
.threecol #content {
	/* width of center column content (column width minus padding on either side) */
	/* 570 - 2*30 */
	width:510px;
	/* 100% plus left padding of center column */
	/* 980 + 30 */
	left:1010px;
}
.threecol #infoLeft {
	/* Width of left column content (column width minus padding on either side) */
	/* 153 - 2*30 */
	width:93px;
	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	/* 253 + 2*30 + 30*/
	left:343px;
}
.threecol #infoRight {
	/* Width of right column content (column width minus padding on either side) */
	/* 253 - 2*30 */
	width:193px;
	/* Please make note of the brackets here:
	 (980 - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding)
	980 - 153 + 2*30 + 2*30 + 30 */
	left:977px;
}

/* 2 CONTENT */

/* 2.1 LEFT COLUMN */
#infoLeft p {
	margin: 0;
	padding: 0;
}

#infoLeft a {
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	color: #000000;
}

#infoLeft a:hover {
	color: #F29910;
}

#metatext, #crosslinks, #crossdownloads {
	background-position: top left;
	background-repeat: no-repeat;
	padding: 30px 0px 0px 0px;
	margin-top: 30px;
}

#metatext {
	background-image: url("../images/pictograms/all.png");
	background-repeat    : no-repeat;
	background-position: -320px 0px;
}

#metatext p {
	line-height: 20px;
}

#crossdownloads {
	background-image: url("../images/pictograms/all.png");
	background-repeat    : no-repeat;
	background-position: -640px 0px;
}

#crosslinks {
	background-image: url("../images/pictograms/all.png");
	background-repeat    : no-repeat;
	background-position: 0px 0px;
}

#crosslinks a, #crossdownloads a {
	background-image: url("../images/square.gif");
	background-repeat: no-repeat;
	padding-left: 9px;
	color: #074271;
}

/* 2.2 RIGHT COLUMN */
.infoTitleBar {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 26px;
	padding-left: 15px;
}

#webcam .infoTitleBar {
	background-color: #074271;
}

#gallery .infoTitleBar {
	background-color: #F29910;
}

#webcam {
	line-height: 0px;
}

#webcam, #gallery {
	margin-top: 30px;
}

#gallery a {
	margin-top: 17px;
}

#gallery a.imageleft {
	float: left;
}

#gallery a.imageright {
	float: right;
}

/* 2.3 MAIN COLUMN */
.normalFontWeight {
	font-weight: normal;
}

#content h1 {
	color: #F29910;
	font-size: 20px;
	margin-top: 30px;
}

#content p {
	line-height: 20px;
}

#content a {
	color: #F29910;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover, #content a:active {
	color: #074271;
}

/* 2.4 FORM */
.tableless fieldset {
	border: 1px solid #074271;
	background-color: #F6EFD5;
	margin-bottom: 10px;
}
.tableless fieldset legend {
	color: #F29910;
	font-weight: bold;
	font-size: 14px;
}
.tableless label {
	width: 200px;
	float: left;
	display: block;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	margin-bottom: 8px;
}
.tableless label.mandatory {
	font-weight: bold;
}
.tableless label.error {
	margin-bottom: 38px;
}
.tableless .headline {
	font-weight: bold;
}
.tableless p.error {
	padding-top: 3px;
	margin: 0px;
	color: #F29910;
	font-weight: bold;
}
.tableless .explanation {
	background-image: url("../images/pictograms/info.png");
	background-repeat    : no-repeat;
	padding-left: 30px;
}
.tableless #recaptcha_widget_div {
	margin-left: 30px;
}
#content .tableless p.error {
	/*explicit override*/
	line-height: normal;
}
.tableless textarea {
	width: 480px;
}
.tableless input.submit {
	margin-left: 210px;
}
.tableless br {
	clear: left;
}
input.field50 {
	width: 50px;
}
/* gift-cards */
.tableless .gift-cards label{
	float: right;
	text-align: left;
	width: 265px;
}
.tableless .gift-cards br {
	clear: right;
}
.tableless .gift-cards input.field50 {
	margin-left: 150px;
}
.tableless .gift-cards p.error {
	width: 200px;
	text-align:right
}
/* 3 NAVIGATION */
/* navigation common */
ul.dropdown li.hover,
ul.dropdown li:hover {
	color: #F29910;
}

ul.dropdown li a, ul.dropdown li span,
#metanav a, #metanav li span {
	display: block;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

ul.dropdown a:link,	ul.dropdown a:visited, ul.dropdown li.trail ul li a,
#metanav a:link, #metanav a:visited
{ color: #FFFFFF;  }
ul.dropdown a:hover, ul.dropdown a:active, ul.dropdown span.active, ul.dropdown li.trail a,
#metanav a:hover, #metanav a:active, #metanav span.active, #metanav a.trail
{ color: #F29910; }


/* meta navigation */
#giftcard_menu, #saison_menu, #language_menu {
	float:right;
}

#metanav ul {
	margin: 0px 20px 0px 15px;
	padding: 0px;
}

#metanav ul li {
	list-style: none;
	padding: 5px 10px;
}

#metanav a {
}

#giftcard_menu ul li, #giftcard_menu ul li {
	margin: 0px;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 5px 25px 5px 5px;
	background-image: url("../images/pictograms/all.png");
	background-repeat    : no-repeat;
}

#saison_menu li {
	margin: 0px;
	padding: 0px;
	float:left;
}

#language_menu li {
	margin: 0px;
	float:left;
}

/*main navigation*/
#drop_down_menu {
	position: absolute;
	right: 0px;
	bottom: 0px;
	overflow: visible;
}

ul.dropdown {

	z-index: 597;
	float: left;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
	position: relative;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	z-index: 598;
	width: 100%;
	margin-top: 0px;
}

ul.dropdown ul li {
	float: none;
	width: 170%;
	margin-left: -35%;
}

ul.dropdown ul ul {
	top: 0px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown {
	/*font-weight: bold;*/
}

ul.dropdown li {
	display: block;
}

ul.dropdown li a, ul.dropdown li span {
	padding: 5px 25px 3px 25px;
}

ul.dropdown ul li {
	border-top: 1px solid #FFFFFF;
	background-color: #08090B;

	/* CSS3 standard */
	opacity:0.7;

	/* for IE */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

/* 4 INTRO */
#flashContainerIntro, #flashContainerIntro div, .height100percent, .height100percent div {
	height: 100%;
}

#introWrapper {
	padding-top: 83px;
	height: 10px;
}

#introHeader {
	width: 100%;
	height: 83px;
	background-color: #08090B;
	position: absolute;
	top:0px;
}
#introHeader #header{
	margin: 0px auto;
}