* { padding: 0; margin: 0; }

body {
 font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 background-image:url(images/bg_overall.jpg);
 background-repeat:repeat-x;
 background-color:#0d2d51;
}

a:link, a:hover, a:active, a:visited { 
color: #ffffff; 
text-transform: none;
text-decoration: none;
}

#bgwrap {
position: absolute;
left: 50%;
margin-left: -453px;
background-image:url(images/bg_header.jpg);
background-position: left top;
background-repeat: no-repeat;
padding-bottom: 10px;
}

#wrapper { 
margin-left: 75px;
width: 755px;
}

#header {
 color: #ffffff;
 font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
 width: 755px;
 float: left;
 height: 141px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.header {
padding: 117px 15px 0px 0px;
float: right;
}

#menu {
 float: left;
 width: 755px;
 height: 47px;
 color: #333;
 margin: 0px 0px 0px 0px;
 background-color:#FFFFFF;
}

/* CSS Rollover Lekker Boeiend */
.menu_welkom img { padding: 0px; border: 0; } 
.menu_welkom a { display:block; height:47px; width:103px; overflow:hidden; float:left; } .menu_welkom a:hover { display:block; text-indent:-103px; }

.menu_producten img { padding: 0px; border: 0; } 
.menu_producten a { display:block; height:47px; width:111px; overflow:hidden; float:left; } .menu_producten a:hover { display:block; text-indent:-111px; }

.menu_over img { padding: 0px; border: 0; } 
.menu_over a { display:block; height:47px; width:107px; overflow:hidden; float:left; } .menu_over a:hover { display:block; text-indent:-107px; }

.menu_dealer img { padding: 0px; border: 0; } 
.menu_dealer a { display:block; height:47px; width:123px; overflow:hidden; float:left; } .menu_dealer a:hover { display:block; text-indent:-123px; }

.menu_contact img { padding: 0px; border: 0; } 
.menu_contact a { display:block; height:47px; width:106px; overflow:hidden; float:left; } .menu_contact a:hover { display:block; text-indent:-106px; }

.menu_leeg img { padding: 0px; border: 0; float: left; } 

.leeg { padding: 0px; border: 0; }
/* Einde CSS Rollover Lekker Boeiend */


div#navigatie_boven{
position:absolute;
top: 0px;
height:120px;
right:0px;
margin-right: 5px;
}

#submenu {
 float: left;
 width: 755px;
 height: 40px;
 color: #333;
 margin: 0px 0px 0px 0px;
}

.submenu {
padding: 5px 10px 0px 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
float: left;
}

#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding-top: 10px;
 height: 320px;
 width: 190px;
 float: left;
 background-image:url(images/leftmenu.jpg);
 background-repeat: no-repeat;
}

#leftcolumn_product { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 16px 0px 0px 16px;
 height: 320px;
 width: 174px;
 float: left;
 background-image:url(images/leftmenu_product.jpg);
 background-repeat: no-repeat;
}

.leftcolumnitem {
padding: 0px 0px 10px 15px;
color: #FFFFFF;
}

.leftcolumnheading {
font-weight: bold;
color: #a08022;
padding: 0px 0px 0px 15px;


}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 min-height: 200px;
 width: 565px;
 display: inline;
 background-image:url(images/content_bg.jpg);
 background-repeat: repeat-y;
}

#rightcolumn_head {
margin: 0px 0px 0px 0px;
width: 565px;
height: 199px;
background-image:url(images/upper_content_bg.jpg);
background-repeat:no-repeat;
}

#rightcolumn_foot{
margin: 0px 0px 0px 0px;
width: 565px;
height: 159px;
background-image:url(images/content_bg_onder.jpg);
background-repeat:no-repeat;
}

#contentwrap {
position: relative;
margin: -199px 0px -110px 0px;
min-height: 311px;
}

.contentheading {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
color: #8e0e0e;
padding: 30px 0px 10px 16px;
}

.content {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #1d2227;
padding: 8px 10px 0px 16px;
}

#admincolumn {
float: left;
width: 755px;
min-height: 432px;
padding-top: 3px;
background-image:url(images/admin_bg_stretch.jpg);
background-repeat: repeat-y;
}

#admincolumn_head {
margin: -3px 0px 0px 0px;
width: 755px;
height: 252px;
background-image: url(images/upper_admin_bg.jpg);
background-repeat:no-repeat;
}

#admincolumn_head2 {
margin: -3px 0px 0px 0px;
width: 755px;
height: 98px;
background-image: url(images/upper_admin_bg2.jpg);
background-repeat:no-repeat;
}

#admincolumn2 {
float: left;
width: 755px;
min-height: 245px;
padding-top: 3px;
background-image: url(images/admin_bg_stretch2.jpg);
background-repeat:repeat-y;}

.adminwrap {
position: relative;
margin: -252px 0px -110px 0px;
min-height: 311px;
}

.adminwrap2 {
position: relative;
margin: -93px 0px -110px 0px;
min-height: 200px;
padding-bottom: 93px;
z-index: 100;
}

#admin_footer {
position: relative;
background-image:url(images/admin_footer.jpg);
background-repeat: no-repeat;
width: 755px;
height: 95px;
}

.gebruikersopties {
float: left;
width: 220px;
padding: 2px 0px 0px 20px;
}

.gebruikersopties_head {
margin: 0px 0px 0px -18px;
}

.producten {
float: left;
width: 220px;
padding: 2px 0px 0px 20px;
}


.producten_head {
margin: 0px 0px 0px -18px;
}

.configuratie {
float: left;
width: 210px;
padding: 2px 0px 0px 20px;
}

.adminp {
padding-bottom: 5px;
}

.tabel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px 0px 0px 15px;
}

.tabel td {
height: 25px;
}

.adminp a:link, .adminp a:hover, .adminp a:active, .adminp a:visited { 
color: #000000;
}

.product_text {
float: left;
width: 280px;
font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #1d2227;
padding: 8px 0px 0px 16px;
}

.product_image {
float: right;
margin: -20px 20px 0px 0px;
}

.prijs {
font: 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 7px 0px 0px 5px;
float: right;
width: 84px;
height: 27px;
background-image: url(images/product_prijs.jpg);
}


table {
    margin: 5px 20px 5px 20px;
    width: 90%;
}

table th {
    border-bottom: 1px solid black;
    color: #fff;
    background-color: #12345a;
    height: 20px;
}

table th a,
table th a:link {
    color: #fff;
}

table th a:hover {
    color: gray;
}


p {
    padding: 15px 15px 5px 15px;
}

p a:visited,
table td a:visited {
    color: gray;
}

p a,
p a:link,
p a:hover,
table td a,
table td a:link,
table td a:hover {
    color: #000;
}

.submenu a,
.submenu a:link,
.submenu a:visited {
    color: #fff;
}

.submenu a:hover {
    color: gray;
}

.gebruikersopties p {
    padding:5px;
}

input, textarea, select {
    border: 1px solid gray;
    padding: 2px;
    background-color: #1b456b;
    color: #fff;
}

.boxLink {
    margin-left: 15px; 
    height: 60px; 
    width: 80px; 
    display: block; 
    float: left; 
    border: 1px solid black; 
    text-align: center; 
    font-weight: bold;   
}

.boxLinkR {
    margin-right: 15px; 
    height: 60px; 
    width: 80px; 
    display: block; 
    float: right; 
    border: 1px solid black; 
    text-align: center; 
    font-weight: bold;   
}

.boxLink:hover,
.boxLinkR:hover {
    background: gray;
}

.boxLink p,
.boxLinkR p {
   padding-top: 10px;
}


.extraoptiesstijl { 
    margin-left: -350px;
    position: absolute;
    top: -125px;
    left: 50%;
    width: 700px;
    height: 500px;
    display: block; 
    background: #fff; 
    border: 5px solid black;
    z-index: 999; 
}

.extraoptiesstijlcontent {
    height: 425px; 
    overflow-y: auto;
    overflow-x: hidden;
}

h3 {   
    font-size: 15px;   
    font-family: new times roman;   
    margin-top: 15px;
}

/* customer_size.tpl */
.sizes .maat {
    width: 40px;
}


/* products.tpl */
.floatbox {
    text-align: center;
    margin: 10px;
    width: 150px;
    float: left;
    height: 150px;
}
  
div.text {
    text-align: center;
}

/* customer_products.tpl */
.nobigtable {
    margin: 0; padding:0;
}