html { background: #FFFFFF; }
body {
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
color: #3d4a4b;
}
a, a:visited, a:active { color: #3d4a4b; text-decoration: none; }
.blind { display: none; }
.break {clear:both;}
#wrap {
    width:960px;
    text-align:left;
    margin: 0 0 50px 0;
}
#head {
    padding: 37px 0 0 0;
    margin: 0 0 0 60px;
    position: fixed;
    height: 238px;
    width: 900px;
    background: #fff;
    z-index: 1;
}
#head h1 {
    margin: 0 0 0 0px;
    width: 275px;
    width: 900px;
    height: 100px;
    background: url('../img/sprite_de.8.png') -2px 0 no-repeat;
    float: left;
}
#head h1 a {
    width: 275px;
    height: 100px;
    display: block;
    text-indent: -9999px;
    outline: none;
}
#nav { margin: 35px 0 15px 0; border: 1px solid #a3a9aa; border-left: none; border-right: none; }
#nav, #subnav {
    float: right;
    width: 835px;
    height: 30px;
    overflow: hidden;
}
form#search { float: right; }
#nav li, #subnav li {
    style-item: none;
    float: left;
}
#nav li a, #subnav li a {
    display: block;
    text-indent: -9999px;
    height: 30px;
    outline: 0;
}
#subnav li a { height: 26px; }
#subnav.lang { margin-top:35px;}

div.de #nav .selected a { background: url('../img/sprite_de.8.png') no-repeat -69px -135px; width: 138px; }
div.de #nav .projects a { background: url('../img/sprite_de.8.png') no-repeat -271px -135px; width: 59px; margin-left: 64px;}
div.de #nav .exhibitions a { background: url('../img/sprite_de.8.png') no-repeat -393px -135px; width: 97px; margin-left: 63px;}
div.de #nav .links a { background: url('../img/sprite_de.8.png') no-repeat -549px -135px; width: 32px; margin-left: 60px;}
div.de #nav .contact a { background: url('../img/sprite_de.8.png') no-repeat -641px -135px; width: 51px; margin-left: 61px;}
div.de #nav .lang a { background: url('../img/sprite_de.8.png') no-repeat -851px -135px; width: 53px; margin-left: 157px;}

div.de #nav .selected a.active { background: url('../img/sprite_de.8.png') no-repeat -69px -303px; width: 138px; }
div.de #nav .projects a.active { background: url('../img/sprite_de.8.png') no-repeat -271px -303px; width: 59px; margin-left: 64px;}
div.de #nav .exhibitions a.active { background: url('../img/sprite_de.8.png') no-repeat -393px -303px; width: 97px; margin-left: 63px;}
div.de #nav .links a.active { background: url('../img/sprite_de.8.png') no-repeat -549px -303px; width: 32px; margin-left: 60px;}
div.de #nav .contact a.active { background: url('../img/sprite_de.8.png') no-repeat -641px -303px; width: 51px; margin-left: 61px;}
div.de #nav .lang a.active { background: url('../img/sprite_de.8.png') no-repeat -851px -303px; width: 51px; margin-left: 157px;}


div.de #subnav .chairs a { background: url('../img/sprite_de.8.png') no-repeat -69px -184px; width: 42px; }
div.de #subnav .sofa a { background: url('../img/sprite_de.8.png') no-repeat -146px -184px; width: 80px; margin-left: 35px; }
div.de #subnav .tables a { background: url('../img/sprite_de.8.png') no-repeat -261px -184px; width: 42px; margin-left: 35px; }
div.de #subnav .sideboards a { background: url('../img/sprite_de.8.png') no-repeat -342px -184px; width: 70px; margin-left: 39px; }
div.de #subnav .lighting a { background: url('../img/sprite_de.8.png') no-repeat -452px -184px; width: 60px; margin-left: 40px; }
div.de #subnav .fine a { background: url('../img/sprite_de.8.png') no-repeat -552px -184px; width: 60px; margin-left: 38px; }
div.de #subnav .others a { background: url('../img/sprite_de.8.png') no-repeat -648px -184px; width: 56px; margin-left: 30px; }

div.de #subnav .chairs a.active{ background: url('../img/sprite_de.8.png') no-repeat -69px -352px; width: 42px; }
div.de #subnav .sofa a.active{ background: url('../img/sprite_de.8.png') no-repeat -146px -352px; width: 80px; margin-left: 35px; }
div.de #subnav .tables a.active { background: url('../img/sprite_de.8.png') no-repeat -261px -352px; width: 42px; margin-left: 35px; }
div.de #subnav .sideboards a.active { background: url('../img/sprite_de.8.png') no-repeat -342px -352px; width: 70px; margin-left: 39px; }
div.de #subnav .lighting a.active { background: url('../img/sprite_de.8.png') no-repeat -452px -352px; width: 60px; margin-left: 40px; }
div.de #subnav .fine a.active { background: url('../img/sprite_de.8.png') no-repeat -552px -352px; width: 60px; margin-left: 38px; }
div.de #subnav .others a.active { background: url('../img/sprite_de.8.png') no-repeat -648px -352px; width: 56px; margin-left: 30px; }

div.de #subnav .search a { background: url('../img/sprite_de.8.png') no-repeat -69px -219px; width: 95px; }
div.de #subnav .directions a { background: url('../img/sprite_de.8.png') no-repeat -206px -219px; width: 102px; margin-left: 35px; }
div.de #subnav .rent a { background: url('../img/sprite_de.8.png') no-repeat -360px -219px; width: 137px; margin-left: 35px; }
div.de #subnav .press a { background: url('../img/sprite_de.8.png') no-repeat -538px -219px; width: 46px; margin-left: 35px; }

div.de #subnav .impressum, div.de #subnav .agb { float: right; }
div.de #subnav .impressum a { background: url('../img/sprite_de.8.png') no-repeat -748px -219px; width: 75px; margin-left: 35px; }
div.de #subnav .agb a { background: url('../img/sprite_de.8.png') no-repeat -871px -219px; width: 42px; }

div.de #subnav .search a.active { background: url('../img/sprite_de.8.png') no-repeat -69px -390px; width: 95px; }
div.de #subnav .directions a.active { background: url('../img/sprite_de.8.png') no-repeat -206px -390px; width: 102px; }
div.de #subnav .press a.active { background: url('../img/sprite_de.8.png') no-repeat -538px -390px; width: 95px; }

div.de #subnav .impressum a.active { background: url('../img/sprite_de.8.png') no-repeat -748px -390px; width: 75px; margin-left: 35px; }
div.de #subnav .agb a.active { background: url('../img/sprite_de.8.png') no-repeat -871px -390px; width: 42px; }

/* @TODO */
div.de .con_search h2.search { background: url('../img/sprite_de.8.png') no-repeat -585px -342px; width: 43px; margin: 35px 0 10px; padding:2px 5px; text-indent: -9999px; }
div.de .con_search h2.contact { background: url('../img/sprite_de.8.png') no-repeat -770px -342px; width: 110px; margin: 35px 0 10px; padding:2px 5px; text-indent: -9999px; }

div.de .mail { background: url('../img/sprite_de.8.png') no-repeat -648px -259px; width: 30px; }
div.de .mail:hover { background: url('../img/sprite_de.8.png') no-repeat -648px -431px; width: 30px; }
div.de .prod_links .back { background: url('../img/sprite_de.8.png') no-repeat -707px -259px; width: 50px; }
div.de .prod_links .back:hover { background: url('../img/sprite_de.8.png') no-repeat -707px -431px; width: 50px; }
div.de .prod_links .print { background: url('../img/sprite_de.8.png') no-repeat -784px -259px; width: 90px; }
div.de .prod_links .print:hover { background: url('../img/sprite_de.8.png') no-repeat -784px -431px; width: 90px; }


/*** MENU ENGLISH  ****/
div.en #nav .selected a { background: url('../img/sprite_en.8.png') no-repeat -69px -135px; width: 113px; }
div.en #nav .projects a { background: url('../img/sprite_en.8.png') no-repeat -246px -135px; width: 53px; margin-left: 64px;}
div.en #nav .exhibitions a { background: url('../img/sprite_en.8.png') no-repeat -360px -135px; width: 65px; margin-left: 61px;}
div.en #nav .links a { background: url('../img/sprite_en.8.png') no-repeat -485px -135px; width: 32px; margin-left: 60px;}
div.en #nav .contact a { background: url('../img/sprite_en.8.png') no-repeat -577px -135px; width: 51px; margin-left: 61px;}
div.en #nav .lang a { background: url('../img/sprite_en.8.png') no-repeat -848px -135px; width: 54px; margin-left: 218px;}

div.en #nav .selected a.active { background: url('../img/sprite_en.8.png') no-repeat -69px -303px; width: 113px; }
div.en #nav .projects a.active { background: url('../img/sprite_en.8.png') no-repeat -246px -303px; width: 53px; margin-left: 64px;}
div.en #nav .exhibitions a.active { background: url('../img/sprite_en.8.png') no-repeat -360px -303px; width: 65px; margin-left: 61px;}
div.en #nav .links a.active { background: url('../img/sprite_en.8.png') no-repeat -485px -303px; width: 32px; margin-left: 60px;}
div.en #nav .contact a.active { background: url('../img/sprite_en.8.png') no-repeat -577px -303px; width: 51px; margin-left: 61px;}
div.en #nav .lang a.active { background: url('../img/sprite_en.8.png') no-repeat -848px -303px; width: 54px; margin-left: 218px;}

div.en #subnav .chairs a { background: url('../img/sprite_en.8.png') no-repeat -69px -184px; width: 42px; }
div.en #subnav .sofa a { background: url('../img/sprite_en.8.png') no-repeat -144px -184px; width: 115px; margin-left: 33px; }
div.en #subnav .tables a { background: url('../img/sprite_en.8.png') no-repeat -296px -184px; width: 45px; margin-left: 37px; }
div.en #subnav .sideboards a { background: url('../img/sprite_en.8.png') no-repeat -376px -184px; width: 73px; margin-left: 40px; }
div.en #subnav .lighting a { background: url('../img/sprite_en.8.png') no-repeat -485px -184px; width: 57px; margin-left: 39px; }
div.en #subnav .fine a { background: url('../img/sprite_en.8.png') no-repeat -577px -184px; width: 55px; margin-left: 38px; }
div.en #subnav .others a { background: url('../img/sprite_en.8.png') no-repeat -665px -184px; width: 44px; margin-left: 38px; }

div.en #subnav .chairs a.active { background: url('../img/sprite_en.8.png') no-repeat -69px -352px; width: 42px; }
div.en #subnav .sofa a.active { background: url('../img/sprite_en.8.png') no-repeat -144px -352px; width: 115px; margin-left: 33px; }
div.en #subnav .tables a.active { background: url('../img/sprite_en.8.png') no-repeat -296px -352px; width: 45px; margin-left: 37px; }
div.en #subnav .sideboards a.active { background: url('../img/sprite_en.8.png') no-repeat -376px -352px; width: 73px; margin-left: 40px; }
div.en #subnav .lighting a.active { background: url('../img/sprite_en.8.png') no-repeat -485px -352px; width: 57px; margin-left: 39px; }
div.en #subnav .fine a.active { background: url('../img/sprite_en.8.png') no-repeat -577px -352px; width: 55px; margin-left: 38px; }
div.en #subnav .others a.active { background: url('../img/sprite_en.8.png') no-repeat -665px -352px; width: 44px; margin-left: 38px; }

div.en #subnav .search a { background: url('../img/sprite_en.8.png') no-repeat -69px -219px; width: 95px; }
div.en #subnav .directions a { background: url('../img/sprite_en.8.png') no-repeat -206px -219px; width: 76px; margin-left: 35px; }
div.en #subnav .rent a { background: url('../img/sprite_en.8.png') no-repeat -328px -219px; width: 95px; margin-left: 35px; }
div.en #subnav .press a { background: url('../img/sprite_en.8.png') no-repeat -469px -219px; width: 40px; margin-left: 35px; }

div.en #subnav .search a.active { background: url('../img/sprite_en.8.png') no-repeat -69px -390px; width: 95px; }
div.en #subnav .directions a.active { background: url('../img/sprite_en.8.png') no-repeat -206px -390px; width: 76px; margin-left: 35px; }
div.en #subnav .press a.active { background: url('../img/sprite_en.8.png') no-repeat -469px -390px; width: 40px; margin-left: 35px; }


div.en .con_search h2.search { background: url('../img/sprite_en.8.png') no-repeat -675px -342px; width: 43px; margin: 35px 0 10px; padding:2px 5px; text-indent: -9999px; }
div.en .con_search h2.contact { background: url('../img/sprite_en.8.png') no-repeat -770px -342px; width: 98px; margin: 35px 0 10px; padding:2px 5px; text-indent: -9999px; }

div.en .mail { background: url('../img/sprite_en.8.png') no-repeat -648px -259px; width: 30px; }
div.en .mail:hover { background: url('../img/sprite_en.8.png') no-repeat -648px -431px; width: 30px; }
div.en .prod_links .back { background: url('../img/sprite_en.8.png') no-repeat -707px -259px; width: 50px; }
div.en .prod_links .back:hover { background: url('../img/sprite_en.8.png') no-repeat -707px -431px; width: 50px; }
div.en .prod_links .print { background: url('../img/sprite_en.8.png') no-repeat -784px -259px; width: 90px; }
div.en .prod_links .print:hover { background: url('../img/sprite_en.8.png') no-repeat -784px -431px; width: 90px; }

#bd {
    padding: 275px 0 0 0;
    margin: 0 0 0 125px;
    clear: both;
    overflow: hidden;
}

/************* SIDEBAR ************/

.sidebar_link {
    border: 0px;
    border-left: 1px solid #969696;
    background: #FFF;
    color: #475152;
    height: 16px;
    margin: 10px 0 5px 0;
    padding: 2px 5px;
}

/************* CONTENT ************/

div.cms { margin: 0 180px 0 0; }
div.news_archive {
width: 425px;
float: right;
}
.news_archive .item {clear: both; }
.news_archive img {float: left; margin: 0 5px 30px 0;}
.news_archive h3 {margin: 5px 0; }
h2.news { margin: 10px 0 10px 0; line-height: 16px; }

/************* ARTICLE OVERVIEW ************/

div.article {
	margin: 0 0 20px 57px;
	float: left;
	width: 240px;
	height: 200px;
}
.first { margin: 0 0 20px 0 !important; clear: left; }

.prod_des { font-size: 11px; font-family: Arial, Verdana, sans-serif; padding: 6px 0 2px 0; }
.prod_name { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #787979; }
.pager {
    margin: 5px 0;
}

/************* ARTICLE DETAILS ************/

div.prod_image {
	float: left;
	width: 670px;
	height: 480px;
	margin-right: 20px;
	z-index: 0;
}
#prod_viewer {
height:447px;
width:670px;
background: white;
color: white;
}
canvas, .viewer, .viewer div { background: #FFF!important;}

div.prod_info {
	float: left;
	width: 140px;
}
div.prod_info dl {
	margin: 0;
	padding: 0;
	height: 325px;
	overflow: hidden;
}
div.prod_info dt {
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	display: block;
	margin: 0 0 3px 0;
}
div.prod_info dd {
	font-size: 11px;
    display: block;
	margin: 0 0 6px 0;
	padding: 0;
	color: #787979;
}
div.prod_info dd.price_de {
    float: left;
    width: 65px;
    margin: 0 10px 12px 0!important;
}
div.prod_info dd.price_ch {
    float: left;
    width: 65px;
}
div.prod_links {
	float: left;
	padding-top: 20px;
	line-height: 20px;
}
.prod_links a { display: block; margin: 5px 0 !important; outline: none; }

div.img_gal {
text-align:right;
margin: 10px 0 0 0;
}
div.img_gal a {
color:#3d4a4b;
padding: 0 3px;
text-decoration:none;
outline: 0;
}
.img_gal .home { margin: 0 10px 0 0; }
.img_gal a.num img {
    margin: 0px 0 2px 0px;
}

.mail, .print, .back { text-indent: -9999px; }

#subnav .searchform, form#search {
    float: right;
}
form#search input {
float: right;
border: 1px solid #ddd;
background: #FFF;
color: #adadad;
height: 16px;
margin: 5px 0 5px 35px;
padding: 2px 5px;
width: 130px;
}

form#kontakt_form {
margin: 0 0 20px 0;
}

#kontakt_form p {
margin: 10px 0;
}

#kontakt_form input, #kontakt_form textarea {
font-size: 11px;
padding: 3px;
border: 1px solid #3D4A4B;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 200px;
}
#kontakt_form textarea {
width: 645px;
}

#kontakt_form button {
width: 100px;
border: 1px solid #3D4A4B;
}

img.map {
    float: right;
    margin: 0 10px 20px 10px;
}
div.second {
    clear: both;
    margin: 30px 0 20px 0;
}

/*** CMS CONTENT ***/
.cms div.article {
	margin: 0 0 20px 56px;
	float: left;
	width: 180px;
	height: inherit;
}
form .cms div.article {
	margin: 0 0 20px 234px;
	float: left;
	width: 210px;
	height: inherit;
}
.cms h3, .cms h4 {
color: #696969;
text-transform: uppercase;
margin: 0 0 20px 0;
clear: left;
}
.cms h4 { margin: 0 0 10px 0; }
.cms ul {
color: #01B7DF;
list-style: square inside;
}
.cms .zurich ul {
color: #BF2A62;
}
.cms .world ul {
color: #4C4C4C;
}

div.zurich, div.world {
    clear: both;
    padding: 72px 0 0 0;
    background: url('../img/navline.jpg') repeat-x 0px 42px;
}

/******* INTERIOR ****/
div.interior .article {
	margin: 0 0 0 45px;
	float: left;
	width: 395px;
	height: 270px;
}
.lead {
    height: 207px;
    display: table-cell;
    vertical-align: middle;
    margin: 20px 0;
    padding: 0 20px;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}


/**** FIXED TRANSPARENT NAV **/
#head { z-index:999999; }

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#head { position: absolute !important; }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    #head { position: absolute !important; }
}