/* CSS Document */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FFFFFF; background-image:url(../assets/pannoc_bottom.jpg);background-repeat:repeat-y;background-position:center;}
p, form, h1, h2 {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
p {font-size:11px;}
li {color:#8c7b6d;font-size:12px;}
td {color:#8c7b6d;font-size:12px;}
input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
input, select, textarea {background-color:#FFFFFF; border:1px solid #8c7b6d;padding:1px;font-size:12px;color:#8c7b6d;}
input[type="submit"] {background-color:#938376;color:#FFFFFF;font-weight:bold;padding:2px;}

#container { margin:0 auto 0 auto; width:957px; }
.topleft {background-image:url(../assets/pannoc_left_top.jpg);width:168px;text-align:center;}

#nav {color:#938376;font-size:13px;font-weight:bold;margin-left:20px;}
.navitem, .selected {float:left;padding:5px 19px 0 19px;height:25px;}
.navspacer {float:left;background-color:#938376;width:1px;margin-top:9px;margin-bottom:4px;height:12px;}
.navitem:hover, .selected:hover {background-image:url(../assets/nav_over.jpg);}
#nav a {color:#938376;text-decoration:none;}
#nav a:hover {color:#938376;text-decoration:none;}

#language {margin-top:3px;margin-left:40px}
#language a {font-size:11px;color:#938376;text-decoration:none;}
#language a:hover {color:#938376;text-decoration:none;}
#language .srchbutton {background:none; border:none;font-size:9px;color:#8c7b6d;font-weight:bold;background-image:url(../assets/bullets_login.png);background-repeat:no-repeat;
background-position:center left;padding:0 0 0 38px; width:100px;}

#language input {font-size:10px;}

#login {margin:0 15px 0px 0;}

#login p {font-size:10px;color:#8c7b6d;}
#login a {font-size:10px;color:#8c7b6d;text-decoration:none;}
#login a:hover {text-decoration:underline;}
.loginfield {background-color:#FFFFFF; border:1px solid #8c7b6d;padding:2px;font-size:10px;color:#8c7b6d;width:100px;margin-bottom:2px;}
#login .loginbutton {background-color:#8c7b6d;border:1px solid #8c7b6d;font-size:10px;color:#FFFFFF;font-weight:bold;padding:0px 10px;}
#login .logoutbutton {background-color:#8c7b6d;border:1px solid #8c7b6d;font-size:10px;color:#FFFFFF;font-weight:bold;padding:0px 10px; margin:2px 0px;}

#category {margin:15px 0 0 35px;}
#category img, #category a {margin-bottom:5px;border:none;outline:none;}

#weblinks {margin:20px 0 0 35px;}
#weblinks img {border:none;outline:none;}
#weblinks a {border:none;outline:none;}


#innercontent h1 {color:#8c7b6d;font-size:14px;font-weight:bold;margin-bottom:15px;}
#innercontent h2 {color:#8c7b6d;font-size:13px;font-weight:bold;margin-bottom:5px;}
#innercontent h3 {color:#938376; background-color:#DBEEB7; font-size:13px; font-weight:bold; border:1px solid #9C8D81;padding:10px;width:580px;}
#innercontent h4 {color:#938376; font-size:12px; font-weight:bold; margin:0px 0 10px 0;  }
#innercontent p {color:#8c7b6d;font-size:12px;margin-bottom:10px;text-align:justify;}
#innercontent li {color:#8c7b6d;font-size:12px;}
#innercontent a {color:#8c7b6d; text-decoration:underline;}
#innercontent a:hover {color:#8c7b6d; text-decoration:none;}
#innercontent td {color:#8c7b6d;font-size:12px;}


#producten p {margin:0;padding:0;font-size:12px;}
#producten {font-size:12px;color:#8c7b6d;}
#producten a {text-decoration:none;}
#producten a:hover {text-decoration:underline;}

#bottom {margin-bottom:5px;}
#bottom p {color:#83807d;font-size:10px;}
#bottom a {color:#83807d;text-decoration:none;}
#bottom a:hover {color:#83807d;text-decoration:underline;}

#nieuworder p {margin:0;font-size:12px;}
#nieuworder h1 {margin:0 0 5px 0;padding:0;font-size:15px;font-weight:bold;color:#8c7b6d;letter-spacing:2px;font-variant:small-caps;}
#nieuworder h2 {margin:5px 0 2px 5px;padding:0;font-size:12px;font-weight:bold;color:#8c7b6d;letter-spacing:1px;}
#nieuworder h3 {color:#938376; background-color:#DBEEB7; font-size:12px; font-weight:bold; border:1px solid #9C8D81;padding:5px;width:570px;}
#nieuworder input[readonly] {font-style:italic; background-color:#DDDDDD;}

.tabellijst td {border-bottom:1px dotted #E4E0DD;padding:3px;}
.tabellijst { width:100%;}
.normalrow {}
.otherrow {background-color:#EEEEEE;}
.error_login {text-align:center;}
#loginMessage {padding:5px 0px;}
#loginMessage a	{ color:#000000;  }
.fotolinks {float:left; margin:2px 10px 2px 2px; border: none;}
.fotorechts {float:right; margin:2px 15px 2px 15px; border: none;}
.L {float:left;margin-right:8px;}
.R {float:right;margin-left:8px;}
.float {clear:both;}

.webshop_add {width:20px;background: url(../assets/webshop_add.png) no-repeat;border:none;height:16px;}
.webshop_del {width:20px;background: url(../assets/webshop_del.png) no-repeat;border:none;height:16px;}
.winkelmandtabel {width:570px;margin-left:2px;border-spacing:0px;border-collapse:collapse;}
.winkelmandtabel td {border:1px solid #DDDDDD;text-align:center;padding:1px;}
.winkelmandtabel th {text-align:center;color:#8c7b6d;font-size:11px;padding:2px;}
.qtip-content {font-size:10px;}

.ordersoverview {width:99%;margin-left:2px;border-spacing:0px;border-collapse:collapse;}
.ordersoverview td {border:1px solid #DDDDDD;text-align:center;padding:1px;}

.order_active {background-color:#CCCCCC; font-size:12px;padding:5px;color:#8c7b6d;}
.order_nonactive {background-color:#EFEFEF;color:#CCCCCC;font-size:12px;padding:5px;}

.success {background-color:#DDEFB9; padding:5px;border:1px solid #938376;}
.error {background-color:#FAC6C5; padding:5px;border:1px solid #938376;}