* {
	margin: 0;
	padding: 0;
}

body {
	background: #045685;
	text-align: center;	
}

html, body {
	height: 100%;
}

html, body, table, tr, td, th
{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
a { text-decoration: none; color: #000;}

td
{
	vertical-align: top;
}

a:hover { color: #000; text-decoration: underline;} 

img { border: 0; }

h1 { font-size: 18px; font-weight: bold; margin-top:3px; }
h2 { 
	font-size: 13px; 
	font-weight: bold;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:10px;
}
.home h2{
	font-size: 12px; 
	font-weight: normal;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:2px;
}
h3 { 
	font-size: 12px;
	font-weight: bold;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:10px;
}
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 12px; font-weight: normal; font-style: italic; }

p { padding-top: 12px; }

p.nomargin { padding-top: 0px; }

ul { margin: 10px 0px 0 0; }
ul li { list-style: disc; margin-left: 20px; }
li { list-style: disc; margin-left: 20px; }

#formulieren p
{
	margin: 0;
	padding: 0;	
}

#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 951px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background: url(/images/index_r3_c2.jpg) right top repeat-y #FFF;
	overflow: hidden;
}

#header {
	width: 951px;
	height: 131px;
	background: url(/images/index_r1_c1.jpg) center top no-repeat;
	position: relative;
}

#header a {
	display: block;
	position: absolute;
	left: 670px;
	top: 55px;
	width: 260px;
	height: 70px;
	text-indent: -9999px;
	outline: none;
}

#linkerZijde {
	float: left;
	width: 649px;
	padding-bottom: 20px;
}

#navigatie {
	width: 649px;
	height: 51px;
	padding: 0 0 4px 0px;
	background: url(/images/index_r2_c1.jpg) left top no-repeat;
}

#navigatie ul.menu {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navigatie ul.menu li {
	list-style: none;
	float: left;
	height: 51px;
	margin: 0px;
	padding: 0px;	
	margin-left: 4px;
}

#navigatie ul.menu li a {
	display:block;
	height: 51px;
	text-indent: -9999px;
}

.menu .active
{
	font-weight: bold;
}

.menu .inactive
{
	font-weight: normal;
}

#subNavigatie ul, #subNavigatie ul li
{
	margin-top: 0px;
}
#subNavigatie ul
{
	margin-bottom: 5px;
}

#nav_home { background: url(/images/menu/menu_home.jpg) no-repeat 0 0; width: 68px; }
#nav_home a:hover, #nav_home.active a { background: url(/images/menu/menu_home2.jpg) no-repeat 0 0; width: 68px; }

#nav_info { background: url(/images/menu/menu_info.jpg) no-repeat 0 0; width: 68px; }
#nav_info a:hover, #nav_info.active a { background: url(/images/menu/menu_info2.jpg) no-repeat 0 0; width: 68px; }

#nav_bestel { background: url(/images/menu/menu_bestel.jpg) no-repeat 0 0; width: 68px; }
#nav_bestel a:hover, #nav_bestel.active a { background: url(/images/menu/menu_bestel2.jpg) no-repeat 0 0; width: 68px; }

#nav_scripts { background: url(/images/menu/menu_scripts.jpg) no-repeat 0 0; width: 68px; }
#nav_scripts a:hover, #nav_scripts.active a { background: url(/images/menu/menu_scripts2.jpg) no-repeat 0 0; width: 68px; }

#nav_design { background: url(/images/menu/menu_design.jpg) no-repeat 0 0; width: 68px; }
#nav_design a:hover, #nav_design.active a { background: url(/images/menu/menu_design2.jpg) no-repeat 0 0; width: 68px; }

#nav_support { background: url(/images/menu/menu_support.jpg) no-repeat 0 0; width: 68px; }
#nav_support a:hover, #nav_support.active a { background: url(/images/menu/menu_support2.jpg) no-repeat 0 0; width: 68px; }

#nav_portfolio { background: url(/images/menu/menu_portfolio.jpg) no-repeat 0 0; width: 68px; }
#nav_portfolio a:hover, #nav_portfolio.active a { background: url(/images/menu/menu_portfolio2.jpg) no-repeat 0 0; width: 68px; }

#nav_contact { background: url(/images/menu/menu_contact.jpg) no-repeat 0 0; width: 68px; }
#nav_contact a:hover, #nav_contact.active a { background: url(/images/menu/menu_contact2.jpg) no-repeat 0 0; width: 68px; }

#nav_reseller { background: url(/images/menu/menu_resellers.jpg) no-repeat 0 0; width: 68px; }
#nav_reseller a:hover, #nav_reseller.active a { background: url(/images/menu/menu_resellers2.jpg) no-repeat 0 0; width: 68px; }



#inhoud2 , #moocontent
{
	padding: 0px 7px 0 7px;
	text-align: left;
}

#inhoud2 {
	background: url(/images/index_r3_c1.jpg) left top no-repeat transparent;
	width: 632px;
	height: 391px;
	min-height: 391px;
}

#inhoud #inhoud2 {
	height:auto;
}
	
#rechterZijde {
	float: left;
	width: 302px;
	padding-bottom: 20px;
}
	
#uptimeMonitor {
	width: 80px;
	height: 15px;
	padding: 38px 0 2px 222px;
	background: url(/images/index_r2_c2.jpg) left top no-repeat;
}

#formulieren {
	float: left;
	width: 222px;
}

#formulieren form { padding-bottom: 15px; }

input.button, 
input, 
textarea, 
select { 
	font-size: 11px; 
	border: 1px #000 solid; 
	color: #000;
	font-family: Verdana, Arial, "Comic Sans MS";
}

input[type="radio"]
{
	border: 0px;
}
 
input
{
	/*height: 15px;*/
	font-size: 13px;
}

select
{
	font-size: 12px;
}
 
input.radio { 
	font-size: 2px; 
	color: #000; 
	font-family: Verdana, Arial, "Comic Sans MS";
	width: 15px; 
	height: 15px;
} 

#logos {
	float: left;
	width: 80px;
	text-align: right;
}

#logos p { padding: 5px 0 8px 0; }
#logos p img { padding-right: 5px; }

#footer {
	position: absolute;
	bottom: 0;
	width: 944px;
	background: url(/images/index_r3_c2.jpg) right top repeat-y #5F98B6;
	font-weight: bold;
	padding: 2px 3px 1px 4px;
}

#mod_bestel_pakket_overzicht, .mod_bestel_radiobutton, #mod_bestel_optie_overzicht
{
	padding-left: 10px;
}

#mod_bestel_optie_overzicht span
{
	display: block;
}

small
{
	color: #777777;
}

#sessionbox a
{
	display: block;
}

.error
{
	font-weight: bold;
	color: red;
}

/*
	CSS voor Module Contact
*/
.DynamicFormTextFieldContainer, .DynamicFormSelectContainer
{
	border: none;
	clear: both;
	padding: 2px;
}
.DynamicFormTextFieldContainer label, .DynamicFormSelectContainer label
{
	float: left;
	width: 150px;
}

.DynamicFormRadioContainer input
{
	margin-left: 150px;
}

.DynamicFormMain
{
	float: left;
	padding-right: 20px;
}

.DynamicFormSidebar *
{
	padding-top: 0px;
}
.DynamicFormSidebar p
{
	padding-bottom: 10px;
}
/*
	Einde CSS voor Module Contact
*/

.whois_copy {
	display:none;
}

.whois_result th{
	font-weight:bold;
	vertical-align:top;
}

.wireless th, .domeinen th, .webhosting th{
	font-weight:bold;
	background-color:#bbb;
}

.webhosting tr:hover{
	background-color:#ddd;
}

.wireless ul, .domeinen ul { list-style:disc; margin: 0px 0px 10px 0px;}
.wireless ul li, .domeinen ul li { list-style: none; margin-left: 20px; font-weight:normal;}
.wireless li, .domeinen li { list-style:disc; margin-left: 20px; font-weight:bold;}
.wireless a:hover, .domeinen a:hover {text-decoration:none; font-weight:bold;}

.handleidingen ul { list-style:none; margin: 0px 0px 0px 0px;}
.handleidingen li { list-style:none; margin-left: 0px; font-weight:normal;}
.handleidingen a:hover {text-decoration:none; font-weight:bold;}

.details
{
	border: solid black 1px;
	border-collapse: collapse;
}

.details tr
{
	border-bottom: dotted black 1px;
}

.details td
{
	padding: 2px;
	border-left: dashed #CCCCCC 1px;
}

.overzicht
{
	border-collapse: collapse;
	border: solid black 1px;
}

.overzicht td
{
	border-bottom: solid black 1px;
	padding-right: 3px;
}

.overzicht th
{
	background: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	font-weight: bold;
}

.overzicht
{
        border-collapse: collapse;
        width:100%;
}

.overzicht tr:hover
{
        background-color:#DEDCFC;
}

.overzicht tr:hover.nobackground
{
        background-color:#fff;
}

.overzicht th, td
{
        padding: 2px;
        vertical-align: top;
        font-size:11px;
}

.overzicht th
{
        text-align: left;
        background: #CCCCCC;
        font-weight:bold;
}

.logfield
{
	font-size: 90%;
}

.odd
{
	background: #DEDCFC;
}


/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}

/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}

/* CSS Update of mod_contact */
.DynamicFormLeftSidebar
{
	float: left;
	width: 150px;
}