/* 
	Bruin 			#7F4402
	Gebroken wit 	#F9EADA
	Donker rood 	#B40505
*/

body {
	background-color:#F9EADA;
	color:#000;
	font-family:Tahoma, Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	text-align:center;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
.clear { clear:both; }
strong { font-weight:bold; }
em { font-style:italic; }
u { text-decoration:underline; }
#wrapper {
	position:relative;
	background-color:#E2CEAF;
	width:988px;
	margin:0 auto;
	text-align:left;
	border:2px solid #000;
	border-width:0 2px 2px 2px;
}
#header {
	height:300px;
	text-align:left;
	position:relative;
	background-color:#000000;
	border:1px solid #000;
	border-width:0 0 2px 0;
}
#header img { /* 53px hoog */

}
#languages {
	position:absolute;
	right:20px;
	top:20px;
	text-align:right;
}
#languages {
	font-weight:bold;
}
#menu {
	text-align:left;
	color:white;
	/*height:60px;*/
	padding:0;
	font-size:16px;
	background-repeat:repeat-x;
	background-position:left top;
}
#menu h1 {
	display:block;
	padding-top:17px;
	font-size:16px;
}
#menu strong {
	padding:0 30px 0 10px;
	font-weight:bold;
}
#menu a {
	color:#B40505;
	text-decoration:underline;
}
#menu .open a,#menu a:hover {
	color:black;
	text-decoration:none;
}
#page {
	position:relative;
	text-align:left;
	width:988px;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
}
div.padder { padding:5px; }
#leftBar {
}
#middle { 
	float:left;
	width:680px;
	margin-left:20px;
	font-style:italic;	
}
#middle.small {
	width:500px;
}
#rightBar {
	float:left;
	width:250px;
	margin-left:20px;
}
#rightBar.small {
	width:400px;
}

div.bar {
	float:left;
	width:180px;
	margin-left:20px;
}
div.bar h1 {
	display:block;
	font-weight:bold;
	text-align:left;
	width:134px;
	border:2px solid white;
	color:black;
	padding:3px 0 3px 0;
}
div.bar h1 a{
	color:black;
	text-decoration:underline;
}

#leftBar h1 {
	font-size:12px;
}
#rightBar h1 {
	background-color:#c20029;
}
.product_nav {
	padding-bottom:20px; 
	margin-bottom:20px; 
	border-bottom:1px solid #000;
}
div.bar div.barContents {
	background-position:left top;
	background-repeat:repeat-y;
	padding:4px 4px 4px 10px;
}
#leftBar div.barContents {
	background-image:url(../images/leftbar.png);
	_background-image:url(../images/leftbar.jpg);
}
#rightBar div.barContents {
	background-image:url(../images/rightbar.png);
	_background-image:url(../images/rightbar.jpg);
}
/*
div.bar div.barContents ul,div.bar div.barContents ol {
	list-style:none;
	margin:0;
	padding:0;
}
div.bar div.barContents li,div.bar div.barContents li {
	display:block;
	padding:5px 0 5px 0;
}
*/
p {
	margin:0em 0 1em 0;
}

.hide { display:none; }
a {
	color:#ff0000;
	text-decoration:none;
}
a:hover {
	color:#7F4402;
	text-decoration:underline;
}
input,textarea,select {
	color:#000;
	font-family:Arial, sans-serif;
	font-size:12px;
	padding:2px;
	border:1px solid #000;
}
input[size="3"] {
	width:25	px;
}
input[type=submit] {
	border:1px solid #000;
	color:#000;
	background-color:#f0f0f0;
}
a.button {
	color:#000;
	font-family:Arial, sans-serif;
	font-size:12px;
	padding:2px 8px 2px 8px;
	border:1px solid #000;
	font-weight:bold;
	background-color:#f0f0f0;
}
.error {
	border:2px solid #FF0000;
}
td.error {
	border:2px solid #FF0000;
	background-color:#FF0000;
	color:white;
}
td.error a {
	color:white !important;
	text-decoration:underline !important;
}

/* markup */
#middle h1,#middle h2,#middle h3,#middle h4,#middle h5,#middle h6 {
	margin:0em 0 1em 0;
	font-weight:bold;
}
#middle h1 { font-size:1.7em; line-height:1.2em; }
#middle h2 { font-size:1.5em; }
#middle h3 { font-size:1.1em; }
#middle h4 { font-size:1em; }
#middle h5 { font-size:0.9em; }
#middle h6 { font-size:0.8em; }

#middle p {
	margin:0em 0 1em 0;
}

#middle a {
	color:#FF0000;
	text-decoration:underline;
}
#middle a:hover {
	color:#7F4402;
	text-decoration:underline;
}
#middle h1.titel span {
	font-size:12px;
}
#middle fieldset {
	padding:0;
	margin:0;
}
#middle fieldset h2 {
	padding:0;
	margin:0;
}

#middle div.types fieldset {
	display:block;
	width:230px;
	height:175px;
	float:left;
}
#middle h2 {
	font-size:13px;
	font-weight:normal;
}
#middle fieldset ul {
	list-style:circle;
}

#middle div.description {
	padding-bottom:10px;
	border-bottom:1px solid black;
}
#middle .prijslijst td {
	white-space:nowrap;
	/*border-bottom:1px solid #000;*/
}
#middle .pictures {
	display:block;
	width:600px;
}
#middle .pictures a {
	display:block;
	width:100px;
	height:100px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#middle .pictures a img {
	border:1px solid #B40505;
}
#middle .pictures a:hover img {
	border:1px solid #F9EADA;
}

#middle .reactie {
	font-size:12px;
	text-align:left;
	position:relative;
	width:520px;
	padding:10px;
	margin-top:10px;
	margin-top:10px;
	border:1px solid #eee;
}
#middle .reactie strong {
	font-size:14px;
}
#middle .reactie span {
	display:block;
	padding-left:10px;
}

#rightBar .news {
	padding:0 0 5px 0;
}
#rightBar .news.border,#middle .news.border {
	padding-top:10px;
	border-top:1px solid black;
}
#middle .news h2 {
	font-size:14px;
}
#rightBar .news h2 {
	font-weight:bold;
}
#middle .news img {
	max-width:150px;
	max-height:70px;
}
#middle .news .img {
	float:right;
	text-align:right;
	margin-top:12px;
	width:150px;
	height:75px;
	padding-left:10px;
}

#rightBar .news h2 span,#middle .news h2 span {
	display:block;
	font-size:9px;
	font-weight:normal;
}



#leftBar div.types fieldset {
	display:block;
	margin-bottom:10px;
}
#leftBar h2 {
	font-size:11px;
	font-weight:bold;
}
#leftBar ul {
	font-size:11px;
	font-weight:normal;
	padding:0;
	margin:0;
}
#leftBar ul li {
	font-size:11px;
	padding:0 0 0 10px;
	font-weight:normal;
	list-style:circle inside;
}
#middle #reviewtable td {
	text-align:left;
	vertical-align:baseline;
	height:20px;
	font-size:12px;
	line-height:20px;
}
#middle #reviewtable .stars { width:80px; }
#middle #reviewtable .productname { width:175px; padding-right:5px; white-space:nowrap; }
#middle #reviewtable .short { width:200px; }
#middle #reviewtable .name { width:100px; }
#middle #reviewtable .name div { width:100px; height:20px; overflow:hidden; }
#middle #reviewtable .date { width:60px; text-align:right !important; font-size:10px; }
#middle #reviewtable .reviewdescr { padding:10px; border:1px solid #eee; }


#middle #reviewtable td a {
	text-decoration:none;
	color:black;
}
#middle #reviewtable tr.hover:hover {
	background-color:#eee;
	cursor:pointer;
}
#middle #reviewtable tr.hover td {
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
}
#middle #reviewtable tr.hover:hover td {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
p.disclaimer { font-size:10px; }
