/* CSS Document */
body, html { width:100%; min-width:100%; height:100%; min-height:100%; font-family:"Century Gothic","Trebuchet MS",Verdana,Helvetica,sans-seriff; font-size:14px; color:#000; }
html { background-image:url(../images/bg.jpg); }
/* Style */
#wrap { width:1024px; height:auto; margin:24px auto; position:relative; border:1px solid #5b5a5a; }
#header{ width:1024px; height:78px; margin:0; padding:0; background-image:url(../images/bg-header.jpg); background-repeat:no-repeat; position:relative; }
#logo { width:225px; height:78px; margin:0; padding:0; background-image:url(../images/logo-hostingbeheer.jpg); background-repeat:no-repeat; float:left; }
#hoofdmenu { width:797px; height:78px; float:right; margin:0; padding:0; position:relative; font-family:Verdana, Geneva, sans-serif; }
#content_wrap { width:1024px; height:auto; background-image:url(../images/bg-content_wrap.jpg); background-repeat:repeat-y; margin:0; padding:0; float:left; clear:left; }
#content { width:751px; height:auto; padding:39px 33px 39px 19px; margin:0; float:left; }
#content a { text-transform:none; text-decoration:none; color:#0082c8; border:none; }
#content a:hover { text-transform:none; text-decoration:underline; color:#0082c8; }
#contact-info { padding:15px; float:right; background-color:#F4F9FE; border:1px solid #CCC; }
#contact-info p { margin:0; padding:0; }
#nieuwtjes_rechts { width:221px; height:auto; float:right; padding:39px 0 19px 0; }
#nieuwtjes_rechts p { padding:0 19px 0 19px; font-size:12px; margin:0 0 19px 0; }
#nieuwtjes_rechts a { text-decoration:none; color:#000; }
#nieuwtjes_rechts a:hover { text-decoration:underline; color:#0082c8; }
#nieuwtjes_rechts h5 { font-size:16px; padding:0 19px 0 19px; margin:0; color:#CCC; }
#nieuwtjes_rechts h6 { font-size:16px; padding:0 19px 0 19px; margin:0; color:#CCC; }
nieuwtjes-titels { padding:0 19px 0 19px; margin:0; color:#CCC; font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer { position:relative; width:1024px; height:auto; min-height:200px; clear:both; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#111111), to(#595959)); background: -moz-linear-gradient(#111111, #595959); background: linear-gradient(#111111, #595959); -pie-background: linear-gradient(#111111, #595959); behavior: url(/scripts/pie.htc); }
#footer p { font-size:11px; color:#CCC; text-align:center; padding:39px 0 0 39px; }
#footer a { color:#CCC; text-transform:none; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
/* Content */
img { border:none; }
.img-content { border:1px solid #5b5a5a; padding:2px; float:left; margin:0 0 5px 0; background-color:#FFF; }
.img-nieuwtjes { border:1px solid #000; padding:2px; float:left; margin:0 0 5px 0; margin-left:19px; background-color:#FFF; }
p { padding:0 0 10px 0; margin:5px 0 5px 0; }
h1, h2, h3, h4, h5, h6 { font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; color:#000; margin:10px 0 0 0; padding:0; }
h1 { color:#0082c8; font-size:22px; margin:0; }
h2 { font-size:16px; }
h3 { font-size:16px; }
h4 { font-size:16px; }
h5 { font-size:16px; }
h6 { font-size:16px; }
.shadow { position:relative; -webkit-box-shadow: #666 3px 3px 6px; -moz-box-shadow: #666 3px 3px 6px; box-shadow: #666 3px 3px 6px; behavior: url(/scripts/pie.htc); } 
/* Menu */
#hoofdmenu a { position:relative; float:left; color:#FFF; text-decoration:none; font-size:12px; padding:45px 29px 19px 29px; border-left:1px solid #5b5a5a; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#595959), to(#111111)); background: -moz-linear-gradient(#595959, #111111); background: linear-gradient(#595959, #111111); -pie-background: linear-gradient(#595959, #111111); behavior: url(/scripts/pie.htc); }
#hoofdmenu a:hover { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4f585f), to(#0d1015)); background: -moz-linear-gradient(#4f585f, #0d1015); background: linear-gradient(#4f585f, #0d1015); -pie-background: linear-gradient(#4f585f, #0d1015); behavior: url(/scripts/pie.htc); }
#hoofdmenu .active { color:#0082c8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4f585f), to(#0d1015)); background: -moz-linear-gradient(#4f585f, #0d1015); background: linear-gradient(#4f585f, #0d1015); -pie-background: linear-gradient(#4f585f, #0d1015); behavior: url(/scripts/pie.htc); }
.menu-active { background-image:url(../images/bg-menu-hover.jpg); background-repeat:repeat-x; }
#hoofdmenu ul { padding:0; margin:0; list-style:none; position:relative; }
#hoofdmenu li { padding:0; margin:0; list-style:none; position:relative; float:left; text-align:center; }
#hoofdmenu li ul { display:none; position:absolute; left:0; list-style:none; margin-top:63px; }
#hoofdmenu li:hover ul, li.over ul	{ display:block; top:15px; left:0; list-style:none; }
#hoofdmenu li ul a { width:166px; float:left; color:#FFF; padding:11px 8px 12px 29px; text-align:left; border-bottom:1px solid #5b5a5a; background-image:url(../images/bg-header.jpg); background-repeat:no-repeat; }
#hoofdmenu li ul a:hover { color:#0082c8; }
/* contact formulier */
.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }
form { margin: 0; padding: 0; }
fieldset	{ margin: 0; padding: 0; border: none; }
form div		{ float: left; margin: 0 10px 10px 0; }
label			{ display: block; }
label.error		{ color: red; }