/*
 *  GENERAL MARKUP
 ***********************************************************************/
*	 					{ margin:0; padding:0; }
html 					{ min-height: 100%; margin-bottom: 1px; }
body 					{ 
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 1em;
	color: #333;
}
a	 					{ font-size: 1.0em; text-decoration: underline; color: #d30202; }
a:hover					{ text-decoration: underline; }
p						{ line-height: 1.6em; margin-bottom: 10px; font-family: arial; font-size: 0.9em; }
ul						{ font-family: arial; }
.clear 					{ clear: both; line-height: 1px; }
a img					{ border: 0; }

#followus                   {
    cursor: pointer;
    height: 120px;
    position: fixed;
    right: 0;
    top: 136px;
    width: 25px;
    z-index: 8765;
}

ol#zoekresultaat li {
	font-size: 1.2em;
	margin: 0 0 20px 20px;
	list-style-type: decimal;
}

span.highlight { background: #FFDCBF; }

.right  {
text-align:right;
}
.notes  {
list-style-type:none;
margin:10px 10px;

} 

#flashMessage {
	border: 1px solid #2462A5;
	background: #5886BE;
	padding: 5px;
	margin-bottom: 1em;
	color: #fff;	
}

.notes li {
border-left:1px solid #CCCCCC;
float:left;
padding:0 15px;
text-align:left;
} 
.notes li h3 {
color:#2081AB;
font-size:14px;
font-weight:bold;
margin-top:0;
padding-left:0;
padding-top:10px;
text-align:left;
} 

#zoeken                         { float: right; margin-top: 1em; }
#zoeken input[type=image]		{ margin-top: 4px; }
#zoeken input[type=text]		{ border: 1px solid #bbb; }

.home-kolom-boven h1					{ font-size: 13pt; color: #3BA3D6; font-weight: bold; margin-bottom: 10px;}

.home-kolom-boven 						{ float: left; width: 300px; padding-right: 15px; font-family: Verdana; margin-top: 20px;}

.home-kolom-boven p						{ line-height: 1.6em; font-size: 10pt; color: #525457; }

.home-midden			{ border-left: 1px solid #BDBDBD; border-right: 1px solid #BDBDBD; width: 300px; padding-left: 15px; padding-right: 15px;}

.home-rechts					{ float:right; width: 270px; border-right:0px solid #BDBDBD;}

/*
 * Tabel kosten website
 */
.content .kostenTabel td, 
.content .kostenTabel th
						{ font-family: arial; padding: 10px; line-height: 1.4em; vertical-align: top; }
.kostenTabel th			{ color: #fff; background: #E73400; }
.kostenTabel tr td		{ background: #eee; }
.kostenTabel tr.altRow td { background: #ddd; }
.kostenTabel .rechts	{ width: 200px; }

/*
 *  DIV STRUCTUUR
 ***********************************************************************/
#container-wide			{ width: 100%; }
#container				{ width: 950px; margin: 0px auto; font-size: .8em; }
#header					{ width: 950px; margin: 0px auto;}

#korting				{ float: left; width: 100px; margin:10px;overflow: hidden; }


#logo					{ float: left; width: 375px; margin:10px;overflow: hidden; }
#logo a					{ display: block; width: 375px; height: 60px; }
#headermenu				{ float: right; width: 400px; text-align: right; margin-top: 26px;}
#headermenu a			{ text-decoration: none; color: #000; margin-right: 10px; font-size: 1.2em;}
#headermenu a:hover		{ color: #d30202; }
#headermenu a img		{ margin-right: 5px; margin-bottom: -3px;  }

.links li				{ margin-bottom: 10px; }
.links li a				{ text-decoration: none; font-weight: normal;  }
.links li.submenu a		{ text-decoration: none; font-weight: normal; font-size: 0.9em; margin-left: 10px; color:#2F3C46; }

#headerbg				{ width: 950px; height: 25px; background: #fff url('../img/layout/gradient_header.gif') repeat-x; margin: 0px auto;}

#nav li a.active        { border-bottom: 1px solid #fff;}
div#tabs					{ width:950px; margin: 0px auto; background: #2081AB url('/img/layout/bg_menu.gif') top repeat-x; height: 44px; }
div#tabs ul#nav			{ list-style-type: none; }
div#tabs li				{ float: left; padding: 4px 30px; text-decoration: none; margin-top:15px;}
div#tabs li a				{ color: #fff; font-weight: bold; font-size:1.2em; text-decoration: none;}
div#tabs li a:hover		{ color: #E73400; }
#top					{ width: 871px; margin: 4px 21px 4px 21px; height: 89px; background: #393939; color: #fff; position: relative; }
.links 	 				{ width: 174px; border: 0px solid #393939; margin: 0 20px 0 0px; float: left; }
.links .block			{ padding: 10px 0 0 0px; background1: #f7f7f7; border: 0px solid #dddddd; margin-bottom:  1em; }
.links li				{ list-style-type: none; padding-top:5px; }
#links a				{ color: #fff; margin: 10px 0px 0 0; text-decoration:none; padding: 5px 15px 6px; border-bottom: 3px solid #393939; }
#links a:hover			{ color: #fff; background: #494949; border-bottom: 3px solid #A2C800; padding: 5px 15px 6px; }
#links a.active			{ color: #fff; background: #494949; border-bottom: 3px solid #A2C800; padding: 5px 15px 6px; }
.header					{ width: 871px; margin: 0 21px; position: relative; }
#maatpak				{ position: absolute; color: #fff; font-size: 1.4em; top: 120px; left: 100px; }
#extra					{ color: #fff; width: 225px; position: absolute; top: 25px; left: 625px;}
#extra h1				{ font-size: 1.4em; color: #fff; margin-bottom: 15px; }
#extra h2 				{ font-size: 1.2em; color: #4C4C4C; margin-bottom: 15px; font-weight: normal;}
#extra a 				{ color: #4C4C4C; }
#menu_zijkant			{ width: 200px; float: left; margin: 10px 0 0 21px; display: inline; }
#menu_login				{ font-size: 13px; position: absolute; top: 9px; right: 10px; text-align: right; }
#menu_login a			{ color: #fff; font-weight: normal; text-decoration: none; }
#menu_login input		{ color: #444; border: 1px solid black;}
#content				{ color: #5B5B5B; float: left; width: 468px; overflow: hidden; display: inline; margin:10px 0; border-left:0px dashed #0b75ce; border-right:0px dashed #0b75ce; }
#content_breed			{ width: 500px; border-right: 0px solid #393939; padding: 10px 0; margin: 0px 0px 1em; float: left;position:  relative; }

.block-titel {
	margin: 0;
	display: block;
	padding: 8px 1em;
	font-size: 16px;
	color: #333;	
	font-weight: bold;
}


#kolom					{ float: right; width: 190px; margin: 10px 21px 0 0px; display: inline; overflow: hidden; }
#pathway				{ margin: 5px 20px; font-size: .8em; }

#tekst					{ clear: both; background: transparent url('../img/v3/header3.gif') no-repeat; height:181px;}
#tekst p				{ color:#393939; width:270px; margin-left:670px; margin-top:0px;}
#tekst .meer a	 		{ color:#000; width:270px; margin-left:670px; margin-top:0px;}
#tekst h1				{ color:#fff; width:270px; margin-left:670px; margin-top:0px; font-size:1.4em;}
#tekst .bg h1 			{ padding-top:32px; }
.content img				{ margin: 0 0 10px 0px }
/*
 *  HOME
 ***********************************************************************/
#voorpagina-portfolio 	{ float: left; width: 575px; margin-right: 20px; border-right: 1px dotted #D1D1D1;}
#voorpagina-portfolio p { margin-right:20px;}
.portfolio-item			{ clear: both; width: 560px; margin: 1em 1em 1em 0em; }
.portfolio-item h3		{ color: #D30202; margin: 0 20px 0.5em 0;}
.portfolio-item p		{ margin: 0.5em 20px 0.5em 0;  }
.portfolio-item-img		{ float: left; width: 200px; }
.portfolio-item-desc	{ float: left; width: 350px; }
#voorpagina span.firstWord	{ color: #E53400; }
#voorpagina h2				{ color: #919191; margin: 1em 0; } 
#voorpagina				{ margin-bottom: 1em; }
#voorpagina-nieuws	 	{ float: left; width: 351px; border: 0px solid #D61982;}

 
span.focus				{ background: #eeeeee; padding: 1px 3px; color: #222; }
#promotie .midden 		{ width: 502px; border-right: 0px solid #393939; padding: 10px 0; margin: 0px 0px 1em; float: left; }
.rechts 				{ width: 224px; margin: 10px 0px 1em 20px; float: right; }

#promotie .midden h1, #content_breed h1	{ 
	font-size: 1.6em; color: #E73400; margin-bottom: 1em; 
}


 
 #home_container		{ width:950px; padding-bottom:10px;}
 #home_links			{ width:290px; padding:10px; float: left; border: 1px solid #d1d1d1; height:250px; background-color: #f0f0f0;}
 #home_midden			{ width:290px; padding:10px; margin-left:5px;float: left;border: 1px solid #d1d1d1; height:250px;background-color: #f0f0f0;}
 #home_rechts			{ width:290px; padding:10px;margin-left:5px;float: right;border: 1px solid #d1d1d1; height:250px; background-color: #f0f0f0;}
 #home_rechts ul        { margin-left: 20px;}
 #home_container h1		{ color:#e53400; font-size:1.5em;}
 #home_container h2		{ margin-top: 10px;  }
 #home_container p		{ margin-top: 10px; color:#374768;}
 
 
 #home_container1 a		{ text-decoration:underline; font-size:1.3em;}



p.quote { font-size: 0.9em;}

#content_breed h2		{ font-weight: normal; font-family: arial, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; color: #374768; font-size: 1.4em; margin: 0 0 1em 0; line-height: 1.6em; }
#promotie .dotted h2	{ font-size: 1.2em; color: #296DB5; margin-bottom: 1em; }
#promotie .midden ul	{ margin: 0 0 1em 0px; }
#promotie .midden table	{ border-collapse: collapse; width: 100%;  }
#promotie .midden td	{ vertical-align: top; }
#promotie .midden li 	{ color: #666666; font-size: 0.9em; padding-bottom: 0.2em;}
#promotie .midden li a	{ color: #666666; line-height: 1.4em; }

#promotie .links h2		{ font-size: 1.2em; color: #E73400; margin: 0.5em 0 0; }
.rechts h3				{ font-size: 1.2em; color: #E73400; margin-bottom: 1em;}
#promotie .midden ul	{ list-style-type: none; }
#promotie .midden li	{ padding-left: 12px; font-size: 1em; }
#promotie td.dotted		{ border-bottom: 1px dotted #666; padding: 10px 10px 10px 20px; }
.rechts img				{ margin-bottom: 1em; }

#promotie .midden p		{ font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; color: #5d5c5c; font-size: 1.4em; margin: 0 0 1em 0; line-height: 1.6em; }
.content p				{ color: #5d5c5c; font-size: 1em; margin: 0 0 1em 0; line-height: 1.6em; }
#promotie .links p		{ color: #333; margin: 1em 0; line-height: 1.6em; }
#promotie .links a.meer	{ color: #296DB5; text-decoration: none; font-weight: bold; }
#promotie .rechts p		{ color: #5d5c5c; margin: 10px; font-size: 0.9em; line-height: 1.6em;  }

.rechts .grijsblok { padding: 2px 4px; border:1px solid #DDDDDD; margin-top:10px; }
.rechts .grijsblok h2 { font-size: 1.4em; color:#5d5c5c;}
.rechts .grijsblok p { color:#5d5c5c; margin:5px;}
#nieuwsbrief-form, .grijsblok	{
	padding: 2px;
	position: relative;
 	background: #f7f7f7; 
}
.grijsblok img { margin: 0; }
#promotie #nieuwsbrief-form p,  #nieuwsbrief-form p, #promotie .grijsblok p, .grijsblok p	{ margin-left: 0; }
.links input[type=text] { width: 150px; font-size: 1em;}
.links input[type=submit] { font-size: 1em; }
 /*
 *  MENU
 ***********************************************************************/
.menuhead h2, .block h2 { 
	font-size: 1.4em; font-weight: bold; color: #E73400; margin-bottom: 1em;
	text-align: left;
}

.menuhead h3 {font-size: 1.4em; font-weight: bold; color: #E73400; }
.menuhead a, .block a {
	color: inherit;
	text-decoration: none;
}
.links li a { color: #296DB5; }
.links li a:hover { color: #296DB5; text-decoration: underline;  }
 #menu_zijkant ul				{ list-style-type: none; margin-left:5px }
 #menu_zijkant li				{ height:25px; width:180px; display: block; background: transparent url('../img/zijkant_bg3.gif') no-repeat 0 5px ; padding: 10px 0px 2px 5px; }
 #menu_zijkant li				{ height:25px; width:180px; display: block; border-bottom:1px solid #f2f2f2; padding: 10px 0px 0px 5px;  }
 #menu_zijkant li a				{ color: #fff; margin-left: 2px; text-decoration: none; display: block; }
 #menu_zijkant li a:hover		{ color: #a2c800; margin-left: 2px; text-decoration: none; }
 
 #menu_zijkant li.submenu 			{ height: 20px; width:180px; display: block; background: none ; padding: 5px 0px 2px 15px; }
 #menu_zijkant li.submenu a			{ color: #393939; }
 #menu_zijkant li.submenu a:hover	{ color: #a2c800; text-decoration: none; }
 
/*
 *  CONTENT
 ***********************************************************************/
 .content table			{ width: 100%; border-collapse: collapse; }
 .content th			{ text-align: left; border-bottom: 1px solid black; padding: 4px 4px 4px 0 }
 .content td			{ padding: 4px 4px 4px 0; }
 .content ul			{ list-style-type: disc; margin-left: 25px; color: #374768; }
 .content li  			{ padding: 2px 0px 2px 20px; list-style-type: disc; color: #5D5C5C; }
 
 
/*
 *  KOLOM
 ***********************************************************************/
 #kolom a				{ display: block; background: #d30202; color: #fff; font-size: 1.4em; height: 27px; padding: 10px; margin-bottom: 10px;}
 
/*
 *  PROMO
 ***********************************************************************/
 #promo					{ clear: both; margin: 5px 0; }
 #promo .cl, #promo .bg { height: 200px; background: #fff url('../img/v3/achtergrond_blok_rond2.gif') no-repeat; position: relative; float: left; width: 287px; margin: 0px;}
 #promo .cl				{ height: 200px; }
 #promo .cl h1			{ margin: 20px 10px 10px 10px; background: transparent url('../img/bullet.gif') no-repeat 5px 2px; padding-left: 30px; font-size: 1.2em; font-weight: normal;}
 #promo .bg h1			{ color: #d22027; font-size: 1.2em; margin: 0px 10px 15px 10px; text-transform: uppercase; }
 #promo p				{ margin: 0 10px 10px 10px; font-size: 11px; line-height: 1.5em;}
 #promo #promo_cms		{ padding-top: 10px; height: 190px; background: transparent url('../img/im_cms.gif') no-repeat top right; margin-left: 0; }
 #promo #promo_webdesign{ padding-top: 10px;height: 190px; background: transparent url('../img/im_website.gif') no-repeat top right; margin-left: 0; }
  #promo #promo_seo		{ padding-top: 10px;height: 190px; background: transparent url('../img/im_seo.gif') no-repeat top right; margin-left: 0; }
 #promo #promo_cms p,
 #promo #promo_webdesign p,
 #promo #promo_seo p	{ width: 130px; }
 #promo .overons		{ background: transparent url('../img/achtergrond_overons.gif') no-repeat; height: 158px; padding: 30px; font-size: 1em; }
 #promo .bg, #promo .pfbg { margin-left:0px;margin-right: 44px; cursor: pointer; }
 #promo .pfbglast			{ margin-left:0px;margin-right:0px; margin-left: 1px; cursor: pointer;}
 #promo .meer			{ position: absolute; bottom: 30px; left: 10px; }
 
 /*
  * PORTFOLIO
  *************************/
 #promo .pfbg, #promo .pfbglast			{ width: 287px; height: 150px; overflow: hidden; float: left; margin-bottom: 15px; position: relative; display: inline; }
 #promo .pflink			{ position: absolute; width: 287px; bottom: 0; left: 0; background: #4C4C4C; border-top: 1px solid #eee; }
 #promo .pflink a		{ display: block; padding: 5px; color: #fff; font-size: 1.2em; text-decoration: none;}
 
/*
 *  COPYRIGHT FOOTER
 ***********************************************************************/
 #footer				{ clear: both; text-align:left; color: #393939; padding: 10px; border-top: 0px dashed #393939;}
 #footer .copy			{ float: right; }
 

#footer-wide				{ width: 100%; height: 200px; }
.footer-kolom				{ float: left; width: 230px; }
.footer-kolom h1			{ margin: 20px; color: #5B6C77; font-size: 18px}
.footer-kolom ul            { margin-left:20px; }
.footer-kolom li			{ margin: 0 0 0 10px; color: #c9c9c9; }
.footer-kolom li a			{ color: #555555; font-size: 12px; text-decoration: none; height: 25px; display: block;}
.footer-kolom li a:hover	{ text-decoration: underline; }
.footer-kolom h1 a           { color: #262626;text-decoration: none;} 
 
 
 #sitemap				{ text-align:left; color: #333; background: #e7e7e7; margin: 0 auto; width: 950px;}
 #sitemap .bg			{ color:white; width: 200px; float:left;margin:11px;font-size:1em;}
 #sitemap .bg h1 		{ font-size:1.2em; margin-bottom:10px; color:#E73400;}
 #sitemap .bg a 		{ display:block; color: #333; text-decoration: none; margin-top:5px; border-bottom: 1px dotted #AAA; padding: 4px; font-weight: normal; }
 #sitemap .bg a:hover	{ display:block; color: #E73400; margin-top:5px;}
 #sitemap .bg p 		{ font-size:1em;}
 
 #content h2.sitemap 	{ color: #E73400; border-bottom: 1px solid #333; display: block; padding-bottom: 5px; }
 #content h2.sitemap a	{ color: #E73400; text-decoration: none; padding: 0; margin: 0; }
 #content ul.sitemap li	{ margin-left: 20px; }
 #content ul.sitemap a  { color: #E73400; }

 
/*
 * AUTOMAGIC FORMULIEREN
 */
 
.folderpagina { width: 150px; height: 200px; border: 1px solid #252525; float: left;} 
.content form { 
	padding: 10px;
	background: #f7f7f7;
	margin-bottom: 1em;
}
div.input {
	clear: both;
}
label {
	display: block;
	float: left;
	width: 180px;
	margin-bottom: 5px;
	font-size: 110%;
	padding-right: 20px;
}
.textarea label {
	width: auto;
	margin-top: 5px;
}
input, textarea {
	display: block;
	font-size: 120%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	margin-bottom: 5px;
	float: left;
}
textarea {
	clear: both;
	width: 402px;
}
#pf_kop {
	background: #4c4c4c;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}
#promotie #pf_kop p {
	color: #fff;
}
#promotie #pf_kop h1 {
	margin-bottom: 10px;
	background: none;
	font-size: 1.2em;	
}
#promotie #pf_kop h1, #pf_kop a { 
	color: #A2C800;
}
#promotie #pf_kop h2 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 1em;
}
select {
	clear: both;
	font-size: 100%;
	vertical-align: text-bottom;
	margin-bottom: 5px;
	padding: 2px;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}