/* CREDITS
 * ----------------------------------------------------------
 * Title:		CD-herstel.be - Screen Stylesheet
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
body{background:url(../images/layout/body-bg.png) repeat-x center top; height:100%;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
body{ }

.clear{ clear:both; }
a {color:#0585CF;}
a:focus{ outline:none; }
::selection{ background:#0099E3; color:#FFF; }
::-moz-selection{ background:#0099E3; color:#FFF; } 

/* Container
---------------------------------------------------------- */
div#container{color:#007dc5; margin:0 auto; padding-bottom:30px; width:927px;}

/* Header
---------------------------------------------------------- */
div#header{height:368px; padding-top:56px; position:relative;}
div#header div.logo a{background:url(../images/layout/header/logo.png) no-repeat left top; float:left; height:69px; text-indent:-9999px; width:335px;}

/*menu*/
div#header ul.menu{position:absolute; right:0px; top:75px;}
div#header ul.menu li{float:left; margin:0 11px;}
div#header ul.menu li a{background:url(../images/layout/header/menu_right.png) no-repeat top right; color:#fff; display:block; float:left; font-weight:bold; height:29px; line-height:29px; padding-right:10px; text-transform:uppercase; text-decoration:none;}
div#header ul.menu li.active a, div#header ul.menu li a:hover{background:url(../images/layout/header/menu_right_hover.png) no-repeat top right; display:block; height:29px; line-height:29px; padding-right:10px;}
div#header ul.menu li a span{background:url(../images/layout/header/menu_left.png) no-repeat left top; display:block; padding-left:10px;}
div#header ul.menu li.active a span, div#header ul.menu li a:hover span{background:url(../images/layout/header/menu_left_hover.png) no-repeat left top; display:block; padding-left:10px;}
 
/*slogan*/
div#header div.about{left:40px; position:absolute; top:185px;}
div#header div.slogan{color:#007dc5; font-size:16px; line-height:20px;}
div#header em.mark{background:url(../images/layout/header/slogan_bg.png) no-repeat top left; color:#fff; display:block; font-size:15px; height:26px; line-height:20px; margin-top:2px; text-align:center; width:164px;}
div#header div.slogan canvas{left:-4px !important;}
	/*disc repair service tekst*/
	div#header div.service{margin-top:25px;}
	div#header div.service em{color:#004871; font-style:normal;}
	div#header div.service a.more{background:url(../images/layout/bg_link_right.png) no-repeat right top; color:#fff; display:block; float:left; line-height:23px; margin-top:10px; padding-right:9px; text-decoration:none;}
	div#header div.service a.more:hover{background:url(../images/layout/bg_link_right_hover.png) no-repeat right top;}
	div#header div.service a.more span{background:url(../images/layout/bg_link_left.png) no-repeat left top; color:#fff; display:block; float:left; line-height:22px; height:23px; padding-left:9px; text-decoration:none;}
	div#header div.service a.more:hover span{background:url(../images/layout/bg_link_left_hover.png) no-repeat left top;}


/*picture in header*/	
div#header div.pic{background:url(../images/layout/header_pic.png) no-repeat left bottom; bottom:0px; height:300px; position:absolute; right:-30px; width:471px;}


 
 
/* Content
---------------------------------------------------------- */
div#content{font-size:12px; line-height:18px; margin:65px 0; overflow:hidden; padding:0 38px; width:851px;}
div#content h1{color:#ff7036; font-size:18px; margin-bottom:6px;}
div#content h2{color:#1a8acb; font-size:16px;}
div#content h2 em{color:#ff7036; font-style:normal;}

/*content gedeelte*/
div#content div.left{float:left; padding-right:45px; width:486px;}
div#content div.left span{color:#65b3df;}

div#content div.left div.quickmenu {margin-top:45px;}
div#content div.left div.quickmenu div.left{float:left; height:62px; width:208px;}
div#content div.left div.quickmenu div.right{float:right; height:62px; margin-top:-6px; width:208px;}
div#content div.left div.quickmenu div.left a {background:url(../images/layout/beschadigd_ico.png) no-repeat 0 0; width:208px; height:62px; display:block; text-indent:-9000px; }
div#content div.left div.quickmenu div.right a {background:url(../images/layout/winkel_ico.png) no-repeat 0 0; width:208px; height:69px; display:block; text-indent:-9000px; }

div#content div.right div.quickmenu div.left{float:left; height:62px; padding:0px; width:158px;}
div#content div.right div.quickmenu div.right{float:right; height:62px; margin-top:0px; width:152px;}
div#content div.right div.quickmenu div.left a {background:url(../images/layout/sidebar/beschadigd_ico.png) no-repeat 0 0; width:158; height:53px; display:block; text-indent:-9000px; }
div#content div.right div.quickmenu div.right a {background:url(../images/layout/sidebar/winkel_ico.png) no-repeat 0 0; width:152; height:53px; display:block; text-indent:-9000px; }


/*faq pagina*/
div#content dl dd{color:#65b3df; margin-bottom:15px;}

/*sidebar = rechtergedeelte*/

div#content div.right{float:right; width:319px;}
div#content div.right div.sidetop{background:url(../images/layout/sidebar/sidetop.png) no-repeat top left; height:23px;}
div#content div.right div.sidebottom{background:url(../images/layout/sidebar/sidebottom.png) no-repeat bottom left; height:29px; margin-bottom:35px;}
div#content div.right div.side{background:url(../images/layout/sidebar/side_bg.png) repeat-y top right; padding:0 25px 0 44px;}
div#content div.right div.side h2{margin-top:-8px; margin-bottom:6px;}
div#content div.right div.side ul {margin-left:10px;}
div#content div.right div.side ul li{line-height:20px; padding-left:10px;}
div#content div.right div.side em{color:#ff7036; line-height:20px; margin-left:-20px; font-style:normal; font-weight:bold; position:absolute;}

div#content div.right div.contact {clear:both; padding-top:5px;}
div#content div.right div.contact div.box {clear:both; margin:20px 0; padding:5px 5px 3px 5px; border:1px solid #007DC5}

div#content div.right div#info {background:url(../images/layout/info.png) no-repeat 50% 0; width:331px; height:80px; text-indent:-9000px;}

/* print
-----------------------------------------------------------*/
div#content a#print {display:block; margin:20px 0 10px 0; background:url(../images/layout/print.png) no-repeat 0 0; width:188; height:70px; text-indent:-9000px;}

/* bestelproces
-----------------------------------------------------------*/	
table.bestellen{margin-bottom:30px;}
table.bestellen th{background:#0585cf; color:#fff; height:48px; margin-bottom:12px; text-align:center; border-right:1px solid #fff;}
table.bestellen th.last {border:0;}
table.bestellen td{background:#dceef8; border-right:1px solid #fff; color:#0585cf; height:25px; text-align:center;}
table.bestellen td.last{border:none !important;}
table.bestellen tr.first td {padding:16px 0 2px 0;}
table.bestellen tr.last td {padding:2px 0 16px 0;}

/* opdrachtformulier
-----------------------------------------------------------*/
table.opdrachtformulier{margin-bottom:30px;}
table.opdrachtformulier th{background:#0585cf; color:#fff; padding:5px; margin-bottom:12px; text-align:left; border-right:1px solid #fff;}
table.opdrachtformulier td{background:#dceef8; border-right:1px solid #fff; color:#0585cf; padding:5px; text-align:left; vertical-align:top;}
table.opdrachtformulier td.last{border:none !important;}
	
/* Footer
---------------------------------------------------------- */
div#footer{background:url(../images/layout/footer/footer_bg.png) no-repeat top left; color:#fff; font-size:11px; height:33px; line-height:33px; padding:0 15px; width:885px;}
div#footer a{color:#fff; text-decoration:none;}
div#footer ul{clear:both; overflow:hidden; width:100%}
div#footer ul li{float:left;}
div#footer ul li.right{float:right;}
div#footer ul li.right a{background:url(../images/layout/footer/inventis.png) no-repeat 0 0; display:block; overflow:hidden; position:relative; height:21px; margin-top:6px; text-indent:-9999px; width:72px;}
div#footer ul li.right a:hover{ background-position:left -21px;}

/*Form
----------------------------------------------------------*/
form.default{ width:504px; }
form.contact{margin-top:20px;}
	
	/* general */
	form.default .right{ text-align:right; }
	
	/* fieldset */
	form.default fieldset{}
	form.default fieldset legend{}

	/* entry */
	form.default div.entry{ clear:both; overflow:hidden; margin:0 0 10px; padding:0px; }
	form.default div.entry label{font-weight:bold;}
	form.default div.entry div.input{background:url(../images/layout/form/input_bg_large.png) no-repeat top left; padding:4px 4px 2px 2px; width:498px;}
	form.default div.small{clear:none; float:left; margin-right:3px; overflow:hidden; width:258px;}
	form.default div.small2{clear:none; float:left; overflow:hidden; width:242px !important;}
	
	/* error */
	form.default div.error div.input{ background:url(../images/layout/form/input_bg_large_error.png) no-repeat top left !important; border:0;}
	form.default div.error div.input input{border:none; width:500px;}
	form.default div.error input{}
	form.default div.error label{ color:#CC0000; }
	form.default span.error{background:url(../images/layout/icons/error.png) no-repeat top left; color:#CC0000 !important; margin-left:10px; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px;}
	
	form.default div.error span.left {float:none!important; margin:0!important;}
	
	form.default div.error.small div.input{ background:url(../images/layout/form/input_bg_small_error.png) no-repeat top left; border:0; }
	form.default div.error.small2 div.input{  background:url(../images/layout/form/input_bg_small2_error.png) no-repeat top left; border:0;  width:242px !important;}
	
	/* text */
	form.default div.text label{ line-height:18px; float:left;}
	form.default div.text div.input{ background:url(../images/layout/form/input_bg_large.png) no-repeat top left; border:none; clear:both; height:21px; overflow:hidden; width:500px;}
	form.default div.text div.input input{border:0; width:498px;}
	form.default div.text.small div.input{ background:url(../images/layout/form/input_bg_small.png) no-repeat top left; border:none; height:22px; width:254px;}
	form.default div.text.small div.input input{width:254px}
	form.default div.text.small2 div.input{ background:url(../images/layout/form/input_bg_small2.png) no-repeat top left; border:none; height:22px; width:236px;}
	form.default div.text.small2 div.input input{border:0; width:236px;}
	
	/* textarea */
	form.default div.textarea label{ line-height:18px; float:left; }
	form.default div.textarea div.input{ background:url(../images/layout/form/input_bg_text.png) no-repeat top left; clear:both; border:none; height:117px; padding:4px; width:500px; }
	form.default div.textarea div.input textarea{border:0 !important; height:108px; width:499px;}
	form.default div.error.textarea div.input { background:url(../images/layout/form/input_bg_text_error.png) no-repeat top left!important;}
	form.default div.error.textarea div.input textarea{border:0 !important; height:108px; width:499px;}
	
	/* radiobutton */
	form.default div.radio label{ float:left; font-weight:bold; }
	form.default div.radio div{ width:100%; display:block; clear:both; }
	form.default div.radio div label{ float:none; width:100%; display:block; }
	
	/* checkbox */
	form.default div.checkbox label{ float:left; }
	form.default div.checkbox div{ width:100%; display:block; clear:both; }
	form.default div.checkbox div label{ float:none; width:100%; display:block; }
	
	/* select */
	form.default div.select select{ clear:both;  display:block; }
	form.default div.select label{ display:block; margin-bottom:2px; float:left; }
	
	/* buttons */
	form.default div.buttons button{background:url(../images/layout/form/submit.png) no-repeat top left; display:block; float:left; border:0; cursor:pointer; height:25px; margin-top:20px; width:91px; text-indent:-9000px;}
	form.default div.buttons button.right{ float:right; }
	form.default div.buttons span{ float:left; font-size:10px; }