/* CSS Document */

body {
	background-color:#e6e6e6;
	background-image:url(../images/back.jpg);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
}

/* LAYERS */

#container {
	background-color:#FFFFFF;
	background-image:url(../images/container.gif);
	width:976px;
	min-height:1118px;
	_height:1118px;
	margin:auto;
}
#top {
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	width:976px;
	height:150px;
	float:left;
}
#boven {
	width:976px;
	height:104px;
	float:left;
}
#home_button {
	width:175px; /* 200 - 25 */
	height:104px;
	padding:0 0 0 25px;
	float:left;
}
#download {
	width:149px; /* 976 - 627 */
	height:22px; /* 25 - 3 */
	padding: 3px 0 0 627px;
	float:left;
	color:#FFFFFF;
}
#eyecatchers {
	background-image:url(../images/eyecatchers.gif);
	width:976px;
	height:340px;
	float:left;
}
#eyecatcher_left {
	width:565px; /* 580 - 15 */
	height:340px;
	padding:0 0 0 15px;
	float:left;
}
#eyecatcher_back {
	background-repeat:no-repeat;
	width:565px;
	height:140px; /* 340 - 200 */
	padding:200px 0 0 0;
}
#eyecatcher_left1 {
	background-image:url(../images/eyecatcher_tabel.png);
	width:170px; /* 179 - 10 */
	height:126px; /* 135 - 9 */
	padding:4px 5px 5px 5px;
	margin:0 0 0 7px;
	float:left;
}
#eyecatcher_left2 {
	background-image:url(../images/eyecatcher_tabel.png);
	width:170px; /* 179 - 10 */
	height:126px; /* 135 - 9 */
	padding:4px 5px 5px 5px;
	margin:0 0 0 6px;
	float:left;
}
#eyecatcher_left3 {
	background-image:url(../images/eyecatcher_tabel.png);
	width:170px; /* 179 - 10 */
	height:126px; /* 135 - 9 */
	padding:4px 5px 5px 5px;
	margin:0 0 0 6px;
	float:left;
}
#eyecatcher_right {
	width:396px;
	height:340px;
	float:left;
	font-size:11px;
}
#nieuws {
	width:175px; /* 195 - 20 */
	height:185px;
	padding: 0 0 0 20px;
	float:left;
}
#tagcloud {
	width:165px; /* 185 - 20 */
	height:185px;
	padding: 0 0 0 20px;
	float:left;
}

#nieuwsbrief {
	width:175px; /* 195 - 20 */
	height:135px; /* 155 - 20 */
	padding: 20px 0 0 20px;
	float:left;
}
#vacatures {
	width:165px; /* 185 - 20 */
	height:135px; /* 155 - 20 */
	float:left;
	padding: 20px 0 0 20px;
}
#main {
	background-image:url(../images/main.gif);
	width:976px;
	min-height:578px;
	_height:578px;
	float:left;
}
#subnavigatie {
	width:265px; /* 280 - 15 */
	min-height:557px; /* 578 - 21 */
	_height:557px;
	padding:21px 0 0 15px;
	float:left;
}
#kruimelpad_left {
	width:90%;
	float:left;
}
#kruimelpad_right {
	width:10%;
	text-align:right;
	float:left;
}
#product {
	width:190px;
	height:190px;
	float:left;
	text-align:center;
	border:1px solid #CCC;
	margin:0 20px 20px 0;
}

#product_NewList {
	width:624px;
	height:16px;
	float:left;
	text-align:left;
	margin:0 2px 2px 0;
	padding:8px;
}
.nomargin {
	margin:0;
	padding:0;
}
.grey {
	background-color:#EEE;
}

#fotoalbumdetail {
	width:190px;
	height:170px;
	float:left;
	text-align:center;
	border:1px solid #CCC;
	margin-right:20px;
	padding:20px 0 0 0;
}
#productfotodetail {
	width:190px;
	height:170px;
	float:right;
	text-align:center;
	border:1px solid #CCC;
	margin:10px;
	padding:20px 0 0 0;
	margin-bottom:10px;
}

#productfotodetail_left {
	width:190px;
	float:left;
	text-align:center;
	border:1px solid #CCC;
	margin:10px;
	padding:20px 0 20px 0;
	margin-bottom:10px;
}

#product_image_wrap {
	width:650px;
	float:none;
	min-height:230px;
}

#terug {
	padding:20px 0 0 0;
	float:inherit;
}

#fotowrap {
	float:inherit;
	width:650px;
}

.productafbeelding {
	margin:0 0 20px 0;
}
#thumb {
	width:200px;
	height:150px;
	border:solid 1px #b41e27;
	float:left;
	margin:0 10px 20px 0;
}
#contact {
	font-size:11px;
	padding:20px 5px 0px 10px;
}

/* SUBNAVIGATIE */

.subnavigatie {
	width: 256px;
}

.subnavigatie ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.subnavigatie ul li {
	position: relative;
	display: inline;
}

/*Top level menu link items style*/
.subnavigatie ul li a{
	display: block;
	padding: 10px 10px 10px 10px;
	color: #b41e27;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;
}
.subnavigatie ul li a.zonder {
	display: block;
	background: #EEE; /*background of tabs (default state)*/
	padding: 5px 12px 6px 11px;
	color: #b41e27;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;
}
.subnavigatie ul li a.zonder2 {
	display: block;
	background: #d3d3d3; /*background of tabs (default state)*/
	padding: 5px 11px 6px 10px;
	border-right:none;
	color: #b41e27;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;
}

* html .subnavigatie ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

}

.subnavigatie ul li a:link, .subnavigatie ul li a:visited{
	color: #b41e27;
}



.subnavigatie ul li a:hover{
	background: #80af96; /*tab link background during hover state*/
	color: #FFF;
}

.active_sub  {
	background: #80af96; /*tab link background during hover state*/
	color: #FFF;
}
	
/*1st sub level menu*/
.subnavigatie ul li ul{
	position: absolute;
	left: 0;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.subnavigatie ul li ul li{
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.subnavigatie ul li ul li ul{
}

/* Sub level menu links style */ 
.subnavigatie ul li ul li a{
	width: 130px; /*width of sub menus*/
	padding: 7px 5px 7px 5px;
	margin: 0;
	border-bottom: 1px solid #FFF;
	text-align:center;
}

.subnavigatiez ul li ul li a:hover{ /*sub menus hover style*/
	background: #FF0;
	color: black;
}



#content {
	width:636px; /* 696 - 60 */
	padding:25px 30px 30px 30px;
	float:left;
}
#bottom {
	background-image:url(../images/bottom.gif);
	width:976px;
	height:50px;
	float:left;
}
#rss {
	width:260px; /* 280 - 20 */
	height:18px; /* 50 - 12 */
	padding:32px 0 0 20px;
	font-size:11px;
	float:left;
}
#footer {
	width:670px; /* 695 - 75 */
	height:18px; /* 50 - 32 */
	padding:32px 0 0 25px;
	float:left;
	font-size:11px;
	color:#FFF;
}

/* ALGEMENE OPMAAK */


h1 {
	margin:0 0 20px 0;
	padding:0;
	font-size:14px;
	
}
h2 {
	margin:0 0 15px 0;
	padding:0;
	font-size:11px;
	color:#b21821;
}
h3 {
	margin:0 0 7px 0;
	padding:0;
	font-size:11px;
	color:#FFF;
	text-transform:uppercase;
}
h3 a {
	color:#FFF;
}
h3 a:link {
	color:#FFF;
}
h4 {
	margin:0 0 2px 0;
	padding:0 0 0 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
h5 {
	margin:2px 0 4px 0;
	padding:0 0 0 10px;
	font-size:11px;
	font-weight:bold;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #e4e4e4;
} 

#tagwoorden h1 a {
	color:#b21821;
	font-size:20px;
	margin:0;
	padding:0;
	line-height:16px;
}
#tagwoorden h2 a {
	color:#363640;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:16px;
	padding-right:4px;
	
}
#tagwoorden h3 a {
	color:#363640;
	font-size:12px;
	background-color:none;
	margin:0;
	padding:0;
	line-height:16px;
	padding-right:4px;
	text-align:left;
}
#tagwoorden h5 a {
	color:#363640;
	font-size:10px;
	margin:0;
	padding:0;
	line-height:11px;
	padding-right:4px;
	text-align:left;
	float:left;
}



img {	
	border: none;
}
legend {
	padding:5px;

}
fieldset {
	padding:0 10px 10px 10px;
	border:1px solid #CCC;
}


.small_cursief {
	font-size:10px;
	font-style:italic;
}
.input {
	border:0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background:url(../images/bg_input.gif) repeat-x;
	height:18px;
	margin:0;
	background-color:#FFF;
	color:#363640;
	width:130px;
	padding:0;
	font-size:11px;
	color:#999;
	float:left;
	padding-left:5px;
	padding-top:3px;
}

.go {
	border:0;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	background-color:#CCCCCC;
	width:30px;
	height:21px;
	padding:0;
	margin:0;
	line-height:10px;
}

.red {
	color: #b41e27;	
}

.afbeelding_rechts {
	margin-left:10px;
	border:1px solid #e4e4e4;
	padding:10px;
}

.nospam { display:none;}


.kruimelpad {
	font-size:11px;
	color:#999999;
}
a, a:link {
	color:#b21821;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.wit, a.wit:link {
	color:#FFF;
	text-decoration:none;
}
a.wit:hover {
	text-decoration:underline;
}
a.zwart, a.zwart:link {
	color:#000;
	text-decoration:none;
}
a.zwart:hover {
	text-decoration:underline;
}
.nieuwsbericht {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	padding:0 0 10px 13px;
	margin:0 0 0 -13px;
}
/* NAVIGATIE */

.jqueryslidemenu{
	width: 985px; /* 1000 - 15 */
	margin:0 0 0 15px;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}



/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	padding: 9px 11px 10px 10px;
	border-top: 1px solid #f1f1f1;
	border-right: 1px solid #FFF;
	color: #b41e27;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;

}
.jqueryslidemenu ul li a.zonder {
	display: block;
	padding: 9px 12px 10px 11px;
	border-right: 1px solid #FFF;
	color: #b41e27;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;

}
.jqueryslidemenu ul li a.zonder2 {
	display: block;
	padding: 9px 11px 10px 10px;
	border-right:none;
	color: #b41e27;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	text-decoration: none;

}

* html .jqueryslidemenu ul li a{ 

}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #b41e27;
}

.jqueryslidemenu ul li a:hover{
	background: #ababa9; 
	background-image:url(../images/navigatie_back_over.jpg);
	background-repeat:repeat-x;
	color: #b41e27;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
letter-spacing:1px;
letter-spacing:normal;
font-weight:normal;
color:#FFF;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
font-variant:normal;
display: list-item;
float: none;
color:#FFF;
background-image:url(../images/bg_sub.png);
text-align:left;

}

.jqueryslidemenu ul li ul li a:hover{
color:#FFF;
background:#80af96;
}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 200px; /*width of sub menus*/
padding: 8px 8px 8px 10px;
margin: 0;
border-top-width: 0;
/*border-bottom: 1px solid #2e2e2e;*/
color:#FFF;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

.active {
	background-image:url(../images/navigatie_back_over.jpg);
}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 10px;
	right: 10px;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
}


/* FORMULIEREN */


.input_contact {
	border: 1px solid #dadada;
	height:20px;
	margin:1px 2px 2px 10px;
	background-color:#FFF;
	color:#666;
	width:140px;
	padding-left:5px;
	padding-top:1px;
	line-height:18px;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
}

.input_select {
	border: 1px solid #dadada;
	height:22px;
	margin:1px 2px 2px 10px;
	background-color:#FFF;
	color:#666;
	width:147px;
	line-height:20px;
	font-size:11px;
	padding-bottom:2px;
	font-family:Verdana, Helvetica, sans-serif;
}

.textarea {
	border: 1px solid #dadada;
	height:200px;
	margin:2px 2px 2px 10px;
	background-color:#FFF;
	color:#666;
	width:300px;
	padding-left:5px;
	font-family:Verdana, Helvetica, sans-serif;
	line-height:18px;
	font-size:11px;
}
.input_button {
	border: 1px solid #dadada;
	height:22px;
	margin:2px 2px 2px 2px;
	background-color:#b21821;
	color:#363640;
	width:163px;
	color:#FFF;
}

.verticaltext {
	writing-mode: tb-rl;
	filter: flipv fliph;
}

.size10px {
	font-size:9px;
}
.borderGrey {
	border-bottom:1px solid #EEE;
	font-size:10px;
	text-align:left;
}
#productTable td {
	margin:0;
	padding:4px;
}