*	{ margin: 0; padding: 0; }

html, body		{ 
    height:100%;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #A21D22; 
}

p	{ margin-bottom: 1em; }

h1	{ margin-bottom: 0.5em; font-size: 1.2em; font-weight: 700; font-style: italic; color: black; line-height: 1.2em; color: #a4131c; }
h2	{ margin-top: 0.7em; margin-bottom: 0.3em; font-size: 1.1em; }
h3	{ font-size: 1em; margin: 0; margin-bottom: 0.5em; }
h4	{  font-size: 0.8em; margin: 0; }

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

ul	{ list-style-type: square; margin-left: 2em; margin-bottom: 1em; }
ol  { list-style-type: decimal; margin-left: 2em; margin-bottom: 1em; }
div.clear	{ clear: both; }
div.hide	{ display: none; }
div.show	{ display: block; }

div.logo	{ text-align: left; padding: 20px 0 0 50px; height: 90px; }

#header		{ background-color: white; }

/* einde header homepage */

.main		{ background-color: white; padding: 25px 0 20px 0; min-height: 400px; background-image: url('../afbeeldingen/back-menu.png'); background-position: 0 -48px; background-repeat: repeat-x; }
#main-home	{ background-image: url('../afbeeldingen/back-home.jpg'); background-repeat: no-repeat; background-position: 50px 0; height: 525px;}

div.content { float: left; width: 700px;}

#footer		{ height: 150px; background-image:url('../afbeeldingen/back-footer.jpg'); background-repeat: repeat-x; background-color: #A21D22; }
#footer-content		{ width: 800px; padding-left: 50px; height: 130px; overflow: hidden;}

div.social-media			{ margin-top: 20px; height: 40px; }
div.social-media-buttons	{ float:right; margin-top: 5px;}

.footer-text	{ float: left; margin-top: 20px; margin-right: 10px; color: white; }
.footer-text a	{ color: white; text-decoration: none; }
.footer-text a:hover	{ color: #cccccc; }

div.sidebar			{ width: 200px; float: left; margin: -15px 25px 0 55px; display: inline; }
div.sidebar-header, span.nk-auteur
	{ display: block; height: 28px; background-image:url('../afbeeldingen/back-sidebar-header.png'); padding-left: 5px;  padding-top: 10px; margin-bottom: -4px; color: #9a1818; }
div.sidebar-content, span.nk-bericht, span.nk-datum
	{ display: block; background-color: #f1ddde; padding: 5px; }
div.sidebar-footer	{ height: 6px; background: url('../afbeeldingen/back-sidebar-footer.png') repeat-x; margin-bottom: 20px; }
div.sidebar-top		{ border: 1px solid #8c8c8c; }


div.sidebar-rechts	{ text-align: center; width: 270px; float: right; position: relative; top: -25px; margin-left: 25px;}
div.sidebar-rechts-content {
	padding: 20px 20px 35px 15px; background-color: #A21D22; margin-bottom: 20px;
}
div.sidebar-rechts p, div.sidebar-rechts a, div.sidebar-rechts h1, div.sidebar-rechts h2, div.sidebar-rechts h2 {
	color: white;
}

div.stempel {
	color: gray;
	background-color: white;
	background-image: url('../afbeeldingen/tevredenheidsgarantie.png');
	background-repeat: no-repeat;
	background-position: center top;
	width: 270px; 
	height: 20px;
	padding-top: 200px;
}

div.stempel a, div.stempel a:hover, div.stempel a:visited { color: gray; }
div.stempel:hover { text-decoration: underline; } 

.nk-auteur, .nk-bericht, .nk-datum {
	font-size: 0.9em;
}

/* MENU */
div.menu			{ font-family: Arial, Helvetica, Sans-Serif; background-color: white; background-image: url('../afbeeldingen/back-menu.png'); background-repeat: repeat-x; padding-left: 50px; height: 3px; overflow: visible; padding-top: 20px; padding-bottom: 25px; z-index: 5; position: relative; behavior: url('/template/css/htc/csshover3.htc'); }
div.menu ul			{ list-style-type: square; margin-left: 1.5em; margin-top: 0.2em; }

div.menuitem		{ margin: 0 auto 0 auto; text-align: center; }


.menuitem a			{ color: #9c1a22; text-decoration: none; }
.menuitem a:hover	{ color: #fc0006; }

div.menuitem a:hover	{ color: #fff200; }

.menuitem a#Situatie, .menuitem a#Situatie:hover { display: none; }

#nav, #nav ul		{ padding: 1px 0 0 0; margin: 0; list-style: none; }

#nav li				{ float: left; padding: 4px; padding-right: 7px; padding-right: 50px; height: 25px; }
#nav li ul li a		{ padding-left: 10px; }
#nav ul				{ top: 44px; position: absolute; left: -1000px; z-index: 99; }
#nav li:hover ul, #nav li.ie_does_hover ul { left: auto; margin-top: 3px; }
#nav a				{ display: block; margin: 0; }

div.menu #nav ul.sub a:link, ul.sub a:visited {
	color: white; }

/* Menu items moeten een padding van xx krijgen maar in het sub menu moet dit niet zo zijn */
div.menu #nav ul.sub li{
    background-color: #9c1a22;
    clear: left;
    width: 150px;
    padding-left: 0px;
    color: white;
    border-bottom: 1px solid white;
    padding-left: 0;
    overflow: hidden;
    height: auto;
}

div.menu #nav ul.sub li:hover{
    background-color: #aa5d60;	
}
div.menu ul.sub li{
    /* for IE */
	filter:alpha(opacity=95);
    /* CSS3 standard */
    opacity:0.95;
}

/* IE only hack \*/
* html ul.sub li{
    border-top: 0;
}
/* Einde IE only hack */ 



/* PRIJSCALCULATOR */
div.prijscalculator_vestiging {
    width: 160px;
    height: 320px;
    border: 1px solid gray;
    float: left;
    margin-right: 15px;
}

div.prijscalculator_vestiging img {
    border-bottom: 1px solid gray;
}

div.prijscalculator_vestiging div.vestiging_content {
    height: 210px;
    padding: 5px;
}

div.prijscalculator_vestiging div.selecteer {
    width: 150px;
    height: 25px;
    padding: 5px;
}

div.prijscalculator_vestiging div.selecteer input.submit {
    background-color: #a4131c;
    color: white;
    font-weight: 700;

    width: 130px;
    margin: 10px;

    border: 1px outset black;

    padding-top:    0.1em;
    padding-bottom: 0.1em;
}

div.prijscalculator_vestiging div.selecteer input.submit:hover {
    background-color: #d62c32;
    border: 1px inset black;
}

div.prijscalculator_afdeling {
    width: 200px;
    height: 320px;
    border: 1px solid gray;
    float: left;
    margin-right: 15px;
}

img.stempel {
    padding-left: 30px;
    padding-right: 30px;
}

div.prijscalculator_afdeling img {
    border-bottom: 1px solid gray;
}

div.prijscalculator_afdeling div.afdeling_content {
    height: 210px;
    padding: 5px;
}

div.prijscalculator_afdeling div.selecteer {
    width: 190px;
    height: 25px;
    padding: 5px;
}

div.prijscalculator_afdeling div.selecteer input.submit {
    background-color: #a4131c;
    color: white;
    font-weight: 700;

    width: 170px;
    margin: 10px;

    border: 1px outset black;

    padding-top:    0.1em;
    padding-bottom: 0.1em;
}

div.prijscalculator_afdeling div.selecteer input.submit:hover {
    background-color: #d62c32;
    border: 1px inset black;
}

tr.subtotaal td, tr.totaal td {
	border-top: 1px solid gray;
}

tr.totaal td {
	font-weight: 700;
}

/* EINDE PRIJSCALCULATOR */

/*Divs voor home text */

div.home-kolom-links	{ width: 370px; height: 275px; padding: 55px 0 0 170px; overflow: hidden; float: left;}
div.home-header			{ width: 370px; height: 50px; }
div.home-header h1		{ font-size: 1.8em; font-weight: normal; font-style: normal; }
div.home-content		{ margin-top: 20px; }

div.home-rechts			{ width: 230px; height: 500px; padding: 10px 0 0 100px; line-height: 1.5em; color: white; float: left; }
div.home-rechts a		{ color: #cccccc; }
div.home-rechts h1		{ color: white;}

/* einde home divs */




/* waar */
div#kies_notaris{
    position: relative;
}

div#kies_notaris img {
    border: 0;
    behavior:url('/template/css/htc/iepngfix.htc');
}

div#achterhoek {
    position: absolute;
    top: 260px;
    left: 280px;
    width: 150px;
    height: 75px;
}

div#achterhoek img {
    visibility: hidden;
}

div#achterhoek:hover img {
    visibility: visible;
}



div#rijnmond {
    position: absolute;
    top: 260px;
    left: 17px;
    width: 150px;
    height: 75px;
}

div#rijnmond img {
    visibility: hidden;
}

div#rijnmond:hover img {
    visibility: visible;
}

div#brabant {
    position: absolute;
    top: 320px;
    left: 120px;
    width: 150px;
    height: 75px;
}

div#brabant img {
    visibility: hidden;
}

div#brabant:hover img {
    visibility: visible;
}

div#noordlimburg {
    position: absolute;
    top: 330px;
    left: 240px;
    width: 150px;
    height: 75px;
}

div#noordlimburg img {
    visibility: hidden;
}

div#noordlimburg:hover img {
    visibility: visible;
}


div#ijsselland {
    position: absolute;
    top: 205px;
    left: 239px;
    width: 150px;
    height: 75px;
}

div#ijsselland img {
    visibility: hidden;
}

div#ijsselland:hover img {
    visibility: visible;
}



/* einde waar */

/* TWITTER */
.tweet	{ font-size: 0.8em; line-height: 1em; width: 190px; }
.tweet .tweet_list, .tweet_list		{ 
	list-style-type: none; margin: 0; padding: 0; }
.tweet .tweet_list li, .tweet_list li { 
	overflow: hidden; padding: .5em; border-top: 1px solid white; }
.tweet .tweet_list .tweet_first, .lweet_list .tweet_first { 
    border-top: none; }
.tweet .tweet_list .tweet_avatar, .tweet_list .tweet_avatar {
    padding-right: .5em; }
.tweet .tweet_list .tweet_avatar img,  .tweet_list .tweet_avatar img {
    vertical-align: middle; }
.twitter-icon	{ background-image:url('../afbeeldingen/twitter.png'); background-repeat: no-repeat; width: 16px; height: 18px; float: left; padding-right: 5px; }
/* EINDE TWITTER */

/* TAG CLOUD */
.tagcloud ul	{ list-style-type:none; }
.tagcloud ul li	{ display:block; }
.cloud0 { font-size: 1em; padding: 5px; margin-left: 0px;}
.cloud1	{ font-size: 1em; padding: 5px; margin-left: 40px; text-align: left;}
.cloud2 { font-size: 1em; padding: 5px; margin-left: 20px;}
.cloud3 { font-size: 1em; padding: 5px; margin-right: 25px; text-align: right;}
.cloud4 { font-size: 1em; padding: 5px; margin-right: 40px; text-align: right;}
.cloud5	{ font-size: 1em; padding: 5px; margin-right: 40px; text-align: right;}
/* EINDE TAG CLOUD */

/* FORMULIEREN */
fieldset
{
    position: relative;
    border: 1px solid #4d4d4c;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    vertical-align: middle;
}

form input, textarea, select
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-weight: 500;
}

fieldset legend
{
    margin-left: 1em;

    white-space: nowrap;
    font-size: 9pt;

    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
	margin-bottom: 1em;

    background-color: #a4131c;
    color: white;
    border: 1px solid #4d4d4c;
}

fieldset div.form_element
{
    clear: both;
    padding: 1px;
    margin-top: 0.5em;
}

fieldset label 
{
    width: 12em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    clear: left;
}

form input.submit 
{
    padding-left:   0.5em;
    padding-right:  0.5em;
    padding-top:    0.1em;
    padding-bottom: 0.1em;
    margin-top: 0.8em;
    float: right;
    clear: both;
}

form div.submit
{
    padding-bottom: 1em;
}

input.submit {
    background-color: #a4131c;
    color: white;
    font-weight: 700;
    width: 180px;
    border: 1px outset black;
}

input.submit:hover {
    background-color: #d62c32;
}

fieldset.onzichtbaar {
    padding: 0;
    margin: 0;
    border: none;
}

#select_situatie, #select_regio {
	font-size: 0.8em;
	font-family: Arial, Helvetica, Verdana;
}

/* EINDE FORMULIEREN */

body.mceContentBody {
	line-height: 1.5em;
	text-align: left;
	color: black;

	background-color: white;

	margin: 0 auto 0 auto;
	padding: 20px;
	padding-bottom: 0;

	margin-left: 0;
}