﻿@charset "utf-8";
/*------------------------------------------------------------------*/
/*                   WEBSITE: www.rkorenberg.nl                     */
/*                   EMAIL: info at rkorenberg.nl                   */
/*------------------------------------------------------------------*/

/* CSS RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style:none ;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '"';
}
blockquote, q {
	quotes: '"' '"';
}
/*-----------------------------------------------------------------------------------------------*/
/*                                          Algemeen Style                                       */
/*-----------------------------------------------------------------------------------------------*/

body{background-image:url(../images/racbg.jpg); padding-bottom:1px; background-position: top center; border-bottom:#666 solid 1px; background-repeat:repeat-x;
		background-color:#eee; height:358px; font-family:Verdana, Geneva, sans-serif; font-size: 11px; line-height: 1.5em; color:#58585A;}

p{ padding: 5px 0 10px 20px; font-size:1.1em;}

a{ text-decoration:none; color:#cce227;}
a:active, a:hover{ text-decoration:underline;}

h1{ font-family: Verdana ; font-weight: bold ; font-size: 20px; color: #cce227; padding-bottom: 10px;}

h1 .grijs {	color:#808080}

h2{font-family: "Century Gothic" ; font-weight: normal; font-size:22px; color:#808080;}

h3{font-weight: bold; font-size:12px; color:#cce227; padding-left:20px; padding-top:5px;}

h4{font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; margin-bottom: 5px;}
strong{font-weight: bold;}

textarea {white-space: nowrap;}

.clear {clear:both;}

/* MainContent */
#wrapper {margin: 0 auto; width: 980px; position:relative;}

/* Logo */
#logo{ background-image: url('../images/logo.png'); background-repeat:no-repeat; background-position:left; height:110px; width: 980px; margin-bottom:15px; margin-left: 50px;}

/* MiniMenu */
#minimenu a {float:right; color:#666; width:50px; height:10px; padding-top: 65px; margin-right:15px;}

/* Banner */
#bannerholder{position:relative; width:980px; height:281px; background-color:#FFF; border-bottom:#666 solid 1px;}

#banner{ padding:0; top:43px; margin:0; overflow:hidden; width: 980px; height:237px; z-index:0; }

/*Crump menu*/
#crump p {font-family:Verdana, Geneva, sans-serif; font-size: 0.9em; word-spacing:0.1em; color:#333; padding: 10px 0 0 10px;}
#crump p a {color: #cce227; font-weight: bold;}

/*Content*/
#content {background-color:#FFF; position:relative; width:979px; z-index:1000; border-left:#666 solid 1px; border-right:#666 solid 1px;}

/*Home Column Links*/
#collinks{position:relative; float:left; width:335px; padding:0 20px 20px 20px; border-right:#ccc solid 1px; margin-top:35px;}
#collinks_frame{background-image:url(../images/bg_frame.jpg); background-repeat:no-repeat; width:335px; height:283px;}
#nieuws{ position:relative; background:url(../images/nieuws.gif) no-repeat; width:93px; height:25px; margin-left:10px;}
#nieuwsinner h3{font-weight:bold; font-size:1.2em; color:#58585A; padding-left:15px;}
#nieuwsinner p{ font-style:italic; padding:2px 20px 10px 7px; border-bottom:#ccc dotted 1px; width:280px; margin-left:10px;}
#nieuwsinner span{ padding:5px 0 0 10px; color: #cce227; font-size:0.9em;}
#flash_tint{ position:absolute; top:8px; left:25px;}

/*Home Column rechts*/
#colrechts{float:right; width:563px; height:auto; padding:32px 20px 20px 20px;}
#tophome img { float:left; margin:3px 8px 0 0; padding:4px; border:#ccc solid 1px; }
#tophome p { font-weight : normal; padding:5px 10px 0 0; text-align:justify;}
#offertep p{margin-left:10px; margin-top:3px;}
#offertep img{ border:none; float:left;}

.line { border-bottom:#CCC solid 1px; margin:30px 50px 20px 50px;}

.leesmeer {float:right; background-color:#f8f8f8; border: #ccc solid 1px; padding:3px 5px; margin: -5px 0 0  0; }
.leesmeer a { color:#cce227; font-weight:bold; text-decoration:none; }
.leesmeer a:hover { color:#cce227; font-weight:bold; text-decoration:underline; }

/*Pages*/
/*Links*/
.left { float: left; padding:15px 0px 20px 10px; width:200px;}

/*Midden Over Ons*/
.middle { width:540px; top: 10px; padding-top:20px; margin-left: 205px; margin-right: 220px; padding-bottom:20px;}
#over{font-size: 2.5em; text-indent:-1999px; margin-left:3px; padding-bottom:10px; border:none; background:url(../images/overons.gif) no-repeat; width:129px; height:23px;}
.middle img{ padding:4px; border:#ccc solid 1px;}
.middle p{ padding:5px 10px 5px 18px; text-align:justify; line-height:1.5em;}
.middle h3{ padding-left:0;}
.reclinks{ width:300px; height:150px; margin-left:50px; float:left; padding-top:10px;}
.reclinks li{ padding-bottom:5px; font-size:1.1em; font-weight:bold; list-style-image:url(../images/list_icon.gif); }
.reclinks li a{color:#58585A ; }
.recrechts{ padding-top:10px; height:150px}
.recrechts li{ padding-bottom:5px; font-size:1.1em; font-weight:bold; list-style-image:url(../images/list_icon.gif); }
.recrechts li a{color:#58585A ;); }
.wrappingimg{ margin-left:15px;}
#holderplace{ position:relative; display:block; float:left;}
#holderplace2 table{ margin-left:0;}

/*Midden Beletteringen*/
#belet{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/beletteringen.gif) no-repeat; width:193px; height:23px;}
#a_belet{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/autobelettering.gif) no-repeat; width:220px; height:26px;}
#c_belet{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/wrapping.gif) no-repeat; width:173px; height:26px;}
#r_belet{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/car_graphics.gif) no-repeat; width:165px; height:26px;}
#d_belet{ position:relative; display:block;}
#d_belet table{ margin-left:10px; }
#d_belet p{ padding-top:0;}
#d_belet img{ float:left; margin-right:7px; margin-top:3px;}
.magneetinner {display:block; height:125px;}

/*Midden Raamblindering*/
#a_raam{ position:relative; display:block;}
#a_raam p{ padding-top:0;}
#a_raam img{ float:left; margin-right:7px; margin-top:3px;}
#g_raam{ position:relative; display:block;}
#g_raam p{ padding-top:0;}
#g_raam img{ float:left; margin-right:7px; margin-top:3px;}
.toepassinginner {display:block; height:125px;}

.magneetinner2 {display:block; height:200px;}
.magneetinner3 {display:block; height:165px;}
.reclinks2{ width:450px; margin-left:40px; padding-top:10px;}
.reclinks2 li{ padding-bottom:5px; font-size:1.1em; font-weight:bold; list-style-image:url(../images/list_icon.gif)!important; }
#toepassinginner { padding-top:30px;}
#toepassinginner img { border:none; padding-bottom:40px;}
#toepassinginner span { font-size:1.2em; font-weight:bold; text-decoration:underline; letter-spacing:1px;}

/*Midden Raamblindering*/
#b_reclame img{ float:left; margin-right:7px; margin-top:3px;}
#b_reclame p {padding-top:0;}
#recprijzen{ display:block; height:100%; width:400px;}
#recprijzen p{ line-height:1.6em}
#d_reclame2{ padding-top:20px;}
#d_reclame2 img{ float:left; margin-right:7px; margin-top:3px;}
#d_reclame2 p {padding-top:0;}
.d_reclameinner{display:block; height:120px;}
.d_reclameinner2{display:block; padding-bottom:10px;}
#e_reclame2 img{ float:left; margin-right:7px; margin-top:3px;}
#e_reclame2 p {padding-top:0;}
#iesucks{margin-left:15px;}

/*Ontwerp*/

/*Drukkerij*/
#druk{ position:relative; width:450px;}

/*NoBorder*/
#noborder{}
#noborder img { border:0px; padding:0px;}


/*Rechts*/
.right {float: right; padding: 20px 20px 20px 0px; width:200px;}
.right h3{ font-weight:bold; padding:10px 0 5px 0; font-size:1.6em;}
.right p{padding-left:0; margin-left:0; color:#999; text-align:justify;}
#telefoon{ border:#ccc solid 1px; padding:8px 25px 8px 10px;}
#telefoon a{ background-color:#cce227; color:#fff; padding:7px 15px 7px 15px; font-weight:bold; border:#f1f1f1 solid 1px; margin-left:2px;}
.rightinner{margin-top:10px; border:#ccc solid 1px; padding:8px 25px 8px 10px;}
#qoutes{background: url(../images/end_quote.gif) bottom right no-repeat; quotes:none;}
#qoutes h3{padding-bottom:5px; padding-top:0; margin:0; font-size:0.9em; letter-spacing:1px;}
#qoutes p { background: url(../images/start_quote.gif) top left no-repeat; padding-left:15px; text-align:left; font-style:italic; font-size:1.2em; }
#offrechts{ border:#ccc solid 1px; padding:8px 25px 8px 10px; margin-top:10px;}
#offrechts img{ margin-top:10px;}
#adres{ border:#ccc solid 1px; padding:8px 25px 8px 10px;}
#adres a{ color:#515151; font-size:1.1em;}
#adres p{ color:#515151; line-height:1.5em; padding-left:5px; font-size:1.1em;}
#adres strong{ color:#cce227;}
#open{ border:#ccc solid 1px; padding:8px 25px 8px 10px; margin-top:10px;}
#open p{ color:#515151; line-height:1.5em; padding-left:5px; font-size:1.1em;}

/*Footer*/
#footerbg{ background-color:#fff; width:100%; border-left:#666 solid 1px; border-right:#666 solid 1px;}
#footer{ position:relative; width:940px; margin-left:20px; padding-bottom:30px;border-top: #333 solid 1px;}
#footer img{ padding:10px 10px 0 20px; float:left;}
#footer p{ position:absolute; top:57px; color:#666; padding-left:35px;}
#footer ul li{float:left; display:inline; margin:40px 5px 0 5px; padding-right:10px; border-right:#666 solid 1px; height:15px; font-size:1.2em;}
#footer a{color:#666; text-decoration:none;}
#footer a:hover{color:#666; text-decoration:underline;}
#aanlever{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/aanlevering.gif) no-repeat; width:348px; height:26px;}
#algemene{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/algemenevoorwaarden.gif) no-repeat; width:302px; height:26px;}
#disclaimer{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/disclaimer.gif) no-repeat; width:132px; height:26px;}
#mobiel{font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/mobiel.gif) no-repeat; width:191px; height:26px;}

/* Gallery */
#gallery { position:relative; display:block; margin-left: 5px; float:left; width:500px; padding-bottom:20px;}
#gallery img { border: #ccc solid 1px; padding:3px; margin:2px 5px;}
#gallery a{ border:none;}
#lbOverlay { position:fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}

.lbLoading { background: #fff url(loading.gif) no-repeat center;}
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink { left: 0;}
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0 15%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 15%;}
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em;text-align: left; border: 10px solid #fff;
			border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold;}

/*Offerte Formulier*/
#offerteformulier{font-size: 2.5em; text-indent:-1999px; margin-left:3px; padding-bottom:10px; border:none; background:url(../images/offerteformulier.gif) no-repeat; 
					width:237px; height:26px;}
#offerteholder{ padding-left:20px;}
.forminput{ background-color:#cce227; color:#fff; padding:7px 15px 7px 15px; font-weight:bold; border:#f1f1f1 solid 1px; margin-left:2px; width:200px}
#terug a{background-color:#cce227; color:#fff; padding:7px 15px 7px 15px; font-weight:bold; border:#f1f1f1 solid 1px; margin-left:2px; margin-top:50px;}

div.fieldwrapper{ width: 500px; overflow: hidden; padding: 2px 0;}
div.fieldwrapper label.styled{ float: left; width: 190px; margin-right: 15px; font-size:1.1em; margin-left:10px;}
div.fieldwrapper div.thefield{ float: left; margin-bottom: 2px; }
div.fieldwrapper div.thefield input[type="text"]{ width: 150px;}
div.fieldwrapper div.thefield2{ float: left; margin-bottom: 2px;}
div.fieldwrapper div.thefield2 input[type="text"]{ width: 30px; text-transform:uppercase;}
div.fieldwrapper div.thefield textarea{ width: 250px;height: 100px; }
div.buttonsdiv{ margin-top: 5px; }
div.buttonsdiv input{ cursor:pointer; border:outset 1px #ccc; background:#fff; color:#666; font-weight:bold; padding: 1px 2px;}
#commentForm { width: 500px; }
#commentForm label { width: 150px; }
#commentForm label.error, #commentForm input.submit { margin-left: 200px; }

/*Contact*/
#contacta {font-size: 2.5em; text-indent:-1999px; margin-left:8px; padding-bottom:10px; border:none; background:url(../images/contact.gif) no-repeat; width:102px; height:26px;}
.contacttint{ margin-top:20px; margin-left:40px;}
.contacttint p{ padding:2px 0 5px 0;}
.contact_button { background-color:#cce227; color:#fff; padding:5px 15px 5px 15px; font-weight:bold; border:#f1f1f1 solid 1px; margin-left:2px;}
.correct { color:#cce227; font-weight:bold; margin-top:10px;}