@charset "UTF-8";
/* CSS Document */
/*
	airolo.ch website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    © epicstuff design 2009
    
    page name  : layout.css
    created    : 17.10.2009
    last update: 17.10.2009
    description: this is the layout css
*/

/* 
-----------------------------------------------------------------------------
TEMPLATE LAYOUT
-----------------------------------------------------------------------------*/
body {z-index:0;display:block;text-align:left;}
#container {text-align:left;padding:0px;margin:0 auto;width:840px;}
#header {height:90px;}
#navigation-main {clear:both;position:relative;}
#top-image {clear:both;height:200px;margin-top:10px;padding:10px;}
#content {clear:both;padding:0px 10px 10px 10px;}
#footer {clear:both;margin-top:10px;}

/* 
-----------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------*/
#logo {width:420px;float:left;height:90px;display:table;}
#logo .valign-bottom {display:table-cell;vertical-align:bottom; padding-bottom:20px;}
#navigation {width:420px;float:left;text-align:right;}
#navigation-languages {height:50px;text-align:right;margin-right:100px;}
#navigation-level0 {float:right;height:40px;text-align:right;margin-right:90px;}

/* 
-----------------------------------------------------------------------------
NAVIGATION: LEVEL 0
-----------------------------------------------------------------------------*/
ul#menu-level0 {list-style:none;}
ul#menu-level0 li {float:left;margin:0px 2px 0px 2px;padding:0px;}
ul#menu-level0 li a {display:block;margin:0;padding:0px 10px 3px 10px;}

/* 
-----------------------------------------------------------------------------
MAIN NAVIGATION
-----------------------------------------------------------------------------*/
#navigation-level1 {float:right;position:relative;z-index:697;margin:0px 90px 0 0;padding:0 0 0 9px;}
#navigation-level1 div.end {width:11px;float:left;height:40px;}
#navigation-level1 ul {float:left;margin:0;padding:0 13px 0 0;display:block;}
#navigation-level1 ul li {float:left;position:relative;line-height:40px;list-style:none;vertical-align: middle;padding:0px;}
#navigation-level1 ul li.hover, #navigation-level1 ul li:hover {position: relative;z-index: 701;cursor: default;}
#navigation-level1 ul li a {padding:0 9px 5px;float:left;line-height:35px;}
#navigation-level1 ul li.lastitem a.lastitem {padding:0 5px 5px;}
#navigation-level1 ul.seasons li a {padding:0 9px 5px 0px;float:left;line-height:35px;}
#navigation-level1 ul.home-link-menu li a {padding:0 9px 5px 20px;float:left;line-height:35px;margin-right:-10px;}
#navigation-level1 ul li a:hover {color:#fff;}
#navigation-level1 ul ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 700;width: 170px;margin:-6px 0 0 0;padding-top:15px;}
#navigation-level1 ul ul li.last {padding-bottom:15px;}
#navigation-level1 ul ul li a {line-height:normal;margin:3px 0px;padding:0px 16px 0px 10px;}
#navigation-level1 ul ul a {padding:0px 16px 0px 10px;width: 144px; /* Especially for IE */}
#navigation-level1 ul li:hover > ul {visibility: visible;}

/* 
-----------------------------------------------------------------------------
CONTENT
-----------------------------------------------------------------------------*/
#content-left{float:left;width:530px;padding:0px 10px 10px 25px;}
#content-right{float:left;width:255px;padding:0px 0px 0px 0px;}

/* 
-----------------------------------------------------------------------------
CONTROL BUTTONS
-----------------------------------------------------------------------------*/
.control-buttons{margin-top:10px;}
.control-buttons-news{margin-bottom:-20px;}

/* 
-----------------------------------------------------------------------------
SUBMENUS
-----------------------------------------------------------------------------*/
#submenus{padding:10px 10px 10px 0px;}
#submenus .submenus-background{padding-left:10px;}

/* 
-----------------------------------------------------------------------------
noobslide
-----------------------------------------------------------------------------*/
.slider-background {width:530px;height:180px;}
.slider-mask {width:508px;height:158px;float:left;overflow:hidden;position:relative;margin:10px;}
.slider-container {width:508px;height:158px;overflow:hidden;position:absolute;}
.slider-container .slider-singleitem {width: 494px ;height:144px;display:block;float:left; padding:7px 7px 7px 7px;overflow:hidden; margin-right:20px;}
#news-container.slider-container .slider-singleitem{width:501px;padding:7px 7px 7px 0px;}

.slider-background{background-color:#eaeaea;}
.slider-mask {-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #363636;background-color:#363636;}
.slider-container {}
.slider-container .slider-singleitem {background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;}

/* 
-----------------------------------------------------------------------------
RIGHT BOXES
-----------------------------------------------------------------------------*/
.right-boxes, .right-boxes-custom {margin-left:10px;padding-bottom:20px;}
.right-boxes-header {margin-top:20px;margin-bottom:10px;}
.right-boxes-content {text-align:right;}
#search-field {width:235px;height:16px;padding:2px 5px 0 5px;}
#search-button {margin-top:10px;}
#weather-overview img {width:245px;}
#weather-button {margin-top:10px;}
#fastaccess-box .right-boxes-content {text-align:left;}

/* 
-----------------------------------------------------------------------------
GRAPHICAL BUTTONS
-----------------------------------------------------------------------------*/
button.normal_small, button.normal_large, button.green_small, button.green_large {font-weight:bold;display:inline-block;margin:10 auto;text-align:center;cursor:pointer;opacity: 0.99;}
button.normal_small, button.green_small {font-size:9px;height:18px;padding:0px 6px 2px 6px;line-height:16px;-moz-border-radius:3px;-webkit-border-radius:3px;}
button.normal_large, button.green_large {font-size:11px;line-height:22px;height:24px;padding:0 8px;-moz-border-radius:3px;-webkit-border-radius:3px;}
button.normal_large:hover, button.green_large:hover {background-position:0 -23px;}
button.normal_small:hover, button.green_small:hover {background-position:0 -18px;}
button.nudge {margin-top:-2px;}
button.center, a.center {margin:0 auto;}
button.left, a.left {float:left;margin:0 4px 0 0;}
button.right, a.right {float:right;margin:0 0 0 4px;}
button.nudgeR {margin-right:4px;}
button.nudgeL {margin-left:4px;}
button[disabled] {opacity:0.5;cursor:default;}
button[disabled]:hover {background-position:0 0;}

/* 
-----------------------------------------------------------------------------
OTHER
-----------------------------------------------------------------------------*/
div.clearer {clear:both;}
div.align-right{text-align:right;}