/* !!!!! GLOBAL ELEMENTS !!!!! */

* { padding:0; margin:0; }

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, select, a, blockquote, table, td, th { font-family:Arial, Helvetica, sans-serif;} 

body { font-size:12px; color:#2A2727; margin-top:12px;}

h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; } 
h1 { } 
h2 { font-size:20px; color:#2A2727; padding:5px 0px;} 
h3 { }
h4 { }
h5 { }
h6 { }

p { padding:2px 0px 2px; line-height:17px;} /* All content will be automatically generated in this tag, MUST TO DEFINE */

a, a:visited { text-decoration:; color:#2A2727; }
a:hover { text-decoration:; color:red; }
a:active { color:#2A2727; }
a img {border: 0px;}

form { }
label, input, textarea, select { }

/*___ end global elements ___*/

div.band {
    position: absolute;
    border: solid 0px black;
    overflow: visible;
    height: 140px;
    width: 180px;
    margin-left: 20px;
    margin-top: -20px;
    background-image: url(../images/band.png);
    background-repeat: no-repeat;
}	

/* !!!!! GLOBAL CLASSES !!!!! */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; height:0px; line-height:0px; font-size:0px;}

.textleft { text-align:left;}
.textright { text-align:right;}
.textjustify { text-align:justify;}
.textcenter { text-align:center;}


.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }
.clearfix { display:block; }

.spcr5{height:5px; line-height:0px; font-size:0px;}
.spcr10{height:10px; line-height:0px; font-size:0px;}

/*___ end global classes ___*/



/* !!!!! STRUCTURAL CLASSES !!!!! */
.body{background:url(../images/body_bg_top.gif) repeat-x top;}
.main_wrapper{ background:url(../images/body_bg_bottom.gif) repeat-x bottom;}
.wrapper{ width:934px; margin:0 auto;}
#wrapper { width:934px; margin:0 auto;} 

#header {height:115px;}

#content { } /* Middle contents / post area */
	/*	DEFINE COLUMN STRUCTURE - YOU CAN ALSO ADD OTHER CLASSES eg. mediumcolumn AS PER YOUR THEME STRUCTURE */
	.widecolumn { } /* COLUMN WITH BIGGER WIDTH - DONT ADD PADDING OR MARGIN (if require make element specific classes) */
	.narrowcolumn { } /* COLUMN WITH LESS WIDTH - DONT ADD PADDING OR MARGIN (if require make element specific classes) */

#sidebar { }

#footer { padding-top:20px;}
#footer .title{padding:0px 0px 20px 0px; font-size:12px; font-weight:bold; color:#2A2727;}
#footer .pad{padding-left:10px;}

/* footer navigation */
#footer .nav{ width:180px; font-size:11px; border-left:solid 1px #dedede; height:170px; margin-bottom:10px;}
#footer .nav .title{padding:0px 0px 20px 40px; font-size:12px; font-weight:bold; color:#2A2727;}
#footer .nav ul{list-style:none; padding-left:30px;}
#footer .nav ul li{ background:url(../images/footer_nav_bull.gif) no-repeat 5px 5px; padding:0px 0px 5px 14px;}
#footer .nav a{color:#000000; text-decoration:none;}
#footer .nav a:hover{color:#2A2727; text-decoration:underline;}

/*___ end structural classes ___*/


/* !!!!! ELEMENT SPECIFIC CLASSES !!!!! */

/* LOGO */
h1#logo a { display:block; width:216px; height:76px; text-indent:-9999px; text-decoration:none; background:url(../images/logo.gif) no-repeat 30px 30px; } 


/* NAVIGATION */
#navigation {padding:86px 11px 0px 0px;} /* To format the main navigation structure */
#navigation ul {list-style:none; }
#navigation ul li{ background:url(../images/top_nav_dline.gif) no-repeat right top; padding-right:10px; padding-left:10px; display:block; float:left;}
#navigation ul li.last{background:none;}
#navigation ul li a{ background:url(../images/top_navigation.gif) no-repeat; height:14px; font-size:1px;}
#navigation ul li a.aanbiedingen{background-position:0px bottom; text-indent:-9999px; width:72px; display:block;}
#navigation ul li a.aanbiedingen:hover{background-position:0px top;}
#navigation ul li a.gebruikt{background-position:-95px bottom; text-indent:-9999px; width:44px; display:block;}
#navigation ul li a.gebruikt:hover{background-position:-95px top;}
#navigation ul li a.verhuur{background-position:-162px bottom; text-indent:-9999px; width:43px; display:block;}
#navigation ul li a.verhuur:hover{background-position:-162px top;}
#navigation ul li a.service{background-position:-227px bottom; text-indent:-9999px; width:39px; display:block;}
#navigation ul li a.service:hover{background-position:-227px top;}
#navigation ul li a.over_ons{background-position:-288px bottom; text-indent:-9999px; width:47px; display:block;}
#navigation ul li a.over_ons:hover{background-position:-288px top;}
#navigation ul li a.nieuws{background-position:-358px bottom; text-indent:-9999px; width:38px; display:block;}
#navigation ul li a.nieuws:hover{background-position:-358px top;}
#navigation ul li a.route{background-position:-420px bottom; text-indent:-9999px; width:31px; display:block;}
#navigation ul li a.route:hover{background-position:-420px top;}
#navigation ul li a.vacatures{background-position:-473px bottom; text-indent:-9999px; width:54px; display:block;}
#navigation ul li a.vacatures:hover{background-position:-473px top;}
#navigation ul li a.contact{background-position:-548px bottom; text-indent:-9999px; width:41px; display:block;}
#navigation ul li a.contact:hover{background-position:-548px top;}
#navigation ul li a.shop{background-position:-611px bottom; text-indent:-9999px; width:27px; display:block;}
#navigation ul li a.shop:hover{background-position:-611px top;}
#navigation ul li a {text-decoration:none;}


/* banner home */
.banner_home{padding:40px 0px 40px 0px; background:#FFFFFF url(../images/home_banner_bg.gif) repeat-x top;}
.banner_home .left{width:370px; margin-left:10px;}
.banner_home .right{width:550px;}
.banner_home .slogan{ text-align:center; padding:9px 0px 65px 0px;}
.banner_home .prod_type{ text-align:right;}

/* banner inner */
.banner_inner{background:#FFFFFF url(../images/inner_banner_bg.gif) repeat-x top;}
.banner_inner .left{width:370px; margin-left:20px; padding-top:20px; text-align:center;}
.banner_inner .right{width:517px;}
.banner_inner .prod_type{ text-align:right;}

/* product banner */
.product_banner{background:#f0f0f0; border:solid 1px #e8e8e8; padding:10px;}


/* video display and welcome text */
.video_display{ width:400px; text-align:center; font-size:12px; color:#2A2727;}
.welcome_text{ width:530px; text-align:left; font-size:12px; color:#2A2727;}
.welcome_img{border:solid 1px #e8e8e8; background:#f0f0f0; padding:8px; margin-right:10px; margin-bottom:5px;}

/* subscribe */
.textbox{border:solid 1px #2A2727; color:#a4a4a4; padding:3px; background:#FFFFFF; font-size:11px;}
.subscribe{width:390px;background:url(../images/subscribe_bg.gif) no-repeat 95% 50%;}
.subscribe p{font-size:11px; color:#a4a4a4; padding:0px 0px 5px 0px; margin:0px; line-height:15px;}

/* grey round box with heading */
.gry_box{}
.gry_box .rt{background:url(../images/gry_round_box.png) no-repeat right top; margin-left:7px;}
.gry_box .rt div{ background:url(../images/gry_round_box.png) no-repeat left top; position:relative; left:-7px; font-size:12px; color:#2A2727; font-weight:bold; padding-left:10px; height:43px; line-height:43px;}
.gry_box .rb{ background:url(../images/gry_round_box.png) no-repeat right bottom; margin-left:8px;}
.gry_box .rb div{background:url(../images/gry_round_box.png) no-repeat left bottom; position:relative; left:-8px; height:6px; font-size:0px;}
.gry_box .mid{border-left:solid 1px #ededed; border-right:solid 1px #ededed; background:#FFFFFF; padding:5px;}
.gry_box .mid2{background:#FFFFFF;}
.gry_box .rbw{background:url(../images/gry_round_box_wht.png) no-repeat right bottom; margin-left:8px;}
.gry_box .rbw div{background:url(../images/gry_round_box_wht.png) no-repeat left bottom; position:relative; left:-8px; height:5px; font-size:0px;}


/* map machine */
.map_machine{width:460px; margin-right:16px; color:#2A2727;}
.map_machine .gry_box .rt{}
.map_machine .row2{background:#f9fafa;}
.map_machine ul li{list-style:none; display:block; height:40px; line-height:40px; text-indent:5px; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; border-right:solid 1px #ededed; }
.map_machine ul li span{width:300px; float:left; border-right:solid 1px #ededed;}
.map_machine ul li.last{background:url(../images/gry_round_box.png) no-repeat right bottom; height:41px; border-bottom:none; border:none; margin-left:6px; text-indent:0px;}
.map_machine ul li.last span{background:url(../images/gry_round_box.png) no-repeat left bottom; font-weight:normal; height:41px; line-height:41px; width:300px; float:left; border-right:solid 1px #ededed; position:relative; left:-6px; text-indent:5px;}

/* tabing section */
.tab_prodinfo{ width:457px;}
ul.tabs{margin: 0; padding: 0; float: left;	list-style: none; height: 36px;  width:100%; padding-top:6px; font-size:12px; font-weight:bold;}
ul.tabs li{float: left;	margin: 0 2px 0; padding: 0;	height: 36px; line-height: 36px; overflow:hidden;	position: relative;	background: #e0e0e0;}
ul.tabs li a {text-decoration:none; color:#2A2727; display:block; background:url(../images/tab_normal.gif) no-repeat left top; height:36px; line-height:36px; padding-left:15px; float:left;}
ul.tabs li a span{ background:url(../images/tab_normal.gif) no-repeat right top; padding-right:15px; display:block;}
ul.tabs li a:hover, ul.tabs li a.active{ background:url(../images/tab_active.gif) no-repeat left top;}
ul.tabs li a:hover span, ul.tabs li a.active span{background:url(../images/tab_active.gif) no-repeat right top;}
.tab_container {overflow:hidden; width:100%; background:#fff;}
.tab_content {padding:10px 0px;	font-size:1.2em;}

.tab_prodinfo .col1{width:183px; text-align:center; float:left; padding-bottom:10px;}
.tab_prodinfo .col1 .img img{background:#f0f0f0; border:solid 1px #e8e8e8; padding:8px;}
.tab_prodinfo .col2{float:left; width:260px; padding-bottom:10px;}
.tab_prodinfo p{font-size:12px; color:#2A2727; line-height:18px;}


/*___ end structural classes ___*/

/* !!!!! MISC. CLASSES !!!!! */

.readmore {}

/* COPY RIGHT */
.copyright { height:34px; font-size:11px; color:#2A2727;}
.copyright img{ vertical-align:middle;}
.copyright .pad{padding-top:5px; padding-right:20px;}
.copyright .txt{padding-top:10px; padding-left:40px;}
.copyright a {}

/*___ end misc. classes ___*/


/* !!!!! GENERAL CLASSES !!!!! */

/* Home main POST */
.home_main_content { }
.home_main_content h1 { }
.home_main_content p { }
.home_main_content a { }

/*___ end general classes ___*/

