/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
#overlayfrm {background-color:#f5f5f5; -moz-opacity:0.6; opacity:.60; filter:alpha(opacity=60);}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY { margin: 0px; padding: 0px; font-family: Verdana, Arial; font-size: 12px; color: #ffffff;background:url(/images/bg.jpg);background-repeat: repeat-x;background-color: #517082;}

#wrapper {position: relative; margin: 0px auto 0px auto; width: 815px; min-height: 900px; height: auto !important; height: 900px;}
#columnLeft {float: left; width: 203px; min-height: 813px; height: auto !important; height: 813px;}
#columnRight {float: left; width: 612px; min-height: 813px; height: auto !important; height: 813px;}
#logo {background:url(/images/matox-2_r1_c1.jpg) no-repeat; width:203px; min-height: 138px; height: auto !important; height: 138px;}
#menu {float: left; width:203px; min-height: 400px; height: auto !important; height: 400px; padding: 0px; margin: 0px;}
#menu #menuTop {float:left; background:url(images/menutop.jpg) no-repeat; width: 203px; height: 161px; margin: 0px; padding-top: 20px;}
#menu #menuContent {float:left; background:url(images/menucontent.jpg) repeat-y; width: 203px; height: 400px; margin-top: -20px;}
#menu #menuBottom {float: left;  background:url(images/menubottom.jpg) no-repeat; width: 203px; height: 21px;}
#headerLinks {float: left;background:url(/images/matox-2_r1_c2.jpg) no-repeat; width:612px; min-height: 112px; height: auto !important; height: 112px;}
#datum {padding: 30px 0px 0px 450px; font-size: 11px;}
#headerImage {float: left;background: url(/images/matox-2_r2_c2.jpg) no-repeat; width: 612px; min-height: 183px; height: auto !important; height: 183px;}
#quotes {float: left; width: 112px; height: 117px; padding: 0px; margin: 16px 0px 0px 191px; text-align:center; color: Black; font-size: 17px;}
#plus {position: absolute; top: 225px; }
#loginAccount {width: 240px; height: 140px; margin: 10px 0px 0px 350px; color:#000000;}
#loginAccount a {color: #000000;}
#loginAccount a:hover {color: #999999}
#inlogBox { border:none;}
#loginBox, #accountBox{ line-height: 18px;}
#breadCrumb { font-size: 11px; text-transform: lowercase;}
#breadCrumb a {color: White;}
#breadCrumb a:hover { color: Black; text-decoration: none;}
#content {float: left; padding: 0px 20px 15px 15px; line-height: 18px; margin: 0px;}
#fontSize {}

.sidn-deelnemer {float: left;}
.clearEnd { clear:both;}

.knop a {color: #666666; text-decoration:none;}
.knop a:hover {color: #999999; text-decoration:none;}
.button {display:block; width:95px; height:51px; margin: -9px 0px 0px 1px; padding-top: 13px; text-align:center;}
.buttonTextLine3 {display:block; width:95px; height:56px; margin: -9px 0px 0px 1px; padding-top: 6px; text-align:center;}

a {color: #cccccc; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

/* Menu begin */
.nav, #nav ul {padding: 0px; margin: 0px; list-style: none; float : left; width : 188px;}
.nav li {position: relative; float: left; line-height: 1.25em; margin-bottom: -1px; width: 193px;}
.nav li a {width: 186px; w\idth: 182px; display: block; color: black; text-decoration: none; padding: 0.3em 0.5em;}
.nav li a:hover {background-color: White;}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {left: -999em;}
.nav li.selected {font-weight: bold;}
/* Menu end */
.inputBG {width: 107px; min-height: 20px; font-size: 10px; height: auto !important; height: 20px; background: url(/images/input_bg_red.gif) no-repeat; padding: 0px 4px 0px 6px;}

.inputBG input {background: transparent; border: 0px;  font-size: 10px; max-width: 77px; width: 77px; min-height: 20px; height: auto !important; height: 20px;}
img { border: none;}

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
      overflow: hidden;
	background-color: navy;
	padding-left: 5px;}
	
h1 {font-size: 20px; font-weight: bold;}
h2 {font-size: 14px; text-decoration: underline;}

h4 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#000000; margin: 0px; padding-left: 20px;}
h5 {margin: 0px;}
#bodyWrap
{
    width : 800px;
    margin-left : auto;
    margin-right : auto;
}
#overlay
{
    background : url("resources/trans.png") repeat-y;
}
#protoflowContainer
{
    border : 5px solid rgb(68 , 68 , 68);
    width : 600px;
    margin-left : auto;
    margin-right : auto;
}
#protoflow
{
    width : auto;
    height : 400px;
    border : 0px solid red;
}
.sliderTrack
{
    background : transparent url("resources/track_fill_left.png") no-repeat scroll left top;
    height : 15px;
    position : relative;
    text-align : left;
    width : 137px;
}
.sliderHandle
{
    background : transparent url("resources/knob.png") no-repeat scroll left top;
    cursor : pointer;
    height : 16px;
    margin-left : -2px;
    position : absolute;
    top : -5px;
    width : 16px;
}
.protoCaptions
{
    display : none;
}
.captionHolder
{
    font-size : 34px;
    color : black;
}