/*------------  Globale reset. * zorgt ervoor dat dit gebeurt op alle selectors. ------------------------------------------------*/

* {
margin:0;
padding:0;
list-style:disc;
list-style-position:inside;
border:0;
}

/*------------  Body/HTML  ------------------------------------------------*/

html, body {
color:#424242;
height: 100%;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
line-height: 18px;
text-align:left;
background-color:#cccccc;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
text-align:center;

height: 100%;
width:100%;
}

/*------------  Opmaak  ------------------------------------------------*/

h1 {
margin-top:20px;
margin-bottom:20px;
font-size: 16px;
font-weight:bold;
color:#C90208;
margin-left:0px;
}
h2 {
font-size: 13px;
color:#424242;
margin-left:10px;
}

.kop {
font-size: 11px;
color:#424242;
font-weight: bold;
margin-bottom: 10px;
margin-left:10px;
}
.kopzwart {
font-size: 11px;
color:#000;
font-weight: bold;
margin-bottom: 10px;
margin-left:10px;
}
a:link, a:active, a:visited {
color:#424242;
text-decoration: underline;
}
a:focus {outline:none;}
a:hover {
color:#C90208;
}

/*------------  Container  ------------------------------------------------*/

#container {
min-height: 87%;
height: auto !important;
height: 87%;
background: url(../grafix/bg_container.jpg) no-repeat #EFEFEF ;
width: 1050px;
margin: 0 auto; /* margin-bottom moet dezelfde hoogte krijgen als je footer maar dan in negatieve waarde */
text-align:left;
}

/*------------  Header  ------------------------------------------------*/

#header {z-index:2;
position:relative;
background: url(../grafix/bg_header.jpg) repeat-x;
height: 76px !important;
height:76px;
width: 1050px;
border-bottom: 1px solid #CCCCC3;
}
#logo {
z-index:2;
position:absolute;
float:left;
top:14px;
left:30px;
height:100px;
width:210px;
}

/*-------------------- hoofdmenu ----------------------------------------*/

#top_bar{
padding-top: 10px;
padding-right: 30px;
}

#home_button, #mail_button{
padding-right: 6px;
float:right;
}
a#rss_button{
display:block;
width:45px;
height:15px;
padding-top:4px;
text-decoration:none !important;
padding-right: 6px;
float:right;
background: url(../grafix/rss_button.gif) no-repeat 0px 2px;
}
a#rss_button:hover{
background: url(../grafix/rss_button_hover.gif) no-repeat 0px 2px;
}
a#twitter_button{
display:block;
width:15px;
height:15px;
margin-top:2px;
text-decoration:none !important;
padding-right: 5px;
float:right;
background: url(../grafix/twitter.jpg) no-repeat 0px 0px;
}
a#twitter_button:hover{
background: url(../grafix/twitter_hover.jpg) no-repeat 0px 0px;
}
a.tweet-this{
display:block;
width: 87px;
height: 15px;
margin-top:2px;
text-decoration:none;
padding-right: 5px;
float:right;
background: url(../grafix/tt.gif) no-repeat;
}
a.tweet-this:hover {
text-decoration:none;
background: url(../grafix/tt_hover.gif) no-repeat;
}
#hoofdmenu {
width:125px;
border:solid 1px #A4A49E;
height:20px;
line-height:20px;
float:right;
margin-right:6px;
background: url(../grafix/bg_hoofdmenu.jpg) repeat-x ;
margin-right: 6px;
}

#hoofdmenu option{
padding-left:3px;
background:#F5F5F5;
}


/*------------  Navigatie  ------------------------------------------------*/
/*Uiteindelijk worden deze styles in de coolmenu.css verwerkt. Voor de Javascript navigatie.*/

#siteNavigation {
position:absolute;
top:40px;
right:24px;
display:inline;
height: 37px;
width:885px;
float:right;
}
#siteNavigation ul{
width:775px;
float: right;
list-style:none;
overflow: hidden;
height: 37px;
}
#siteNavigation li {
float: left;
list-style:none;
}
#siteNavigation li a:link, #siteNavigation li a:visited{
background:url(../grafix/navigatie_button.jpg) no-repeat;
height: 37px;
width: 122px;
line-height:42px;
margin-left:7px;
display: block;
color:#7A7A7A;
text-decoration: none;
text-align: center;
font-size: 13px;
font-weight:bold;
}

#siteNavigation ul li a.active {
	background:url(../grafix/navigatie_button_hover.jpg) no-repeat !important;
	color:#353532 !important;
	font-size: 13px !important;
	height: 37px;
	width: 122px;
	line-height:42px;
	margin-left:7px;
	display: block;
	color:#7A7A7A;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
}

#siteNavigation li a:hover {
background:url(../grafix/navigatie_button_hover.jpg) no-repeat;
color:#353532;
font-size: 13px;
}



/*------------  Kruimelspoor------------------------------------------------*/

a.kruimelspoor_home {
background:url(../grafix/kruimelspoor_home.gif) no-repeat;
display:block;
width:20px;
height:36px;
text-decoration:none;
float:left;
text-indent:-1500px; /*-------  verschuift uit beeld_goed voor vindbaarheid google-----*/
}

#kruimelspoor {

list-style: none;
color:#000;
width:760px !important;
height:36px;
line-height:36px;
margin-left:230px;
overflow: hidden;
}

#kruimelspoor li {
	position: relative;

	text-indent: 3px;
	list-style: none;
	float: left;
}

.noborder { border: 0px !important; }

/*------------  Content ------------------------------------------------*/

#zoekFormDiv {
	position: absolute;
	display: block;
	height: 60px;
	bottom: 15px;
	width:510px;
}

.zoekFormDivSmall {
	width: 340px !important;
}


#content {
display:inline; /*-----------------belangrijk---------------*/
width: 990px;
float:left;
margin-left:30px;
background:none;
}

#index_content_bb {
position:relative;
float: left;
width:520px;
height:257px;
background:#fff;
border:solid 1px #CCCCC3;
overflow:hidden;
}
#index_content_bb h1 {
	margin-left: 10px;
}

#index_content_bb p {
margin-bottom:8px;
margin-left: 10px;
}
#content_bb {
position: relative;
float:left;
width:608px;/*598*/
background-color:red;
background:#fff;
border:solid 1px #CCCCC3;
padding-bottom:20px;
padding-left: 10px;
padding-right: 10px;
}
#content_bb p{
margin: 0px !important; padding: 0px !important;
margin-bottom:8px;
}

#content_bb ul {

margin-bottom:8px;
margin-left:10px !important;
margin-right:0px;
}
#content_bb li {
list-style: disc !important;
}
#content_bb ol li {
	list-style:decimal inside;
}

#content_bb ol {
	list-style:decimal inside;
}

#content_bb table{
margin-bottom:0px;
margin-left:0px !important;
margin-right:0px;
}

.content_bb_footer{
position: absolute;
bottom:0px !important;
left: 0px;
bottom: -1px;
clear:both;
background: url(../grafix/skipmenu_footer.jpg) repeat-x;
width:628px;/*598*/
height:11px;
line-height: 5px;
}

div#presentatie_oplossingen {
margin-top:-5px;
}
#video_industrial {
margin-top:10px;
}

#video_industrial, div#presentatie_oplossingen {
float:left;
width:425px;

}
#video_industrial p, div#presentatie_oplossingen p{
margin-bottom:0px;

}
a.folderLink {
text-decoration:none;
position:absolute;
right:-2px;
bottom:0px;
background: url(../grafix/folderLink.jpg) no-repeat 0px 0px;
height:125px;
width:82px;
display:block;
}
a.folderLink:hover {
background: url(../grafix/folderLink.jpg) no-repeat 0px -125px;
}

.foto1_bb {
display:inline;
background: url(../grafix/foto1_bb.jpg) no-repeat;
width:96px;
height:64px;
margin-left:10px;
margin-right:10px;
border:solid 1px #CCCCC3;
float:left;
}
.foto2_bb {
display:inline;
background: url(../grafix/foto2_bb.jpg) no-repeat;
width:96px;
height:64px;
margin-left:10px;
margin-right:10px;
border:solid 1px #CCCCC3;
float:left;
}

/*-----------------right---------------*/
#right {
width:345px;
float:right;
}


#index_sfeerfoto {
margin-left: 25px;
width:439px;
float:left;
height:257px;
/*background: url(../grafix/index_sfeerfoto.jpg) no-repeat;*/
overflow: hidden;
border:solid 1px #CCCCC3;
}
#sfeerfoto {
width:345px;
float:right;
height:223px;
/*background: url(../grafix/sfeerfoto.jpg) no-repeat;*/
overflow: hidden;
border:solid 1px #CCCCC3;
}

/*-----------------index_skipmenu---------------*/

#index_skipmenu {
position:relative;
float:left;
background:none;
margin-top:10px;
width:520px;
height:227px;
}
#skipmenu {
position:relative;
float:right;
background:none;
margin-top:10px;
width:345px;
height:227px;
}

/*-----------------index_skipmenu_navigatie---------------*/
#index_skipmenu_navigatie {
position:absolute;
z-index:2;
width:520px;
height:33px;
display:inline;
}
#index_skipmenu_navigatie li{
width:117px;
height:33px;
float:left;
margin-right:10px;
list-style:none;
}
#index_skipmenu_navigatie li a:link, #index_skipmenu_navigatie li a:visited{
background:url(../grafix/index_skipmenu_button.jpg) no-repeat;
height: 33px;
width: 117px;
line-height:33px;
display: block;
color:#7A7A7A;
text-decoration: none;
text-align: center;
font-size: 13px;
font-weight:bold;
}

#index_skipmenu_navigatie ul li a.active {
	background:url(../grafix/index_skipmenu_hover.jpg) no-repeat !important;
	color:#353532 !important;
	font-size: 13px !important;
	height: 33px;
	width: 117px;
	line-height:33px;
	display: block;
	color:#7A7A7A;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
}
#index_skipmenu_navigatie li a:hover {
background:url(../grafix/index_skipmenu_hover.jpg) no-repeat;
color:#353532;
font-size: 13px;
}


/*-----------------skipmenu_navigatie---------------*/
#skipmenu_navigatie {
position:absolute;
z-index:2;
width:345px;
height:33px;
display:inline;
}
#skipmenu_navigatie li{
width:107px;
height:33px;
float:left;
margin-right:8px;
list-style:none;
}
#skipmenu_navigatie li a:link, #skipmenu_navigatie li a:visited{
background:url(../grafix/skipmenu_button.jpg) no-repeat;
height: 33px;
width: 107px;
line-height:33px;
display: block;
color:#7A7A7A;
text-decoration: none;
text-align: center;
font-size: 13px;
font-weight:bold;
}

#skipmenu_navigatie li a.active {
background:url(../grafix/skipmenu_hover.jpg) no-repeat !important;
color:#353532 !important;
font-size: 13px !important;
line-height:33px;
display: block;
color:#7A7A7A;
text-decoration: none;
text-align: center;
font-size: 13px;
font-weight:bold;
}

#skipmenu_navigatie li a:hover {
background:url(../grafix/skipmenu_hover.jpg) no-repeat;
color:#353532;
font-size: 13px;
}
/*-----------------skipmenu_navigatie---------------*/


.bg_index_skipmenu {
position:absolute;
top:32px;
background: url(../grafix/bg_index_skipmenu.jpg) no-repeat;
width:520px;
height:205px;
border:solid 1px #CCCCC3;
}
.bg_skipmenu {
position:absolute;
top:32px;
background: url(../grafix/bg_skipmenu.jpg) no-repeat;
width:345px;
height:205px;
border:solid 1px #CCCCC3;
}

/*#nieuwsbericht {
margin-top:16px;
width:370px;
}   */
/*.nieuws_tekst {
width:251px;
float:right;
}*/
.meer_nieuws:link, .meer_nieuws:visited, .meer_nieuws:active {
color:#C90208;
}
.foto_nieuwsbericht {
display:inline;
background: url(../grafix/foto_nieuwsbericht.jpg) no-repeat;
width:86px;
height:64px;
margin-left:10px;
margin-right:15px;
border:solid 1px #CCCCC3;
float:left;
}

/*-------------------- skipmenu zoekfunctie ----------------------------------------*/

#index_skipmenu_zoekfunctie {
float:left;
margin-top:10px;
display:inline;
width:520px;
padding-left: 12px;
}
#skipmenu_zoekfunctie {
float:left;
margin-top:12px;
display:inline;
width:100%;
padding-left: 12px;
}

#fabrikant_keuze {
float: left;
margin-left:10px;
height:20px;
line-height:20px;
width:176px;
border:solid 1px #A4A49E;
background: url(../grafix/bg_hoofdmenu.jpg) repeat-x ;
}
#fabrikant_keuze option{
padding-left:3px;
background:#F5F5F5;
}

#index_skipmenu_contact_button a:link, #index_skipmenu_contact_button a:visited, #index_skipmenu_contact_button a:active{
position: relative;
background: url(../grafix/skipmenu_contact_button.jpg) repeat-x;
width:117px;
height:30px;
float:left;
margin-right:10px;
line-height:30px;
text-align:center;
font-size:13px;
text-align:center;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#index_skipmenu_contact_button a:hover {
background: url(../grafix/skipmenu_contact_button_h.jpg) repeat-x ;
text-decoration:underline;
}
#skipmenu_contact_button a:link, #skipmenu_contact_button a:visited, #skipmenu_contact_button a:active{
position: relative;
background: url(../grafix/skipmenu_contact_button.jpg) repeat-x;
width:117px;
height:30px;
float:left;
margin-top:30px;
margin-right:10px;
line-height:30px;
text-align:center;
font-size:13px;
text-align:center;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#skipmenu_contact_button a:hover {
background: url(../grafix/skipmenu_contact_button_h.jpg) repeat-x ;
text-decoration:underline;
}

#index_skipmenu_nieuws_button a:link, #index_skipmenu_nieuws_button a:visited, #index_skipmenu_nieuws_button a:active{
position: relative;
background: url(../grafix/skipmenu_nieuws_button.jpg) repeat-x;
width:117px;
height:30px;
float:left;
margin-right:10px;
line-height:30px;
text-align:center;
font-size:13px;
text-align:center;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#index_skipmenu_nieuws_button a:hover {
background: url(../grafix/skipmenu_nieuws_button_h.jpg) repeat-x ;
text-decoration:underline;
}
#skipmenu_nieuws_button a:link, #skipmenu_nieuws_button a:visited, #skipmenu_nieuws_button a:active{
position: relative;
background: url(../grafix/skipmenu_nieuws_button.jpg) repeat-x;
width:117px;
height:30px;
float:left;
margin-top:30px;
margin-right:10px;
line-height:30px;
text-align:center;
font-size:13px;
text-align:center;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#skipmenu_nieuws_button a:hover {
background: url(../grafix/skipmenu_nieuws_button_h.jpg) repeat-x ;
text-decoration:underline;
}

.index_skipmenu_footer {
clear:both;
position:absolute;
top:195px;
background: url(../grafix/skipmenu_footer.jpg) repeat-x;
width:520px;
height:11px;
}
.skipmenu_footer {
clear:both;
position:absolute;
top:195px;
background: url(../grafix/skipmenu_footer.jpg) repeat-x;
width:345px;
height:11px;
}

/*----------------Dealerlogin--------------*/

.onzichtbaar {
display:none;
}
.printable {
display:block;
}
.unprintable {
display:none;
}
.tekst {
display:block;
}
.tekst2 {
display:none;
}
.onderlinkjescel {
display:none;
}
.onzichtbaar {
display:block;
}
.tdleft {
display:none;
}
.tdtop {
display:none;
}
.tdright {
display:none;
}

/*-----------------reclamevenster---------------*/
#index_reclame_venster {
text-align:center;
position:relative;
background:#fff;
color:#000;
width:439px;
display:inline;
float:right;
margin-top:42px;
border:solid 1px #CCCCC3;
padding-bottom: 15px;
}

#index_reclame_venster p {
	margin: 5px;
}

.reclamefoto1 {
display: block;
width: 439px;
}
.reclamefoto1 img {
margin:23px auto 0px !important;
margin:20px auto 0px;
width:200px;
height:90px;
}
.reclamefoto2 {
display: block;
width: 439px;
height: 60px;

}

.reclamefoto2 img{
margin:27px auto 0px;
width:439px;
height:60px;
}
.index_reclame_venster_footer {
position:absolute;
bottom:-1px;
left:0px;
background: url(../grafix/skipmenu_footer.jpg) repeat-x;
width:439px;
height:11px;
line-height: 11px;
}


/*-------------------- Footer ----------------------------------------*/

#footer {
width:1050px;
height:102px;
background:url(../grafix/footer.gif) no-repeat #EFEFEF;
clear:both;
color: #FFF;
margin: 0 auto;
color: #fff;
}
#logos {
height:50px;
width:1030px;
margin:0px auto 0px;
padding-top:1px;
}
#logos li {
margin-left:4px;
float:left;
list-style:none;
height:49px;
width:110px;
display:block;
}
.linkfooter p{
display:inline;
color: #fff;
line-height:26px;
font-weight:bold;
float:left;

}

#push { /*Dit is een fix voor Opera browser. Dit zorgt ervoor dat de tekst niet onder de footer doorloopt. Belangrijk is om deze hoogte iig dezelfde hoogte te geven als de footer*/
clear:both;
height:40px;
}
.linkfooter  {
height:40px;
text-align:right;
margin-right: 15px;
margin-top:0px !important;
margin-top:8px;
padding-left:10px;
}
#footer a:link, #footer a:active, #footer a:visited {
color: #fff;
text-decoration: none;
line-height:40px;
font-weight:bold;
}
#footer a:hover {
text-decoration:underline;
}

input.text, input text, .textarea {
	border:solid 1px #A4A49E !important;
}

input.button {
	background: url(../grafix/skipmenu_contact_button.jpg) repeat-x;
	height:30px;
	padding-left: 10px; padding-right: 10px;
	line-height:30px;
	text-align:center;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	cursor: pointer;
}



.rmaForm td {
	padding: 3px !important;
}


#nieuwsbericht, #referenties,#index_nieuwsbericht, #index_referenties{
margin-left:10px;
margin-top:10px;}

table#productimages_tbl tr td{
width: 256px;
}
div.carousel ul li{
background:red;
list-style-type:none !important;
}
div#logo_bar{
height: 57px;
margin-bottom: 12px;
overflow: hidden;
padding-left: 6px;
width: 1030px;
}