/* get rid of borders if clicking on an element */
body * {outline-width: 0;}

#headerprint {display:none;}
#footerprint {display:none;}

@media print{
body, div {background: #ffffff; color:#666666;}
#headerprint {display:block;}
#headerpane {display:none;}
.pathway  {display:none;}
.leftpane {display:none;}
#mainpane .rightpane {display:none;}
#footer {display:none;}
#footer2 {display:none;}
#footerprint {display:block;}
}



html, body {height:100%; margin:0; padding:0; overflow:auto;}
html, input {font-family:Arial, sans-serif; font-size: 12px;}
body {background-image:url(http://www.artification.ch/globalfiles/img/backmain.jpg); background-position:center; background-repeat:no-repeat;}

h1, h2, h3, h4, h5 {margin:0 0 0.8em 0;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px; margin:0;}

p {margin:0 0 1em 0;}

img {border:0;}
a img {border:0;}

a {color:#000;}

.clearing {clear:both;}
.error {color:#ff0000;}

.floatleft {float:left; margin:0 1em 0 0;}
.floatright {float:right; margin:0 0 0 1em;}


/* basic layout flow */
#page {position:relative; width:980px; margin:auto; margin-top:0px;}
#headerpane, #mainpane, #footerpane {position:relative; overflow:hidden; clear:both;}

.leftpane {position:relative; float:left; width:200px; padding-bottom:5000px; margin-bottom:-5000px;}
.middlepane {background-color:#eee; position:relative; float:left; width:630px; padding-bottom:5000px; margin-bottom:-5000px;}
.rightpane {display:none; position:relative; float:left; width:150px; padding-bottom:5000px; margin-bottom:-5000px;}

.adsinside #page {width:960px; margin-top:0px;}
.teaserinside .middlepane {width:630px;}
.teaserinside .rightpane {display:block;}

#adsbanner_main {position:relative; height:0px; margin:0 0 0px 0;}
#adsbanner_side {position:relative; float:left; width:120px; margin-top:58px; padding:0 0 0 10px; font-size:90%;}
#adsbanner_side .title {margin-bottom:1em;}
#adsbanner_side .item {margin-bottom:1em;}
#adsbanner_side .item .title {margin-bottom:0;}

/* basic layout colors */
.leftpane {background-color:#b7b7b7;}
.rightpane {background-color:#b7b7b7;}

/* header */
#headerpane .middlepane {width:980px;}
#headerpane .rightpane {display:none;}
#headerpane img {display:block;}
#logo {display:block; width:980px; height:90px; padding-top:120px;}
#logo img {margin-left:auto; margin-right:auto;}

/* address */
.leftpane .contactinfo {display:none; padding:4px 0 4px 10px; font-size:11px; background-color:#eee;}
.leftpane .contactinfo .address1 {display:block;}
.leftpane .contactinfo .address2 {display:block;}

/* form_search */
.leftpane .form_search {padding:4px 10px; background-image:url(http://www.artification.ch/globalfiles/img/navimiddle.gif);}
.leftpane .form_search input {float:left; width:148px; height:14px; margin-right:5px; padding:2px; border:1px solid #fff; background-color:#fff;}
.leftpane .form_search button {width:20px; height:20px; border:0; background-image:url(http://www.artification.ch/globalfiles/img/icons/btn_search.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.leftpane .form_search button span {display:none;}

/* navigation */
#navitop {margin-top:65px; width:200px; height:10px; background-image:url(http://www.artification.ch/globalfiles/img/navitop.gif); background-repeat:no-repeat;}
#navigationpane {padding-top:10px; background-image:url(http://www.artification.ch/globalfiles/img/navimiddle.gif);}
#navigationpane ul {list-style-type:none; margin:2px 0; padding:0;}
#navigationpane ul ul ul {margin:0;}

#navigationpane a {display:block; padding:2px 10px; text-decoration:none; color:#000;}
#navigationpane a:hover {color:#333;}
#navigationpane a.active, #navigationpane a.activenode {margin-left:1px; font-weight:bold; color:#fff; background-color:#ad9961;}
#navigationpane ul ul a {padding: 1px 0 0 20px; font-size:11px;}
#navigationpane ul ul a.active, #navigationpane ul ul a.activenode {background-color:transparent; color:#000;}
#navigationpane ul ul ul a {padding-left:30px;}
/* #navigationpane ul ul ul a.activenode {background-image:url(http://www.artification.ch/globalfiles/img/icons/nav_activenode.gif); background-position:24px 4px; background-repeat:no-repeat;} */
#navigationpane ul ul ul ul a {padding-left:50px;}
#navigationpane ul ul ul ul a.activenode {background-position:32px 6px;}
#navigationpane ul ul ul ul ul a {padding-left:60px;}
#navigationpane ul ul ul ul ul a.activenode {background-position:42px 4px;}

#logoleft {margin-top:80px; width:200px; height:120px; background-image:url(http://www.artification.ch/globalfiles/img/logo.gif); background-repeat:no-repeat;}
#navibottom {margin-top:-2px; width:200px; height:10px; background-image:url(http://www.artification.ch/globalfiles/img/navibottom.gif); background-position:bottom; background-repeat:no-repeat;}

/* pathway */
.pathway {margin:0 0; padding:0 10px;}
.pathway a {font-size:80%; text-decoration:none;}

/* content */
#content {min-height:260px;}
#content {padding:0 10px 10px 20px;}

#maintop {margin-top:15px; width:630px; height:10px; background-image:url(http://www.artification.ch/globalfiles/img/contenttop.gif); background-position:center top; background-repeat:no-repeat;}

/* title */
#title {padding:0 0 0 20px;}
#title h1 {margin:0; padding-bottom:10px; color:#666;}
#title, #content {background-image:url(http://www.artification.ch/globalfiles/img/contentmiddle.gif);}

.content .text {padding:0;}
.content .pictures {padding:0 12px 0 0;}

/* teaser */
#teasertop {margin-top:65px; width:150px; height:10px; background-image:url(http://www.artification.ch/globalfiles/img/teasertop.gif); background-repeat:no-repeat;}
#teasers {margin-top:0px;}
.teaser {margin-bottom:10px; padding-bottom:2px; background-image:url(http://www.artification.ch/globalfiles/img/teasermiddle.gif);}
.teaser .picture img {padding-left:1px; display:block;}
.teaser .title {padding:4px 5px; font-size:90%; font-weight:bold; color:#000;}
.teaser .title a {text-decoration:none; color:#000; }
.teaser .text {padding:2px 5px 0 5px; font-size:80%; color:#000;}
.teaser .more {padding:0px 5px 0 5px; font-size:80%; color:#333;}
.teaser .more a {text-decoration:underline;}
#teaserbottom {margin-top:-10px; width:150px; height:10px; background-image:url(http://www.artification.ch/globalfiles/img/teaserbottom.gif); background-position:bottom; background-repeat:no-repeat;}
.teaser .themeselector select {width:120px; font-size:90%; background-color:transparent; border:1px solid #000;}

#mainbottom {margin-bottom:15px; width:630px; height:10px; background-image:url(http://www.artification.ch/globalfiles/img/contentbottom.gif); background-position:center bottom; background-repeat:no-repeat;}

/* footer */
#footer {padding:2px 10px 0 10px; background-color:#eee;}
#footer, #footer a {font-size:11px; text-decoration:none;}
#footer .copyright, #footer .copyright a {color:#999;}
#footer2 {width:980px; height:44px; background-image:url(http://www.artification.ch/globalfiles/img/footer2.gif); background-repeat:no-repeat;}







/* basic form styles */
label {display:block; clear:both; margin-bottom:5px;}
label span {display:block; float:left; width:100px; line-height:1.8em;}
label.radio span {display:inline; float:none; width:auto;}

.shopOrderStep1 .required_info {margin-bottom:5px; padding-left:100px;}
.shopOrderStep1 .buttons {padding-left:100px;}

.planningShopFillDates label span {width:130px;}
.planningShopFillDates .required_info {margin-bottom:5px; padding-left:130px;}
.planningShopFillDates .buttons {padding-left:130px;}

/* inside content */
.floatleft {display:block; float:left;}
.floatright {display:block; float:right;}

.contentbox h2.title {border-bottom:1px solid #000;}

.contentbox .picture {margin-bottom:1em;}
.contentbox .pictures.leftright {margin-right:1em;}
.contentbox .pictures.floatright {margin-left:1em;}

.contentbox.teammember {float:left; width:130px; margin-right:20px; text-align:center;}

.search .items_nav {margin-bottom:1em;}
.search .items_nav div {margin-bottom:1em;}
.search .items_nav .active {font-weight:bold;}
.search .results .item {margin-bottom:1em;}
.search .results .item .title {}
.search .results .item .title a {text-decoration:none; font-weight:bold;}
.search .results .item .breadcrumbs a {text-decoration:none; font-size:90%;}

#content .contactinfo {margin:0 0 1em 0;}
#content .contactinfo .name {margin:0 0 1em 0;}
#content .contactinfo .name1 {font-weight:bold;}
#content .contactinfo .address {margin:0 0 1em 0;}
#content .contactinfo .address1 {display:block;}
#content .contactinfo .address2 {display:block;}
#content .contactinfo .email {margin:1em 0 0 0;}
#content .contactinfo .googlemaps_link {margin:1em 0 0 0;}

table.openinghours td {padding-right:1em; vertical-align:top;}

.subfolderlist a.item {display:block; float:left; width:150px; height:190px; margin:0 10px 10px 0; text-decoration:none;}
.subfolderlist a.item.item3 {margin-right:0;}
.subfolderlist a.item .picture {display:block; width:148px; height:78px; padding-top:50%; text-align:center; border:1px solid #dfdfdf;}
.subfolderlist a.item .title {display:block; padding:3px 0 0 0; text-align:center; text-decoration:none;}
.subfolderlist a.item:hover .picture {border:1px solid #999999;}
.subfolderlist a.item:hover .title {font-weight:bold;}

.shopList .article {clear:both; margin-bottom:1em;}
.shopList .article h3 {border-bottom:1px solid #000000;}
.shopList .article .picture {float:left;}
.shopList .article input.quantity {width:20px;}
.shopList .article button {width:30px; height:24px; border:0; background:none; background-image:url(http://www.artification.ch/globalfiles/img/basket.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.shopList .article button span {visibility:hidden;}
.shopList .article a.details {width:30px; background-image:url(http://www.artification.ch/globalfiles/img/zoom.gif); background-repeat:no-repeat; background-position:center center;}
.shopList .article a.details img {visibility:hidden;}

.shopArticle h3 {border-bottom:1px solid #000000;}
.shopArticle .picture {float:left;}
.shopArticle input.quantity {width:20px;}
.shopArticle button {width:30px; height:24px; border:0; background:none; background-image:url(http://www.artification.ch/globalfiles/img/basket.gif); background-repeat:no-repeat; background-position:center center; cursor:pointer;}
.shopArticle button span {visibility:hidden;}
.shopArticle a.details {width:30px; background-image:url(http://www.artification.ch/globalfiles/img/zoom.gif); background-repeat:no-repeat; background-position:center center;}
.shopArticle a.details img {visibility:hidden;}
.shopArticle .details  {clear:both; margin-top:0.5em; padding-top:0.5em; border-top:1px solid #000000;}

.shopBasket h3 {margin-bottom:1em; border-bottom:2px solid #000000;}
.shopBasket table.articles {width:100%; border:0; border-collapse:collapse;}
.shopBasket table.articles th {padding:3px 0; border-bottom:1px solid #000000;}
.shopBasket table.articles td {padding:3px 0; border-bottom:1px solid #cccccc;}
.shopBasket table.articles .last td {border-bottom:1px solid #000000;}
.shopBasket table.articles .article {text-align:left;}
.shopBasket table.articles .unitprice {text-align:right;}
.shopBasket table.articles .quantity {text-align:center;}
.shopBasket table.articles .quantity input {width:30px;}
.shopBasket table.articles .quantity button {background:none; border:0; color:#000000; font-weight:bold; cursor:pointer;}
.shopBasket table.articles .sum {text-align:right; font-weight:bold;}
.shopBasket table.articles .delete {text-align:right;}
.shopBasket table.articles td.totalsum {text-align:right; font-weight:bold; color:#000000; border-bottom:0;}

.shopOrderStep1 .back_to_basket {float:right; padding-top:5px; text-decoration:none;}
.shopOrderStep1 h3 {margin-bottom:1em; border-bottom:1px solid #000000;}

.planningShopDateChoice table.times {border:0; border-collapse:separate;}
.planningShopDateChoice table.times td {padding:0; line-height:2em;}
.planningShopDateChoice table.times td.hour {padding:0 1em 0 0; text-align:right; font-weight:bold;}
.planningShopDateChoice table.times td.quarter {width:100px;}
.planningShopDateChoice table.times td.quarter.free {background-color:green;}
.planningShopDateChoice table.times td.quarter.reserved {background-color:gray;}
.planningShopDateChoice table.times td.quarter a {position:relative; display:block; text-decoration:none; width:100%; height:100%;}
.planningShopDateChoice .backlink {margin-top:1em;}

.slogan {font-size:160%; color:#666;}