/* Website ontwerp en realisatie door: 
    ________________________________________
    GBdesign - Mooi bekeken
    Ariahof 9
    2992 NL  Barendrecht
    
    Telephone	: 0180 - 84 85 88
    E-mail		: info@gbdesign.nl
    Heeft u vragen of commentaar over de site,
	neem dan gerust contact met ons op!
    _________________________________________ */

body {
	font				: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	color				: #726f6c;
	font-size			: 62.5%; /* = 10px */
	background			: white url(../images/achtergrond.jpg) repeat-x;
	margin				: 0;
	padding				: 0;
}

h1 {
	font				: bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	color				: #ff9933;	
}
h2 {
	font				: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color				: #726f6c;	
	margin				: -10px 0px 0px 50px;
}
h3 {
	font				: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color				: #ff9933;	
	margin				: 10px 0 30px 0;
}
h4 {
	font				: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color				: #726f6c;
	margin-bottom		: -17px;
}
li {
	list-style-image	: url(../images/bullit.jpg);
	margin-left			: -22px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Style elementen Diensten pagina																		*/
/* ---------------------------------------------------------------------------------------------------- */
.para {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	background			: url(../images/arrow_down.jpg) no-repeat;	
	background-color	: #f5f5f5;
	border-style		: solid;
	border-width		: 2px;
	border-color		: #ff9637;
	padding				: 14px 8px 6px 14px;
	margin-left			: -16px;
}
.kader {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	background-color	: #f5f5f5;
	border-style		: solid;
	border-width		: 2px;
	border-color		: #ff9637;
	padding				: 14px 8px 6px 14px;
}

a.headings {
	background-repeat	: no-repeat;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}

a.headings:link {
	color				: #666666;
	text-decoration		: none;
	width				: 100%;
}

a.headings:visited {
	color				: #666666;
	text-decoration		: none;
	width				: 100%
}

a.headings:hover {
	color				: #ff9933;
	text-decoration		: underline;
	width				: 100%
}

a.headings:active {
	color				: #ff9933;
	text-decoration		: none;
	width				: 100%
}

/* ---------------------------------------------------------------------------------------------------- */
/* Style elementen Praktijkvoorbeeld																	*/
/* ---------------------------------------------------------------------------------------------------- */
#scrolltekst {
	float				: left;
	width				: 390px;
	height				: 630px;
	background-color	: #f5f5f5;
	border-style		: solid;
	border-width		: 2px;
	border-color		: #ff9637;
	padding				: 6px 6px 5px 8px;
	overflow			: hidden;
}
#scrollmenu {
	float				: left;
	width				: 29px;
	height				: 164px;
}
.scrollupfast {
	float				: left;
	width				: 29px;
	height				: 32px;
	background			: url(../images/scrollupfast.jpg) no-repeat;
}
.scrollupfastON {
	float				: left;
	width				: 29px;
	height				: 32px;
	background			: url(../images/scrollupfastON.jpg) no-repeat;
}
.scrollup {
	float				: left;
	width				: 29px;
	height				: 21px;
	background			: url(../images/scrollup.jpg) no-repeat;
}
.scrollupON {
	float				: left;
	width				: 29px;
	height				: 21px;
	background			: url(../images/scrollupON.jpg) no-repeat;
}
.scrolllezen {
	float				: left;
	width				: 29px;
	height				: 56px;
	background			: url(../images/scrolllezen.jpg) no-repeat;
}
.scrolldownfast {
	float				: left;
	width				: 29px;
	height				: 34px;
	background			: url(../images/scrolldownfast.jpg) no-repeat;
	top: 0px;
}
.scrolldownfastON {
	float				: left;
	width				: 29px;
	height				: 34px;
	background			: url(../images/scrolldownfastON.jpg) no-repeat;
}
.scrolldown {
	float				: left;
	width				: 29px;
	height				: 21px;
	background			: url(../images/scrolldown.jpg) no-repeat;
}
.scrolldownON {
	float				: left;
	width				: 29px;
	height				: 21px;
	background			: url(../images/scrolldownON.jpg) no-repeat;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Feitelijke website 																					*/
/* ---------------------------------------------------------------------------------------------------- */
.bel {
	float				: left;
	width				: 900px;
	height				: 42px;
	text-align			: right;
	font				: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color				: #ff9933;
	padding				: 17px 0px 0px 0px;
}
.icon {
	float				: right;
	background			: url(../images/bel-icon.jpg) no-repeat;	
	width				: 42px;
	height				: 42px;
	margin				: 10px 26px 0px 10px;
}
.logo {
	background			: url(../images/logo.jpg) no-repeat;
	position			: absolute;
	left				: 50%;
	width				: 226px;
	height				: 74px;
	margin				: 0 0 0 -230px;
	top					: 12px;
	z-index				: 9;	
}
#header {
	position			: absolute;
	left				: 50%;
	width				: 980px;
	height				: 500px;
	text-align			: left;
	margin				: 0 0 0 -490px;
}
#content {
	background			: url(../images/contentback.jpg) repeat-y;
	position			: absolute;
	left				: 50%;
	width				: 980px;
	text-align			: left;
	margin				: 0 0 0 -490px;
	top					: 67px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Content opbouw		  																			    */
/* ---------------------------------------------------------------------------------------------------- */
.bodytext {
	float				: left;
	background			: url(../images/bodytextback.jpg) no-repeat;
	width				: 442px;
	height				: 870px;	
	margin-left			: 1px;
	padding				: 26px 20px 0px 20px;
	font				: normal 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.rechts01 {
	float				: left;
	background			: url(../images/navback01.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts02 {
	float				: left;
	background			: url(../images/navback02.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts03 {
	float				: left;
	background			: url(../images/navback03.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts04 {
	float				: left;
	background			: url(../images/navback04.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts05 {
	float				: left;
	background			: url(../images/navback05.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts06 {
	float				: left;
	background			: url(../images/navback06.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts07 {
	float				: left;
	background			: url(../images/navback07.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}
.rechts08 {
	float				: left;
	background			: url(../images/navback08.jpg) no-repeat;	
	width				: 493px;
	height				: 867px;	
	margin-left			: 3px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Navigatie																						*/
/* ---------------------------------------------------------------------------------------------------- */
.menu_grijs {
	float			: left;
	width			: 199px;
	height			: 209px;	
	margin-top		: 83px;
	background-color: #c4c4c4;
}
.menu_oranje {
	float			: left;
	width			: 199px;
	margin-top		: 83px;
	background-color: #ff9933;
}

.but, .but_over, .but_active {
	float			: left;
	width			: 169px;
	height			: 25px;
	color			: #f0ece8;
	font			: bold 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
	padding			: 4px 0px 5px 30px;
	background		: url(../images/button_off.jpg) no-repeat;
}
.but_over {
	background		: url(../images/button_over.jpg) no-repeat;
}
.but_active {
	background		: url(../images/button_active.jpg) no-repeat;
}

.but a:link, .but a:visited, .but a:active, .but a:hover,
.but_over a:link, .but_over a:visited, .but_over a:active, .but_over a:hover,
.but_active a:link, .but_active a:visited, .but_active a:active, .but_active a:hover {
	color 			: #f0ece8;
	font			: normal 1.1em Verdana, Arial, Helvetica, sans-serif;	
	text-decoration	: none;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Formulieren																						*/
/* ---------------------------------------------------------------------------------------------------- */

.formdata {
	float				: left;
	width				: 150px;
}
input.formfield {
	color				: #959595;
	background-color	: #FFF;
	font				: normal 0.9em/1.3em Verdana, Arial, Helvetica, sans-serif;	
	border-width		: 1px;
	border-style		: solid;
	border-top-color	: #959595;
	border-right-color	: #e1e1e1;
	border-bottom-color	: #e1e1e1;
	border-left-color	: #959595;
	height				: 16px;
	width				: 170px;
	vertical-align		: middle;
	margin-bottom		: 4px;
	padding				: 1px 4px 1px 5px;
}
textarea {
	color				: #959595;
	background-color	: #FFF;
	font				: normal 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
	border-width		: 1px;
	border-style		: solid;
	border-top-color	: #959595;
	border-right-color	: #e1e1e1;
	border-bottom-color	: #e1e1e1;
	border-left-color	: #959595;
	margin-bottom		: 4px;
	padding				: 1px 4px 1px 5px;	
}
.opmerkingen {
	float				: left;
	width				: 322px;
	height				: 100px;	
}
.oranje {
	color				: #ff9933;
}
.linkjes {
	color				: #717171;
	width				: 200px;
	height				: 60px;
	margin-top			: 521px;
	margin-left			: 209px;
}
.ontwerplink:link, 
.ontwerplink:visited, 
.ontwerplink:active {
	font			: Verdana, Arial, Helvetica, sans-serif;
	color			: #717171;
	text-decoration	: none;
}
.ontwerplink:hover {
	text-decoration	: underline; 
	font			: Verdana, Arial, Helvetica, sans-serif;
	color			: #ff9933;
	text-decoration	: underline;
}

.disclaimerlink:link, 
.disclaimerlink:visited, 
.disclaimerlink:active {
	font			: Verdana, Arial, Helvetica, sans-serif;
	color			: #000;
	text-decoration	: none;
}
.disclaimerlink:hover {
	text-decoration	: underline; 
	font			: Verdana, Arial, Helvetica, sans-serif;
	color			: #ff8331;
	text-decoration	: underline;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Einde style sheet																					*/
/* ---------------------------------------------------------------------------------------------------- */