@charset "utf-8";
/* CSS Document format is screen */

/* Globals
===========================================================================*/
body,
html { color:#000132; background:#fff url(../images/backgrounds/bg-main.gif) top center repeat-y; }
body { min-width:1000px; font-family:Verdana, Arial, sans-serif; font-size:70%; }
p {  line-height:150%; padding-bottom:17px; }
* { margin:0; padding:0; } /* Needed for IE because they can't handle the reset standard */
h1, h2 { font-size:1.4em; }

div#wrapper { width:980px; padding:25px 0; margin:0 auto; background:#ededf0; font-size:1em; position:relative; }
	div#wrapper a { text-decoration:underline; color:#ec472b; }
	div#wrapper a:hover, div#wrapper a:visited:hover { color:#01aef0; }
	div#wrapper a:visited { color:#639}

.image-left { float:left; margin:4px 15px 5px 0; }
input { font-family:Verdana, Arial, sans-serif; font-size:1em; }

p span.red {color: #FF0000;}
p span.yellow {color: #FFFF00;}
p span.blue {color: #0033FF;}
p span.green {color: #006600;}

p span.small {font-size:0.8em;}
p span.large {font-size:1.2em;}

/* Header
===========================================================================*/
div#header { background:#fff url(../images/backgrounds/bg-header.gif) no-repeat; height:114px; position:relative; }
	div#header #logo { position:absolute; left:18px; top:18px; }

	/* Service menu */
	div#header ul { float:right; padding:10px 5px 0 0; background:url(../images/backgrounds/bg-service.gif) top right no-repeat; }
		div#header ul li { display:inline;  }
		div#header ul li a, div#header ul li a:visited { text-decoration:none; color:#aeadbd; margin-right:2px; float:left; padding:3px 10px; border-right:1px solid #efeef3; }
		div#header ul li a:hover { color:#ec472b; text-decoration:underline; }
		div#header ul li.no-border a { border:none; }
		div#header ul li.select-service a { color:#000132; }

	/* Taalkeuze */
	div#header div#language-selection { position:absolute; right:17px; top:36px; width:108px; }
		div#header div#language-selection ul { background:none; float:none; padding:0; }
			div#header div#language-selection ul li a { border:0; padding:0; color:#003; }
			div#header div#language-selection ul li#en a { background:url(../images/icons/vlag-uk.gif) no-repeat; padding-left:20px; margin:0; }

	/* Zoeken */
	div#header .form-search { width:325px; position:absolute; right:17px; top:60px; }
		div#header .form-search fieldset { position:relative; }
		div#header .form-search fieldset input { background:url(../images/backgrounds/bg-input-search.gif) no-repeat; width:216px; padding:6px 0 0 38px; height:2em; border:0; color:#474763; font-size:1em; }
		div#header .form-search fieldset #button-search { position:absolute; right:0; background:url(../images/buttons/button-zoek.gif) no-repeat; padding:0; font-weight:bold; color:#fff; border:0; width:72px; height:25px; cursor:pointer; }

/* Navigation
===========================================================================*/
div#navigation { height:3em; background:#003 url(../images/backgrounds/bg-grid.gif) bottom right no-repeat; position:relative; }

	/* Telefoonnummer */
	div#navigation p { float:right; font-weight:bold; font-size:1.1em; padding:8px 15px 0 0; color: #fff; }

	/* Hoofd navigatie */
	div#navigation ul { background:url(../images/backgrounds/bg-nav-corner.gif) left bottom no-repeat; position:absolute; height:3em; padding-left:15px; }
		div#navigation ul li { display:inline; }
		div#navigation ul li a { float:left; border-right:1px solid #fff; text-decoration:none; color:#fff; padding:12px 22px; }
		div#navigation ul li a:visited { color:#fff;}
		div#navigation ul li a:hover, div#navigation ul li a:visited:hover { background:#019cdc url(../images/backgrounds/bg-hover-nav.gif) top repeat-x; color:#fff; }
		div#navigation ul li.select a { padding:0; border:0; background:#fff url(../images/backgrounds/corner-tab-left.gif) bottom left no-repeat; }
		div#navigation ul li.select a:hover, div#navigation ul li.select a:visited:hover { background:#fff url(../images/backgrounds/corner-tab-left.gif) bottom left no-repeat; }
		div#navigation ul li.select span { background:transparent url(../images/backgrounds/corner-tab-right.gif) right bottom no-repeat; color:#003; font-weight:bold; padding:12px 22px 17px 22px; border:none; display:block; float:left; }

	/* Sub navigatie */
	div#sub-navigation { background:#fff url(../images/backgrounds/corner-sub-nav.gif) right no-repeat; margin:5px 0 0 0;  }
		div#sub-navigation ul { background:url(../images/backgrounds/corner-sub-nav-ul.gif) no-repeat; height:2.40em; padding:5px 0 0 22px; }
		div#sub-navigation ul li { display:inline; }
			div#sub-navigation ul li a, div#sub-navigation ul li a:visited  { float:left; padding:6px 15px; border-right:1px solid #efeef3; text-decoration:none; color:#003; }
			div#sub-navigation ul li a:hover { background:#efeef3; }
			div#sub-navigation ul li.select a, div#sub-navigation ul li.select a:visited:hover { background:#00adef; color:#fff!important; }

/* Attention
===========================================================================*/
div#attention { padding-top:25px; position:relative; height:1%; display:block; overflow:hidden; padding-bottom:8px }
	#photo-attention { width:223px; height:225px; position:absolute; left:10px; top:17px; }

	/* Blauwe vlak attention */
	div#attention div#attention-left { float:left; width:700px; background:#003 url(../images/backgrounds/corners-blue.gif) top no-repeat; }
		div#attention div#attention-left div { height:210px; background:url(../images/backgrounds/corners-blue-bottom.gif) bottom no-repeat; color:#fff; }
			div#attention div#attention-left div h1 { background:url(../images/bullets/vink-rood.gif) no-repeat 0 20px; margin-left:280px; padding:18px 0 8px 25px; }
			div#attention div#attention-left div p { margin:0 25px 0 305px; }
			div#attention div#attention-left div ul { margin-left:280px; }
				div#attention div#attention-left div ul li { background:url(../images/bullets/bullet-triangle.gif) no-repeat 0 3px; padding:0 0 8px 25px; }
				div#attention div#attention-left div ul li a { color:#fff; text-decoration:underline; }
				div#attention div#attention-left div ul li a:hover { color:#000132; }

	/* Grijze vlak (stappen) attention */
	div#attention div#attention-right { float:left; width:280px; background:#aaadbc url(../images/backgrounds/corner-stappen-bottom.gif) right bottom no-repeat; color:#fff; height:210px; }
		div#attention div#attention-right h2 { background:url(../images/backgrounds/corner-stappen-top.gif) top right no-repeat; padding:18px 0 0 23px; }

		/* Lijst met stappen */
		div#attention div#attention-right ul { background:url(../images/backgrounds/bg-four.gif) right bottom no-repeat; height:14.65em; padding-top:10px; }
			div#attention div#attention-right ul li { border-bottom:1px solid #c3c5d1; margin:0 23px;  }
			div#attention div#attention-right ul li.no-border { border:none; }
			div#attention div#attention-right ul strong { font-size:1.2em; }
			div#attention div#attention-right ul li a { text-decoration:none; color:#fff; padding:11px 0; display:block; }
				div#attention div#attention-right ul li a:hover { text-decoration:underline; }

/* Blocks home
===========================================================================*/
div#blocks-home div.block { width:200px; background:#fff url(../images/backgrounds/corners-blockhome-bottom.gif) bottom no-repeat; float:left; margin-top:15px; height:250px; }
	#wrapper div#blocks-home .middle { margin-top: 15px; margin-left: 15px; margin-right: 15px; width: 550px;  background:#fff url(../images/backgrounds/corners-blockmiddle-bottom.gif) bottom no-repeat;}
	#wrapper div#blocks-home .middle h2 { background:url(../images/backgrounds/corners-blockmiddle-top.gif) no-repeat; margin-bottom: 10px; }
	#wrapper div#blocks-home .middle a.knop-rood { float:left; color: #fff;}
	#wrapper div#blocks-home .middle h3 { line-height: 1.2; }
	#wrapper div#blocks-home .middle h3 em { color: #000; }
	#wrapper div#blocks-home .middle ul li { color: #000; line-height: 1.2;}
	body #wrapper div#blocks-home .middle p strong { display: block;}
	div#blocks-home div.block h2 { background:url(../images/backgrounds/corners-blockhome-top.gif) no-repeat; color:#ec4729; padding:15px 0 5px 20px; }
	div#blocks-home div.block p { line-height: 1.1; }
	div#blocks-home div.block p.step1 {color:#ec4729; font-weight: bold; margin-bottom: -10px;}
	div#blocks-home div.block a.title { display: block; color: #000033; font-size: 13px; margin-bottom:5px; }
	div#blocks-home .image-margin { margin-left:20px; }

/* Content vervolgpagina's
===========================================================================*/
div#content { background:#fff url(../images/backgrounds/bg-content.gif) no-repeat; padding:20px 37px 10px 37px; display:block; overflow:hidden; height:1%; margin:22px 0 0 0; }

	/* Content linkerkant */
	div#content div#content-left { width:580px; padding-right:20px; float:left; background:url(../images/backgrounds/bg-stippel.gif) right repeat-y; }
		div#content /* div#content-left*/ h1 { color:#eb462a; padding-bottom:4px; background:url(../images/backgrounds/bg-stippel-horz.gif) bottom repeat-x; margin-bottom:15px; }
		div#content /*div#content-left*/ h2 { font-size:1.2em; padding-bottom:4px; }
			div#content /*div#content-left*/ h2 span { color:#eb462a; }
		div#content div#content-left div.image-left { position:relative; float:left; }
			div#content div#content-left div.image-left img, div#content div#content-left div.image-right img { padding:3px; border:1px solid #e5e5e5; vertical-align:bottom; }
			div#content div#content-left div.image-left .enlarge, div#content div#content-left div.image-right .enlarge { position:absolute; top:4px; right:4px; padding:0; border:0; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }
		div#content div#content-left div.image-right { position:relative; float:right; }
			div#content div#content-left div.image-left p, div#content div#content-left div.image-right p { padding:0; background:#e5e5e5; padding:2px 4px 4px 4px; }
		div#content div#content-left p.link-download { background:url(../images/backgrounds/bg-stippel-horz.gif) bottom repeat-x; margin-bottom:15px; }

	/* Broodkruimels */
	div#content /* div#content-left */ ul#breadcrumbs { padding-bottom:20px; }
		div#content /* div#content-left*/ ul#breadcrumbs li { display:inline; color:#666; }
			div#content /*div#content-left*/ ul#breadcrumbs li a, ul#breadcrumbs li a:visited { color:#666; padding:0 9px 0 0; background:url(../images/bullets/bullet-kruimel.gif) center right no-repeat; margin-right:3px; }
			ul#breadcrumbs li a:hover { text-decoration: none; }

	/* Opsomming */
	div#content div#content-left ul.contentlist { padding-bottom:17px; }
		div#content div#content-left ul.contentlist li { padding:0 0 5px 12px; background:url(../images/bullets/bullet-kruimel.gif) no-repeat 0 4px; }
		div#content div#content-left ul.contentlist li ul { margin-top:5px; }
		div#content div#content-left ul.contentlist li ul li { padding-left:25px; background:url(../images/bullets/sub-contentlist.gif) no-repeat 12px 5px; list-style-type:none; }

	/* Documenten
	=================================================================*/
	div.documents { background:url(../images/backgrounds/bg-documents.gif) repeat-x; }
	.documents a:link, .documents a:visited, .documents a:hover, .documents a:visited:hover { display:block; padding:8px 10px 10px 27px; margin:0 0 17px 0; font-weight:bold;  }
	.documents a:link, .documents a:visited { background-repeat:no-repeat; background-position:0 6px; }
	.documents a:hover, .documents a:visited:hover { background:transparant url(../images/backgrounds/bg-documents.gif) repeat-x; }

	.docgif { background-image:url(../images/icons/icon_gif.gif); }
	.docjpg { background-image:url(../images/icons/icon_jpg.gif); }
	.docbmp { background-image:url(../images/icons/icon_bmp.gif); }
	.docpdf { background-image:url(../images/icons/icon_pdf.gif); }
	.docdoc { background-image:url(../images/icons/icon_doc.gif); }
	.docxls { background-image:url(../images/icons/icon_xls.gif); }
	.doczip { background-image:url(../images/icons/icon_zip.gif); }
	.doctxt { background-image:url(../images/icons/icon_txt.gif); }
	.docwmp { background-image:url(../images/icons/icon_wmp.gif); }

	/* Stappen menu
	===========================================================================*/
	ul#menu-steps-1, #menu-steps-2, #menu-steps-3  { height:8.3em; }
		ul#menu-steps-1 li, ul#menu-steps-2 li, ul#menu-steps-3 li{ height:5.85em; list-style:none; float:left; background-color:#ebebeb; background-image:url(../images/stappen/step-global.gif); background-repeat:no-repeat; background-position:right top; }
			ul#menu-steps-1 li.current, ul#menu-steps-2 li.current, ul#menu-steps-3 li.current{ background-color:#00adef; background-image:url(../images/stappen/pijl-actief.gif); }
			ul#menu-steps-1 li.step-done, ul#menu-steps-2 li.step-done, ul#menu-steps-3 li.step-done{ background-color:#acc1da; background-image: url(../images/stappen/step-done.gif); }
			ul#menu-steps-1 li.done, ul#menu-steps-2 li.done, ul#menu-steps-3 li.done{ background-color:#acc1da; background-image: url(../images/stappen/step-between.gif); }
			ul#menu-steps-1 li a, ul#menu-steps-1 li a:link, ul#menu-steps-1 li a:visited, ul#menu-steps-1 li a:hover, ul#menu-steps-1 li a:active { color:#ccc; text-decoration:none; }
			ul#menu-steps-2 li a, ul#menu-steps-2 li a:link, ul#menu-steps-2 li a:visited, ul#menu-steps-2 li a:hover, ul#menu-steps-2 li a:active { color:#ccc; text-decoration:none; }
			ul#menu-steps-3 li a, ul#menu-steps-3 li a:link, ul#menu-steps-3 li a:visited, ul#menu-steps-3 li a:hover, ul#menu-steps-3 li a:active { color:#ccc; text-decoration:none; }
			ul#menu-steps-1 li.step-done a, ul#menu-steps-1 li.step-done a:link, ul#menu-steps-1 li.step-done a:visited, ul#menu-steps-1 li.step-done a:hover, ul#menu-steps-1 li.step-done a:active, ul#menu-steps-1 li.current a, ul#menu-steps-1 li.current a:link, ul#menu-steps-1 li.current a:visited, ul#menu-steps-1 li.current a:hover, ul#menu-steps-1 li.current a:active, ul#menu-steps-1 li.done a, ul#menu-steps-1 li.done a:link, ul#menu-steps-1 li.done a:visited, ul#menu-steps-1 li.done a:hover, ul#menu-steps-1 li.done a:active{	color:#fff;	text-decoration:none; }
			ul#menu-steps-2 li.step-done a, ul#menu-steps-2 li.step-done a:link, ul#menu-steps-2 li.step-done a:visited, ul#menu-steps-2 li.step-done a:hover, ul#menu-steps-2 li.step-done a:active, ul#menu-steps-2 li.current a, ul#menu-steps-2 li.current a:link, ul#menu-steps-2 li.current a:visited, ul#menu-steps-2 li.current a:hover, ul#menu-steps-2 li.current a:active, ul#menu-steps-2 li.done a, ul#menu-steps-2 li.done a:link, ul#menu-steps-2 li.done a:visited, ul#menu-steps-2 li.done a:hover, ul#menu-steps-2 li.done a:active{	color:#fff;	text-decoration:none; }
			ul#menu-steps-3 li.step-done a, ul#menu-steps-3 li.step-done a:link, ul#menu-steps-3 li.step-done a:visited, ul#menu-steps-3 li.step-done a:hover, ul#menu-steps-3 li.step-done a:active, ul#menu-steps-3 li.current a, ul#menu-steps-3 li.current a:link, ul#menu-steps-3 li.current a:visited, ul#menu-steps-3 li.current a:hover, ul#menu-steps-3 li.current a:active, ul#menu-steps-3 li.done a, ul#menu-steps-3 li.done a:link, ul#menu-steps-3 li.done a:visited, ul#menu-steps-3 li.done a:hover, ul#menu-steps-3 li.done a:active{	color:#fff;	text-decoration:none; }
   ul#menu-steps-1 li.done a:hover, ul#menu-steps-1 li.step-done a:hover{ color:#666; cursor:pointer; }
			ul#menu-steps-2 li.done a:hover, ul#menu-steps-2 li.step-done a:hover{ color:#666; cursor:pointer; }
			ul#menu-steps-3 li.done a:hover, ul#menu-steps-3 li.step-done a:hover{ color:#666; cursor:pointer; }
			ul#menu-steps-1 li a em, ul#menu-steps-2 li a em, ul#menu-steps-3 li a em{ width:122px; display:block; margin:6px 0 0 10px; font-style:normal; font-weight:bold; }
			ul#menu-steps-1 li a span, ul#menu-steps-2 li a span, ul#menu-steps-3 li a span{ width:135px; display:block; margin-left:10px; font-weight:bold; padding-top:5px; line-height:100%; }
			ul#menu-steps-1 li.global-step-bg, ul#menu-steps-2 li.global-step-bg, ul#menu-steps-3 li.global-step-bg{ background-image:none; }
			ul#menu-steps-1 li a, ul#menu-steps-2 li a, ul#menu-steps-3 li a{ height:71px; display:block; }
			ul#menu-steps-1.step-overview li, ul#menu-steps-2.step-overview li, ul#menu-steps-3.step-overview li{width:145px;}
			ul#menu-steps-1.step-overview li.step-done, ul#menu-steps-2.step-overview li.step-done, ul#menu-steps-3.step-overview li.step-done{width:145px;}
			ul#menu-steps-1.step-overview li a, ul#menu-steps-2.step-overview li a, ul#menu-steps-3.step-overview li a{width:145px;}

			#content-top ul#menu-steps-1.step-overview li, #content-top ul#menu-steps-2.step-overview li, #content-top ul#menu-steps-3.step-overview li{width:226px;}
			#content-top ul#menu-steps-1.step-overview li.step-done, #content-top ul#menu-steps-2.step-overview li.step-done, #content-top ul#menu-steps-3.step-overview li.step-done{width:226px;}
			#content-top ul#menu-steps-1.step-overview li a, #content-top ul#menu-steps-2.step-overview li a, #content-top ul#menu-steps-3.step-overview li a{width:226px;}




	/* Maak keuze producten */

	ul.choose-banner,
	ul.choose-popup,
	ul.choose-product,
	 {
	    float:left;
	    margin:20px 0px 0px 0px;
	}
	ul.choose-banner li,
	ul.choose-popup li,
	ul.choose-product li {
	    float:left;
	    width:150px;
	    padding:20px 10px 0px 20px;
	    background:#fff;
	    border:1px solid #d7d6da;
	    font-size:1em;
	    font-weight:bold;
			margin-right: 4px;
	    cursor:pointer;
	    overflow:hidden;
	}
	ul.choose-popup li {
		width: 244px;
	}
	ul.choose-banner #choose-product-1,
	ul.choose-popup #choose-product-1
	ul.choose-product #choose-product-1 {
	    border:1px solid #000132;
 }
	ul.choose-product,
	ul.choose-banner,
	ul.choose-popup {
	    margin-right:20px;
	}
	ul.clean-margin {
    margin-right:0px;
 }
	ul.choose-product li h3,
	ul.choose-banner li h3,
	ul.choose-popup li h3 {
	    text-align:center;
	}
	ul.choose-product li div,
	ul.choose-banner li div,
	ul.choose-popup li div { /* image container */
	    text-align:center;
	    padding:20px 0px;
	}
	ul.choose-product li span,
	ul.choose-banner li span,
	ul.choose-popup li span {
     display:block;
     clear:both;
	}
	ul.choose-product li a .position-image,
	ul.choose-banner li a .position-image,
	ul.choose-popup li a .position-image {
     width:150px;
     padding:20px 0px;
     text-align:center;
	}
	ul.choose-product li a .product-description,
	ul.choose-banner li a .product-description,
	ul.choose-popup li a .product-description {
	    margin-bottom:20px;
	}
	ul.choose-product li p {

	}
	ul.choose-product li .contentlist,
	ul.choose-banner li .contentlist,
	ul.choose-popup li .contentlist {
	 margin:0;
	 padding:0;
	}
	ul.choose-product li .contentlist li,
	ul.choose-banner li .contentlist li,
	ul.choose-popup li .contentlist li {
	 margin:0;
	 padding:0;
	 border:0;
	 font-weight:normal;
	 width:auto;
	 height:auto;
	 float:none;
	}

	div#specifications { padding-top:25px; clear:both; }
		div#specifications div ul { display:block; overflow:hidden; height:1%; margin-top:10px; padding:15px 0; background:url(../images/backgrounds/bg-stippel-horz.gif) top repeat-x; }
		div#specifications div ul li { display:inline; float:left; width:189px; margin:0 1px 30px 0; }
			div#specifications div ul li.go-right { margin-left:190px; }
		div#specifications div ul li input { float:left; margin-right:10px; }
		div#specifications div ul li img { margin-bottom:6px; }
		div#specifications div ul li h4 { margin-bottom:6px; }

		div#specifications #popup_id_2 { display:none; }

	/* Banner builder */

				/* Unique selling points */
				div#build-left div#wrap-banner ul { position:absolute; top:100px; left:20px; background:#fff; padding:5px 8px 2px 8px; }
					div#build-left div#wrap-banner ul li { display:block; padding-bottom:4px; }

				#logo-builder { position:absolute; left:20px; top:16px; z-index:998; }
				div#slogan-banner { position:absolute; z-index:999; top:50px; left:20px; background:#fff; padding:3px 8px 3px 8px; }
					div#slogan-banner p { padding:0; }

				/* Opties opmaak banner */

			.builder-col{
			    width:290px;
			    float:left;
			 }

				ul.builder-options { float:left; margin-bottom:10px; }
				  .builder-options .title {
				    display: block;
				    clear: both;
				  }
					ul.builder-options li { display:inline; font-weight:bold; font-size: 0.9em; }
						ul.builder-options li img { vertical-align:bottom; }
						ul.builder-options li a { border:1px solid #d7d6da; padding:2px; float:left; margin:5px 6px 0 0; }
						ul.builder-options li a:hover { border:1px solid #000132; }

				div.clear-options { clear:both; padding-top:25px; display:block; overflow:hidden; height:1%; }

				div.detail-options { clear:both; padding-top:25px; display:block; overflow:hidden; height:1%; }
					div.detail-options ul { padding:15px 0 15px 0; position:relative; }
					div.detail-options ul li { text-align:center; }
					div.detail-options ul li.left-li { float:left; }
					div.detail-options ul li.right-li { float:right; }
					div.detail-options ul li a { display:block; background:url(../images/buttons/button-rood.gif) no-repeat; text-decoration:none!important; color:#fff!important; font-weight:bold; padding-top:12px; }

				#select-logo, #select-options { width:265px; font-size:1.1em; margin-top:2px; border:1px solid #b2b2b2; padding:2px; margin-bottom:8px; }
				#select-font-1, #select-font-2, #select-font-3, #select-font-4 { width:130px; float:left; font-size:1.1em; margin-top:2px; border:1px solid #b2b2b2; padding:2px; margin-bottom:8px; }

				#select-font-color { width:265px; float:left; font-size:1.1em; margin-top:2px; border:1px solid #b2b2b2; padding:2px; margin-bottom:8px; }


				ul.banner-options { float:left; width:290px; margin-bottom:10px; }
					ul.banner-options li { display:block; padding-bottom:6px; font-weight:bold; padding-right:20px;}
						ul.banner-options li.other-options { display:block; }
						ul.banner-options li small  { font-weight:normal; }
					ul.banner-options li input { border:1px solid #b2b2b2; width:182px; padding:3px; margin-right:3px; }
					ul.banner-options li input.button-usp { background:url(../images/buttons/button-zoek.gif) no-repeat; cursor:pointer; color:#fff; border:0; width:72px; height:25px; font-weight:bold; font-size:1em; }
					#fileatt { margin-top:5px; }

			.knop-rood { border:0; width:191px; height:38px; background:url(../images/buttons/button-rood.gif) no-repeat; font-weight:bold; color:#fff; cursor:pointer; }
				.knop-right { float:right; }
                .margin-right-custom { margin-right: 84px; }
                
                .knop-rood-left {
  					float: left;
				}

				a.knop-rood {
  					display: block;
				 	color: #fff !important;
  					text-decoration: none !important;
  					text-align: center;
	  				padding: 12px 0;
  					height: 14px;
				}

			p.explain { padding:6px 0 0 0; width:250px; clear:both; }

		div#build-right { float:left; width:103px; }
			div#build-right ul li { display:block; height:26px; margin-bottom:1px; }
				div#build-right ul li.curve { font-weight:bold; color:#ec472b; height:18px; }
			div#build-right ul li input { margin-top:4px; }
			div#build-right ul li img { float:right; }

		.tip { width:200px; padding:10px; position:absolute; z-index:100; visibility:hidden; top:20px; left:90px; background:#00adef; line-height:140%; color:#fff; text-align:left; }

	/* Detailpagina producten */
	ul.page-scroll { float:right; padding-bottom:15px; margin-right:7px; }
		ul.page-scroll li { display:inline; background:url(../images/bullets/bullet-red.gif) center right no-repeat; padding-right:15px; }
			ul.page-scroll li.previous { border-right:1px solid #d7d6da; margin-right:12px; background:url(../images/bullets/bulle-previous.gif) center left no-repeat; padding-left:15px; }
		ul.page-scroll li a:visited { color:#ec472b!important; }
		ul.page-scroll li a:visited:hover { color:#01aef0!important; }

	div#banner-detail { display:block; overflow:hidden; height:1%; clear:both; }

		/* Linker kant detail */
		div#banner-detail div#detail-left { width:306px; padding-right:15px; float:left; }
			div#banner-detail div#detail-left p span { font-weight:bold; font-size:2em; color:#ec472b;}

		/* Rechterkant detail */
		div#banner-detail div#detail-right { width:257px; float:left; }
		ul.detailfotos { width:253px; }
			ul.detailfotos li { width:80px; height:44px; text-align:center; overflow:hidden; float:left; list-style:none; border-right:6px solid #fff; border-bottom:6px solid #fff; }
			ul.detailfotos li.first-thumb { text-align:left; }
			ul.detailfotos li.third-thumb { border-right:none; text-align:right; }
			ul.detailfotos li.fotogroot { width:253px; height:auto; }
			ul.detailfotos a:hover img, ul.detailfotos a:visited:hover img, ul.detailfotos a.select:link img, ul.detailfotos a.select:visited img { border:1px solid #003; }
			.hide-big {display:none; }

	/* Accessoires */
	div.accessoires { display:block; overflow:hidden;  height:1%; margin-bottom:15px; padding:15px 0; background:url(../images/backgrounds/bg-stippel-horz.gif) bottom repeat-x; }
		div.img-accessoires { float:left; width:200px; }
			div.img-accessoires input { float:left; margin-right:15px; }
		div.omsch-accessoires { float:left; width:380px; }

	div.accessoires h3 { float:left; width: 380px; margin:0 0 10px 0; }
	p.price-inclusive { font-size:1.4em; font-weight:bold; }
		p.price-inclusive span { font-size:1.6em; color:#ec472b; padding-left:10px; }

	/* Features onderaan contentpagina */
	div#content-left ul.content-options { margin:0; padding:50px 0 15px 0; clear:both; }
		div#content-left ul.content-options li { list-style:none; display:inline; padding-right:20px; }
		div#content-left ul.content-options li a, div#content-left ul.content-options li a:visited, div#content-left ul.content-options li a:visited:hover { color:#000132;}
		div#content-left ul.content-options li a:hover { color:#01aef0; }
			.printen { background:url(../images/icons/icon-print.gif) no-repeat; background-position:0 2px; padding:0px 22px 5px 25px; border-right:1px solid #e5e5e5; }
			.mailen { background:url(../images/icons/icon-mail.gif) no-repeat; background-position:0 4px; padding:0px 0px 5px 25px; }

	/* Highslide (vergroten van de foto's) */
	.highslide { cursor: url(../highslide/graphics/zoomin.cur), pointer; outline: none; }
		.highslide-caption { display:none; border:2px solid white; border-top:none; padding:5px; background-color:white; }
		.highslide-caption span { color:#eb462a; font-weight:bold; }
		.highslide-loading { display:block; color:white; font-size:9px; font-weight: bold; text-transform:uppercase; text-decoration:none; padding:3px; border-top:1px solid white; border-bottom:1px solid white; background-color:black; }
		.highslide-move { cursor:move; }
		.highslide-overlay {display: none ;}
		.controlbar { background:url(../highslide/graphics/controlbar4.gif); width:167px; height:34px; }
		.controlbar a {	display:block; float:left; margin:0px 0 0 4px; height:29px; width:34px; }
		/* Noodzakelijk voor functionaliteit */
		.highslide-display-block { display:block; }
		.highslide-display-none { display:none; }

	/* Contactformulier */
	.contactform fieldset { border:0; margin:0; padding:15px 0; }
	.contactform label { width:110px; float:left; padding:5px 10px 5px 0; }
	.contactform div { padding-bottom:15px; clear:both; }
	.contactform div input { border:1px solid #b2b2b2; width:244px; padding:2px; }
		.contactform div input.error { border:1px solid #eb462a; width:242px; padding:2px; color:#eb462a; background:url(../images/icons/alert.gif) top right no-repeat; }
	.contactform div span { display:block; background:#eb462a; color:#fff; padding:6px 4px; margin:1px 217px 0 115px; clear: both; }
	.contactform div input.input-smaller { border:1px solid #b2b2b2; width:150px; padding:2px; color:#dd1311; }
	#opmerkingen, #comments { border:1px solid #b2b2b2; width:244px; height:80px; overflow:auto; padding:2px; color:#dd1311; }
	.radMarg { margin-left:35px;}
	.contactform div.label-radios { padding-bottom:0;}
	.contactform div.copy-mail { padding:0 0 30px 114px; }
	.contactform div.label-radios label, .contactform div.copy-mail label { float:none; width:auto; }
	.contactform div.label-radios input, .contactform div.copy-mail input { width:16px; border:0; }
	#button-form { background:url(../images/buttons/button-form.gif) no-repeat; border:0; width:120px; height:25px; color:#fff; cursor:pointer; font-weight:bold; margin-left:245px; }
	.required { /* color:#eb462a; */ }

	.display h6 { font-weight:normal; width:115px; float:left; padding-top:4px; }
	.display p { float:left; display:block; width:300px; }

	#step4sender {border: 0; width: 200px;}

	/* Code formulier */
	.form-code fieldset label { display:block; padding-bottom:3px; }
	.form-code fieldset input { border:1px solid #b2b2b2; width:170px; padding:3px; }
		.form-code fieldset #button-go { width:39px; height:25px; font-weight:bold; border:0; font-size:1em; background:url(../images/buttons/button-go.gif) no-repeat; color:#fff; cursor:pointer; }

	/* Content rechterkant */
	div#content div#content-right { float:left; width:220px; padding:0 20px 0 30px; }
		div#content div#content-right div.block-right { background:url(../images/backgrounds/bg-stippel-horz.gif) bottom repeat-x; padding:34px 0 15px 0;}
			div#content div#content-right div.block-right h3 { color:#00adef; font-size:1.2em; padding-bottom:3px; }
			div#content div#content-right div.block-right address { line-height:140%; padding-bottom:17px; font-style:normal; }
			div#content div#content-right div.block-right div { width:219px; height:83px; overflow:hidden; margin-bottom:8px; }
			div#content div#content-right div.block-right p.link-blocks { font-weight:bold; background:url(../images/bullets/bullet-red.gif) no-repeat 0 7px; padding-left:10px; }

/* Footer
===========================================================================*/
div#footer { background:url(../images/backgrounds/bg-footer.gif) no-repeat;  height:10em; clear:both; text-align:right; }
	div#footer ul, div#footer-content ul { position: absolute; right: 20px; bottom: 15px; }
	div#footer ul li, div#footer-content ul li { display:inline; color:#767795; }
		div#footer ul li a, div#footer-content ul li a  { text-decoration:none; color:#767795; margin-left:25px; }
		div#footer ul li a:hover, div#footer ul li a:visited:hover, div#footer-content ul li a:hover, div#footer-content ul li a:visited:hover { color:#ec472b; }
		div#footer ul li a:visited, div#footer-content ul li a:visited { color:#767795; }
    div#footer-content ul li address{  }

div#footer-content { text-align:right; clear:both; background:url(../images/backgrounds/corners-footer.gif) top no-repeat; height:100px; }

/* Pop-up
===========================================================================*/

*{
    margin:0px;
    padding:0px;
}

#banner-builder,
#banner-builder-step3 {
    border:1px solid #d7d6da;
    overflow:hidden;
    margin-bottom:30px;
    position:relative;
}

/* Pop-up container */

#banner,
#banner-step3 {
    position:relative;
    height:320px;
    margin:10px auto;
    padding-top:13px;
}
.width_342 {
    width:328px;
}
.width_396 {
    width:382px;
}
.width_354 {
    width:354px;
}
.width_300 {
    width:300px;
}

/* Pop-up delen */

#middle,
#middle-step3 {
    float:left;
    height:300px;
}
#middle img,
#middle-step3 img {
    height:300px;
}
#lamps,
#lamps-step3 {
    position:absolute;
    top:0px;
    left:0px;
    height:23px;
}
#left,
#left-step3 {
    float:left;
    width:14px;
    height:300px;
    background-color:#FFFFFF;
}
#right,
#right-step3 {
    float:left;
    width:14px;
    height:300px;
    background-color:#FFFFFF;
}
#left img,
#left-step3 img,
#right img,
#right-step3 img, {
    width:14px;
    height:300px;
}

/* Opbouw van de counter */

#counter,
#counter-step3 {
    position:absolute;
    bottom:0px;
    right:58px;
    background-color:#FFFFFF;
    height:120px;
    width:75px;
}
.counter_bg_image {
    /*
    background:url('../images/banner/counter_tullips_transparent.png');
    background-repeat:no-repeat;
    */
}
#counter img,
#counter-step3 img {
    height:120px;
    width:75px;
}
#counter_top,
#counter_top-step3 {
    position:absolute;
    bottom:110px;
    right:58px;
    height:28px;
    width:75px;
}

/* Pop-up specificaties */

#logo_small,
#logo_small-step3 {
    position:absolute;
    top:240px;
    right:70px;
    text-align:center;
}
#logo_big,
#logo_big-step3 {
    text-align:center;
    display:block;
    margin:8px 0px;
}
#display,
#display_step3 {
    position:absolute;
    top:30px;
    left:0px;
    width:580px;
    z-index:1000;
}
#slogan_display,
#slogan_display_step3 {
    text-align:center;
    display:block;
    font-weight:bold;
    font-size:120%;
    margin:0px 0px 8px 0px;
    padding:0px;
}
#usp1_display,
#usp1_display_step3 {
    text-align:center;
    display:block;
    padding:0px;
}
#usp2_display,
#usp2_display_step3 {
    text-align:center;
    display:block;
    padding:0px;
}
#usp3_display,
#usp3_display_step3 {
    text-align:center;
    display:block;
    padding:0px;
}
.color_block {
    width:18px;
    height:18px;
}
.edit_section {
    display:block;
    height:32px;
    width:265px;
    background:url(../images/backgrounds/bg-stippel-horz.gif) bottom repeat-x;
    overflow:hidden;
    margin-bottom:10px;
    white-space:nowrap;
}

/* Form */

#select-font-types{
    width:120px;
    float:left;
    font-size:1.1em;
    margin:2px 0px 0px 4px;
    padding:3px 4px 4px 4px;
}
#weight-1,
#weight-2,
#weight-3,
#weight-4,
#style-1,
#style-2,
#style-3,
#style-4{
    width:15px;
    height:15px
    padding:0px;
    margin:0px;
    border:0px;
}
.hide{
    display:none;
}
#file-container {
    position:relative;
    width:195px;
    float:left;
}
#fileatt-browse {
    position:absolute;
    left:200px;
    top:0px;
}
#fileatt-add {
    float:left;
    margin-top:2px;
    clear:both;
}
*html #fileatt-add {
    margin-top:5px;
}
#fileatt-iframe {
    border:0px;
    width:268px;
    height:20px;
}

.form-options input {
  width: auto !important;
	float:left;
	margin:0 4px 0 0;
	border: none;
}

.form-options label {
	width: auto;
}

.add-file-button {
    clear: none!important;
    float: none!important;
    margin-left: 4px;
}

.no-space-top {
    margin-top: 0px!important;
    padding-top: 0px!important;
}

.image-block-left {
  text-align:left;
}

.image-block-center {
  text-align:center;
}

.image-block-right {
  text-align:right;
}

.block-right h3 {
    text-align:left;
}

/* SEARCH */
dl.zoekresultaten {
    margin-bottom: 0;
}

dl.zoekresultaten dt {
    margin-bottom: 1.5em;
    font-weight: bold;
    display: inline;
}

dl.zoekresultaten dd {
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
}

dl.zoekresultaten dd a {
    font-weight: normal;
    font-style: normal;
}

dl.zoekresultaten dd.zoekkruimel {
    margin-bottom: 10px;
}

div.counter_price span {
color:#EC472B;
font-size:2em;
font-weight:bold;
}