/* ----------------------------------------------
	XHTML TAGS
---------------------------------------------- */
body,
html {
	height: 100%;
}

body {	
	background: #fff;
	color: #fff;
	margin: 0;
	padding: 0;
	background-image: url("/img/main-bg-1000.jpg");
	background-repeat: repeat-y;
	background-position: 50%;
}

body {	
	font-family: Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	line-height: 1.5em;
}

a:link { 
	color: #fff; 
	background-color: transparent; 
	text-decoration: underline; 
}

a:hover  {
	color: #fff;
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
	color: #fff;
	text-decoration: underline;
	background-color: transparent;
}

a:active  {
	color: inherit;
	text-decoration: underline;
	background-color: transparent;
}

p {
	font-style: normal;
	line-height: 1.5em;
	display: inline;
}

hr {
	size: 1px;
	color: #dddddd;
}

/* ----------------------------------------------
	IMG Styles
---------------------------------------------- */

img {
	border: 0px;
}

img.icon {
	margin-right: .5em;
   vertical-align: middle;
}

/* ----------------------------------------------
	LISTINGS styles (see also: TABS styles) 
---------------------------------------------- */

ul {
	margin-left: 1.2em;
	margin-top: .5em;
	padding-left: 0;
}

/* ----------------------------------------------
	Generieke stijlen 
---------------------------------------------- */

.txt-light {
	color: #808080;
}

.txt-small {
	font-size: .85em;
}	

#ftr a:link, #ftr a:visited {
	color: #808080;
}

#ftr a:hover, #ftr a:active {
	color: #000;	
}

.txt-large {
	font-size: 1.05em;
	font-weight: bold;
}

.txt-bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.pos-l {
	float: left;
}

.pos-r {
	float: right;
}

.pos-m {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* ----------------------------------------------
	Tables
---------------------------------------------- */

table {
	border: 0;
	padding: 0;
	margin: 0;
}

/*--------------------
main area
--------------------*/

#main {
width: 1000px;
height: 100%;
position: relative;
clear: both;
margin: 0 auto;
background-image: url("/img/main-bg-1000.jpg");
background-position: center;
background-repeat: repeat-y;
padding-bottom: 15px;
}

#divider1 {
height: 1px;
width: 980px;
border-top: 1px solid #222;
position: relative;
float: left;
clear: both;
margin: 0px 0px 0px 10px;
_margin-bottom: -15px;
_margin-left: 5px;
}

#divider2 {
height: 1px;
width: 980px;
border-top: 1px solid #222;
position: relative;
float: left;
clear: both;
margin: 1px 0px 0px 10px;
_margin-left: 5px;
}

#divider3 {
height: 1px;
width: 980px;
border-bottom: 1px solid #222;
position: relative;
float: left;
clear: both;
padding-top: 5px;
_padding-top: 0px;
margin: 0px 0px 0px 10px;
_margin-left: 5px;

}

#col1 {
width: 150px;
_width: 140px;
height: 520px;
position: relative;
float: left;
margin: 10px 5px 0 5px;
_margin: 10px 5px 0 5px;
}

#rubnav {
width: 150px;
position: relative;
float: left;
background-color: #000;
clear: both;
overflow: hidden;
margin: 20px 0 0 0;
}

#naw {
width: 150px;
position: relative;
float: left;
top: 5px;
overflow: hidden;
color: #999;
font-size: 9px;
}

#col2 {
width: 640px;
_width:600px;
/*height: 520px;*/
position: relative;
float: left;
margin: 10px 5px 0 5px;
}

#scroller {
width: 960px;
position: relative;
float: left;
overflow: auto;
margin: 10px 0px 0 5px;
*padding-bottom: 20px;
}

#flashcontent {
width: 778px;
height: 275px;
position: relative;
float: left;
text-align: center;
margin: 1px 0px 1px 11px;
*margin: 1px 0px 1px 12px;
_margin: 0px 0px 1px 6px;
}

#refflashcontent {
width: 778px;
height: 275px;
_height: 260px;
position: relative;
float: left;
text-align: center;
margin: 15px 0px 1px 7px;
*margin: 15px 0px 1px 6px;
_margin: 15px 0px 1px 4px;
}

#scroller #page {
position: relative;
float: left;
margin: 20px 0 20px 90px;
_margin: 20px 0 20px 45px;
padding-bottom: 15px;
}

#scroller #col21 {
position: relative;
float: left;
width: 469px;
height: 100%;
padding-right: 9px;
border-right: 1px solid #333;
}

#scroller #col22 {
position: relative;
float: left;
width: 280px;
height: 100%;
margin-left: 10px;
}

#scroller #col22 a {
text-decoration: none;
}

#news-scroller {
width: 640px;
_width:600px;
/*height: 520px;*/
position: relative;
float: left;
margin: 10px 5px 0 5px;
}

#news {
width: 600px;
position: relative;
float: left;
margin: 20px 0px 0px 180px;
_margin: 20px 0 20px 95px;
padding-bottom: 15px;
}

#news #news-inner {
width: 600px;
position: relative;
float: left;
background-image: url(/img/news-bg.gif);
background-repeat: no-repeat;
padding-top: 5px;
}

#news a {
text-decoration: none;
}

#news #flashcontent {
width: 580px;
height: 280px;
position: relative;
float: left;
text-align: center;
}

#news #news-content {
width: 100%;
position: relative;
float: left;
margin: 15px 10px 10px 0px;
}

#news .list {
position: relative;
float: left;
width: 490px;
border-bottom: 1px solid #333;
padding: 5px;
margin-bottom: 0px;
margin-left: 50px;
}

#news .listall {
position: relative;
float: left;
width: 490px;
padding: 0 5px;
margin-bottom: 5px;
margin-left: 50px;
}

#news .list a {
text-decoration: none;
}

#footer {
width: 100%;
position: relative;
float: left;
clear: both;
margin-top: 10px;
text-align: center;
color: #666;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 1px;
}

#footer a:link,
#footer a:active,
#footer a:visited {
color: #666;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}

/*--------------------
brochure area
--------------------*/

#brochure {
position: relative;
float: left;
margin: 20px 0 20px 90px;
_margin: 20px 0 20px 45px;
padding-bottom: 15px;
}

#brochure form {
font-size: 10px;
}

#brochure input {
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
}

/*--------------------
contact area
--------------------*/

#contact {
position: relative;
float: left;
margin: 20px 0 20px 00px;
_margin: 20px 0 20px 45px;
padding-bottom: 15px;
}

#contact form {
font-size: 10px;
}

#contact input {
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
}

#contact .input {
font-size: 10px;
font-weight: bold;
margin-bottom: 0px;
}

/*--------------------
referenties area
--------------------*/

#scroller #referenties {
width: 780px;
_width: 800px;
position: relative;
float: left;
margin: 20px 0 20px 90px;
_margin: 20px 0 20px 50px;
}

#referenties #referenties-inner {
width: 469px;
position: relative;
float: left;
background-image: url(/img/referenties-bg.gif);
background-repeat: no-repeat;
padding-top: 5px;
}

#referenties .list {
position: relative;
float: left;
width: 360px;
border-bottom: 1px solid #333;
padding: 5px;
margin-bottom: 0px;
margin-left: 50px;
}

#scroller #referenties #col22 {
position: relative;
float: left;
width: 280px;
height: 100%;
margin-left: 10px;
overflow: hidden;
}

#referenties #col22 .list {
margin-left: 0px;
width: 280px;
}

#referenties a {
text-decoration: none;
}

#referenties .greyed {
color: #666;
}

/*--------------------
referenties01 area
--------------------*/

#scroller #referenties01 {
width: 900px;
_width: 900px;
position: relative;
float: left;
margin: 20px 0 20px 30px;
_margin: 20px 0 20px 17px;
}

#referenties01 #ref-info {

}

#referenties01 #referenties01-rental {
width: 290px;
position: relative;
float: left;
background: #191919 url(/img/referenties01-bg.png) left top no-repeat;
padding-top: 5px;
margin-right: 10px;
}

#referenties01 #referenties01-sales {
width: 290px;
position: relative;
float: left;
background: #191919 url(/img/referenties01-bg.png) left top no-repeat;
padding-top: 5px;
margin-right: 10px;
}

#referenties01 #referenties01-creation {
width: 290px;
position: relative;
float: left;
background: #191919 url(/img/referenties01-bg.png) left top no-repeat;
padding-top: 5px;
}

#referenties01-rental .medium,
#referenties01-rental .xlarge {
color: #c00;
*font-size: .95em;
*letter-spacing: -1px;
}

#referenties01-sales .medium,
#referenties01-sales .xlarge {
color: #0c0;
*font-size: .95em;
*letter-spacing: -1px;
}

#referenties01-creation .medium,
#referenties01-creation .xlarge {
color: #00adff;
*font-size: .95em;
*letter-spacing: -1px;
}

#referenties01 .list {
position: relative;
float: left;
width: 270px;
border-bottom: 1px solid #333;
padding: 5px;
margin-bottom: 0px;
margin-left: 5px;
}

#scroller #referenties02 {
width: 780px;
_width: 800px;
position: relative;
float: left;
margin: 20px 0 20px 90px;
_margin: 20px 0 20px 50px;
}

#scroller #referenties02 #col22 {
position: relative;
float: left;
width: 280px;
height: 100%;
margin-left: 10px;
overflow: hidden;
}

#referenties02 #col22 .list {
margin-left: 0px;
width: 280px;
}

#referenties01 a,
#referenties02 a {
text-decoration: none;
}

#referenties02 .rental .medium,
#referenties02 .rental .large,
#referenties02 .rental .xlarge {
color: #c00;
}

#referenties02 .sales .medium,
#referenties02 .sales .large,
#referenties02 .sales .xlarge {
color: #0c0;
}

#referenties02 .contentcreation .medium,
#referenties02 .contentcreation .large,
#referenties02 .contentcreation .xlarge {
color: #00adff;
}

#referenties02 #col22 .greyed {
color: #666;
}

#referenties02 #showref a {
text-decoration: none;
}

#referenties02 #showref a:hover {
text-decoration: underline;
}

/*--------------------
label area
--------------------*/

#label-list-wrapper {
width: 915px;
_width: 915px;
position: relative;
float: left;
margin: 20px 0 20px 30px;
_margin: 20px 0 20px 17px;
}

#label-info {
width: 890px;
}

.label {
width: 280px;
height: 100px;
position: relative;
float: left;
/*background: #191919 url(/img/label-bg.png) left top no-repeat;*/
/*border: 1px solid #333;*/
background-color: #222;
margin-top: 25px;
margin-right: 25px;
}

.label:hover {
background-color: #666;
cursor: pointer;
}

.label-inner {
width: 280px;
height: 100px;
margin: auto;
text-align: center;
}

#label-show-wrapper {
width: 780px;
_width: 800px;
position: relative;
float: left;
margin: 20px 0 20px 90px;
_margin: 20px 0 20px 50px;
}

#show-left {
float: left;
width: 519px;
border-right: 1px solid #333;
padding-right: 20px;
}

#label-show-wrapper #label-visual,
#label-show-wrapper #label-visual-bottom {
margin: auto;
}

#show-right {
float: left;
width: 200px;
border-right: 1px solid #333;
padding-left: 20px;
}

#show-right .list,
#show-right .list a {
color: #ccc;
font-weight: bold;
text-decoration: none;
line-height: 1.8em;
}

#show-right .list .greyed {
color: #444;
}

/*--------------------
aanmelden area
--------------------*/

/*--------------------
login area
--------------------*/

/*--------------------
agenda area
--------------------*/

#agenda {
width: 500px;
_width: 499px;
float: left;
font-size: 1em;
text-align: left;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
overflow: hidden;
}

#agenda td {
font-size: 1em;
line-height: 1.5em;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

#agenda .outdated {
color: #999;
}

/*--------------------
mijn gegevens area









--------------------*/

/*--------------------
wieiswie area
--------------------*/

/*--------------------
aanbiedingen area
--------------------*/

#aanbiedingen {
width: 720px;
height: auto;
float: left;
}

#aanbiedingen-inner {
width: 660px;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;

padding-bottom: 20px;
overflow: hidden;
line-height: 1.5em;
float: left;
text-align: left;
}

#aanbiedingen-inner .prod-img img {
border: solid 1px #ddd;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 5px;
}

#aanbiedingen .var {
font-size: .9em;
color: #777;
}


#aanbiedingen .value {
font-size: 1em;
color: #000;
}

#aanbiedingen input,textarea {
font-size: 1em;
}

#aanbiedingen #adresgegevens {
float: left;
width: 320px;
}

#aanbiedingen #adresinput {
float: left;
width: auto;
}

#aanbiedingen #leftfull {
float: left;
width: 100%;
margin-top: 12px;
margin-bottom: 12px;

}

#aanbiedingen #left {
float: left;
width: auto;
margin-top: 12px;
margin-bottom: 12px;
}

#aanbiedingen #kopleft {
float: left;
width: 320px;
margin-bottom: 12px;
}

#aanbiedingen #right {
float: right;
width: auto;
margin-bottom: 12px;
}


#aanbiedingen #bestellijst {
float: left;
width: 100%;
}

#aanbiedingen #submit {
width: 100%;
text-align: left;
float: left;
}

#aanbiedingen-list {
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#aanbiedingen-list a {
font-size: 11px;
font-weight: bold;
color: #00adff;
text-decoration: none;
}

.aanbiedingen-item {
margin-bottom: 10px;
}

/*--------------------
order area
--------------------*/

.order-item {
position: relative;
float: left;
clear: both;
margin-bottom: 10px;
}

.order-field {
position: relative;
float: left;
width: 100px;
}

.order-input {
width: 100px;
}

#bestel,
#bestel a {
color: #000;
}


.bestel-title { 
color: #999; 
font-size: 12px; 
font-weight: bold;
}

.bestel-value {
	color: #000;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	}

.bestel-text { 
color: #333; 
font-size: 9px; 
font-weight: bold;
}

.cart-title { 
color: #999; 
font-size: 12px; 
font-weight: bold;
}

.cart-value {
	color: #000;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	}

.cart-text {
	color: #333;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	}
	
.cart-text a {
text-decoration: none;	
}

#bestel input { 
font-size: 10px; 
color: #333; 
font-weight: bold;
border: #ffffff 0px solid; 
}

/*--------------------
nieuwsbrief area
--------------------*/

/*--------------------
column area
--------------------*/

/*--------------------
zoek area
--------------------*/

#zoek {
width: 180px;
float: right;
}

#zoek-inner {
font-size: 8pt;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
color: #888;
}

#zoek-inner a {
text-decoration: none;
}

/*--------------------
top area
--------------------*/

#top {
position: relative;
width: 980px;
height: 90px;
background-color: #000;
background-image: url(/img/top_bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin: 0 auto;
*margin-left: 10px;
}

#logo {
width: 150px;
position: absolute;
top:20px;
left: 20px;
height: 65px;
margin-bottom: 20px;
clear: both;
overflow: hidden;
}

#search {
width: 150px;
position: absolute;
top: 50px;
left: 825px;
overflow: hidden;
}

#search input {
font-size: 12px;
text-indent: 2px;
font-weight: bold;
border: 1px solid #999;
background-color: #ddd;
width: 123px;
*width: 121px;
}

#mainnav {
width: 480px;
height: 70px;
position: absolute;
top: 20px;
left: 260px;
overflow: hidden;
}

#mainnav #rub1,
#mainnav #rub2,
#mainnav #rub3 {
position: relative;
float: left;
margin: 0px 10px 0px 0px;
}

/* CONTENT AREA */

#content {
width: 961px;
_width: 960px;
position: relative;
float: left;
font-size: 1em;
text-align: left;
margin: 0px 0px 0px 20px;
_margin: 0px 0px 0px 5px;
line-height: 1.5em;
color: #fff;
clear: both;
}

/* HEADLINES AREA */

#headlines {
width: 960px;
_width: 940px;
position: relative;
float: left;
margin: 5px 0px 0px 20px;
_margin: -11px 0px 0px 10px;
background-image: url(/img/aankeiler-bg.jpg);
background-color: #222;
}

#headlines-inner {
width: 850px;
position: relative;
float: left;
margin: 5px 0px 0px 55px;
_margin: 0px 0px 0px 28px;
overflow: hidden;
}

#headlines-title {
position: relative;
float: left;
width: 250px;
margin-left: 10px;
}

#headlines-archive {
position: relative;
float: left;
}

#headlines #flashcontent1 {
width: 620px;
height: 40px;
position: relative;
float: left;
text-align: center;
clear: both;
margin: 0px 0px 0px 0px;
*margin: 0px 0px 0px 0px;
}

#headlines img {
border: 0;
margin: 5px 0px 0px 0px;
*margin: 5px 0px -5px 0px;
_margin: 0px 0px -2px 0px;
}

#headlinesnav {
width: 400px;
position: absolute;
top: 25px;
left: 450px;
text-align: right;
}

#headlinesnav a {
text-decoration: none;
color: #ddd;
}

#newsnav {
width:400px;
position:absolute;
top:0px;
left:200px;
text-align:right;
}

#newsnav a {
text-decoration: none;
color: #ddd;
}

/* AANKEILER AREA */

#aankeiler {
width: 960px;
_width: 940px;
position: relative;
float: left;
margin: 6px 0px 0px 20px;
_margin: 6px 0px -10px 10px;
background-image: url(/img/aankeiler-bg.jpg);
background-color: #222;
}

#aankeiler-inner {
position: relative;
float: left;
margin: 15px 0px 0px 55px;
_margin: 10px 0px 0px 16px;
overflow: hidden;
}

#aankeiler a:link,
#aankeiler a:visited,
#aankeiler a:hover {
text-decoration: none;
}

#aankeiler-inner img {
border: solid 1px #222;
}

#aankeiler .item {
position: relative;
float: left;
width: 128px;
margin: 0px 21px;
overflow: hidden;
}

#aankeiler .aankeiler-img img {
border: 0;
margin: 2px 0px 0px 0px;
*margin: 2px 0px -2px 0px;
_margin: 0px 0px -2px 0px;
}

#aankeiler .aankeiler-img #aankflashcontent1,
#aankeiler .aankeiler-img #aankflashcontent2,
#aankeiler .aankeiler-img #aankflashcontent3,
#aankeiler .aankeiler-img #aankflashcontent4,
#aankeiler .aankeiler-img #aankflashcontent5 {
border: 0;
margin: 2px 0px 0px 0px;
*margin: 2px 0px -2px 0px;
_margin: 0px 0px -2px 0px;
}

#aankeiler .aankeiler-img {
height: 72px;
overflow: hidden;
margin: 0;
}

/* TOPMENU */

#menudiv {
position: absolute;
top: 0px;
left: 0px;
padding-left: 300px;
padding-top: 19px;
}

#submenudiv {
width: 660px;
position: relative;
float: left;
margin-left: 20px;
_margin-left: 35px;
}

#backbutton {
position:absolute;
width: 100px;
top:20px;
left:880px;
text-align: right;
}

#backbutton a {
color: #666;
text-decoration: none;
}

#backbutton a:hover {
color: #fff;
text-decoration: none;
}

#flag {
position:absolute;
width: 30px;
top:0px;
left:965px;
}