@charset "UTF-8";

/*Setup*/

* {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
text-align:center;
}

/*Layout*/

#container {
margin:0 auto;
width:1000px;

}

#wrap {
float:left;
width:1000px;
margin:0 auto;
background-color:#D7D1BA;
background-image:url(images/bg.gif);
background-repeat:no-repeat;
text-align:left;
}

#wrap_home_de {
float:left;
width:1000px;
margin:0 auto;
background-color:#D7D1BA;
background-image:url(images/bg_home_de.png);
background-repeat:no-repeat;
text-align:left;
}

#wrap_home_en {
float:left;
width:1000px;
margin:0 auto;
background-color:#D7D1BA;
background-image:url(images/bg_home_en.png);
background-repeat:no-repeat;
text-align:left;
}

#wrap_home_fr {
float:left;
width:1000px;
margin:0 auto;
background-color:#D7D1BA;
background-image:url(images/bg_home_fr.png);
background-repeat:no-repeat;
text-align:left;
}

#wrap_home_jap {
float:left;
width:1000px;
margin:0 auto;
background-color:#D7D1BA;
background-image:url(images/bg_home_jap.png);
background-repeat:no-repeat;
text-align:left;
}

#sprache {
font-size:12px;
text-align:right;
margin:5px 8px 0px 0px;

}

#logo {
margin:5px 0px 0px 0px;
height:144px;
background-color:#E7E3D5;
}

#wrap2 {
margin:64px 0px 0px 0px;
}

#main {
float:right;
width:484px;
padding:5px 135px 50px 4px;
}

#bildnav {
margin:4px 0px 0px 0px;
text-align:right;
font-size:10px;
}


/*Design*/

h1 {
color:#707172;
font-size:18px;
line-height:26px;
margin:30px 0px 10px 0px;
}

h2 {
color:#707172;
font-size:12px;
line-height:22px;
margin:25px 0px 10px 0px;
}

p, td {
font-size:12px;
line-height:22px;
margin:0px 0px 12px 0px;
}

.bold {
font-weight:bold;
}

#main a:link, #main a:visited {
text-decoration:none;
color:#666666;
}

#main a:hover, #main a:active {
color:#000000;
}

#sprache a:link, #sprache a:visited {
text-decoration:none;
color:#666666;
}

#sprache a:hover, #sprache a:active {
color:#000000;
}

.grau {
font-size:10px;
color:#666666;
}

/*Rahmen um Bild beim Klicken*/
a:focus { outline: none;}







/* navigation */




#nav {
background: url(images/mainnav_bg.gif) repeat-x;
}

#nav ul.left_de {
text-align: left;
width: auto;
margin-left: 45px;
border-left: 1px solid #fff;
}

#nav ul.left_en {
text-align: left;
width: auto;
margin-left: 52px;
border-left: 1px solid #fff;
}

#nav ul.left_fr {
text-align: left;
width: auto;
margin-left: 35px;
border-left: 1px solid #fff;
}

#nav ul li {
display: inline;
}

#nav ul li a:link, #nav ul li a:visited {
display: inline-block;
font-size: 14px;
font-family: 'AkzidenzGroteskLight';
letter-spacing: 1px;
color: white;
text-decoration: none; 
text-align: center;
padding:6px 21px;
background: url(images/mainnav_bg.gif) repeat-x;
border-right: 1px solid #fff;
overflow:hidden;
}

#nav ul li a:hover, #nav ul li a:active {
display: inline-block;
background-position:0 -30px;
color: #E7E3D5;
}

#nav ul li a.current {
background-position:0 -30px;
color: #fff;
}




/* sidenav */


#sidenav {
width:150px;
float:left;
padding-left:63px;
height:261px;
line-height: 28px;
margin-top: -30px;
}

#sidenav ul li {
list-style: none;
}

#sidenav ul li a:link, #sidenav ul li a:visited {
font-family: 'AkzidenzGroteskLight';
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
color: #707172;
}

#sidenav ul li a:hover, #sidenav ul li a:active {
font-family: 'AkzidenzGroteskRoman';
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
color: #707172;
}

#sidenav ul li a.current {
font-family: 'AkzidenzGroteskRoman';
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
color: #555;
}






/* galerie ansichtsbilder */

.hotelboxfirst {
padding-bottom: 12px;
}

.hotelboxfollow {
margin-top: 90px;
padding-bottom: 12px;
}

.openalpin, .opensuperior, .openstandard, .openjungfrau, .openaletsch, .openbietschhorn, .openzimmer, .openlager {
font-size: 12px;
line-height: 22px;
color: #000;
cursor: pointer;
}

.hotel1a, .hotel1b, .hotel1c, .hotel2a, .hotel2b, .hotel2c, .hotel3a, .hotel3b {
overflow: hidden;
width: 500px;
}

.hotel1a img, .hotel1b img, .hotel1c img, .hotel2a img, .hotel2b img, .hotel2c img, .hotel3a img, .hotel3b img {
margin-right: 5px;
width: 112px;
height: 112px;
}