body
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    line-height: 150%;
    color: #333;
    background: url('/images/bg.gif') #0181bf repeat-x top left;
    text-align: center;
}

a 
{
    text-decoration: none;	
    font-weight: bold;
	color:#0181BF;
}

ul 
{
	list-style: none;		
    margin: 0px;
    padding: 0px;
}

ul li 
{
    margin: 0px;
    padding: 0px;	
}

h1, h2 
{
    padding: 0;	
    color: #0181bf;
    font-size: 190%;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
}

h1 {
	color: #666666;	
}


img { border: none; }

a:hover { color: #888; }

#notice
{
	display: block;
	border: 1px solid #E65E5E;
	background: #F79C9C url('/images/alert.png') 6px 4px no-repeat;
	padding: 3px;
	padding-left: 30px;	
	font-family: Verdana;
	font-size: 10px;
	margin-bottom: 20px;
}

#logintext 
{
	background: url(/images/user_suit.png) no-repeat 3px 6px;
	padding-left: 23px;
	padding-top: 5px;
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
    float: left;
}

#logintext a 
{
    float: none;
    display: inline;
    color: #0181bf;
}

label
{
    display: block;
    float: left;
    clear: both;
    width: 175px;
    font-weight: bold;
    line-height: 22px;
}

#header
{
    margin: 0px auto;
    width: 990px;
    height: 60px;
    text-align: left;
}

/* Logo */

#logo 
{
	float: right;
	margin-right: 3px;
	!position: relative;
	!top: -33px;
}

#header ul
{
    margin-top: 34px;    
    position: absolute; 
    !position: relative;
}

#header ul li
{
    margin: 0px;
    padding: 0px;
    background: url('/images/bg-top-menu.gif') no-repeat 0px -26px;
    text-align: center;
    width: 95px;
    padding-top: 4px;
    height: 23px;
    float: left;
}
#header ul li a
{
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    width: 95px;
}

#header ul li:hover { background-position: 0px 0px; }
#header ul li:hover a { color: #0181bf; }


#container
{
    margin: 0px auto;
    width: 986px;
    padding: 2px;
    background: url('/images/bg-container.gif') #bfbfbf repeat-x top left;
    text-align: left;
}

#left
{
    float: left;
    width: 231px;
    margin-bottom: 10px;
}

#left a {font-weight : bold;}

#left ul
{
    width: 231px;
    z-index: 1;
    position: relative;
}

#left ul li
{
    display: block;
    float: left;
    margin-bottom: 1px;
}

#left ul li ul li {	margin-bottom: 0; }

#left ul li a
{
    padding: 5px 10px 5px 10px;
    color: #0181bf;
    display: block;
    font-size: 100%;
    width: 210px;
    background: #fff;
}

#left ul li a:hover, #left ul li a.current
{
    background: #0181bf;
    color: #fff;
}

#left ul li ul
{
    margin-left: 230px;
    padding: 0px;
    position: absolute;
    margin-top: -30px;
    width: 220px;
    height: auto;
    border: 1px solid #f2f2f2;
	display: none;
}

#left ul li:hover ul 
{
	display: block;
}

#left ul li:hover ul, #left li.sfhover ul
{
    left: auto;
}

#left ul li ul li a
{
    width: 200px;
    color: #fff;
    background: #0181bf;
}
#left ul li ul li a:hover
{
    background: #fff;
    color: #0181bf;
}

#banner
{
    width: 755px;
    display: block;
    float: left;
    height: 172px;
}

/* bestelling-volgorde */

#bestelling-volgorde
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 710px;
    height: 80px;
    background: url('/images/rp.png');
    border: 1px solid #0181bf;
    padding: 10px;
    padding-bottom: 0px;
}

#bestelling-volgorde li
{
    float: left;
    width: 175px;
    text-align: center;
}

#bestelling-volgorde li img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#contents
{
    float: left;
    width: 733px;
    margin: 0px 0px 0px 2px;
    padding: 10px;
    float: left;
    background: #fff;
}
#contents input, select
{
    width: 170px;
    margin: 1px;
    border: 1px solid #0181bf;
    padding: 3px;
    font-size: 12px;
    color: #333333;
}
#contents textarea
{
    width: 140px;
    margin: 1px;
    border: 1px solid #0181bf;
    padding: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

#contents input.aantal
{
    width: 30px;
}

#contents textarea.contactformulier
{
    width: 350px;
}

#contents input.button, #contents input.formbutton
{
    background: url(/images/btn-usedpc.gif) no-repeat;
    color: white;
    font-size: 100%;
    font-weight: bold;
    height: 25px;
    line-height: 26px;
    display: block;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 140px;
    border: 0;
}

#contents input.button
{
    margin: 0;
    display: block;
}

#contents input.formbutton
{
    float: left;
    width: 150px;
    margin-right: 10px;
}

#contents h2
{
    font-size: 130%;
    font-weight: bold;
}

#contents .melding-fout
{
    background: url(/images/melding-fout.png) no-repeat 0px 1px;
    padding-left: 22px;
    vertical-align: middle;
}

#contents .melding-ok
{
    background: url(/images/melding-ok.png) no-repeat 0px 1px;
    padding-left: 22px;
    vertical-align: middle;
}

#contents h3
{
    color: #333;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}
#contents a { text-decoration: underline; }

#zoeken {clear: both;}


#winkelwagen, #zoeken,  #nieuwsbrief
{
	 position: relative; top: 10px;
    padding: 10px;
    background-color: #fff;
	margin: 0px auto;
    padding: 5px;
	display: block;
    width: 200px;
    margin-bottom: 10px;
    border: 1px solid #444;
}

#zoeken input
{
    width: 150px;
    margin: 1px;
    border: 1px solid #0181bf;
    padding: 3px;
    font-size: 12px;
    color: #333333;
}
#zoeken input.button
{
    color: #fff;
    margin: 0;
    display: inline;
    width: 25px;
    background: #0181bf;
    text-align: center;
    font-weight: bold;
    line-height: 15px;
    border: 1px solid #0181bf;
}

#contents p
{
    margin: 10px 0px 10px 0px;
    padding: 0px;
    clear: both;
}

#contents p.nav a {
	font-weight: normal;	
}

#contents p.nav
{
    font-size: 90%;
    margin: 0px 0px 20px 0px;
}

#contents a.knop
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 10px;
    width: 140px;
    padding-top: 6px;
    height:20px;
    background: url('/images/btn-usedpc.gif') no-repeat 0px 0px;
    text-align: center;
}
#contents a.knop:hover
{
    background-position: 0px -25px;
    color: #0181bf;
}

#contents .nieuwsbericht
{
    margin: 0;
    padding: 0;
    clear: both;
}
#contents .nieuwsbericht h2
{
    margin: 10px 0 10px 0;
    padding: 10px 0 0 0;
}
#contents .nieuwsbericht h2 a
{
    color: #0181bf;
    text-decoration: none;
}
#contents .nieuwsbericht h2 a:hover
{
    color: #888;
    text-decoration: none;
}
#contents .nieuwsbericht img
{
    float: left;
    border: 1px solid #000;
    margin: 0px 10px 0px 0px;
}

#container .clear
{
    clear: both;
    height: 2px;
}

#footer
{
    margin: 0px;
    width: 990px;
    clear: both;
}

#c
{
    margin: 0px auto;
    width: 980px;
    padding: 5px;
    color: #fff;
    font-size: 90%;
    text-align: right;
    clear: both;
}
#c a
{
    color: #fff;
}

/* Webshop */

#filter
{
    display: block;
    border: 1px solid #cccccc;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    height: 17px;
    background: #fcfcfc;
    position: relative;
}

#filter label
{
    width: auto;
    float: left;
    clear: none;
    margin-right: 15px;
    font-size: 10px;
    position: relative;
    top: -2px;
}

#filter select
{
    margin: 0;
    padding: 0;
    width: 140px;
    float: left;
    clear: none;
    margin-right: 40px;
    font-size: 10px;
    border: 1px solid #cccccc;
}

#contents .lijst, #contents .fotoweergave
{
    display: block;
    clear: both;
}

#contents .lijst li
{
    display: block;
    clear: both;
    border-bottom: 1px solid #cccccc;
    min-height: 140px;
    margin-bottom: 10px;
}

#contents .lijst .foto {
	width: 150px;
	height: 130px;
	display: block;
	float: left;
	border-right: 1px solid #cccccc;
}

#contents .lijst .foto a {
	display: block;
	text-align: center;
	margin-top: 20px;
}

#contents .lijst .titel a {
	color: #0181BF;	
}

#contents .lijst .prijs {
	margin-top: 30px;
	width: 150px;
	display: block;
	float: right;
	text-align: center;
	color:#0181BF;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	width:140px;
}

#contents .lijst .prijs a {
	font-size: 70%;
	position: relative;
	top: 20px;
}


.prijs .vanprijs {
	color:#FF0000;
	font-family:Arial;
	font-size:10px;
	text-align:center;
	text-decoration: line-through;
}

#contents .lijst .prijs a {
	display: block;
	margin: 0 auto; 
}

#contents .lijst .omschrijving {
	display: block;
	float: left;
	width: 410px;
	margin-left: 5px;
}

/* fotoweergave */

#contents .fotoweergave .omschrijving .txt{
	display: none;
}

#contents .fotoweergave li .foto {
	height: 70px;
	display: block;
}

#contents .fotoweergave .titel {
	position: relative;
	top: -130px;	
	height: 50px;
	display: block;
}

#contents .fotoweergave .prijs {
	clear: both;
	display: block;
	font-weight: bold;
}

#contents .fotoweergave .prijs a {
	display: none;
}

#contents .fotoweergave a {
	text-decoration: none;	
	color:#0181BF;
}

#contents .omschrijving {
	height: 50px;	
}

#contents .fotoweergave .titel a {
	color: #0181BF;
}

#contents .fotoweergave li {
	padding-top: 60px;
	display: block;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	float: left;
	width: 175px;
	height: 155px;
	margin-right: 9px;
	margin-bottom: 9px;
	text-align: center;
	padding-bottom: 10px;
}

#contents .fotoweergave li.end {
	margin-right: 0px;
}

#loader
{
    display: none; 
	margin:50px auto 50px auto;
	width:24px;
	height:24px;
	background:url('/images/ajax-loader.gif');
}

#pagenumbers
{
    clear: both;
    display: block;
    text-align: left;
}

/* Item Info */

#iteminfo #image
{
    float: right;
    max-width: 175px;
    max-height: 175px;
    padding: 3px;
    margin-right: 10px;
}

#iteminfo #image img
{
    max-width: 173px;
    max-height: 173px;
}

#iteminfo h1
{
    margin-bottom: 10px;
}

#iteminfo p
{
    margin-bottom: 15px;
    display: block;
}

#info
{
    float: left;
    width: 550px;
}

#iteminfo .voorraad
{
    margin-top: 10px;
    padding-top: 6px;
    height: 30px;
    padding-left: 40px;
    font-style: italic;
}

#iteminfo .ruim
{
    background: url('/images/voorraad-ruim.png') no-repeat;
}

#iteminfo h2
{
    display: block;
    clear: both;
    padding-top: 20px;
}

#iteminfo .prijs .vanprijs
{
    margin-bottom: 5px;
    display: block;
}

#iteminfo .prijs
{
    font-size: 20px;
    border: 0;
}

.kop
{
    font-weight: bold;
    width: 200px;
    vertical-align: top;
}

/* Winkelwage */

#order_overzicht a {font-weight: normal;}

#big_winkelwagen, #order_overzicht
{
    width: 730px;
}

#big_winkelwagen th, #order_overzicht th
{
    background-color: rgb(1, 129, 191);
    padding: 3px;
    color: #fff;
}

#big_winkelwagen td, #order_overzicht td
{
    padding: 3px;
}

#big_winkelwagen .total
{
    width: 30px;
    text-align: center;
    font-size: 10px;
}

#big_winkelwagen .arow
{
    border-bottom: 1px dashed #aaaaaa;
}

#big_winkelwagen .edit {
    width: auto;
    background: none;
    border: none;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}

.cartButton
{
    clear: both;
    margin-top: 30px;
}

#bestelling-volgorde .current
{
    font-weight: bold;
    color: rgb(1, 129, 191);
}

.tabs, #tabNavigation
{
    clear: both;
    display: block;
    padding-top: 20px;
}

#tabs_items, #tabNavigation
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#tabs_items li, #tabNavigation li
{
    display: inline-block;
    margin-right: 1px;
    padding-top: 4px;
    text-align: center;
    font-weight: bold;
    background: url('/images/bg-product-tab.gif') 0px 26px;
    width: 150px;
    height: 22px;
    color: rgb(1, 129, 191);
    cursor: pointer;
    float: left;
}

#tabs_items li a, #tabNavigation li a
{
    display: inline-block;
    width: 150px;
}

#tabs_items li, #tabNavigation li, a
{
    display: inline-block;
}

.tab1, .tab2, tab3, h1
{
    clear: both;
}

#tabs_items li:hover, #tabs_items li.active, #tabNavigation li:hover, #tabNavigation .active
{
    background: url('/images/bg-product-tab.gif');
    color: #fff;
}

#tabs_items li, #tabNavigation li a, #tabs_items li:hover, #tabs_items li.active, #tabNavigation li:hover a, #tabNavigation .active a
{
    color: #fff;
    text-decoration: none;
}

#tabs_items li, #tabNavigation li a
{
    color: rgb(1, 129, 191);
}
.tab
{
	clear: both;
    border: 1px solid #EFEFEF;
    padding: 5px;
    display: block;
}

#contents .relevant
{
    clear: both;
    display: block;
}

#contents .relevant li
{
    width: 170px;
}

/* Formulier */

#registerform fieldset
{
    border: 1px solid #EFEFEF;
    padding: 20px;
    font-family: Arial;
    font-size: 110%;
    font-weight: bold;
}

#registerform label
{
    width: 140px;
}

#registerform input
{
    width: 140px;
}

#registerform .check
{
    width: auto;
}

#registerform .hide
{
    display: none;
}

#registerform fieldset legend
{
    color: #0181bf;
    margin-left: 10px;
    margin-right: 10px;
}

/* Fotos */

.fotos
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.fotos li
{
    width: 140px;
    height: 120px;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    float: left;
    text-align: center;
}

.fotos li img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#tabNavigationBox
{
    border: 1px solid #efefef;
    clear: both;
    margin: 0;
    padding: 10px;
}

#order_overzicht
{
    width: 710px;
}

#lightbox img
{
    border: none;
}
#overlay img
{
    border: none;
}
#winkelwagen .titel, #nieuwsbrief .titel
{
    font-weight: bold;
    color: rgb(1, 129, 191);
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#nieuwsbrief .titel
{
    margin-bottom: 10px;
}
#winkelwagen
{
    background: url('/images/cart.png') no-repeat 10px 10px #fff;
}
#nieuwsbrief
{
    background: url('/images/nieuwsbrief_.png') no-repeat 10px 10px #fff;
}

#nieuwsbrief input
{
    margin-bottom: 4px;
    padding: 2px;
    border: 1px solid rgb(1, 129, 191);
}

#winkelwagen span
{
    margin-top: 10px;
    display: block;
}

#winkelwagen a
{
    display: block;
}

#nieuws .left
{
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 10px;
}

#nieuws p, #nieuws h2
{
    margin-top: 10px;
    margin-bottom: 10px;
}
#nieuws h2 {
	padding-top: 10px;
}

#nieuws a
{
    text-decoration: none;
}

#product_overzicht
{
    border: 1px solid rgb(1,129,191);
}

#product_overzicht tr.odd
{
    border-bottom: 1px dashed #000000;
}

#product_overzicht tr.even
{
    background: #F2f2f2;
}

#product_overzicht .header, #product_overzicht .header-right
{
    font-weight: bold;
    border-bottom: 1px solid rgb(1,129,191);
    background: #EFEFEF;
}

#product_overzicht th
{
    font-weight: bold;
}

#contents .header-right
{
    text-align: right;
}

#contents .knop
{
    width: 140px;
    border: 0;
    cursor: pointer;
    color: #fff;
}

/*error message*/
#errorMessage
{
    display: none;
}

.error
{
    font: 12px Verdana italic;
    border: 1px solid #EBDB00;
    padding: 5px 5px 5px 23px;
    margin-bottom: 10px;
    background: url(/images/error.png) 5px 5px no-repeat #FFF89C;
}

.ok
{
    font: 12px Verdana italic;
    border: 1px solid #75E362;
    padding: 5px 5px 5px 23px;
    margin-bottom: 10px;
    background: url(/images/accept.png) 5px 5px no-repeat #B1FFA3;
}

#contents .right
{
    text-align: right;
}

#artnr
{
    float: right;
    position: relative;
    top: -40px;
    font-size: x-small;
}



#registerform input.left_knop 
{
    clear: both;
    float: left;
}


a.knop, #contents input.knop
{
    border: 0;
    margin-right: 1px;
    padding: 0px;
    padding-top: 4px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    width: 140px;
    height: 22px;
    background: url('/images/btn-usedpc.gif') no-repeat 0px 0px;
    text-align: center;
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contents input.knop
{
    height: 25px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 3px;
    
}

a.knop:hover, #contents input.knop:hover 
{
    background-position: 0px -25px;
    color: #0181bf;
}


#contents .akkoord input {
	width: 20px;
	border: none;	
} 

html { height: 101%; }

#statusbar {
	display: block;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 5px;
}
#statusbar.rood {
	background-color: red;
	color: #fff;
}
#statusbar.geel {
	background-color: yellow;
}
#statusbar p {
	margin: 0;
	padding: 0;
}
#statusbar a {
	text-decoration: underline;
}
#statusbar.rood a {
	color: #fff;
}