/* CSS Document */

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size: 10px; font-family: Verdana;
	background:url(../img/bg.jpg);
}

#container {
	text-align:left;
	width: 1040px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(../img/bg_balk.jpg) repeat-y;
}

#header{
	height:63px;
	background:url(../img/header_bar.jpg) no-repeat;
	background-color: #000;
	color:white;
	padding:10px;
	padding-bottom:5px;
}
#footer { 
	padding:10px;
	text-align:center;
	padding-bottom:80px;
}

#knoppenBar{
	background:url(../img/knoppen_balk.jpg) 0px -10px no-repeat;
	height:24px;
	padding:0px 10px 5px 10px;
}
#knoppenBar .knopTalen {
	background: url(../img/knop_bg.jpg) 0px -2px no-repeat;
	padding-top:3px;
	width:120px;
	display:block;	
	text-align:center;
	height:21px;	
}

#knoppenBar .knopTalen a {
	color:#FFF;
	font-size:16px;
	height:21px;
	vertical-align:middle;
}


#knoppenBar .knop a {
	background: url(../img/knop_bg.jpg) 0px -2px no-repeat;
	float:left;
	color:#FFF;
	font-weight:500;
	padding-top:3px;
	font-size:16px;
	height:21px;
	display:block;
	width:120px;
	vertical-align:middle;
	text-align:center;
}

a  { color: #555; font-size: 10px; font-family: Verdana; text-decoration: none }
a:hover   { color: #cb1608; font-size: 10px; font-family: Verdana; text-decoration: none }

.generalVetGrijs { color: #a0a0a0; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; height:30px;border-bottom:1px solid black; }
.combobox   { color: #515151; font-weight: bolder; font-size: 10px; font-family: Verdana; background-color: #dadada; border: solid 1px #5d5d5d }
.textbox  { color: black; font-size: 10px; font-family: Verdana; padding: 1px; border: solid 1px #5f5f5f }
.framelines  { background-color: #b8b8b8 }
.pixel1 { height:1px;}
.pixel2 { height:1px;}

.kleur_1 { background-color: red}
.kleur_2 { background-color: red }

.topMenu { padding:0px; margin:0px; width:100%; background-image:url("../img/header_bar.jpg"); height:10px; }
#topMenuRechts ul { display:inline;margin:0px; float:right; margin-right:25px;border-right:1px solid #b8b8b8;}
#topMenuRechts ul li { display: inline; list-style: none; }
#topMenuRechts ul li a {display: block; width:125px;float:left; padding:9px 0; text-transform: uppercase; text-align:center; border-left:1px solid #b8b8b8; color:#FFF; }

#topMenuLinks { padding:5px 0;margin-left:50px; }
#topMenuLinks a { padding:5px 0;color:#FFF; }
#topMenuLinks ul { display:inline;margin:0px; }
#topMenuLinks ul li { padding-top:5px; display: inline; list-style: none; }
#topMenuLinks ul li a { float:left; width:auto; border:none; padding:0px 6px; margin-top:5px; border-left:1px solid #b8b8b8;} 




#sidebarL {
/* float: left; width: 175px; margin: 0px 2px 0px 0px;  padding-left: 8px; */
background:url("../img/bar_left.jpg") repeat-y; 
float:left;
padding:0px;
/*width:196px;*/
width:190px;
padding:4px 0px 0px 12px;

}
#sidebarLItems ul 		{ margin:0px; padding:0px; list-style-type: none;}
#sidebarLItems ul li 	{ background: url("../img/knop_bg.jpg") no-repeat; height:20px; padding:0px;}
#sidebarLItems .actief 	{ background: url("../img/select_arrow.gif") left no-repeat; margin:0px;}
#sidebarLItems .niv1 	{ padding-top:10px; padding-left:5px; height:69px; font-weight:bolder; text-transform:uppercase;}
#sidebarLItems .niv1 a 	{ color:#FFFFFF; font-size:24px; font-weight:bolder;  margin:0px; }
#sidebarLItems .niv2 	{ padding-left:12px; margin:0px; }
#sidebarLItems .niv2 a 	{ color:#FFFFFF; font-size: 16px; font-weight:900; margin:0px; padding-top:2px;}
#sidebarLItems .niv2 a:hover { color:#000; }



arLItems .nivSubItems { padding-left: 30px; margin:0px;padding-top:4px;padding-bottom:-2px; }
#sidebarLItems .nivSubItems a 	{ color:#FFFFFF; font-size: 12px; font-weight:900; margin:0px; padding-top:4px;}
#sidebarLItems .nivSubItems a:hover { color:#000; }
#sidebarLItems .niv3 	{ padding-left:12px; margin:0px; color:#FFF; height:14px; }
#sidebarLItems .niv3 a	{ color:#FFF; font-size:11px; }

#sidebarLItems .header 	{
	padding:4px;
	text-align:center;
	color:#FFF;
}

#sidebarL p { margin-top: 0; }
#menuRechts{
	float: right;
	width: 225px;
	margin: 0;
	padding: 1em 0px 0 0;
	padding-top:0px;
	color: #000;
	background:url(../img/bar_right.jpg) repeat-y right;
}
#menuRechts .header {
	padding:4px;
	text-align:center;
	color:#FFF;
}

#menuRechts p { margin-top: 0; }

#content{
/*	border:1px solid black;*/
	marign:0px;
	margin-left: 200px;
	margin-right: 228px;
	padding:0px;
/*
	line-height: 150%;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
*/
}

#content h2{
	font-size: 2em;
	color: #666; /*#036;*/
	margin: 0px;
	margin-bottom:0px;
	font-weight: normal;
}

#subTopMenu{
background: #dadada;
padding: 8px;
}
		
		
.geenLijn { border:none; color:blue; }
.clear {clear:both; }



.test 	{
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		display: block;
	}
form { margin:0px; padding:0px; }

p.line {line-height:0px;margin:0px;}
.floatL { float:left;}
.width3op1 { width:32%;_width:33%; margin:0px 1px; }
.rounded { margin-bottom:10px; 
	width: 98%;
	_margin-top:0px; }
.ro {display: block; width: 100%;background: url("../img/ro-01.gif") top right no-repeat; }
.lo {display: block; width: 100%;background: url("../img/lo-01.gif") top left no-repeat;  }
.ru {display: block; width: 100%;background: url("../img/ru-01.gif") bottom right no-repeat;}
.lu {display: block; width: 100%;background: url("../img/lu-01.gif") bottom left no-repeat;}
.lu .frameContent {padding:5px; }
.lu .frameContent .frameHeader {padding:4px 5px; color:#FFF; font-weight:bold; }
.lu .frameContent .frameCont  {background-color:#CCC;}
.lu .frameContent ul {list-style:none; padding:4px 0px 0px 15px; margin:0px; }
/* .lu .frameContent ul li { } */
.pad { padding:0 5px;}
.box-content {width: 80%; color:#000; padding: 0em 1em 0em 1em; padding-top:10px;}
/*
.objecten{ margin-left:auto; margin-right:auto; }
.object { width: 32%; float:left; margin: 10px 5px 0 2px; }
*/



.blackBox {
 width:100%;
 padding-top:10px;
 min-width:10em;
 color:#fff;
 float: left;
}

.blackBox .hd .c,
.blackBox .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.blackBox .ft .c {
 height:14px;
}

.blackBox .hd {
 background:transparent url(../img/frame_black_tl.gif) no-repeat 0px 0px;
}

.blackBox .hd .c {
 background:transparent url(../img/frame_black_tr.gif) no-repeat right 0px;
}

.blackBox .bd {
 background:transparent url(../img/frame_black_ml.gif) repeat-y 0px 0px;
}

.blackBox .bd .c {
 background:transparent url(../img/frame_black_mr.gif) repeat-y right 0px;
}

.blackBox .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../img/frame_black_ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.blackBox .ft {
 background:transparent url(../img/frame_black_bl.gif) no-repeat 0px 0px;
}

.blackBox .ft .c {
 background:transparent url(../img/frame_black_br.gif) no-repeat right 0px;
}

.nav0 a {color:#000; }
.nav1 {background:url('../img/nav1_back.gif') top #316496;}
.nav1 a { color:#FFF;}
.nav2 {background:url('../img/nav2_back.gif') top #CB7F00;}
.nav2 a { color:#FFF;}
.nav3 {background:url('../img/nav3_back.gif') top #006C90;}
.nav3 a { color:#FFF;}
.nav4 {background:url('../img/nav4_back.gif') top #7E5429;}
.nav4 a { color:#FFF;}
.nav5 {background:url('../img/nav5_back.gif') top #5D4141;}
.nav5 a { color:#FFF;}
.small { font-size:8px; }
li .niv1 .smaller { font-size:8px; }

.boxedprice { color: #cc0000; font-weight: 800; font-size: 9pt; font-family: verdana; text-decoration: none }


#confBAR { font-size:18px; text-transform:uppercase; color:#FFFFFF; 
			background-color:#FF0000;
			border-bottom:1px solid black;
			text-align:center;
			margin:10px;
			margin-top:0px;
			padding-bottom:0px;
			margin-bottom:0px;
		 }
#confBAR h1 { font-size:18px; padding:0px; margin:0px; }

.ff_error { margin-left:10px; _margin-left:auto; }

.topLayer { position: absolute; top:175px; width:607px; background-color: #999; height:400px; border:6px solid black;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
 vertical-align:middle;
 text-align:center;
 font-size:22px;
 color:#FFFFFF;
 font-weight: 500;
vertical-align:middle;
}
.topLayer table { height:400px; width:100%; vertical-align:center; border:2px solid white;}
.topLayer table tr td div ul li { padding:4px;}
.topLayer a{ color:#FFFFFF; font-size:22px;}
.topLayer a:hover { color:#000; font-size:22px;}

.lu .frameContClick {padding:5px; }
.lu .frameContClick .frameHeader {padding:4px 5px; color:#FFF; font-weight:bold; }
.lu .frameContClick .frameCont  {background-color:#CCC;}
.lu .frameContClick ul {list-style:none; padding:4px 0px 0px 15px; margin:0px; }
.lu .frameContClick ul li { list-style-image:url(../img/red_arrow_nav.gif); }
.lu .frameContClick{ cursor: pointer; cursor: hand; }

#shop_frame {}
#shop_frame  ul { list-style:none; margin-top:0px;}

#dealerLoc{
	color:#FFF;

}
.maatblock a{ display:block;
border:1px solid #CCC;
 }
.maatblock a:hover { color:black; 
border:1px dashed black;
}

#arrowBlock {
	position: absolute;
	top: 315px;
	width:235px;
	height:155px;
	background: url(../img/tekstballon.gif) -20px 0px no-repeat;
	}
#arrowBlock .tekst { 
	width: 135px;
	text-align:center;
	padding-top:80px;
	height:100px;
	font-size:16px;
	text-align:center;
	font-weight:bolder;
	margin-left:30px;
	}
html>body #arrowBlock .tekst { 
	margin-left:65px;
}
/* html .arrowBlockWrap { height:1px; 	overflow:hidden;}*/

.arrowBlockWrap {
	margin-left:150px;
	height:0px;
	overflow:visible;
}

#arrowBlock_right,#arrowBlock_left {
	position: absolute;
	top: 170px;
	width:500px;
	height:197px;
	background: url(../img/tekstballon_right.gif) 80px 0px no-repeat;
	/*border:1px solid black; */
	}
#arrowBlock_left { 	background: url(../img/tekstballon_left.gif) 0px 0px no-repeat; }
#arrowBlock_right .tekst,#arrowBlock_left .tekst { 
	width: 360px;
	text-align:left;
	padding-top:50px;
	height:130px;
	font-size:16px;
	text-align:center;
	font-weight:bolder;
	margin-left:140px;
	font-size:11px;
	text-align:left;
	}
#arrowBlock_left .tekst { 
	padding-top:60px;
}
#arrowBlock_right .tekst ul li,#arrowBlock_left .tekst ul li {
	text-align:left;
	margin-left:20px;
}
#arrowBlock_right .tekst a, #arrowBlock_left .tekst a{ 
	font-size:11px;
	color:#000000;
	text-align:left;
}
html>body #arrowBlock_right .tekst { 
	margin-left:140px;
}
html>body #arrowBlock_left .tekst { 
	margin-left:105px;
}
/* html .arrowBlockWrap { height:1px; 	overflow:hidden;}*/

.arrowBlockWrap_right {
	margin-left:170px;
	height:0px;
	overflow:visible;
}
.arrowBlockWrap_left {
	margin-left:-30px;
	height:0px;
	overflow:visible;
}

div#hold { 
  position:relative; width:596px; height:255px; 
  z-index:1000; 
  }
div#wn { 
  position:absolute; left:0; top:0;
  width:596px; height:255px; z-index:1;
  clip:rect(0, 596px, 255px, 0); overflow:hidden;
  }
div#cnt { position:absolute; z-index:1 }

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl { width:596px }
table#imgTbl td {
  width:596px; height:255px; 
  vertical-align:middle;
  }
  
div#hold2 { 
margin-left:3px;
  position:relative; width:597px; height:210px; 
  z-index:1000; 
  }
div#wn2 { 
  position:absolute; left:0; top:0;
  width:597px; height:210px; z-index:1;
  clip:rect(0, 596px, 210px, 0); 
  overflow:hidden;
}

div#cnt2 { position:absolute; z-index:1 }  
table#imgTblProm { width:1791px; }
table#imgTblProm tr td { width:199px;
 height:200px; 
  vertical-align:middle;
  }

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
 /*   background-repeat: repeat;  
    background-image: url(../img/tooltip.png);
*/
}



#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

#trailimage_id
{
    background-color: #ededed;
    border: 1px solid #000000;
    padding-bottom: 5px;

}

#trailimage_id img
{
    border: 1px solid #82817f;
    display: block;
    margin: 10px;
}

#trailimage_id p
{
    color: #000000;
    font-size: 9px;
    text-align: left;
    padding: 0 10px 0 10px;
}

#trailimage_id .trailPrice
{
    color: #f28f00 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-align: right !important;
    padding: 5px 10px 0 10px !important;
}

.Menu {
font-family: Arial, sans-serif;
border-bottom: 1px solid #AAA;
width:90%;
font-size: 11px;
text-align: left; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */
margin: 5px 0 -3px 10px;
padding: 3px 0 3px 0;
}
.Menu li {
margin: 0 2px 0 0;
border-bottom: none;
display: inline; /* Menu links are horizontally aligned using display: inline */
}
.Menu li a {
margin: 0 -2px 0 0;
padding: 3px 12px 4px 12px; /* Display: block won't work in this example, instead we are using padding */
color: #666;
text-decoration: none;
border: 1px solid #AAA;
background: #f5f5f5;

}
.Menu li a:hover {
background: #999999;
color: #000;
}
.Menu li#active {
margin: 0 3px 0 0;
padding: 2px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */
background: white;
border: 1px solid #AAA;
border-bottom: 1px solid white;
border-bottom:none;
z-index:1000;
}

.thema_bg {
	background: url(../admin/img/header_back.gif);
	border-bottom:1px solid black;	
}

.semiTransp{
	filter:alpha(opacity=65); -moz-opacity:.65;opacity:.65;
}