/* 
    Document   : index
    Created on : 21-okt-2009, 11:47:28
    Author     : King Lam Hang
    Description:
        Default stylesheet
*/
* {
    font-family:   Arial, Verdana, sans-serif;
    margin: 0px;
    font-size: 10pt;
}
img {
    border-style: none;
}

img.info {
    width: 240px;
    height: 132px;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
/** START speciale tekst stijlen **/
h2.subkop {
    font-size: 11pt;
    font-weight: normal;
    color: #FFFFFF;
    display: inline;
}
/*nieuws blok tekst stijlen*/
h1.nieuws {
    font-size: 10pt;
    font-weight: bold;
    color: #488aca;
    display: inline;
}
h3 {
    font-weight:normal;
    font-size: 14pt;
    color: #1875c5
}

h1.names {
	font-size: 11pt;
	font-weight: bold;
}
p.med {
	font-size: 8pt;
	color: #000;
}
p.nieuws {
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    line-height: 12pt;
}

a.nieuws {
    font-size: 8pt;
    font-weight: normal;
    line-height: 12pt;
}

p.stuur {
    font-size: 10pt;
    font-weight: normal;
    line-height: 12pt;
    color: #488aca;
}

p.info {
    font-size: 8pt;
    font-weight: normal;
    line-height: 12pt;
}
/** END speciale tekst stijlen **/


div.wrapper {
	clear: both;
    width: 1000px;
	min-height: 800px;
    border: solid 0px #000000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom:30px;
    background-image: url('../images/blue_grid.gif');
    overflow:auto;

}

/* start de twee grote navigatie knoppen */

div.groot_navigatie {
    width: 534px;
    height: 245px;
    float: left;
    clear: left;
    border: solid 0px #000000;

}

div.groot1 {
    width: 250px;
    height: 215px;
    float: left;
    margin-left: 22px;
    margin-right: 8px;
    margin-top: 28px;
    border: 1px #4888c9 solid;
}

div.groot2 {
    width: 250px;
    height: 215px;
    float: left;
    margin-right: 0px;
    margin-top: 28px;
    border: 1px #4888c9 solid;
}

/* nieuwsberichten blok */

div.nieuws {
    width: 432px;
    height: 215px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 10px;
    margin-top: 28px;
    margin-right: 22px;
    background-color: #FFFFFF;
}

div.nieuws_blauw {
    width: 427px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    border: 0px #000000 solid;
    text-align: left;
    padding-left: 5px;
}

div.item {
    width: 432px;
    height: 50px;
    float: left;
    padding-top: 5px;
}

div.item_icon {
    width: 45px;
    height: 55px;
    float: left;
    padding-left: 5px;
}


div.item_tekst {
    width: 357px;
    height: 50px;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    padding-right:10px;
}



div.archief a{
    width: 422px;
    height: 5px;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
    font-size: 8pt;
    color: #ff8c00;
}



/* informatie blok */

div.informatie {
    width: 510px;
    height: 363px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 22px;
    margin-top: 15px;
    background-color: #FFFFFF;
}

div.informatie_blauw {
    width: 505px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: left;
    padding-left: 5px;
}

div.info_tekst {
    width: 490px;
    height: 334px;
    float: left;
    padding-left: 10px;
    padding-right:10px;
    padding-top: 5px;
    text-align:justify;
}

div.info_tekst img{
    width: 250px;
    height: 140px;
    float: left;
    text-align: left;    
    padding:10px;
}

/*vZine test blok - test vzine zelf uit ! */

div.stuur_zelf {
    width: 432px;
    height: 363px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 10px;
    margin-right: 22px;
    margin-top: 15px;
    background-color: #FFFFFF;
}

div.stuur_zelf_blauw {
    width: 427px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: left;
    padding-left: 5px;
}

div.stuur_tekst {
    width: 402px;
    height: 100px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    text-align:justify;
}

div.form {
    width: 402px;
    height: 239px;
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 10px;
    border: 0px solid #ff8c00 ;
    font-weight: bold;
}

div.standard {
    width:950px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 22px;
    margin-top: 28px;
    padding-bottom:20px;
    background-color: #FFFFFF;
}

p.back {    
    width:970px;
    text-align:right;    
}

div.standard_blauw {
    width: 945px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: left;
    padding-left: 5px
}

div.standard_tekst {
    float: left;
    padding-left: 10px;
    padding-right:10px;
    padding-top: 5px;
    text-align:justify;
}

div.standard_tekst a{
	text-decoration: none;
}


/*navigatie diensten*/
div.navigation {
    width:200px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 22px;
    margin-top: 28px;
    padding-bottom:20px;
    background-color: #FFFFFF;
}

div.navigation_blauw {
    width: 195px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: left;
    padding-left: 5px
}

ul.links {
	clear: none;
	float: left;
	font-size: 13pt;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 0px;
	padding-right: px;
	padding-top: 0px;
}

.navigatielijst {
	margin-left: 1em;
	padding: 0;	
}

/*pdf diensten*/
div.mediadownloads_tekst {
    float: left;
    padding-left: 5px;
    padding-right:5px;
    padding-top: 5px;
    text-align:justify;
}

div.mediadownloads_tekst a {
	text-decoration: none;
}


ul.medialinks {
	clear: none;
	float: left;
	font-size: 13pt;
	padding-left: 20px;
	padding-right: px;
	padding-top: 0px;
}

.pdf {
    list-style-image:url('../images/pdf_icon.png');
}

/* Het nieuwsarchief */

div.berichtenvak {
    width: 654px;
    float: left;
    margin-top: 30px;
}

div.bericht {
    width:594px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 29px;
    margin-right: 29px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

div.bericht_blauw {
    width: 589px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: right;
    padding-right: 5px;
    color: #FFFFFF;
    font-size: 10pt;
}

div.bericht_tekst {
    width: 584px;
    float: left;
    padding: 5px 5px 5px 5px;
}

h2.news {
	font-size: 10pt;
	font-weight: bold;
	color: #ff8c00;
}

div.maandvak {
    width: 326px;
    float: left;
    margin-top: 30px;
}

div.maand {
    width:293px;
    float: left;
    border: 1px #4888c9 solid;
    margin-right: 29px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

div.maand_blauw {
    width: 288px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: right;
    padding-right: 5px;
    color: #FFFFFF;    
}

div.maand_tekst {
    width: 283px;
    float: left;
    padding: 5px 5px 5px 5px;
}

/*
Applicatie:
*/
div.login {
    width:630px;
    height: 220px;
    border: solid 1px #000000;
    background-color: #74b5ec;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}

div.logo {
    float: left;
    width: 170px;
    height: 125px;
    padding-left: 50px;
}

div.logocopy {
    clear: right;
    float: left;
    width: 348px;
    height: 100px;
    font-size: 25pt;
    padding-top: 25px;
    padding-left: 30px;
}
/* login velden */
div.field {
    clear: both;
    float: left;
    height: 270px;
    padding-left: 100px;
    font-size: 10pt;
}

.formveld {
    width: 300px;
    height: 15px;
    border-top: outset 2px #8c8c8c;
    border-left: outset 2px #8c8c8c;
}

.verzend {
    float: right;
    text-decoration: none;
}

.formElement {
    width:220px;
    font-style: ;
	text-decoration: none;
	background: #fda74a;
	color:  #FFF;
}
/* footer */


div.extra {
	clear: both;
	float: left;
	width:1000px;
	height: 32px;
	border: solid 0px #000000;
	font-size : 12pt;
	color: #74b5ec;
    background-image: url('../images/blue_grid.gif');
	background-position: bottom left;
}

div.footer {
	clear: both;
	width:1000px;
	height: 32px;
	border: solid 0px #000000;
	font-size : 7pt;
	color: #74b5ec;
    background-image: url('../images/blue_grid.gif');
	background-position: bottom left;
	padding-top: 7px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}

div.footer a {

	text-decoration: underline;
	color: #74b5ec;
	font-size: 6pt;
}

/*Over vZine*/
div.over_vzine {
    width: 222px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 20px;
    margin-right: 22px;
    margin-top: 15px;
    background-color: #FFFFFF;
}

div.over_vzine_blauw {
    width: 217px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: left;
    padding-left: 5px;
}

div.over_vzine_tekst {
    width: 202px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    text-align:justify;
}

.over_vzine a:link{
	text-align: left;
	font-size: 11pt;
	color: #74b5ec;
	text-decoration: none;
	line-height: 180%;
}



.over_vzine a:active{
	color: #fda74a;
	text-decoration: underline;
}



.over_vzine a:visited {
	color: #333333;
}
.over_vzine a:hover {
	color: #fda74a;
}

.profiel {
	float: left;
	width: 190px;
	height: 40px;
	font-size: 10pt;
	margin-bottom: 15px;
	padding: 5px 0px 0px 5px;
	border-bottom: 1px dotted #000;
}

.profiel img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.profiel a:link {
	color: #333333;
	text-decoration: underline;
}

.profiel a:active{
	color: #fda74a;
	text-decoration: underline;
}



.profiel a:visited {
	color: #333333;
}
.profiel a:hover {
	color: #fda74a;
}



.meerknop {
	float: left;
	width: 40px;
	height: 40px;
}


div.over_details {
    width: 710px;
    float: right;
    border: 1px #4888c9 solid;
    margin-top: 15px;
    margin-right: 15px;
    background-color: #FFFFFF;
}

div.over_details_blauw {
    width: 705px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    text-align: left;
    padding-left: 5px;
}

div.over_details_tekst {
    width: 670px;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    text-align:justify;
    padding-bottom: 20px;
}


.profiel2 {
	float: left;
	width: 450px;
	font-size: 12pt;
	line-height: 180%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.profiel2 img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.over_contact {
	width: 180px;
	min-height: 90px;
	float: left;
	padding: 5px 5px 5px 5px;
	border: 1px solid #74b5ec;
	margin: 20px 0px 20px 20px;
	font-size: 12px;
	line-height: 180%;
}
	
/*NEW KERST ACTIE */

div.kippenpak {

    width: 419px;
    height: 487px;
    float: left;
    margin-left: 22px;
    margin-top: 28px;
    border: 1px #4888c9 solid;
}

div.kerst_contact {
    width: 523px;
    height: 235px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 10px;
    margin-top: 28px;
    margin-right: 22px;
    background-color: #FFFFFF;
}

div.kerst_blauw {
    width: 518px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    border: 0px #000000 solid;
    text-align: left;
    padding-left: 5px;
}

div.kerst_contact_form {
    width: 506px;
    height: 50px;
    float: left;
    padding-top: 5px;
}

div.kerst_copy {
    width: 523px;
    height: 235px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 22px;
    background-color: #FFFFFF;
}

div.prijslijst {
    width: 954px;
    height: 232px;
    float: left;
    border: 1px #4888c9 solid;
    margin-left: 22px;
    margin-top: 15px;
    margin-right: 22px;
    background-color: #FFFFFF;
}

div.prijslijst_blauw {
    width: 949px;
    height: 24px;
    float: left;
    clear: both;
    background-image: url('../images/subkop_bg.gif');
    border: 0px #000000 solid;
    text-align: left;
    padding-left: 5px;
}

div.kerstboom {
	
}
div.prijzen {
	
}

label.error {
	-moz-border-radius:2px 2px 2px 2px;
	background-color:#E8D8D8;
	border:1px solid #B80D0D;
	color:#B80D0D;
	display:inline-block;
	font-size:x-small;
	margin-left:0;
	margin-top:0px;
	padding:1px 2px 1px 1px;
	text-align:left;
	float:right;
}
input.error {background-color:#FFD7DE;}

p.ns {
	line-height: 180%;
	margin: 10px 10px 10px 10px;
}

div.over_details_tekst p {
	line-height: 180%;
}

/* contact button 4/08 */

.ibpp {
	width: 400px;
	margin: 10px 20px 0px 20px;
}	

.ibpp a {
	display: block;
	width: 150px;
	height:  32px;
	text-decoration: none;
	color: #fff;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	margin: 20px 0px 0px 0px;
    background-image: url('../images_EN/contact_home.png');
    
}

.ibpp a:hover {
    background-image: url('../images_EN/contact_home_hover.png');   
}