/*
  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, b lockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-size:11.5px;
  line-height: 150%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: underline; color: #003300; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/


@font-face {
    font-family: 'FuturaLTCondensedBold';
    src: url('/css/fonts/futura_lt_condensed_bold-webfont.eot');
    src: url('/css/fonts/futura_lt_condensed_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/futura_lt_condensed_bold-webfont.woff') format('woff'),
         url('/css/fonts/futura_lt_condensed_bold-webfont.ttf') format('truetype'),
         url('/css/fonts/futura_lt_condensed_bold-webfont.svg#FuturaLTCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SteelfishRegular';
    src: url('/css/fonts/steelfish-webfont.eot');
    src: url('/css/fonts/steelfish-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/steelfish-webfont.woff') format('woff'),
         url('/css/fonts/steelfish-webfont.ttf') format('truetype'),
         url('/css/fonts/steelfish-webfont.svg#SteelfishRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { font:9px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * minimal base styles 
 */


body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  
  color: #003300;
  font-family: verdana;*/

  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h3 {
	  font-family: 'FuturaLTCondensedBold';
	  font-size: 130%;
	  text-transform: uppercase;
}

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a:active, a:visited { color: #7B4A9D; color: #003300; }
a:hover { color: #37065A; text-decoration: underline; }
a.variance { text-decoration: none;}


ul, ol { margin-left: 0em;}
ol { list-style-type: decimal; 	padding-left: 20px; }
ul { list-style-type: none; }


/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: normal; }

td, td img { vertical-align: top; }

td, th {
	padding-right: 10px;
    text-align: left;
}

table {
	margin-bottom: 10px;
}

table.horizontal td,
table.horizontal th {
	padding: 4px;
    text-align: left;
}

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px;
  background-color: #EEEEEE;
  margin: 5px 0px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #37065A; color:#fff; text-shadow: none; }
::selection { background:#37065A; color:#fff; text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/* Primary Styles
   Author: Luuk Barten */

/* Direct elements */

h1 {color: #003300; font-size: 200%; font-family: 'FuturaLTCondensedBold'; text-transform: uppercase; margin-bottom: 10px; }
h2 {color: #003300; font-size: 120%; font-family: 'FuturaLTCondensedBold'; text-transform: uppercase; margin-bottom: 5px;}

/* Classes */
select.medium {
	width:300px;
}

.floatleft {float: left;}
.floatright {float: right;}
.dump{color: #000}
.dotted {border-bottom: 2px dotted #003300;}

.kolommen {
	width: 700px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.koloma,
.kolomb {
	width: 340px;
	float: left;	
}

.kolomb {
	margin-left: 20px;
}
 
/* Specific selectors */
#wrapper {
	width: 920px;
	margin: 20px auto;
	padding: 0px;
}

#container {
    background-color: #FFFFFF;
    padding-bottom: 20px;
}

#container.beheer {
   background-image: none;
}

#header {
	width: 920px;
	height: 320px;
    float:left;
    background-image: url('/css/img/header-background.jpg');    	
}

#header div.left,
#header div.right {
	float:left;
	height: 230px;
}

#header div.left {
	width: 520px;
}
	
	#header img, 
	#header h1, 
	#header strong {float:left;}

	#header img.logo {
		width: 200px;		
	}
	
	#header h1.subtitle {
		width: 320px;
		text-transform: uppercase;
		padding-top:25px;
		padding-right: 0px;		
		color: #FFFFFF;
		line-height: 100%;
		font-size: 200%;
		letter-spacing: 1px;
		text-shadow: 1px 1px 1px #666666;	
	}
	

	ul.socialmedia {
    	background-color: transparent;
	    border: none;
	    float:left;
    	width:505px;
    	margin-left:15px;
    	margin-top:98px;
	}

	.de ul.socialmedia {
		margin-top:32px;
	}
	
	
	
	ul.socialmedia li a span {
		display:none;		
	}
		
	ul.socialmedia li a {
		margin-left: 19px;
		float:left;
		width: 27px;
		height: 27px;
		background-image: url('/css/img/sprite.png');
	}
	
	ul.socialmedia li a.twitter 	{background-position: -84px -14px;}
	ul.socialmedia li a.facebook 	{background-position: 0px -14px;}
	ul.socialmedia li a.youtube 	{background-position: -113px -14px;}
	ul.socialmedia li a.hyves 		{background-position: -56px -14px;}
	
	ul.socialmedia li a.first {
		margin-left: 0px;
	}	

#header div.right {	
	width: 400px;
}

	#language_list {
	    list-style: none;
		float: right;
		margin: 10px 15px 0px 0px;
	}
	
	#language_list li {
		display:inline;
	}
/*
	
	#language_list li img {
		width: 20px;
		margin: 2px;
		border: 1px solid #222;
	}

*/
	#language_list li span {
		display: none;}
	
	#language_list li a {	
		background-image: url('/css/img/sprite.png');
		float:left;
		width:20px;
		height:14px;
		margin: 2px;
		border: 1px solid #222;
	}

	#language_list li a.nl {background-position: -534px -15px;}
	#language_list li a.it {background-position: -555px -15px;}
	#language_list li a.fr {background-position: -576px -15px;}
	#language_list li a.es {background-position: -597px -15px;}
	#language_list li a.de {background-position: -618px -15px;}	
	#language_list li a.uk {background-position: -639px -15px;}	

	#language_list li a.login
	{
		background-image: none;
		border:none;
		color: #FFFFFF;
		margin-left: 5px;
		width:auto;
	}
	
	#search {
		float:left;
		margin-left: 185px;
		margin-top: 168px;
	}
	
	#search input[type=text] {		
		width: 150px;
		float:left;
	}
	
	#search input[type=submit] {
		float:left;
	    height:28px;
	   	width: 30px;
		margin-left: 10px;
		padding: 0px;
		background-image: url('/css/img/sprite.png');
		background-position: -142px -13px;		
		background-color: transparent;
		border:none;
	}
	

#header div.header_menu ul{
	width: 910px;
	float:left;
	margin: 0px 15px;
}

	#header div.header_menu ul li{
		height: 44px;
		padding: 10px;
				
	}

	#header div.header_menu ul li,
	#header div.header_menu ul span{
		float:left;		
	}
	
	#header div.header_menu ul span{
		width:100%;
		line-height: 100%;
		text-transform: uppercase;
		
	}
	
	

	#header div.header_menu ul a.main{
		color:#FFFFFF;
		width:100%;
		line-height: 100%;
		text-transform: uppercase;		
		font-size: 200%;
		letter-spacing: 1.8px;
		text-decoration: none;
/* 		margin-top: 6px; */
		float:left;
	}		
	
	#header div.header_menu ul a.sub{
		color:#c9e41d;
		font-size: 123%;
		letter-spacing: 0.8px;
		line-height: 20px;
		text-decoration: none;
		float:left;
		margin-top: 6px;
	}

	#header div.header_menu ul a span.main{
		color:#FFFFFF;
		font-size: 200%;
		letter-spacing: 1.8px;
		text-decoration: none;
	}	
	
	#header div.header_menu ul a span.sub{
		color:#c9e41d;
		font-size: 123%;
		letter-spacing: 0.8px;
		line-height: 20px;
		text-decoration: none;
	}

	/*
#header div.header_menu ul a span.main,
	#header div.header_menu ul span.main {
		color:#FFFFFF;
		font-size: 200%;
		letter-spacing: 1.8px;
	}	
	
	#header div.header_menu ul a span.sub,
	#header div.header_menu ul span.sub {
		color:#c9e41d;
		font-size: 123%;
		letter-spacing: 0.8px;
		line-height: 20px;
	}
*/
	
	#header div.header_menu ul li.hm_home {width: 91px; padding-left: 0px; }
	.hm_choice {width: 137px;  margin-left:1px;}
	.hm_sale {width: 138px;  margin-left:1px;}
	.hm_dealer {width: 130px;  margin-left:1px;}
	.hm_safety {width: 94px;  margin-left:1px; }
	.hm_news {width: 96px;  margin-left:1px;}
	.hm_contact {width: 83px; margin-left:1px;}
	


#container.beheer input,
#search input {
	float:left;
	height:20px;
	line-height:20px;
	margin:0;
	padding:2px 3px;
	margin-bottom: 10px;
	color:#404040;
	border-radius:3px 3px 3px 3px;
}

#container.beheer input[type=text],
#search input[type=text],
input[type=text],
input[type=password],
textarea {
	border:2px solid #ECECEC;
	box-shadow:0 0 1px #909090, 1px 1px 2px 0 #808080;
	-moz-border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 0 1px #909090, 1px 1px 2px 0 #808080;
	background:-moz-linear-gradient(0% 100% 90deg, #FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#FFFFFF)) repeat scroll 0 0 transparent;
}

#content {
	
}

	#menu {
		float:left;
		width:180px;
	}
	
	
		ul.menu  {
		    list-style: none;
			margin: 0px 0px 25px 0px;
			
		}
		
		ul.menu li a {
			display: block;
			color: #003300;
			width: 165px;
			height: 19px;
			margin-bottom:4px;
			padding-left:15px;
			padding-top:6px;
			letter-spacing: 0px;
			background-image: url('/css/img/sprite.png');
			background-position: -353px -14px;
			font-size: 125%;
			font-size: 15px;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		.menu li a:hover {
			background-image: url('/css/img/sprite.png');
			background-position: -172px -14px;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.steelfish_regular {			
			font-family: 'SteelfishRegular';			
		}
						
		#menu h2,
		.menu a {
				font-family: 'FuturaLTCondensedBold';
											
		}
		
		#menu h2 a	{
			color: #003300;
			margin-left:15px;
			margin-bottom:5px; 
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 140%;
		}
			
	#page{
		float:left;
		width:700px;
		margin-left: 40px;
		margin-top: 26px;
	}
	
	#page.frontpage {
		width:677px;
		margin-left: 63px;		
	}
	
	#page.productgroup {		
		margin-top: 0px;		
	}
	
	.cbg_large_filler,	
	.cbg_large_top,
	.cbg_large_bottom {
		width:700px;		
		float:left;
	}	
	
	.cbg_large_filler {
		background-image: url('/css/img/cbg-large-filler.png');
		background-image: url('/css/img/fillerkieswijzer.png');
	 	margin-bottom: 20px;	
	}
	
	.cbg_large_choice_closed {
		background-image: url('/css/img/choice-option.png');
		float:left;		
		width:670px;
		height:64px;			
		padding: 10px 15px;
		margin-top: 20px;
	}
	
	div.firstchoice {
		margin-top: 0px;		
	}
	
	.cbg_large_choice_closed h2,
	.cbg_large_top h2 {
		font-size: 165%;
		height: 35px;
		text-transform: uppercase;
		font-family: 'FuturaLTCondensedBold';		
	}
	
	.cbg_large_choice_closed h2
	{
		color:#61901E;
	}
	
	.cbg_large_choice_closed a
	{
		text-decoration: underline;		
	}
	
	.prio1 a,
	.prio2 a,
	.prio3 a,
	.safety1 a,
	.safety2 a,
	.safety3 a,
	.design1 a,
	.design2 a,
	.design3 a
	 {
		float: left;
		width: 65px;
		height: 35px;
		padding-left: 65px;
		padding-right: 20px;
		padding-top: 15px;
		text-align: left;
		margin-right: 5px;
		font-family: 'FuturaLTCondensedBold';
		font-size: 130%;
		text-transform: uppercase;						
	}
	
	.safety1 a,
	.design1 a {
		width: 75px;
		padding-left: 55px;
		padding-right: 20px;
	}
	
	.design2 a {
		width: 62px;
		padding-left: 68px;
		padding-right: 20px;
	}
	
	.safety3 a,
	.design3 a {
		width: 120px;
		padding-left: 10px;
		padding-right: 20px;
		text-align: center;
	}
		
	.prio1 a {background-image: url('/css/img/veiligheidsbutton.png'); text-decoration: none;	}
	.prio2 a {background-image: url('/css/img/oppervlaktebutton.png'); text-decoration: none;	}
	.prio3 a {background-image: url('/css/img/budgetbutton.png'); text-decoration: none;	}
	.safety1 a {background-image: url('/css/img/veilgheidsnet.png'); text-decoration: none;	}
	.safety2 a {background-image: url('/css/img/inbouwkit.png'); text-decoration: none;	}
	.safety3 a {background-image: url('/css/img/geenvoorkeur.png'); text-decoration: none;	}
	.design1 a {background-image: url('/css/img/rond.png'); text-decoration: none;	}
	.design2 a {background-image: url('/css/img/rechthoekig.png'); text-decoration: none;	}
	.design3 a {background-image: url('/css/img/geenvoorkeur.png'); text-decoration: none;	}
	
	.budget1, .budget2, .budget3, .budget4, .budget5, .budget6, 
	.weight1, .weight2, .weight3, .weight4, .weight5, .weight6, 
	.children1, .children2,	.children3,	.children4,
	.guarantee1, .guarantee2, .guarantee3 {
		width:  100%;
		float: left;
	}
	
	.guarantee1,
	.guarantee2,
	.guarantee3,
	.children1,
	.children2,
	.children3,
	.children4 {
		text-transform: uppercase;
	}
	
	.square,	
	.rect {
		float: left;			
		padding-top:  173px;
		background-repeat: no-repeat;		
	}
	
	.square {background-image: url('/css/img/oppervlaktevierkant.png'); width: 164px; 	margin-right: 200px;}
	.rect {background-image: url('/css/img/oppervlakterechthoek.png'); width: 223px;}
	
	.square ul li a,
	.rect ul li a,
	.budget1 a,
	.budget2 a,
	.budget3 a,
	.budget4 a,
	.budget5 a,
	.budget6 a,
	.guarantee1 a,
	.guarantee2 a,
	.guarantee3 a,
	.children1 a,
	.children2 a,
	.children3 a,
	.children4 a,
	.weight1 a, .weight2 a, .weight3 a, .weight4 a, .weight5 a, .weight6 a {
		float: left;
		width: 170px;
		padding-left: 10px;
		padding-top: 4px;
		height: 21px;
		background-image: url('/css/img/bestellingplaatsen.png');
		font-family: 'FuturaLTCondensedBold';
		font-size:  14px;		
		margin-bottom: 5px;
		text-decoration: none;
		text-transform: uppercase;
				
	}
	
	.square ul li a:hover,
	.rect ul li a:hover,
	.budget1 a:hover,
	.budget2 a:hover,
	.budget3 a:hover,
	.budget4 a:hover,
	.budget5 a:hover,
	.budget6 a:hover,	
	.prio1 a:hover,
	.prio2 a:hover,
	.prio3 a:hover,
	.safety1 a:hover,
	.safety2 a:hover,
	.safety3 a:hover,
	.design1 a:hover,
	.design2 a:hover,
	.design3 a:hover,
	a.combodealer:hover,
	.children1 a:hover,
	.children2 a:hover,
	.children3 a:hover,
	.children4 a:hover,
	.guarantee1 a:hover,
	.guarantee2 a:hover,
	.guarantee3 a:hover,
	.weight1 a:hover, .weight2 a:hover, .weight3 a:hover, .weight4 a:hover, .weight5 a:hover, .weight6 a:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	.preresult {
		float: left;
		width: 655px;
		padding: 5px 10px 5px 5px;
		margin-left: 15px;
		background-image: url('/css/img/resultsfillergradient.png');
		text-align: right;		
	}
	
	.preresult span {
		font-size: 200%;		
	}
	
	span.conclusion,
	span.choices {
		width: 660px;
		float:left;
		padding: 5px;
		background-color:#f7f8eb;
		color:#c7c8bb;
	}
	
	span.choices {
		color:#003300;		
	}
	
	span.choices div.intro {
		margin-bottom: 10px;
	}
	
	span.conclusion p {
		float:left;
	}
	
	span.conclusion a,
	span.choices a {
			
	}
	
	span.conclusion a.change {
		float:right;
	}
	
	span.choices a .infobox {
		float: left;
		width: 170px;
		font-size:  14px;		
	}
	
	div.combo_result,
	div.single_result,
	div.prices,
	div.combofooter {
		float:left;
		width: 670px;		
	}
	div.combo_result,
	div.combofooter {
		background-image: url('/css/img/resultaatoptelbg.png');	
	}
	
	div.prices {
		background-image: url('/css/img/resultaatoptelsom670.png');
		height: 39px;				
	}
	
	div.combofooter
	{		
		margin-bottom: 10px;			
	}
		
	span.prod,
	span.acc,
	span.tot
	{
		padding: 10px;		
		color:#222222;
		float:left;		
	}
	
	div.combo_result .tot,
	div.prices .tot {
		width: 130px;
	}
	
	div.prices span {
		text-align: right;	
	}
	
	div.combo_result h4 {
		margin-bottom: 5px;
	}
	
	div.combo_result table td,
	div.combo_result table th {
		font-size: 90%;		
	}
	
	div.combo_result table th {
		font-weight: normal;
		text-align: left;		
	}
	
	div.combo_result table td {
		padding-left: 5px;
	}	
	
	div.combo_result .prod,
	div.combo_result .acc {
		margin-right: 10px;
		width: 230px;	
	}	
	
	div.prices .prod,
	div.prices .acc {
		margin-right: 10px;
		padding-right: 30px;
		width: 210px;	
	}
	
	div.prices .tot {
		font-family: 'FuturaLTCondensedBold';
		font-size: 30px;
		padding-top: 0px;
		text-align: left;
		padding-left: 20px;
		width: 120px;		
	}
	
	a.combodealer,
	a.moreinfo {
		background-image: url('/css/img/dealerzoekenresults.png');
		float: right;
		width: 116px;
		height: 20px;
		margin-right: 12px;
		margin-bottom: 10px;
		margin-top:  10px;
		padding: 5px 0px 0px 7px;
		font-family: 'FuturaLTCondensedBold';
		text-transform: uppercase;
		font-size:  14px;
		text-decoration: none;
	}
	
	a.moreinfo {
		background-image: url('/css/img/meerinformatie.png');
		width:147px;
		height: 20px;
		margin:  0px 0px 0px 10px;
		padding: 5px 7px 0px 7px;
		text-align: center;
	}
	
	div.single_result {
		width: 650px;
		padding: 5px 10px;		
		float: left;		
	}
	
	div.single_result .image {
		float: left;
		width: 162px;					
		margin-right:17px;		
	}
		
	div.single_result .info {
		float: left;
		width: 310px;
		height: 112px;
		padding: 5px;			
		margin-right:17px;
		background-color:#f7f8eb;
	}
	
	div.single_result .price {
		float: left;
		width: 134px;
		height: 122px;
		background-color:#f7f8eb;			
	}
		
	div.single_result .price span {
		font-family: 'FuturaLTCondensedBold';
		font-size: 30px;
		padding-top: 0px;
		padding-left: 10px;
		text-align: left;
		width: 120px;	
	}
	
	div.single_result span.grading {
		float: left;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 19px;
	}
	
	div.single_result div.info h4 {
		text-decoration: underline;
	}
		
	span.grading img {
		margin: 0px;
		float: left;
		border: none;
	}
	
	div.single_result a.combodealer {
		margin-right:  6px;
		margin-left:  6px;
		margin-top: 7px;
	}
	
	div.single_result table td,
	div.single_result table th {
		font-size: 90%;		
	}
	
	div.single_result strong {
	font-size: 100%;
	}
	
	div.single_result table th {
		font-weight: normal;
		text-align: left;		
	}
	
	div.single_result table td {
		padding-left: 5px;
	}	
	
	div.single_result table td.desc {	
		padding: 3px 0px 0px 0px;
		height: 45px;
	}
	
	a.advanced,
	a.reset {
		background-image: url('/css/img/meerinformatie.png');
		width:147px;
		height: 20px;
		margin:  0px 0px 0px 10px;
		padding: 5px 7px 0px 7px;
		text-align: center;		
		float: left;
		font-family: 'FuturaLTCondensedBold';
		text-transform: uppercase;
		text-decoration: none;		
		font-size:  14px;
	}
	
	a.advanced {
		margin-left: 10px;		
	}
	
	a.reset {
		float: right;		
	}
	
	a.advanced:hover,
	a.reset:hover,
	a.moreinfo:hover,
	.pgextra a:hover,
	a.back:hover {
		color: #ffffff;
		text-decoration: none;
	}	
	
	.cbg_large_top {
		background-image: url('/css/img/cbg-large-top.png');
		background-repeat: no-repeat;
		padding: 10px 15px;
		width:670px;
	}
	
	.cbg_large_top h2 {
		margin-bottom: 20px;
	}
	
	.cbg_large_bottom {
		background-image: url('/css/img/sprite.png');
		background-image: url('/css/img/footerkieswijzer.png');		
		height:3px;		
	}	
	
	.action_large_filler,
	.action_large_top,
	.action_large_bottom {
		float:left;
		width: 677px;		
	}
	
	.action_large_filler {
		background-image: url('/css/img/actie-area-filler.png');
		margin-bottom: 10px;
		margin-left: -3px;				
	}
	.action_large_top {
		background-image: url('/css/img/actie-area-top.png');
		background-repeat: no-repeat;
		padding: 5px 15px 5px 55px;
		width: 607px;
		color: #FFFFFF;
	}
	
	.action_large_bottom {
		background-image: url('/css/img/actie-area-footer.png');
		height: 3px;		
	}		
	
	div.article_group {
		float:left;
		margin-right: 22px;
		width: 210px;
		margin-bottom: 10px;
	}
	
	div.last {
		margin-right: 0px;
	}
	
		div.article_group div {
			background-image: url('/css/img/pg-background.png');
			float:left;			
			padding: 4px 0px 12px 0px;
			width: 210px;
			text-align: center;			
			height: 174px;
		}
	
			.article_group a
			{	
				font-family: 'FuturaLTCondensedBold';
				font-size: 14px;
				color: #003300;			
				display: block;
				text-transform: uppercase;
				text-decoration: none; 				
				font-weight: normal;
			}
			
			.article_group h2 a
			{
				font-size: 17px;
				text-align: center;
				padding-top: 6px;
				height: 31px;			
			}
			
			.article_group img
			{
				width: 186px;
			}
		
		.article_group span  {
			padding-top:5px;
			width: 210px;
			height: 20px;
			float:left;
			margin-top: 3px;
			background-image: url('/css/img/dealer-zoeken.png');
		}
		
		div.article_group p {
			padding:12px;
			height: 130px;
			float:left;
		}
		
		div.pglinks {
			float: left;
			width: 210px;
		}
					
		.article_group span a {		
			text-transform: uppercase;
			color: #003300;			

			padding-left:12px;
			padding-right:12px;		
		}
		
		.article_group span a:hover,
		a.manual:hover {		
			color: #eee;			
		}
		
		a.manual {
			padding-top:5px;
			width: 195px;
			height: 20px;
			float:left;
			margin-top: 3px;
			background-image: url('/css/img/dealer-zoeken.png');
			text-transform: uppercase;
			color: #003300;			
			padding-left:12px;
			padding-right:3px;
			font-size: 14px;
			font-family: 'FuturaLTCondensedBold';
			text-decoration: none;
		}
			
	
	div#news,
	div#advertisement {
		float:left;
		width: 329px;
		padding-top: 41px;
		margin-top: 10px;
		background-repeat: no-repeat;
	}
	
	div#news h2,
	div#advertisement h2 {
		border-top: 1px solid #222;
		font-size: 175%;
		margin-bottom: 5px;	
	}
	
	div#news {		
		margin-right: 19px;
		background-image: url('/css/img/news.png');
	}
	
	div#advertisement {
		background-image: url('/css/img/dealer.png');	
	}
	

/* Filters and Productgroups */
#breadcrumb {
	float: left;
	width: 920px;
	height: 51px;
	background-image: url('/css/img/kruimelpad.png');
	margin-bottom: 15px;	
}
	
	#breadcrumb h2,
	#breadcrumb h1 {
		text-transform: uppercase;
		font-size: 160%;
		font-family: 'FuturaLTCondensedBold';
		font-weight: normal;
		color: #003300;
		padding-top: 12px;
		float: left;			
	}

	h2.productgroups {			
		padding-left: 15px;			
	}	
		
	h1.product,
	h1.productgroup,
	h2.productgroup {
		background-image: url('/css/img/pijltje.png');
		background-position: 8px 18px;
		background-repeat: no-repeat;
		padding-left: 30px;
	}
	
	.pgimage {
		float: left;
		width: 162px;
		margin-left:25px;
		margin-right:17px;
	}
	
	.pgdesc {
		float: left;
		width: 310px;
		padding: 5px;
		margin-right:17px;
		margin-bottom:  10px;
	}
	
	.pgextra {
		float: left;
		height: 122px;
		width: 124px;
		padding: 5px;
	}
	
	.pgextra a {
		background-image: url("/css/img/dealerzoekenresults.png");
	   	float: right;
	   	font-family: 'FuturaLTCondensedBold';
	   	font-size: 14px;
	   	height: 20px;
	   	margin-bottom: 2px;
	   	padding: 5px 0 0 7px;
	   	text-transform: uppercase;
	   	width: 116px;
	   	text-decoration: none;		
	}
	
	.productgroup .pgextra .social {
		float: left;
	}

#filters {
	float:left;
	width:180px;	
}

	div.filtertop {
		background-image: url('/css/img/topfilter.png');		
		background-repeat: no-repeat;
		width:160px;
		float: left;
		padding: 0px 10px 10px 10px;		
	}
	
	div.filtertop span {
		width:150px;
		float: left;		
	}
	
	div.filtertop .values {
		background-color: #f5fcda;
		padding: 5px 5px;		
		width:150px;
		float: left;					
	}

	div.filtertop .values span input[type="checkbox"] {
		margin-bottom: 4px;		
	}
	
	div.filtertop h3 {
		text-transform: uppercase;
		font-size: 140%;
		font-family: 'FuturaLTCondensedBold';
		font-weight: normal;
		color: #003300;
		padding: 8px 0px 0px 5px;
		width:155px;
		float: left;					
	}
	
	div.filtertop input {
		width: 20px;
	}

	div.filterfiller {
		background-image: url('/css/img/fillerfilter.png');
		margin-bottom: 15px;
		float: left;		
	}

	div.filterfooter {
		background-image: url('/css/img/footerfilter.png');
		height: 4px;
		width:180px;
		float: left;		
	}
	
	input.buttonimg {
		background-image: url("/css/img/meerinformatie.png");	
		border: none;
		font-family: 'FuturaLTCondensedBold';
		text-transform: uppercase;
		font-size: 16px;		
		height: 25px;		
		padding: 2px 7px 0px 7px;
		text-align: center;
		width: 161px;				
	}
	
/*Product view	*/
#page.product{
	margin-top: 0px;
}

#page.product table th,
#page.product table td 
{
	padding-right: 0px;
}

a.back {
	background-image: url("/css/img/terugbutton.png");	
	float: left;
	font-family: 'FuturaLTCondensedBold';
	font-size: 14px;
	 height: 20px;
	 padding: 5px 0 0 22px;
	 text-transform: uppercase;
	 text-decoration: none;
	 width: 158px;				
}

#page.product .cbg_large_top {
	padding-top: 0px;	
}

#page.product .cbg_large_top div.content {
	background-color: #f9fdec;
	float: left;
	width: 650px;
	padding: 10px;
	margin-top: 10px;
}

#page.product .cbg_large_top h1 {
	text-transform: uppercase;
	font-size: 160%;
	font-family: 'FuturaLTCondensedBold';
	font-weight: normal;
	color: #003300;
	padding-top: 12px;
	float: left;
}

#page.product .content img.main {
	border: 1px solid #ccc;
	float:left;
	margin-right: 12px;	
}

#page.product .right,
#page.product .right p {
	float:left;
	width: 280px;	
}

#page.product h2.price {
	font-family: 'FuturaLTCondensedBold';
	font-size: 165%;
	height: 30px;
	margin: 0px;
	text-transform: uppercase;
}	

table.productdetails {
	margin-top: 10px;
}

.product_group h1 {
	width: 75%;
}

.productgroup .social {
	width: 120px;
	float: right;
}

.product .social {
	width: 180px;
	float: right;
	margin-bottom: 10px;	
}

.productgroup .social span,
.product .social span {
	width: 60px;
	float: left;
	overflow: hidden;
	text-align: right;
}

div.access {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    float: left;
    height: 122px;
    padding: 5px;
    margin: 0 0 10px 10px;
    width: 298px;
}

div.access img {
    border: 1px solid #CCCCCC; 
    margin-right: 5px; 
}


/*Become a dealer*/
#dealer_request_form {
	
}

	
	#dealer_request_form table th {
		text-align: left;
		padding-right: 10px;
	}
	
	#dealer_request_form input {
		width: 200px;
		height: 20px;
		margin-bottom: 5px;
	}
	
	#dealer_request_form textarea {
		width: 	200px;
		height: 75px;
		margin-bottom: 5px;
	}

	#dealer_request_form input[type=submit],
	#login input[type=submit]
	 {
		background-image: url("/css/img/bestellingplaatsen.png");	  
	    font-family: 'FuturaLTCondensedBold';
	    font-size: 14px;
	    height: 25px;
	    margin-bottom: 10px;	    
	    margin-top: 10px;
	    padding: 2px 20px 0 7px;
	    text-transform: uppercase;
	    width: 180px;
	    float: right;
	    border: none;
	}
	

	#dealer_request_form span.red {
		color: red;
	}

	div.becomedealer .left,
	div.becomedealer .right {
		float: left;
		margin-top: 20px;		
	}
	
	div.becomedealer .left {
		width: 360px;
	}

	div.becomedealer .right {
		width: 300px;
		margin-left: 40px;
	}

	div.becomedealer .right ul li {
		background-image: url('/css/img/pijltje.png');
		background-repeat: no-repeat;
		background-position: 0px 5px;	
		padding-left: 30px;
		margin-bottom:5px;
		
	}

	div.becomedealer .right img.jumper {
		margin-top: 20px;
	}

/*Error succes*/
#result {
	margin-bottom: 20px;	
}

#result .error .top {
	background-image: url('/css/img/toproodkader.png');
	width: 700px;
	height: 16px;
}

#result .error ul {
	width: 658px;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	padding-left: 40px;
	background-image: url('/css/img/fail.png');
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

#result .error .bottom {
	background-image: url('/css/img/footerroodkader.png');
	width: 700px;
	height: 16px;
}

#result .succes .top {
	background-image: url('/css/img/topgroenkader.png');
	width: 700px;
	height: 16px;
}

#result .succes ul {
	width: 658px;
	border-left: 1px solid #00FF00;
	border-right: 1px solid #00FF00;
	padding-left: 40px;
	background-image: url('/css/img/geslaagd.png');
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

#result .succes .bottom {
	background-image: url('/css/img/footergroenkader.png');
	width: 700px;
	height: 16px;
}

#editor_tab #language_list li {
 	margin: 5px;
}


#page.order {
	background-color: #ffffff;
}

#page.order .header {
	width: 666px;
}

#page.order .pglist,
#page.order .plist,
#page.order .salesorder {
    float: left;
}

#page.order .pglist {
	width: 182px;
	width: 666px;
	background-color: #f7f8eb;
	margin-bottom: 20px;
}

#page.order .pglist ul li {
	float:left;
	padding: 4px;
	margin: 2px;
/*	background: none repeat scroll 0 0 #CDBDD9;*/
}

#page.order .pglist ul li a,
#page.order .plist a {
	text-decoration: none;	
}

#page.order .plist img {
	margin-top: 3px;	
}

#page.order .plist {
	width: 352px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	background-color: #f7f8eb;
}

#page.order .plist input {
	float: right;	
}

#page.order .salesorder {    
    width: 264px;    
    padding: 10px;
    background: none repeat scroll 0 0 #f7f8eb;
}

#page.order .salesorder table,
#page.order .salesorder div {
	width: 100%;
	float:  left;	
}

#page.order .salesorder input[type="submit"] {
	float:  right;
	margin-top: 10px;	
}

#page.order .salesorder select {
	width: 260px;
}

.remarks {
	width:260px;
 	height: 150px;	
}

#page.order input.small{
	width: 30px;
}

#page.orderconf .salesorder {	
	  background: none repeat scroll 0 0 #f7f8eb;
	  padding: 10px;
	  width: 650px;
}

#page.orderconf .salesorder .leftcol,
#page.orderconf .salesorder .leftcol table,
#page.orderconf .salesorder .leftcol select,
#page.orderconf .salesorder .leftcol textarea {
	float: left;
	width: 330px;	
}

#page.orderconf .salesorder .rightcol {
	float: right;
	width: 300px;
	margin-left: 20px;	
}

#page.orderconf .salesorder .footer {
	background: none repeat scroll 0 0 #f7f8eb;
	padding: 0px10px;
	width: 650px;
	float: left;
	margin-top: 10px;	
} 

#page.orderconf .salesorder .footer input {
	float: right;
	text-align: right;
	background-image: url("/css/img/bestellingplaatsen.png");
   	height: 25px;	
	padding-top: 0px;
	padding-right: 20px;
	width: 180px;
    font-family: 'FuturaLTCondensedBold';
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    border: none;	
}

.options {
	width: 170px;
	float: left;
	margin-top: 10px;
	
}

.large_right {
	float: left;	
	background-image: url("/css/img/bestellingplaatsen.png");
	background-repeat: no-repeat;
	height: 25px;	
	padding-top: 5px;
	padding-left: 10px;
	width:  170px;	
	font-family: 'FuturaLTCondensedBold';
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

.large_right:hover {
	text-decoration: none;
	color: #ffffff;	
}


/* Dealer Zoeken */

.cbg_large_choice_low {
	background: url('/css/img/choice-option-low-920.png');
	float:left;
	width:890px;
	height:30px;
	padding: 15px;
	margin-bottom: 10px;	 
}	

.cbg_large_choice_low input[type=text] {
	float:left;	
	width: 620px;
	height: 20px;
	padding: 4px;
	border-radius: 0px;
    -moz-box-shadow: 0px; 
	-webkit-box-shadow: 0px; 
    box-shadow: 0 0 0px #909090, 0px 0px 0px 0 #808080;
    border: 1px solid #999999;
    border-right: 1px solid #cccccc;
    color: #cccccc;
}	

.cbg_large_choice_low input[type=text].active {
	color: #003300;
}

.cbg_large_choice_low select {
	float:left;	
	width: 160px;
	height: 30px;
	padding: 4px;
	border-radius: 0px;
    -moz-box-shadow: 0px; 
	-webkit-box-shadow: 0px; 
    box-shadow: 0 0 0px #909090, 0px 0px 0px 0 #808080;
    border: 1px solid #999999;
    border-left: 0px solid #cccccc;
	background-color: #ffffff;

}

.cbg_large_choice_low input[type=submit] {
	float:left;	
	width: 100px;
	height: 30px;
	padding: 4px;
	border-radius: 0px;
    -moz-box-shadow: 0px; 
	-webkit-box-shadow: 0px; 
    box-shadow: 0 0 0px #909090, 0px 0px 0px 0 #808080;
    border: 1px solid #999999;
    border-left: 0px solid #cccccc;	
}

.cbg_large_choice_low input[type=submit]:hover {
	background-color: #d0d0d0;
}








#news span.date {
	width: 130px;
	float: left;
}

#trampolines {
	margin-top:10px;
}

.border h2, .border h1
{
	color: white;
	margin: 0;
	line-height: 20px;
}

.border, .border td {
	border-collapse: collapse;
	padding: 0;
}


#trampolines img {
	height: 250px;
	height: 150px;
	margin-left: 60px;
}

.trampoline_a,
.trampoline_b {
	width: 328px;
	float: left;
}

#trampolines .trampoline_a .kader_cc p,
#trampolines .trampoline_b .kader_cc p {
	height: 125px;
	margin: 0px;
}

#trampolines .kader_cc table {
	width: 100%;
	margin-bottom: 10px;
}

table#action .kader_cc,
table#news .kader_cc {
	height: 370px;
}

.trampoline_b {
	margin-left: 10px;
}

td.kader_tl {
	width:10px;
	height: 30px;
	background-image: url('img/kader_tl.png');
	background-repeat: no-repeat;
}

td.kader_tc {
	height: 30px;
	background-color: #7b4a9d;
}

td.kader_tc h2 {
	font-size: 11px;
    line-height: 30px;
}

td.kader_tr {
	width:10px;
	height: 30px;
	background-image: url('img/kader_tr.png');
	background-repeat: no-repeat;
}

td.kader_cl {
	width:10px;
	background-image: url('img/kader_cl.png');
    background-repeat: repeat-y;
}

.trampoline_a td.kader_cc,
.trampoline_b td.kader_cc {
	padding: 10px;
}

td.kader_cc {
	background-color: #ffffff;
}

td.kader_cr {
	width:10px;
	background-image: url('img/kader_cr.png');
	background-repeat: repeat-y;
}


td.kader_bl {
	width:10px;
	height: 10px;
	background-image: url('img/kader_bl.png');
	background-repeat: no-repeat;
}

td.kader_bc {
	height: 10px;
	background-image: url('img/kader_bc.png');
	background-repeat: repeat-x;
}

td.kader_br {
	width:10px;
	height: 10px;
	background-image: url('img/kader_br.png');
	background-repeat: no-repeat;
}



/* WELCOME PAGE */
#table_home
{
    border-collapse: collapse;
    /*margin-left:5px;*/
    font-size: 12px;
}
#table_home h1,#table_home h2
{
	color: white;
	padding:0;
	margin:4px 0px 0px 0px;
	_margin:4px 0px 0px 0px;
}


table.pg_mal
{
	height:293px;
	width:180px;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
	background-image: url('img/pg_info_2.png');
}

.pgroupdiv {
    float: left;
    height: 300px;
    margin-top: 10px;
    width: 180px;
}

.pg_spacer {
    float: left;
    height: 300px;
    width: 40px;
}

td#pg_header_pg {height: 27px;}
td#pg_header_pg h2 {color: white;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 7px 0 0 5px;
    vertical-align: top;}

td.h_110 {
    height: 110px;
}

td.w_5 {
    width: 5px;
}

td.h_10 {
    height: 10px;
}

td#pg_image {
    height: 126px;
    padding: 6px 0 0 6px;
    text-align: center;
    vertical-align: top;
}

td#pg_image div {
    margin-top: 0;
}

td#pg_image img {
    border: medium none;
}

td#pg_info {
    font-size: 9px;
    padding: 0 10px 0;
    vertical-align: top;
}

/*a#where_to_buy, a.manual {
    background-image: url('img/menu_227.png');
    width: 220px;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    margin: -3px 0 0;
    padding: 7px 0 0 7px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
}*/

table#koopwijzer, table#koopwijzer td, table#koopwijzer th {
    margin: 0;
    padding: 0;
}

table#koopwijzer {
    background: url('img/pghead.png') no-repeat scroll 0 0 transparent;
    border-collapse: collapse;
    padding: 0;
    width: 620px;
}

table#koopwijzer td#pg_head_05 {
    font-size: 11px;
    padding-left: 10px;
    padding-top: 3px;
    vertical-align: top;
    width: 425px;

}

table#koopwijzer td#pg_head_05 p {
     line-height: 130%;
}

table#koopwijzer, table#koopwijzer td, table#koopwijzer th {
    margin: 0;
    padding: 0;
}

table#koopwijzer h1 {
    color: white;
    font-size: 14px;
    line-height: 28px;
}

table#koopwijzer td#pg_image img {
    margin-top: 5px;
}

td#pg_image img {
    border: medium none;
}

img#sfeerfoto, #border_sfeer {
    height: 177px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 177px;
}

#border_sfeer {
    background-image: url('img/border_sfeer.png');
    cursor: pointer;
    margin-top: -177px;
    position: absolute;
}

#filter_products #results {
    height: 206px;
    padding-right: 0;
    width: 350px;
}

table.myproduct {
    border-collapse: collapse;
    margin: 4px 0 0;
    padding: 0;
    width: 620px;
}

table.myproduct h2 {
	color: #ffffff;
}

table.myproduct td.frame {
    /*background: url('img/frame.png') no-repeat scroll center center transparent;*/
    background-color: #fff;
    height: 132px;
    width: 144px;
    
    width: 166px;
    height: 122px;
}

table.myproduct td.info img {
	margin: 4px;
}

table.myproduct td.price {
 width:100px;
 font-size: 16px;
}

table.myproduct td {
    background-color: #7B4A9D;
    color: white;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
}

#kw_prod_img {
    border: medium none;
    margin-left: 4px;
    margin-top: 4px;
}

#filter_products #filters select {
    width: 345px;
}



.w80 {
    width: 80px;
}

.w185 {
    font-size: x-small;
    width: 180px;
}

p.search-result {
    background: none repeat scroll 0 0 #CDBDD9;
    background: none repeat scroll 0 0 #F7F8EB;
    
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}

p.search-result a {
	width: 100%;
	display: block;
}

p.search-result a,
p.search-result a b {
	font-size: medium;
	font-family: sans-serif;
}



#carousel_container {
	margin-top: 10px;
	margin-bottom: 10px;
}

#carousel_container .kader_cc {
	width: 610px;
	width: 650px;
	height: 145px;
}

.carousel, .carousel * {
	padding:0;
	margin-top:0;
	list-style:none;
	border:none;
	line-height:25px;
	text-align:center;
	background:none;
}

.carousel {
	position: relative;
	width:610px;
	width:650px;

	height:145px;
	margin:0;
	overflow:hidden;
	background:white;
}
.carousel img {
	display:block;
	width:120px;
	height:120px;
	width:162px;
	height:118px;
	margin:0 auto;
}
.carousel a {
	width:120px;
	font-size:11px;
	font-weight:bold;
}
.carousel ul {
	position:relative;
	width:2500px;
}
.carousel li {
	position:relative;
	width:140px;
	width:162px;
	float:left;
	display:block;
}
.carouselaa {
	display:none;
	height:0;
	visibility:hidden;
}

#page.downloads div.products {
	width: 690px;
	float:left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
}

#page.downloads div.products li {
	width: 230px;
	float: left;
}

#page.downloads div.filecol a.button,
#page.downloads div.filecol {
	width: 222px;
	float:left;
}

#page.downloads div.files {
	width: 463px;
	float:left;
	margin-left: 8px;
	margin-top: 20px;
}

#page.downloads div.files li {
	border-bottom: dotted 1px #ccc;
	width: 100%;
	line-height: 38px;
}

#page.downloads div.files li a {

}

#page.downloads div.products a.button,
#page.downloads div.filecol a.button {
	background-image: url("/css/img/sprite.png");
    background-position: -353px -14px;
    color: #003300;
    display: block;
    font-size: 15px;
    height: 19px;
    letter-spacing: 0;
    margin-bottom: 4px;
    padding-left: 15px;
    padding-top: 6px;
    text-decoration: none;
    text-transform: uppercase;
    width: 165px;
    font-family: 'FuturaLTCondensedBold';	
}

#page.downloads div.products a.active,
#page.downloads div.filecol a.active,
#page.downloads div.products a:hover,
#page.downloads div.filecol a:hover {	
	background-image: url('/css/img/sprite.png');
	background-position: -172px -14px;
	color: #FFFFFF;
	text-decoration: none;
	
}



#ul_news
{
	margin-left: 10px;
	padding: 0;
	text-align: left;
    list-style-type: disc;
}

#ul_news li {
	margin-bottom: 10px;
}

#footer_pages {
	display:none;
}

#footer_pages ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer_pages li {
	padding: 2px 30px;
}

#footer {
	text-align: center;
 	margin: 10px auto;
 	background-image: url('/css/img/footer-bg.png');
 	height: 61px;
 	padding-top: 54px;
 	font-size: 90%;
 	float: left;
 	width: 920px;
}

#footer a,
#footer #other {
 	text-decoration: underline;
 	font-size: 100%;
 	}

#footer #other {
	cursor: hand;
	cursor: pointer;
}


/* Editor */
#beheer-menu {

}

#beheer-menu ul,
#tabs ul.tabs_menu {
    list-style: none;
 	margin: 0px 10px;
    font-family: verdana;
    font-size: 120%;
}

#beheer-menu li,
#tabs ul.tabs_menu li {
	padding: 5px;
 	float:left;
}

#tabs ul.tabs_menu {
	margin-top: 10px;
}

#menu_tab h2,
#menu_tab ul {
	padding: 5px;
}

#tabs.ui-widget-content {border: none;}
#tabs.ui-widget-content a {color: #7B4A9D;}
#tabs ul.ui-widget-header { border: none; background: none;}

/* jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


#beheer-menu li {
    text-decoration: underline;
}

div.pages ul {
 	margin-left: 10px;
}

div.pages ul li ul li {
	list-style-type: disc;
}

div.pages ul li ul li ul li {
    list-style-type: square;
}

ul#mycarousel li {
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 35px;			
}

ul#mycarousel li img {
	width: 140px;
	height: 105px;
}

ul#mycarouseldoc li {
	padding-top: 5px;
}

#page.verkooppunten {
	margin-left: 0px;
    margin-top: 6px;
    width: 920px;
}

#page.verkooppunten h1 {
	margin-left: 15px;
}

#page.verkooppunten #map_results h1 {
	margin-left: 0px;
}

#map_canvas {
	border: 1px solid #333;
	float:left;
	margin-left: 15px;	
}

#map_results {
	float:left;
	width: 268px;
	margin-left: 15px;	
}

#map_results span.dealer {
	margin-bottom: 10px;
	width: 268px;
	float:left;
}

#map_results span.address {
	width: 268px;
	float:left;

}

#map_results a {
	float:left;
	
}

#map_results h3.dist {
	float:right;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 29px;
    height: 24px;
    cursor: pointer;
    background: url('img/next.gif');
}

.jcarousel-next-horizontal:hover {
	background: url('img/next_h.gif');
}


.jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 29px;
    height: 24px;
    cursor: pointer;
    background: url('img/prev.gif');
}

.jcarousel-prev-horizontal:hover {
	background: url('img/prev_h.gif');
}


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

@import url('/css/jquery-ui-1.8.9.custom.css');
@import url('/js/mylibs/markitup/skins/markitup/style.css');
@import url('/js/mylibs/markitup/sets/html/style.css');