/* +---------------------------------------------------------------------+
// | CONSULARIS.NL - STYLESHEET                                          |
// +---------------------------------------------------------------------+
// | Copyright © 2008, Mediavisie B.V., Enschede                         |
// |                                                                     |
// | Alle rechten voorbehouden                                           |
// | Niets uit deze uitgave mag worden gekopieerd, gepubliceerd en/of    |
// | verspreid in welke vorm dan ook, zonder voorafgaande toestemming    |
// | van de uitgever.                                                    |
// +--------------------------------------------------------------------*/

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #d2d6d5 url(./../img/interface/bg.png) repeat-x left top;
	font: 9pt/15pt Verdana, Helvetica, sans-serif;
	color: #333333;
	overflow-y: scroll;
	}

a, a:hover {
	color: #8b0c19;
	text-decoration: underline;
	cursor: pointer;
	outline: none;
	}

a:hover {
	color: #cc0000;
	}

a.nolink {
	color: #333333;
	text-decoration: none;
	}

img {
	border: none;
	}

form {
	margin: 0;
	padding: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

td {
	vertical-align: top;
	}

.hand {
	cursor: pointer;
	}

.small {
	font: 8pt/13pt Verdana, Helvetica, sans-serif;
	}


/* Interface */
#iFace {
	width: 1000px;
	min-height: 100%;
	margin: 0 auto;
	background: #d2d6d5 url(./../img/interface/bg_content.png) repeat-y 240px top;
	}

#iFaceHeader {
	position: absolute;
	width: 1000px;
	height: 174px;
	background: #ffffff url(./../img/interface/bg_header.png) no-repeat 240px top;
	}

#iFaceHeader .logo {
	position: absolute;
	margin: 75px 0 0 30px;
	}

#iFaceHeader .header {
	position: absolute;
	margin: 52px 0 0 282px;
	}

#iFaceContent {
	width: 940px;
	min-height: 100%;
	padding: 0 0 0 30px;
	}

#iFaceContent div.menu {
	position: absolute;
	width: 240px;
	padding: 204px 0 0 0;
	}

#iFaceContent div.menu a, #iFaceContent div.menu a:hover {
	display: block;
	margin: 0;
	padding: 4px 0;
	border-top: solid 1px #ffffff;
	font: bold 11pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	}

#iFaceContent div.menu a#home, #iFaceContent div.menu a#home:hover {
	border-top: none;
	}

#iFaceContent div.menu a:hover, #iFaceContent div.menu a.selected {
	color: #af0917;
	}

#iFaceContent div.content {
	width: 676px;
	padding: 184px 12px 52px 252px;
	min-height: 360px;
	}

#iFaceContent div.content .mainimage {
	margin-top: -10px;
	}

#iFaceContent div.content .home {
	width: 676px;
	*height: 333px;
	height: 274px;
	margin: -10px 0 10px 0;
	padding: 57px 0 0 245px;
	font: bold 16px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(./../img/home.png) no-repeat;
	}
	
#iFaceContent div.content div.home .home_bottom {
	margin-top: 80px;
	color: #FFFFFF;
	}
	
#iFaceContent div.content .over, .interessant {
	width: 330px;
	padding: 10px;
	border: solid 1px #D2D6D5;
	}
	
#iFaceContent div.content .interessant span.datum_interessant {
	font: bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 10pt;
	color: #d2d6d5;
	}
	
#iFaceContent div.content .interessant a {
	font-size: 9pt;
	text-decoration: none;
	}
	
#iFaceContent div.content .termen {
	margin-top: 10px;
	padding: 10px;
	border: solid 1px #D2D6D5;
	word-spacing: 20px;
	}

#iFaceFooter {
	clear: both;
	width: 1000px;
	height: 41px;
	margin: -41px auto 0 auto;
	background: #d2d6d5 url(./../img/interface/bg_footer.png) no-repeat 240px top;
	}

.content table {
	width: 100%;
	}



/* Termen (home pagina) */

.red_big, .red_normal {
	font-size: 20px;
	color: #8b0c19;
	}
	
.red_normal {
	font-size: 15px;
	font-style: italic;
	}
	
.black_big, .black_normal, .black_small {
	font-size: 18px;
	color: #333333;
	}
	
.black_normal {
	font-size: 15px;
	}
	
.black.small {
	font-size: 13px;
	}
	
.grey_big, grey_small {
	color: 999999;
	font-size: 18px;
	}
	
.grey_small {
	font-size: 13px;
	font-style: italic;
	word-spacing: normal;
	}




/* Headings */
h1, h2, h3, h4 {
	font: bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

h1 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #d2d6d5;
	font-size: 16pt;
	line-height: 20pt;
	color: #8b0c19;
	}

h2 {
	font-size: 13pt;
	line-height: 16pt;
	color: #8b0c19;
	}

h3 {
	font-size: 11pt;
	line-height: 13pt;
	}

h3 span.datum {
	display: inline-block;
	width: 120px;
	font-size: 9pt;
	line-height: 10pt;
	color: #d2d6d5;
	}



/* Hr */
.hr {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #d2d6d5;
	}

.hr hr {
	display: none;
	}
	
#iFaceContent div.content .interessant .hr {
	margin-bottom: 10px;
	padding-bottom: 10px;
	}

	

/* Formulieren */
input, textarea, select {
	vertical-align: middle;
	margin: 1px 0;
	padding: 2px 1px 2px 2px;
	border: solid 1px #999999;
	background: #ffffff;
	font: 9pt/10pt Verdana, Helvetica, sans-serif;
	color: #333333;
	}

select {
	margin: 1px 0 0 0;
	padding: 1px 1px 1px 0;	}

input.radio, input.checkbox, .checkbox input {
	border: none;
	padding: 0;
	margin: 2px 4px 4px 0;
	background: none;
	line-height: normal;
	}

textarea {
	line-height: 15pt;
	}

.button {
	width: auto;
	margin: 0;
	padding: 3px 10px 2px 9px;
	border: solid 1px;
	border-color: #cccccc #333333 #333333 #cccccc;
	background: #ebebeb;
	color: #8b0c19;
	overflow: visible;
	}

a.button, a:hover.button {
	text-decoration: none;
	color: #8b0c19;
	}

table.formtable td {
	padding: 2px 0 2px 10px;
	}

table.formtable td.label {
	padding: 3px 0 2px 0;
	}

table.formtable tr.spacer td {
	padding: 22px 0 2px 10px;
	}

table.formtable td.label label {
	display: block;
	text-align: right;
	}

table.formtable td.nofield {
	padding: 3px 0 2px 10px;
	}

table.formtable td td {
	padding: 0;
	}

table.formtable td td.label {
	padding: 0 10px 0 0;
	}

table.formtable td.submit {
	padding-top: 25px;
	}




/* Meldingen */
.error, .error_big {
	color: #ff0000;
	}

.oke, .oke_big {
	color: #669900;
	}

.error_big, .oke_big {
	display: block;
	font-weight: bold;
	padding: 5px 10px 5px 26px;
	border: 1px solid #669900;
	background: #f0f5e6 url(./../img/icons/oke.gif) no-repeat 6px 5px;
	}

.error_big {
	border-color: #cc0000;
	color: #cc0000;
	background: #fae6e6 url(./../img/icons/error.gif) no-repeat 6px 6px;
	}





/* Lijsten */
.lijst td {
	border: solid 1px #cccccc;
	padding: 4px 5px;
	}

.lijst td.icon {
	width: 16px;
	padding: 4px;
	}

.lijst td.kop {
	background: #ebebeb;
	font-weight: bold;
	}

.lijst td.kop a {
	text-decoration: none;
	color: #333333;
	padding-right: 12px;
	}





/* list-items */
ul {
	margin: 0 0 0 18px;
	padding: 0;
	}

ul.icons, ul.icons_big {
	list-style-type: none;
	list-style-image: none;
	}

ul.big li {
	padding: 15px 0 0 0;
	}

ul.icons li {
	padding: 5px 0 0 10px;
	}

ul.icons_big li {
	padding: 15px 0 10px 26px;
	}

ul.icons li img {
	position: absolute;
	margin: 0 0 0 -26px;
	}

ul.icons_big li img {
	position: absolute;
	margin: -10px 0 0 -42px;
	}

ul.icons_big li img.nieuw {
	position: relative;
	margin: 3px 0 -3px 5px;
	}





/* plus / min */
.folditems a.plus, .folditems a.min {
	display: block;
	margin-top: 5px;
	padding: 0 0 10px 25px;
	background: url(./../img/plus.gif) left top no-repeat;
	text-decoration: none;
	}

.folditems a.min {
	background-image: url(./../img/min.gif);
	}

.folditems div.folditem {
	padding: 5px 0 25px 25px;
	}





/* Links */
table.links td {
	padding: 15px 0;
	border-bottom: solid 1px #cccccc;
	}

table.links td.linkimage {
	width: 160px;
	text-align: center;
	}

table.links h3 {
	margin-bottom: 15px;
	}





/* Samen ondernemen */
table.samenondernemen {
	font-size: 7.5pt;
	border: solid 1px #4F81BD; 
	}
	
table.samenondernemen td {
	padding: 3px;
	border-bottom: solid 1px #4F81BD; 
	}

table.samenondernemen td.head {
	font-weight: bold;
	color: #FFFFFF;

	background: #4F81BD;
	}
	
table.samenondernemen td.firstcolumn {
	font-weight: bold;
	color: #C00000;

	}



/* Overige */
.downloadimg {
	margin: 0 10px 0 0;
	}

.teruglink {
	text-align: right;
	margin: -45px 0 30px 0;
	}




/* +---------------------------------------------------------------------+
// | STYLE REWRITES FOR PRINT-MODE                                       |
// +--------------------------------------------------------------------*/
@media print {
html, body {
	width: auto;
	height: auto;
	}

body {
	background: none;
	color: #000000;
	overflow: visible;
	}

.noprint {
	display: none;
	}

h1, h2, h3 {
	color: #000000;
	}

#iFace {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

#iFaceNonFooter {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

#iFaceHeader {
	display: none;
	}

#iFaceFooter {
	display: none;
	}

#iFaceContent {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

#iFaceContent .menu {
	display: none;
	}

#iFaceContent .content {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	}

.teruglink {
	display: none;
	}

.actions {
	display: none;
	}

.lijst td.icon {
	display: none;
	}

.folditems a.plus, .folditems a.min {
	padding-left: 0;
	color: #000000;
	}

.folditems a.plus {
	display: none;
	}

.folditems div.folditem {
	padding-left: 0;
	}
}
