/*
   
	lavaux-unesco.com - global.css

	aquaverde GmbH, 2010
		
*/


/* --------------------- Reset */

* { padding: 0; margin: 0; border: 0; outline: none; }


/* --------------------- Misc */

body { background: rgb(255, 255, 255) url('../interface/background.jpg') repeat-x scroll left top; }

html, body { height: 100%; }


/* --------------------- Typography */

body { font: 12px/18px Arial, Helvetica, sans-serif; color: #fff; }

p { margin: 18px 0; }


/* --------------------- Links */

a:link, a:active, a:visited { color: #56b400; text-decoration: none; }

a:hover { color: #56b400; text-decoration: underline; }


/* --------------------- Layout */

#wrapper { position: relative; width: 1010px; margin: 0 auto; }

#shadowLeft { width: 15px; height: 750px; background: transparent url(../interface/shadowLeft.png); float: left; }

#shadowRight { width: 15px; height: 750px; background: transparent url(../interface/shadowRight.png); float: right; }

#interface { width: 980px; float: left; }

#header { position: relative; width: 980px; height: 125px; background: #fff; border-bottom: 5px #0A539B solid; }

#content { position: relative; width: 980px; height: 575px; }

div#brand { position: absolute; top: 50px; width: 980px; height: 227px; z-index: 10; text-align: center; }


ul.fadeBkg { width: 980px; height: 575px; z-index: 5; list-style: none; }

ul.fadeBkg li { position: absolute; top: 0; left: 0; }


ul#nav { position: absolute; top: 17px; right: 15px; list-style: none; z-index: 50; }

ul#nav li { display: inline; margin-left: 5px; width: 48px; height: 48px; }

ul#nav li a { background: url(../interface/slide.png) no-repeat; padding-top: 15px; }

ul#nav li a.activeSlide { background: url(../interface/activeSlide.png) no-repeat; padding-top: 15px; }

ul#nav li a img { visibility: hidden; height: 21px; width: 24px; }

/* v2
ul.btns { position: absolute; bottom: 10px; left: 31.5px; width: 927px; text-align: center; list-style: none; z-index: 100; }

ul.btns li { float: left; margin-right: 10px; }

ul.btns li a { width: 299px; height: 40px; display: block; padding-top: 8px; font: bold 20px "Lucida Grande",Arial,sans-serif; }

ul.btns li a:link, ul.btns li a:active, ul.btns li a:visited { color: #1a161b; text-decoration: none; }

ul.btns li a:hover { color: #666; text-decoration: none; }

ul.btns li a.lav { background: url(../interface/bkgUnesco.gif) repeat-x; }

ul.btns li a.tou { background: url(../interface/bkgTourisme.gif) repeat-x; }

ul.btns li a.vig { background: url(../interface/bkgVigneEtVin.gif) repeat-x; }
*/

/* --------------------- Header styles from 'http://montreux-riviera.com' */

div.logo { position: absolute; top: 21px; left: 21px; }

div.wetter { position: absolute; top: 90px; left: 300px; width: 240px; height: 25px; z-index: 99; }

div.regionNavigation { position: absolute; right: 20px; top: 18px; width: auto; z-index: 2; font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; color: rgb(72, 81, 90); }

.regionNavigation a, .regionNavigation a:link, .regionNavigation a:visited, .regionNavigation a:active { font-size: 12px; color: rgb(72, 81, 90); text-decoration: none; }

.regionNavigation a:hover { text-decoration: underline; }

div.serviceNavigation { position: absolute; top: 69px; left: 585px; line-height: 18px; }

div.serviceNavigation ul li { margin: 0pt 15px 0pt 0pt; padding: 0pt; float: left; list-style-type: none; font-size: 10px; color: rgb(114, 119, 124); text-align: center; }

div.serviceNavigation ul { margin: 0pt; padding: 0pt; list-style-type: none; }

.serviceNavigation li a, .serviceNavigation li a:link, .serviceNavigation li a:active, .serviceNavigation li a:visited { text-decoration: none; color: rgb(114, 119, 124); display: block; }

.serviceNavigation li a:hover { color: rgb(77, 77, 77); text-decoration: none; display: block; }

div.map { position: absolute; top: 65px; right: 17px; }

a, a:link, a:active, a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(144, 151, 155); text-decoration: none; }

a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(77, 77, 77); text-decoration: none; }

/* --------------------- v3 */
ul#footer {
    border-bottom:5px solid #90979B;
    height:40px;
    list-style:none outside none;
    overflow:hidden;
    padding-bottom:1px;
    position:relative;
    width:980px;
}
ul#footer li{
    display:inline;
}
ul#footer li a:link, ul#footer li a:active, ul#footer li a:visited {
    background:url("../interface/bkgFooterNav.gif") repeat scroll 0 40px transparent;
}
ul#footer li:first-child a {
    border-left:0 none;
    width:325px;
}
ul#footer li a {
    border-left:1px solid #888F94;
    border-right:1px solid #4B626E;
    color:#FFFFFF;
    display:block;
    float:left;
    font:bold 12px "Lucida Grande",Arial,sans-serif;
    height:27px;
    padding-top:13px;
    text-align:center;
    text-shadow:1px 1px 1px #000000;
    width:325px;
}
ul#footer li a:hover{
    background: url("../interface/bkgFooterNav.gif") repeat scroll 0 0 transparent;
}
#footerLogosRight{
    text-align:right;
    padding-top:10px;
}