@charset "utf-8";

/* CSS Document */
label {
	display: block;
	padding: 0px 0px 0px 0px;
	
	}


fieldset {
	padding: 0px 0px 0px 0px;
        border-width: 0px;
}

.csc-mailform-submit

{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #692D00;
	margin: 15px 0px 0px 0px;

}

.csc-form-label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #692D00;

}

.csc-form-label-req
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
        font-weight: bold;
	color: #692D00;
}

.csc-mailform-field
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
        font-weight: bold;
	color: #FF6600;
		margin-top: 10px;


}
.box3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #692D00;
	margin-bottom: 0px;
}

.box2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #692D00;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.box1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #692D00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #692D00;
	margin: 10px 0px 0px 0px;
}

.box1mail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #692D00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #692D00;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.boximage {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #692D00;
	margin: 0px 0px 0px 0px;
}

.boxtekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #692D00;
	line-height: 16px;
	padding: 10px;
}

p {

margin: 0;

}

.tekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #692D00;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	padding: 15px;
}

.head1 {
	color: #FF6600;
}


.subliner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.subliner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


.url {
	color: #B3D5E7;
}


ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

input, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	line-height: 18px;
}

b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #FF6600;
}

p.bodytext b {
	color: #692D00!important;
}

div#links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-left: 10px;
min-height: 14px;
}

div#links a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

div#links a:hover {
	color: #FF6600;
}

div#realFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #692D00;
	padding-top: 8px;
	padding-left: 10px;
min-height: 12px;
}
.boxtitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	padding-top: 6px;
	padding-left: 37px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}


.subtitle_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF5F00;
	margin-bottom: 0px;
	display: block;
	width: 430px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #692D00;
	padding-bottom: 5px;	
}

.boxtitel a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.boxtitel a:hover {
	color: #692D00;
}

form {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 11px;
}



/* Reset */
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	line-height: 1.5;
}

ol li {
	line-height: 1.5;
	list-style-type: decimal;
	margin-left: 18px;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout */
html {
	height: 100%;
}
 

/* de body: daar staat oa de basis-achterkleur en de oranje rand, dat is de body_back.gif */ 
 
body {
	background: #b3d5e7 url(../images/body_back.gif) center 0 repeat-y;
	font-size: 11px;
	line-height: 15px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

#master {
	position: relative;
	min-height: 100%;
}

* html #master {
	height: 100%;
}


/* de container, dat is oa de oranje balk helemaal bovenin */

#container {
	padding-bottom: 10px;
	width: 870px;
	margin: 0 auto;
	border-top: 10px solid #f60;
}


#footer {
	position: relative;
	margin-top: -2px;
}

#footerContainer {
	background-color: #ff6600;
	height: 10px;
	width: 870px;
	margin: 0 auto;
margin-top: -10px;
}


#leftColumn {
	float: left;
	width: 650px;
	padding: 10px;
}

#rightColumn {
	float: right;
	width: 170px;
	padding: 10px;
	padding-left: 0px;
}

#header {
	padding: 18px 18px 30px 18px;
	margin-bottom: 10px;
	background-color: #692d00;
	color: #fff;
}

/* hieronder is de kopie van bovenstaande #header, dat is de bruine balk bovenaan */

#header {
	padding: 15px 15px 26px 18px;
	margin-bottom: 8px;
	background-color: #692D00;
	color: #fff;
}


#header h1, #header .head1, #header .head2 {
	font-size: 36px;
	line-height: 36px;
	color: #f60;
}

#header h1 a, #header .url {
	font-size: 36px;
	line-height: 36px;
	color: #b3d5e7;
	text-decoration: none;
}

/* hieronder is de kopie van bovenstaande #header, die bepaalt oa hoe de websitenaam in bovenste balk eruit ziet, bijv. incassobureaus.nl */

#header h1 a, #header .url {
	font-size: 36px;
	line-height: 36px;
	color: #b3d5e7;
	text-decoration: none;
}

#header h1 a:hover, #links a:hover, #realFooter a:hover, #subMenu ul li a:hover {
	text-decoration: underline;
}

#content {
	margin-bottom: 10px;
}

#subMenu {
	float: left;
	width: 210px;
background-color: #DCD2BB;
min-height: 123px;
}

/* hieronder is de (oefen)kopie van bovenstaande #subMenu, die bepaalt hoe het linkermenu eruit ziet, die is versmald van 210 naar 180 px */

#subMenu {
	float: left;
	width: 180px;
background-color: #DCD2BB;
min-height: 123px;
}

/* hieronder, 4 delen, bepaalt de kleur van de linkermenu blokjes */

#subMenu ul li a {
	display: block;
	background: #ff5f00 0 0 no-repeat;
	border-bottom: 1px solid #fff;
	padding: 5px 10px 8px 35px;
	color: #fff;
	text-decoration: none;
}

#subMenu ul li a:hover, 
#subMenu ul li.acvtive a {
	background: #FF7C1D url(http://www.domeinnaamhuren.nl/fileadmin/templates/new_design/images/menu_item.gif) 0 0 no-repeat;
	text-decoration: none;
}


#subMenu ul ul li a {
	background: #dcd2bb url(http://www.domeinnaamhuren.nl/fileadmin/templates/new_design/images/submenu_item.gif) 0 0 no-repeat;
	color: #692d00;
}

#subMenu ul ul li a:hover,
#subMenu ul ul li.acvtive a {
	background: #EAE0C9 url(http://www.domeinnaamhuren.nl/fileadmin/templates/new_design/images/submenu_item.gif) 0 0 no-repeat;
	color: #692d00;
}

#page {
	float: right;
	width: 430px;
}

/* hieronder is de (oefen)kopie van bovenstaande #page, die bepaalt hoe breed het middenstuk wordt, die is verbreed van 430 naar 460 px, omdat het linkermenu is versmald van 210 naar 180 px */

#page {
	float: right;
	width: 460px;
}

#links {
	background-color: #692d00;
	padding: 10px;
	margin-bottom: 10px;
	color: #dcd2bb;
	clear: both;
}

#links a {
	color: #dcd2bb;
	text-decoration: none;
}

#realFooter {
	background-color: #dcd2bb;
	color: #692d4b;
	padding: 10px;
}

#page h1 {
	font-size: 18px;
	color: #f60;
	border-bottom: 1px dotted #692d00;
	line-height: 26px;
}

table tbody td h1 {
	color: inherit!important;
	border: 0px!important;
	font-size: 22px!important;
}

#content #page ul {
	list-style-type: disc;
	margin-left:25px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;
	line-height: 18px;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #692D00;
	text-decoration: underline;
	line-height: 18px;
}