body
{
font-family	: "Trebuchet MS";
font-size		: 76%;
color				: #333333;
background-image: url(../images/bg2.gif); 
margin: 0;
padding: 0;
}

a
{
color			: #000;
text-decoration: underline;
font-weight: bolder;
}

a:hover
{
color			: #FFFFFF;
background-color: #000;
text-decoration: none;
}

a div {
cursor: pointer;
}

a img 
{
border-width: 0px;
}

form 
{
padding: 0px;
margin: 0px;
}

#container 
{
position: relative;
width: 100%;	
}

#page
{
width: 714px;	
background-image: url(../images/bg1.gif);
position: relative;
margin-left: 28px;
margin-bottom: 28px;
}

#leftcolumn
{
float:left;
position: relative;
width: 220px;
}

#header
{
min-width: 100%;
height: 44px;
/*background-color: #000000;*/
position: relative;
}

#logo img
{
position: absolute;
left:27px;
top:10px;
}


#header .textbar
{
position: absolute;
left:250px;
bottom:0px;
min-width:492px;
max-width: 100%;
height: 22px;
background: url(../images/bg3.gif) bottom left repeat-x;
}

#header .menu
{
min-width: 492px;
padding:0px;
margin-left: 0px;
margin-top: 4px;
margin-bottom: 3px;
margin-right: 0px;
color: #EFA;
text-align: right
}

#header .menu a
{
color: #EFA;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 7px;
padding-right: 7px;
margin-left: 3px;
margin-right: 3px;
margin-top: 0px;
margin-bottom: 0px;
text-decoration: none;
letter-spacing: 0.1em;
text-transform:uppercase;
line-height: 9px;
font-size: 0.95em;
}

#header .menu a:hover
{
text-decoration: none;
color: #000;
background-color: #efa;
}


#leftcolumn .Basic, #homepage .basic
{
background: url(../images/backgrounds/basic.gif) bottom left no-repeat;
}

#leftcolumn .Trendy, #homepage .trendy
{
background: url(../images/backgrounds/trendy.gif) bottom left no-repeat;
}

#leftcolumn .Werkkleding, #homepage .workwear
{
background: url(../images/backgrounds/workwear.gif) bottom right no-repeat;
}

#leftcolumn .Bags, #homepage .accessories
{
background: url(../images/backgrounds/accessories__.gif) bottom left no-repeat;
}

#leftcolumn #mainmenu
{
width:165px;
margin-left: 33px;
margin-top: 45px;
height:379px;
position: relative;
}

#leftcolumn #mainmenu.nodept
{
background: url(../images/backgrounds/nodept.gif) bottom  no-repeat;
}


#leftcolumn #mainmenu .img1
{
position: absolute;
left: 35px;
top: 0px;
}

#leftcolumn #mainmenu .img2
{
position: absolute;
left: 35px;
top: 27px;
}

#leftcolumn #mainmenu .img3
{
position: absolute;
left: 35px;
top: 54px;
}

#leftcolumn #mainmenu .img4
{
position: absolute;
left: 35px;
top: 81px;
}

#leftcolumn #boxes
{
width: 165px;
margin: 0 0 55px 27px;
padding-bottom: 25px;
border-bottom: 3px solid #000000;
}

#homepage #mainmenu
{
width:100%;
height:323px;
margin: 0px;
position: relative;
background: url(../images/bg3.gif) bottom left repeat-x;
}

#homepage #mainmenu div
{
width:155px;
height:312px;
}

#homepage #mainmenu .basic
{
position: absolute;
left: 32px;
top: 0px;
}

#homepage #mainmenu .trendy
{
position: absolute;
left: 197px;
top: 0px;
}

#homepage #mainmenu .workwear
{
position: absolute;
left: 370px;
top: 0px;
}

#homepage #mainmenu .accessories
{
position: absolute;
left: 527px;
top: 0px;
}

#homepage #mainmenu div img
{
position: absolute;
left: 15px;
top: 301px 
}

#homepage #mainmenu .workwear img
{
position: absolute;
left: 6px;
top: 301px 
}

#homepage #boxes
{
position: relative;
margin: 46px 0px 55px 82px;
height: 220px;
}

#homepage #boxes div.box1,
#homepage #boxes div.box2
{
float: left;
width: 219px;
height: 196px;
background-color: #ffffff;
border-bottom: solid 3px #000000;
padding: 0 0 20px 0;
}


#homepage .box1
{
margin-right: 111px;
}

.box1, .box2, .box3
{
position: relative;
}

#boxes div.box1 div.textbar
{
background-color: #FFFFFF;
width: 219px;
height: 33px;
border-bottom: solid 3px #000000;
}

#leftcolumn #boxes div.box1 div.textbar
{
width: 164px;
}

#leftcolumn #boxes div.box1 div.textbar
{
width: 164px;
}

#homepage #boxes h3,
#leftcolumn #boxes h3
{
margin:0px;
padding: 10px;
color: #000000;
letter-spacing: 0.1em;
text-transform:uppercase;
font-size: 13px;
line-height: 13px;
}

#boxes p
{
padding: 15px 15px 5px 10px;
margin: 0px;
}


#boxes div.box1 .boxcontent
{
padding: 10px;
margin: 0px;
}

#boxes div.box1 .boxcontent ol 
{
list-style: number;
padding: 0 0 0 15px;
margin: 0 0 0 5px;
}

#boxes div.box1 .boxcontent li p
{
padding: 13px 0 0 0;
margin: 0;
}



#boxes div.box2 .boxcontent
{
padding: 10px;
margin: 0px;
}

#boxes div.box2 .boxcontent ul 
{
list-style: square;
padding: 0 0 0 15px;
margin: 0 0 0 5px;
}

#boxes div.box2 .boxcontent li p
{
padding: 13px 0 0 0;
margin: 0;
}


#maintable
{
margin-left: 27px;
margin-top: 22px;
padding-bottom: 55px;
width: 439px;
position: relative;
float: left;
}


#tablehead
{
background: #000 url(../images/corners/tbl-r.gif) top right no-repeat;
min-width: 100%;
height:57px;
}

#tablehead h2
{
margin:0px;
padding-left: 20px;
padding-top: 8px;
background: url(../images/corners/tbl-l.gif) top left no-repeat;
color: #EFA;
letter-spacing: 0.05em;
text-transform:uppercase;
font-size: 1.2em;
font-weight: normal;
}

#tablehead p
{
margin-left: 20px;
margin-top: 6px;
padding: 0px;
color: #EFA;
}

#tablecontent
{
border-bottom: 3px solid #000000;
padding: 0px 0 30px 0;
}

#tablecontent p
{
padding: 15px 15px 5px 10px;
margin: 0px;
}

#maplink 
{
padding: 10px 0 0 10px;
}

#maplink img 
{
padding: 0;
border: 1px solid #000000;
}

#maplink img a:hover
{
background-color: none;
}

#searchBox
{
position: absolute;
left: 252px;
top: 55px; 
width:430px
}

#searchBox input
{
position: absolute;
right: 0px;
top: 0px;
}

/*
#searchBox select
{
color: #000;
background-color: #efa;
border: #666 1px solid;
}

#searchBox option
{
color: #efa;
background-color: #666;
}
*/

#searchResult
{
width: 100%;
line-height: 11px;
background-color: #efa; 
font-weight: bold;
border-bottom: solid 3px #000000;
}

#searchResult p
{
margin: 0px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
}

#footer
{
position: relative;
clear: both;
}

#footer .textbar
{
width:100%;
color: #666;
background-color: #EFA;
text-align: center;
text-transform:uppercase;
border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc;
}

#footer .menu,
#footer .menu a
{
color: #666;
padding-top: 4px;
padding-bottom: 4px;
letter-spacing: 0.1em;
font-size: 1em;
text-decoration: none;
font-weight: normal;
}

#footer .menu a:hover
{
text-decoration: underline;
background: none;
}

td
{
font-family	: "Trebuchet MS";
font-size		: 12px;
color				: #333333;
}

h1
{
font-family	: verdana;
font-size		: 12px;
color				: #D1ED98;

}

h2
{
font-family	: verdana;
font-size		: 12px;
color				: #003366;
}

.PreviewTable
{
border-style	: solid;
border-width: 1px;
border-color	: #666666;
background-color: #E2E2E2;
}

.PreviewTable2
{
border-style	: solid;
border-width: 1px;
border-color	: #E1E1E1;
}

.PreviewTable3
{
border-style	: solid;
border-width: 1px;
border-right-width : 0px;
border-left-width : 0px;
border-color	: #003366;
}

.subhead 
{
width: 440px;
height: 55px;
position: relative;
border-bottom: 3px #000 solid;
margin: 0px;
padding: 0px;
}

.subhead h3, #offerte .subhead h3
{
width: 275px;
position: absolute;
left: 0px;
bottom:0px;
margin: 0px;
border: 0px;
font-size: 18px;
}

.prodDisplay .subhead
{
margin-top: 13px;
}

#offerte .prodDisplay .subhead
{
margin-top: 0px;
}

.prodHeader, 
.prodDisplay
{
width: 440px;
float: left;
position: relative;
}

.prodHeader img
{
float: left;
margin-left: 25px;
margin-top: 40px;
}

.catLink
{
width: 220px;
border-bottom: #000 solid 3px;
position: absolute;
left: 220px;
bottom: 0px;
}

.prodLink b.left
{
width: 165px;
}

.prodLink b.right
{
position: absolute;
right: 0px;
bottom: 0px;
}

.prodLink
{
width: 220px;
border-bottom: #000 solid 3px;
position: relative;
}

.prodHeader .prodLink
{
position: absolute;
left: 220px;
bottom: 20px;
}

.prodHeader .prodDesc
{
width: 220px;
position: absolute;
left: 220px;
bottom: 0px;
}

.prodLink a, .catLink a, #pageSequence a
{
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
line-height: 14px;
}

#offerte h3 
{
/*margin-top:32px;*/
width: 440px;
border-bottom: #000 solid 3px;
margin-bottom:0px;
font-size: 18px;
line-height: 23px;
}

.prodDisplay .brandLogo, #offerte .prodDesc
{
position: absolute;
bottom:0px;
right:0px;
}

.prodDisplay .prodDesc
{
width: 165px;
font-size: 14px;
margin-top: 5px;
float: left;
}

.prodDisplay .prodImg
{
margin-top: 20px;
margin-bottom: 15px;
float: left;
}

.prodDisplay .prodDetails
{
margin-top: 0px;
margin-bottom: 0px;
width: 165px;
font-size: 12px;
float: left;
}

.prodDisplay .sizes
{
width: 165px;
font-size: 16px;
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
float: left;
}


#offerte .instructies p {
font-size: 115%;
}

#offerte .instructies li p {
width: 330px;
}

#offerte .prodDesc
{
width: 165px;
font-size: 14px;
margin-top: 5px;
text-align: right;
}

#offerte fieldset
{
width: 225px;
font-size: 11px;
border: 0px;
padding: 0px;
margin-top: 15px;
text-transform: uppercase;
color: #000;
font-weight: bold;
}

#offerte .prodDisplay fieldset 
{
float: right;
}

#offerte .klant, #offerte .voorkeuren, #offerte .aangeleverde, #offerte .aanvullende
{
width: 450px;
float: left;
}

#offerte .voorkeuren, #offerte .aangeleverde
{
height: 110px;
}

#offerte .voorkeuren fieldset, #offerte .aangeleverde fieldset
{
float: left;
}

#offerte .voorkeuren fieldset
{
width: 215px;
}

#offerte .klant
{
height: 220px;
}

#offerte .klant fieldset
{
float: left;
width: 215px;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
}

#offerte .klant .selectbox
{
width: 215px;
padding: 0px;
margin: 2px;
}

#offerte input, #offerte select, #offerte textarea
{
border: 1px solid #333;
padding: 0px;
margin: 2px;
}

#offerte .drukken, #offerte .colorTable, #offerte .sizes 
{
font-size: 10px;
text-align: right;
}

#offerte .drukken select
{
font-size: 9px;
}

#offerte fieldset legend
{
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 0px;
margin: 0px;
color: #000;
}

.prodDisplay .prodLink
{
height: 16px;
float: right;
margin-top: 21px;
}

#offerte .prodDisplay
{
height: 275px;
}

#offerte .prodDisplay fieldset
{
height: 45px;
margin-top: 10px;
padding: 0px;
}

#offerte .prodLink
{
margin-top: 15px;
}

#offerte .colorTable
{
float: right;
margin-top: 10px;
text-transform: lowercase;
}

#offerte .selectbox
{
width: 219px;
margin: 0px;
padding: 0px;
}

#offerte .sizes input
{
width: 30px;
}

.colorTable
{
float: right;
width: 275px;
margin-top: 15px;
}

.colorTable .box
{
width: 55px;
height: 110px;
float: right;
text-align: center;
position: relative;
}

.colorTable p
{
text-transform: lowercase;
color: #000;
padding: 0px;
margin: 0px;
font-size: 11px;
line-height: 12px;
width: 50px;
position: absolute;
top: 45px;
left: 2px;
}

.colorTable .swatch
{
width: 27px;
height: 27px;
line-height: 10px;
position: absolute;
left: 12px;
top: 0px;
border: solid #000 1px
}

.colorTable .swatch1
{
width: 20px;
height: 20px;
line-height: 10px;
position: absolute;
left: 11px;
top: 0px;
border: solid #000 1px
}

.colorTable .swatch2
{
width: 20px;
height: 20px;
line-height: 10px;
position: absolute;
left: 19px;
top: 8px;
border: solid #000 1px
}


#pageSequence
{
width: 440px;
border-bottom: #000 solid 3px;
position: relative;
float: left;
margin-top: 55px;
text-align: center;
}

#pageSequence .numbers
{
width: 250px;
position: absolute;
left: 90px;
top: 0px;
text-align: center;
}

#pageSequence .thisPage
{
background-color: #000;
color: #fff;
}

#pageSequence .left
{
position: absolute;
left: 0px;
bottom: 0px;
}

#pageSequence .right
{
position: absolute;
right: 0px;
bottom: 0px;
}


a:hover b
{
background-color: #000
}

.noImage a:hover 
{
background-color: #999;
}

.left
{
float: left;
}

.right
{
float: right;
}

.noImage
{
width: 110px;
height: 110px;
text-align: center;
margin-left: 25px;
margin-top: 40px;
border: 1px solid #ccc;
}

.Col1
{
color					: #000000;
font-size			: 10px;
border-style	: solid;
border-width: 0px;
border-color	: #093A80;
}

.Row1
{
background-color	: #666666;
width			: 100%;
font-size		: 10px;
font-family	: arial;
color				: #000000;
}

.Row2
{
background-color	: #FFE880;
border-style	: solid;
border-width: 1px;
border-color	: #666666;
color				: #000000;

}

.Row3
{
background-color	: #EEF3F9;
}


optgroup
{
color					: #666666;
letter-spacing	: 12x;

}

.SelectAllItems
{
font-size	: 10px;
width		: 200px;
overflow	: auto;
}

.rowfirst
{
background-color	: #F7E106;
color						: #000000;
}

.rowsecond
{
background-color	: #E2E2E2;
color						: #000000;
}

.cmtbody
{
background-color		: #E2E2E2;
}

.standardButton
{
border-style			: outset;
border-color			: #CCCCCC;
border-width		: 2px;
width					: 150px;
background-color : #666666;
color						: #FFFFFF;
text-decoration	: none;
font-weight			: bold;
padding				: 2px;
}

.cmtinput
{
width: 130px;
font-size: 11px;
}

.selectBox
{
width					: 175px;
font-size				: 11px;
margin-right: 0px;
}

input
{
font-size				: 11px;
}