@import "mainmenu.css";
@import "swf_producthighlight.css";
@import "home.css";

.tx-pbsurvey-pi1 { z-index:999; visibility:hidden;}
#enquete {
	position: absolute;
	
	width:350px;
	height:200px;
	
	margin-left:10px;
	margin-top:-80px;
	
	visibility:visible;
	
	left:50%;
	top:50%;
	
	z-index:999;
	
	background: #ffffff url(../images/animo-enquete.png) no-repeat right top;
	text-align:center;
	border:2px solid black;
	
	padding-top: 80px;
}

#enquete a {
	font-weight: bold;
}

.bold { font-weight: bold; }

html, body{margin: 0; padding:0; height: 100%;}
body{
	font-size:70%;	
	font-family: "Verdana", "Arial", "sans-serif";
	text-align: center;
	z-index: 0;
	background-color: #fff;
}

a{ text-decoration: none; color: #003474; }
a:hover{text-decoration: underline}
a img{border: 0}
h1,h2{color: #003474; margin-bottom: 10px}
h3,h4{color: #d20f31}
h1{font-size: 140%}
h2{font-size: 120%}
h3{font-size: 110%}
h4{font-size: 100%}

#content .bodytext a {  }

#website_container{ width: 770px; margin: 0 auto; text-align: left;}
#header{ position: relative; height: 290px; }
#headerimg{ width: 770px; z-index: 0; position: absolute; top: 130px; left: 0px; height: 165px; background: url(../images/header-img_bg.png) no-repeat center top;}
#headerimg img { height: 143px; overflow: hidden; margin: 6px 10px 0px 10px;}

#logo { float: left;}
#flashheader { width: 770px; z-index: 1; position: absolute; top: 130px; left: 0px; height: 165px; background: url(../images/header-img_bg.png) no-repeat center top;}

/* Temp. disable flashheader */
#flashheader { background-image: none; }

#headerimg .tx-flashpageheader-pi1 {
    position: absolute; top: 7px; left: 0px; height: 143px;
}

#content div .left_step_text {
    width:400px;
    float:left;
}

#content div .warranty_image {
    width:143px;
    float:left;
    text-align:right;
}

/**
 * CONTENT
 */

#page {width: 750px; padding: 5px 0px 0px 10px;}
#page {z-index: 20; width: 750px; padding: 5px 0px 0px 10px;}
#page.detail{background: #fff url(../images/dotted_vertical.gif) repeat-y 196px top;}
#breadcrumbs {width: 710px; padding: 0 0px; background: #fff url(../images/dotted_horizontal.gif) repeat-x left bottom; padding-bottom:5px}

#content{float: left; clear: right; }
.home{ width: 750px; z-index: -100}
/* .sub { width: 530px; margin-left: 5px; padding: 5px 5px 10px 5px; } */
.home{width: 750px}
.sub {width: 554px; margin-left: 5px; padding: 5px 0px 10px 5px; /* background: #fff url("../images/dotted_vertical.gif") repeat-y left top; */}

#content h3 { margin-top: 0; padding-top:0; }

#content #product{width:340px;float:left; padding: 0px 5px 0px 0px; background: url('../images/dotted_vertical.gif') right repeat-y;}
#content #product div.prev{width:23px;height:200px;float:left;background:url('../images/arrow_left.gif') no-repeat left;cursor:pointer;}
#content #product div.image{width:294px;height:225px;float:left;text-align:center}
  #content #product div.image ul { list-style-type: none; }
#content #product div.next{width:23px;height:200px;float:right;background:url('../images/arrow_right.gif') no-repeat right;cursor:pointer;}
#content #product div.zoom {
	position: relative;
	top: 0px;
	left: 0px;
	
	height: 40px;
	
	clear: both;
}
	#content #product div.zoom img.zoom {
		position: absolute;
		top: 20px;
		right: 0px;
		
		cursor: pointer;
	}
	
	#content #product div.zoom a.vraag-direct-offerte-aan {
		position: absolute;
		top: 20px;
		left: 0px;
	}


#content #product .options {vertical-align:center;width: 340px;}
#content #product .options .label {vertical-align:center;width: 250px;}
#content #product .options img {float:right;border:1px solid #ccc;padding:4px;}


.category_listview { color: #999; /* height: 161px; */ height: 16em; width: 161px; border: 1px solid #ccc; margin: 5px; padding: 5px; float: left; text-align: left; }
#content .clear {clear:both;}

#content #product h1{color: #003474; letter-spacing: +0.5px; font-size:140%; font-weight: normal; background: url("../images/h3_back.gif") repeat-x;margin: 0px; padding: 4px 0px 4px 10px;}

#content #product h3 {
	background:transparent url(../images/h3_back.gif) repeat-x scroll 0 0;
	color:#003474;
	font-size:140%;
	font-weight:normal;
	letter-spacing:0.5px;
	margin:0;
	padding:4px 0 4px 10px;
}


#content #rightcol{width:181px;float:right;font-size:90%}
#content #rightcol a{font-weight:bold;color:red}
#content #rightcol h3{color: #003474; letter-spacing: -0.5px; background: url("../images/subnav_header_bg.png") no-repeat center top; margin: 15px 0px 0px 0px;; padding: 5px 0px 5px 15px; border-bottom: 1px solid #a4a4a4}
#content #rightcol ul.block-right a {color:#003474;}
#content .product-category img {cursor:pointer;padding:3px;margin:6px;border:1px solid #ccc;}
#content #models .header {font-weight:bold;}
#content #models {margin-bottom:20px;}
#content #models tr td {background: transparent url(../images/line_dotted_vertical.png) repeat-y center right}
#content #models tr td.last {background: none}



#content .category_listview_extranet {color:#003474;width:255px;float:left;text-align:left;margin:4px;padding:4px;}
#content .category_listview_extranet .link {font-weight:bold;}
#content .category_listview_extranet ul {padding:0px;padding-left:20px;}

#content #rightcol ul{list-style-type: none; margin: 0px; padding: 15px 0px 10px 4px; background: url("../images/subnav_ul_bg.png") #e9e9e9 no-repeat center top}
#content #rightcol li{padding:2px 2px 2px 20px;}
#content #rightcol li.document {background: url("../images/folder.gif") no-repeat left;}
#content #rightcol li.email {background: url("../images/mail.gif") no-repeat left;}
#content #rightcol li.contact {background: url("../images/contact.gif") no-repeat left;}
#content #rightcol li.verkoopadressen {background: url("../images/officebuild.gif") no-repeat left;}


#content #rightcol ul.productlinks a{text-decoration: none; color: #003474}
#content #rightcol ul.productlinks a:hover{text-decoration: underline}

#content #rightcol div.invoicebutton {
	padding: 10px 0px 10px 24px;
}
	#content #rightcol div.invoicebutton a {
	}

/*Style for tables made in Typo3 CMS.*/
table.contenttable {
  border: 1px solid #aaa;

  height: auto;
}
  table.contenttable th {
    font-weight: bold;
    text-align: left;
  }

  table.contenttable td {
    border: 1px solid #ddd;

    margin: 0px;
    padding: 0px 2px;
  }
    table.contenttable td p.bodytext {
      margin: 5px 0px;
      padding: 0px;
    }


/**
 * EXTRANET LAYOUT
 */
 /* --> moved to external stylesheet
.extranet {width: 788px}
.extranet #header{height: 150px}
.extranet div#statusbar {border: 1px solid #ccc; text-align: right; padding: 2px 10px 2px 10px}
.extranet div#statusbar span#user{color: #003474}
*/



/**
 *  LANGUAGE & SEARCH
 */

#tools {width: 420px; position: absolute; top: 15px; right: 10px; height: 50px; }
/* #navbar {position: relative; } */

#lang_select ul { 
	margin: 0; 
	padding: 0; 
	
	list-style-type: none; 
	
	height: 20px; 
	width: 160px;
	
	background: url(../images/language_bg.png) no-repeat left top; 
	
	padding: 4px 0 0 4px; 
	
	position: absolute; 
	top: 20px; 
	right: 231px; 
	
	font-size: 70%; 

	z-index: 100;
}
#lang_select ul.open {
	background: #ccc;
}
#lang_select ul.open {
	height: 59px; 
	z-index: 2000; 
	background: url("../images/language_bg_open.png") no-repeat left top;
}
	#lang_select ul li {
		margin: 1px 0px;
		z-index: 200;
	}
	#lang_select ul li.hidden { display: none;  }
	#lang_select ul li.active { display: block; }
	#lang_select ul li.open   { display: block; }
		#lang_select ul li img { 
			margin-right: 2px;
		}
		
		#lang_select ul li a {
			font-size: 10px;
			font-weight: bold;
		}
			#lang_select ul li a:hover { 
				text-decoration: none; 
				color: #000;
			}
			
			#lang_select ul li a img {
				margin-right: 3px;
			}

#lang_select a.button {
	height: 20px; 
	width: 20px; 
	
	background: url("../images/btn_arrow_down.png") no-repeat left top; 
	
	border: 0;
	
	position: absolute; 
	right: 210px; 
	top:20px;
	
	display: block;
	overflow: hidden;
	font-size: 1px;
	text-indent: -1000px;
}
	#lang_select button span {
		display: none;
	}

#searchform input{height: 20px; width: 140px; background: url("../images/input_search_bg.png") no-repeat left top; border: 0; position: absolute; right: 20px; top:20px; padding: 3px 5px 2px 20px; font-size: 90%; color: #a3a3a3}
#searchform label{display: none;}
#searchform fieldset{border: 0;}
#searchform button{ cursor: pointer; height: 20px; width: 20px; background: url("../images/btn_arrow_right.png") no-repeat left top; border: 0; position: absolute; right: 0px; top:20px;}
#searchform button span{display: none;}


#printpage {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	height: 25px;
	/*z-index: 2000;*/
	width: 750px;
	position: relative;
	/* top: 73px; */
	top: -25px;
	/* left: 10px; */
	text-align:right;
}

#printpage a {
	text-decoration: none;
}


/* Extranet Nav */
/* --> moved to external stylesheet
.extranet ul#sub {background: transparent; border: 1px solid #ccc; height: 36px}
.extranet ul#sub li, .extranet ul#sub li.hassub{background: transparent; width: 120px; padding-top: 3px}
.extranet ul#sub li a, .extranet ul#sub li a:hover{color: #003474}
*/


/**
 * BREADCRUMBS
 */
#breadcrumbs{font-size: 90%; width: 750px; background: #fff url("../images/dotted_horizontal.gif") repeat-x left bottom; padding-bottom:5px; color: #535353}
#breadcrumbs strong{margin: 0px 4px 0px 106px}
#breadcrumbs span.gt{font-size: 80%; margin: 0px 6px 0px 6px}
#breadcrumbs .cur{font-weight: bold;}

/**
 * SUBMENU CONTAINER
 */
#left { float: left; width: 181px; margin: 5px 0px 5px 0px; background: url("../images/left_bg.png") repeat-y center top; }
#left { font-size: 90%; }
#left h3.subtitle { color: #003474; letter-spacing: -0.5px; background: url("../images/subnav_header_bg.png") no-repeat center top; margin: 0px; padding: 5px 0px 5px 15px; border-bottom: 1px solid #a4a4a4; }

/*sub nav*/
#subnav {border: 0px solid green;}
#subnav ul{list-style-type: none; margin: 0px; padding: 10px 0px 10px 10px; background: url("../images/subnav_ul_bg.png") no-repeat center top}
#subnav ul li{font-weight:bold;padding: 10px 0px 0px 0px;}
#subnav ul li a.cur{color: #d20f31}
  /*subsub nav*/
  #subnav ul li ul { background: transparent;  padding: 0px 0px 0px 10px; }
  #subnav ul li ul li{font-weight:normal;padding: 0px 0px 0px 0px; margin-bottom: 5px; }
    /*subsubsub nav*/
    #subnav ul li ul li ul { list-style-type: square; list-style-position: inside; }
    #subnav ul li ul li ul li { margin-bottom: 0px; }


/**
 *  SEARCH RULES
 */
#left div#searchrules { margin-top: 20px; }
  #left div#searchrules p {
    border: 0px solid red;
    padding: 4px;
    margin: 0px;
    color: #555;
    font-size:110%;
    line-height: 100%;
  }

/*Turn off old search-results element*/
div.csc-header {
  _padding-top: 8px;
  /*width: 350px;*/
}

span.csc-textpic-imagewrap {
	float:left;
}

div.tx-indexedsearch { }
  div.tx-indexedsearch-searchbox {
    width: 390px;
    float:left;
  }
  div.tx-indexedsearch-rules {
    margin-top: -40px;
    _margin-top: -30px;
    
    display: block; 
    width:120px;
    float: right; 
    font-size:90%;
  }
    div.tx-indexedsearch-rules div.tx-indexedsearch-rules {
      margin-top: 0px;
      _margin-top: 0px;
      border-style: none;
    }
  
  div.tx-indexedsearch-whatis {
    clear: left;
    _clear: none;
  }
  div.tx-indexedsearch-browsebox {}
  div.tx-indexedsearch-res {
    float: left;
    width: 425px;
  }

/*div.tx-indexedsearch-rules { font-size:90%; }*/

/* Extranet Subnav */
/* --> moved to external stylesheet
.extranet #left{background: transparent; border: 1px solid #ccc}
.extranet #subnav h3.subtitle{background: transparent}
.extranet #subnav ul{background: transparent}
*/

/**
 * FOOTER
 */

#footer{ clear: both; text-align: center; color: #c4c4c4; padding-bottom: 30px; border-top: 1px solid #e4e4e4; font-size: 10px; margin: 0px 10px}
#footer ul{text-align: center; height: 30px; padding: 7px 0 0 0; }
#footer ul li{display: inline; padding: 0 10px; border-left: 1px solid #e4e4e4}
#footer ul li.first{border: 0px;}


/**
 *  HOMEPAGE specific items
 **/
table#home_products {
  width: 750px;
  margin: 10px 0px;
}
  table#home_products col.left   { width: 360px; background-image: none; }
  table#home_products col.middle { width: 30px; }
  table#home_products col.right  { width: 360px; }

  table#home_products td.vertical_line { background: transparent url(../images/line_dotted_vertical.png) repeat-y scroll top center; }
    table#home_products td.vertical_line .top { background-position: top center; }
    table#home_products td.vertical_line .bottom { background-position: bottom center; }
  table#home_products td.horizontal_line { background: transparent url(../images/line_dotted_horizontal.png) repeat-x scroll center center; }
    table#home_products td.horizontal_line .left { background-position: left center; }
    table#home_products td.horizontal_line .right { background-position: right center; }
  table#home_products td.middle { height: 30px; }

  table#home_products td.product {
    padding: 5px;
    vertical-align: top;
  }
  
  .category_listview_extranet ul li.doctype {
  		list-style-type: none;
  }
  .category_listview_extranet ul ul li {
  		margin-left:8px;
  }

  table#home_products td.product img.right{ float: right }
  table#home_products td.product img.left { float: left}

  table#home_products td.product h3 {z-index: 2;}
  table#home_products td.product p {
    display: block;
    padding-bottom: 30px;
    color: #003474;
  }

  table#home_products td.product ul{
    margin: 0px;
    padding: 0px;

    list-style-type: none;
  }
    table#home_products td.product ul li {}
      table#home_products td.product ul li a {
      	display: block;
        padding-left: 10px;
        background: url("../images/bullet_blue.png") no-repeat left 6px; 
   }

      table#home_products td.product ul li a:hover {
      	display: block;
        background: url("../images/bullet_red.png") no-repeat left 6px; 
      }

  table#home_products td.product a.readmore.left  { position: absolute; left: 10px; bottom: 10px; }
  table#home_products td.product a.readmore.right { position: absolute; right: 10px; bottom: 10px; }


/**
 * Standard mailform
 */
.csc-mailform { border: none; }
.csc-mailform label { width: 120px; float: left; clear: both; padding: 2px 0px 0px 0px; }
.csc-mailform input,
.csc-mailform textarea {
	border: 1px solid #ccc;
	margin-bottom: 4px;
	font-family: "Verdana, Arial";
	font-size: 100%;
}
.csc-mailform-submit {
	margin: 0px 0px 0px 80px;
	_margin: 0px 0px 0px 83px;
}

/**
 * EXT: bw_automaatadviseur TOOLTIP
 */
.tx-bwautomaatadviseur-pi1 a.tooltip{
	position:relative; /*this is the key*/
	z-index:24;
	color:#000;
	text-decoration:none
}
.tx-bwautomaatadviseur-pi1 a.tooltip:hover{z-index:25;}
.tx-bwautomaatadviseur-pi1 a.tooltip span{display: none}
.tx-bwautomaatadviseur-pi1 a.tooltip:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0em; left:2em; width:15em;
	border:1px solid #0cf;
	background-color:#cff; color:#000;
	text-align: center
}


/**
 * EXT: bw_automaatadviseur
 */
.bw-automaatadviseur-table {
	width: 100%;
	background: #eee;
}
.bw-automaatadviseur-table td {
	vertical-align: top;
	padding: 3px;
	margin: 0px;
}
.bw-automaatadviseur-table-labelcell {
	width: 40%;
}
.bw-automaatadviseur-table-fieldcell {
	width: 60%;
}
.bw-automaatadviseur-table input {
	border: 1px solid #ccc;
}
.bw-automaatadviseur-prod-cell {
	padding: 5px;
	width: 172px;
}
.bw-automaatadviseur-prod-cell div {
	border: 1px solid #ccc;
	padding: 5px;
	height: 178px;
}
.bw-automaatadviseur-prod-number {
	font-size: 13px;
	font-weight: bold;
	color: #999;
}
.bw-automaatadviseur-prod-title {
	font-weight: bold;
	color: #003474;
}
.bw-automaatadviseur-prod-desc {
	font-size: 9px;
	color: #999;
}

p.errors, div.error {
	color: #FF0000;
}


/**
 * EXT: bw_animo_events
 */
table.bw-animo-events-list {
  width: 100%;
}
  table.bw-animo-events-list col.col1 { width: 150px; }
  table.bw-animo-events-list col.col2 {}
  table.bw-animo-events-list col.col3 { width: 60px; }

  table.bw-animo-events-list td.datetime   {}
  table.bw-animo-events-list td span.title { font-weight: bold; }
  table.bw-animo-events-list td div.short  {}
  table.bw-animo-events-list td.more       {}


div.bw-animo-events-single {
  width: 100%;
}

/*  div.bw-animo-events-single .vantot {
    display: block;
    width: 30px;
    float: left;

    font-weight: bold;
  }

  div.bw-animo-events-single h2 { font-weight: bold; }
  div.bw-animo-events-single span.datetime   {}
  div.bw-animo-events-single div.full        {}
*/

 .bw-animo-events-list .list tr td {
	border-bottom: 1px solid #999;
}

.bw-animo-events-list .list .header {
	background: #e9e9e9;
	font-weight: bold;
}

.bw-animo-events-single h3 {
	padding-bottom:0px;
	margin-bottom: 0px;
}

.bw-animo-events-single .datetime {
	color: #999;
	font-size: 90%;
}

.bw-animo-events-single .full {
	padding-top:4px;
	padding-bottom:4px;
}

.news-list-item h2 {
	font-size:120%;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}

.news-list-item h2 a {
	color: #d20f31;
}

.news-list-item .news-list-date {
	color: #999;
	font-size: 80%;
}

.clearer {
	border:0px;
	color:#fff;
	height:3px;
	background: url(../images/line_dotted_horizontal.png) repeat-x scroll center center;
}

.news-single-item h1 {
	padding-bottom:0px;
	margin-bottom:0px;
}

.news-single-item .news-single-timedata {
	color: #999;
	font-size: 80%;
}


/* LATEST NEWS ON HOME */
div.news-latest-container {}
div.news-latest-container h3 {}
div.news-latest-container ul {}
ul li.news-latest-item {}
ul li.news-latest-item a {}
ul li.news-latest-item a:hover { text-decoration: none; }
ul li.news-latest-item a:hover span { border-bottom: 1px dotted #003474; }

/* SITEMAP */
.csc-sitemap ul { margin-left: 5px; padding-left: 10px; }

.csc-locations { padding: 0; margin: 0; width: 100%; }
.csc-locations .csc-floating-block { width: 262px; float: left; height: 280px; padding-right: 8px; }
.csc-locations .csc-floating-block .csc-header { width: 100%; }
.csc-locations .clearer { clear: left; }

/**
 * page: Downloads
*/

table.csc-uploads-0 td p {
	padding: 0px;
	margin: 0px;
}

table.csc-uploads-0 td p a {
	background: url('../images/download-icon_blue.gif') no-repeat left;
	padding-left: 12px;
}

.extranet .csc-uploads p,
.extranet .csc-form-labelcell p {
	padding-bottom:0px;
}

.extranet .csc-uploads-fileName {
	padding-bottom:0px;
	width: 300px;
}


.extranet .csc-uploads-fileSize {
	vertical-align: top;
}

table.contenttable,
table.contenttable tr,
table.contenttable td {
	border: 0px;
}

.extranet .loggedin {
	color: #003474;
}

/**
 * page: Vestigingen
 */
div#vestigingen {}
  div#vestigingen_links,
  div#vestigingen_rechts {
    width: 270px;
    overflow: hidden;
  }
  
  div#vestigingen_links {
    float: left;
    margin-right: 5px;
  }
  div#vestigingen_rechts {}
  
  div#vestigingen h1 {
    margin: 0px;
    padding-top: 10px;
  }
  
  div#vestigingen h5 { margin: 0px 0px 5px 0px; }
  div#vestigingen p  { margin-top: 3px; }
  
  #home_products {
	font-size:11px;
	}

  #home_products p.bodytext { margin: 0;}

form fieldset {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.csc-mailform p {
	padding: 2px;
	margin: 0px;
}

.csc-mailform {
	width: 100%;
	background: #eee;
}


/* online registration form plugin */

.regform-mandatory {
	color: red;
}


.regform-error {
	color: red;
} 

.regform {
	padding: 2px;
	background: #eeeeee;
	margin: 3px;
}

.regform input, select {

	border: 1px solid #ccc;

}

.conditions {

}

.regform img {
	margin-top: 10px;
}

.regform table tr td {
	
	background: #eeeeee;
}


.regform-questions  table tr td {
	width: 200px;
	
}

.regform-questions table {
	background: #eeeeee;
}

.product-title {
	width: 100%;
}

#products {
	background: #eeeeee;
	margin: 0px;
}

.artikel_field { color: #fff; background: #d71f45; border: 2px solid #fff; font-weight: bold; }
.machine_field { color: #fff; background: #08377f; border: 2px solid #fff; font-weight: bold; }

div.steps {
	font-size: 12px;
	text-align: right;
	padding: 2px;
}

.tx-commerce-pi1 .link h2 {
	font-size: 100%;
}

div.slogan {
	height:21px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:79px;
}


div#content .tx-commerce-pi1 {

}


div#content #product .com_prod_description  h2 {
	color: #000000;
	font-size: 100% !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

div#content #product .com_prod_description .bodytext {
	margin-top: 10px !important; 
	padding-top: 0px !important; 
}


div#content .product-category {
	/* padding-left: 10px; */
}

div#content .product-category-item {
	margin-top: 10px;
	width: 162px;
	_width: 158px;
	float: left;
	background:transparent url(../images/left_bg.png) repeat-y scroll center top;
	margin-left: 14px;
	/* margin-left: 7px; */
	padding: 4px;
	min-height: 350px;
	overflow: hidden;
}

div#content .product-category-item h3 {
	padding-left: 12px;
	padding-top: 5px;
	margin-top: 20px;
	height: 30px;
}

div#content .product-category-item-image {
	height: 110px;	
	padding-top: 10px;
	padding-bottom: 15px;
}

div#content .product-category-item-description {
	padding-left: 12px;
	padding-right: 10px;
	height: 175px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#content .product-category-item-morelink {
	padding-left: 12px;
}

div#content .product-category-item img {
	border: none;
	margin: 0;
	padding: 0;
}