/* CREDITS
 * ----------------------------------------------------------
 * Title:		Vermageren.com - CSS Main Stylesheet
 * Author:		Bart Vandebeek <bart@inventis.be>
 * Date:		16/06/08
 * Last Edit:	16/06/08 Bart Vandebeek <bart@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* Algemene Styles
---------------------------------------------------------- */
textarea,
body {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	margin-bottom: 25px;
}
body { background-color: #333; }
td, th {padding: 5px;}


/*selectors*/
strong,
b { font-weight:bold; }
em { font-style:italic; }
a { outline:none; }
a:hover { text-decoration:none; }
#inner-content .img_leftaligne { float: left; margin-right: 15px; margin-bottom: 15px; }


/* Extra Styles
---------------------------------------------------------- */


/* Container
---------------------------------------------------------- */
#container { }

/* Header
---------------------------------------------------------- */
#header { height: 130px; background-color: #fff; background-image: url(../images/layout/bg_header.jpg); background-repeat: repeat-x; background-position: top; margin: 0px; padding: 0px; }
#inner-header { height: 110px; width: 630px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position:relative;}
#inner-header h1 { height: 32px; width: 308px; background-color: #fff; background-image: url(../images/layout/logo.gif); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding: 0px; }
#inner-header h1 a { display: block; height: 32px; width: 308px; }
#inner-header #newsletter{width:492px; height:86px; position:absolute; left:320px; top:0; background:url(/design/images/layout/newsletter.png) no-repeat top left;}
#inner-header #newsletter p {margin:10px 20px 0px 20px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
#inner-header #newsletter form {margin:7px 20px 0px 20px; }
#inner-header #newsletter form input {border:1px solid #176697; background:#fff; width:290px; height:20px; line-height:26px; margin-right:5px; vertical-align:middle; font-size:15px; padding:3px;}
#inner-header #newsletter form button {background:url(/design/images/layout/button.png) no-repeat top left; width:126px; height:28px; color:#fff; border:0; font-size:11px; vertical-align:middle; cursor:pointer; padding-bottom:3px;}
#inner-header #newsletter form button:hover {background-position:bottom left;}

/* Content
---------------------------------------------------------- */
#content { background-color: #fff; width: 100%; background-image: url(../images/layout/bg_content.jpg); background-repeat: repeat-x; background-position: bottom; padding-bottom: 25px; }
#content #inner-content { width: 610px; margin-right: auto; margin-left: auto; padding-bottom: 30px; background: #fff url(../images/layout/vert_lijn.gif) repeat-y right; padding-right: 10px; padding-left: 10px; }
#content #inner-content .intro { background: #fff url(../images/layout/hor_lijn.gif) repeat-x bottom; padding: 0px 10px 5px; margin-bottom: 20px; width: 589px; }
#content #inner-content p { margin-bottom: 18px; }
#content #inner-content p.center { text-align: center; }
#content #inner-content p.inleiding { font-size: 14px; font-style: italic; line-height: 18px; color: #000000; text-align: center; margin-bottom: 25px; }
#content #inner-content p.inleiding strong { font-style: italic; font-weight: bold; }
#content #inner-content p.opmerking {
	font-size: 29px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-bottom: 25px;
}
#content #inner-content p.leesverder {
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}

#content #inner-content h2 {
	font-size: 24px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	margin-bottom: 15px;
}
#content #inner-content h3 { font-size: 14px; font-weight: bold; color: #333; text-align: center; margin-bottom: 15px; }
#content #inner-content h4 { font-size: 14px; font-weight: bold; color: #333; text-align: left; margin-bottom: 15px; }
#content #inner-content ul {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	padding-left: 20px;
}

#content #inner-content ul li { margin-bottom: 15px; list-style: circle; }
#content #inner-content .ybox { background: #ffffcc; width: 550px; padding: 20px; margin: 25px auto; }
#content  #inner-content  .ybox  p  { font-style: italic; }
#content #inner-content .ybox h2 {
	font: bold 15px Tahoma;
	color: #333;
}

#content #inner-content .flash { text-align: center; margin-bottom: 25px; margin-top: 0px; }

#content #inner-content .markering { background: #ffff00; }

/* Afbeeldingen
---------------------------------------------------------- */
.voorraad_links { float: left; width: 47%; text-align: center; }
.voorraad_rechts { float: right; width: 47%; text-align: center; margin-right: 15px; }


/* Footer
---------------------------------------------------------- */
#footer { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; text-align: center; padding-top: 10px; height: 80px; }
#footer ul li { display: inline; font-size: 12px; padding-right: 4px; padding-left: 6px; border-left: 1px solid #fff; }
#footer ul li.noborder { border-left-style: none; }

#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#content #inner-content p.leesverderitalic {
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}
#content #inner-content .dashed {
	width: 550px;
	padding: 20px;
	margin: 25px auto;
	border-color: #FF0000;
	border-style: dashed;
}
#container #content #inner-content .impact {
	font-family: Impact;
	font-size: 36pt;
	color: #FF0000;
}

label.check {font-size:20px;}

div#content_container { overflow:hidden; margin:0 auto; width:1000px;}
div#left{width:0px; float:left; margin:0 10px; overflow:hidden;}
div#inner_content {width:576px; margin:0 75px; float:left;}
div#right{width:200px; float:left; margin:0 10px; font-size:12px;}

div#right h2 {font-size:18px; text-align: center; color:#217297; font-weight:bold; padding-bottom:5px;}
div#right a {color:#217297; font-size:11px;}
div#right strong.remark {color:#FF0000;}

div#form {width:576px; background:url(/design/images/form/bottom.png) no-repeat bottom left; min-height:50px; overflow:hidden; padding:24px 0;}
div#form div#top {width:576px; background:url(/design/images/form/bg.png) repeat-y 0 0; overflow:hidden;}
div#form div#top div#bottom {background:url(/design/images/form/top.png) no-repeat 0 0; overflow:hidden; padding:24px 24px 0 24px;}
div#form div#top div#bottom table {width:100%;}
div#form div#top div#bottom table td {padding:3px; vertical-align:top;}

div#form div#top div#bottom table td input {border:1px solid #bbb; font-size:20px; margin:2px 6px 2px 0; padding:3px; width:510px; }
div#form div#top div#bottom table td input:focus {border:1px solid #333;}

div#form div#top div#bottom table td select {border:1px solid #bbb; font-size:20px; margin:2px 6px 2px 0; padding:3px; width:510px; }
div#form div#top div#bottom table td select:focus {border:1px solid #333;}

div#form div#top div#bottom table td input#adres {width:400px;}
div#form div#top div#bottom table td input#nr {width:90px;}

div#form div#top div#bottom table td label {display:block; padding-bottom:2px; color:#333333;}

div#form div#top div#bottom table td.labels input {width:auto;}

div#form div#top div#bottom table td img {vertical-align:middle;}
div#form div#top div#bottom table td .select {width:510px; font-size:20px; padding:3px;}

div#form div#top div#bottom table td.buttons input {cursor:pointer; background:#217297; color:#fff; padding:3px 10px; font-size:12px; border:0; width:auto; margin:0px;}
div#form div#top div#bottom table td.buttons input:hover {background:#3795bf;}

div#form div#top div#bottom table td span.error span{color:#c91919; font-size:11px; display:block; padding-left:20px; background:url(/design/images/form/exclamation.png) no-repeat 0 0; line-height:18px;}#content #inner-content p.opmerking2 {
	font-size: 48px;
	color: #000000;
	text-align: center;
	margin-bottom: 25px;
	font-family: Impact;
}
#content #inner-content p.opmerking3 {
	font-size: 36px;
	color: #FF0000;
	text-align: center;
	font-family: Tahoma;
	font-weight: bold;
}
#content #inner-content p.opmerking4 {
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-bottom: 25px;
	font-family: Tahoma, Verdana;
}
.subheadline {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom: 25px;
	font-family: Tahoma, Verdana;
}
.headline2 {
	font-size: 28px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-bottom: 25px;
	font-family: Tahoma, Verdana;
}