@charset "utf-8";

/*-----------------------------------------------------
| main page elements                                   |
-----------------------------------------------------*/
html, body { height: 100%; background: #F3F3F3 url(../images/main_bg.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #1C1C1C; }

a { color: #0066CC; font-weight: bold; text-decoration: none; }
a:hover { color: #0099FF; }
a:active { color: #0066CC; }

ul { list-style: none; }

input, textarea, select { border: 1px solid #787d7e; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { width: 300px; }
input.contactForm { width: 300px; }

table.overzicht td { padding-top: 10px; width: 200px; }
th { text-align: left; vertical-align: top; color: #372157; }

h1, h2, h3, h4, h5 { font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; letter-spacing: -.05em; color: #372157;	margin: 0px; padding: 0; line-height: 1em; }

img.border { border: 1px solid #003134; padding: 1px; }

h1 { margin: 0px 0px 10px 0px; font-size: 16px; }
h2 { margin: 0px 0px 10px 0px; font-size: 13px; }
h1.head1 { padding-left: 20px; background: url(../images/luidspreker_1.gif) top left no-repeat; color: #372157; }
h1.head2 { padding-left: 20px; background: url(../images/luidspreker_2.gif) top left no-repeat; color: #372157; }
h2.head1 { padding-left: 20px; background: url(../images/luidspreker_1_klein.gif) top left no-repeat; color: #372157; }
h2.head2 { padding-left: 15px; background: url(../images/luidspreker_2_klein.gif) top left no-repeat; color: #372157; }
h2.head3 { padding-left: 15px; background: url(../images/luidspreker_3_klein.gif) top left no-repeat; color: #993333; }

/*-----------------------------------------------------
| boxes  		                                           |
-----------------------------------------------------*/
div#box1 { width: 410px; float: left; }
div#box2 { width: 250px; float: right; }
div.box3 { width: 270px; float: left; }
div.box4 { width: 400px; float: right; }

/*-----------------------------------------------------
| extra elements                                       |
-----------------------------------------------------*/
#container { width: 764px; margin: 0px auto; text-align: left; position: relative; min-height: 100%; height: auto !important; height: 100%; background: url(../images/content_bg.gif) repeat-y; }

#header {	width: 760px;	height: 163px; position: relative; left: 2px; }
#content { padding: 30px 30px 50px 30px; line-height: 16px; }
#footer {	position: absolute;	border-top: 2px solid #DADADA; color: #FFFFFF; bottom: 0px; width: 760px; left: 2px; background: #787D7E;	height: 22px; text-align:center; }
#footer p { margin-top: 3px; }

#right_box { position: relative; float: left; margin: 0px 0px 0px 48px; width: 251px; }
#project { position: relative; padding-left: 40px; width: 580px; }

#menu li { float: left; margin-right: 20px; height: 19px; padding-top: 3px; }

#faq { position: relative; margin: 0px 0px 0px 4px; }
#behandelingpage ul { list-style-type:circle; }
#behandelingpage ul li { margin-left: 11px; }

/*-----------------------------------------------------
| extra classes                                        |
-----------------------------------------------------*/
.left { float: left; }
.clear { clear: both; }
.margin_bottom { margin-bottom: 10px; }
.margin_right { margin-right: 10px; }
.margin_top { margin-top: 20px; }
.error { border: 1px solid #993333; background: #FFCCCC; }
.submit { color: #372157; background: #FFFFFF; font-weight: bold; }
.submit:hover { color: #000000; }
.error { border: 1px solid #993333; background: #FFCCCC; }
.noborder { border: none; }
.answer { margin: 5px 0px 0px 10px; padding: 0px 0px 10px 15px; background: url(../images/luidspreker_1_klein.gif) top left no-repeat; height: auto; }

.imgrightmargin { margin-left:15px; margin-bottom: 15px; margin-top: 15px; }
.imgleftmargin { margin-right:15px; margin-bottom: 15px; }
.imgleftmargin2 { margin-right:15px; margin-bottom: 10px; margin-top: 15px; }
.imgmargin2 { margin-left:115px; }