/* 
Mei 2005
Door : Koen Haarbosch  |  Bit Squad

Kleuren:
bruin tekst: #755F47 
oranje : #F37121
groen : #007522

*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

* 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #755F47;
}

a:link    { color: #755F47; text-decoration: underline; }    /* niet bezochte link  Je kunt hieraan ook meerdere eigenschappen toewijzen !! */
a:hover   { color: #755F47; text-decoration: none;} /* roll over     */

body 
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #F5F5F5;
}

.clear 
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}

#pageContainer 
{
	width: 803px;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	background: #FFFFFF url(../_images/site_Bg.gif) repeat-y;
	padding: 0px 15px 0px 18px; /* top right bottom left */
}

#pageContainer img { margin: 0px; padding: 0px; border: 0px;}

#sidewidenav, #breadcrum, #adres, h3, #content_Text, #content_Text2,.nieuws_Text, #vNavigation
{
	font-size: 0.7em;
}
#optGeslacht, #optListManVrouw { font-size: 0.9em; }

/* --------------------------------------------- // -------- KOLOM LINKS */

#col_Left
{
	display: block;
	float: left;
	width: 235px;
}

#balk
{
	display: block;
	float: left;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

#logo
{
	height: 117px;
}

/* --------------------------------------------- // -------- NIEUWS opsomming homepage */

#nieuws_Home
{
	border-left: solid 1px #827878;
	background: #EAE7E7 url(../_images/verloop_Nieuws_Home.jpg) repeat-x;
}

#nieuws_Item_Home
{
	border-bottom: dotted 1px #000000;
	margin: 0px 10px 5px 10px; /* top right bottom left */
}

#nieuws_Item_Home .nieuws_Text
{
	margin: 0px 0px 5px 0px; /* top right bottom left */	
}

#nieuws_Home h3
{
	padding: 0;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 5px 10px; /* top right bottom left */
	color: #007522;
	font-size: 1em;
}

#nieuws_Item_Home h4
{
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

.leesVerder
{
	font-size: 10px;
	color: #000000;
	text-align: right;
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 0px 0px; /* top right bottom left */
}

.leesVerder a
{
	color: #000000;
	text-decoration: underline;
	margin: 0px 0px 0px 10px; /* top right bottom left */
}

.leesVerder a:hover
{
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 0px 10px; /* top right bottom left */
}

/* --------------------------------------------- // -------- ADRES */

#adres
{
	border-left: solid 1px #827878;
	border-bottom: solid 1px #F37121;
	background: #E9E7E7;
	padding: 8px 10px 8px 10px;/* top right bottom left */
}

/* --------------------------------------------- // -------- KOLOM RIGHT */

#col_Right
{
	display: block;
	float: left;
	width: 531px;
	margin: 0px 0px 0px 4px;  /* top right bottom left */
}

/* --------------------------------------------- // -------- SIDEWIDE navigatie */

#sidewidenav_Container
{
	height: 33px;
	border-left: solid 1px #A19999;
	border-right: solid 1px #A19999;
	background: #E9E8E8 url(../_images/sidewidenav_Bg.gif) repeat-x;
}

#flags
{
	float: left;
	margin: 8px 0px 0px 11px; /* top right bottom left */
}

#flags img
{
	margin: 0px 0px 0px 4px; /* top right bottom left */
}

#sidewidenav
{
	float: right;
	margin: 12px 11px 0px 0px; /* top right bottom left */
}

/* --------------------------------------------- // -------- VISUAL */

#visual
{
	margin: 3px 0px 0px 0px; /* top right bottom left */
}

/* --------------------------------------------- // -------- BREADCRUM */

#breadcrum
{
	min-height: 23px;
}

#breadcrum_Container
{
	margin: 0px 0px 0px 10px; /* top right bottom left */
	padding: 3px 0px 6px 0px;

}

#sidewidenav a, #breadcrum a
{
	color: #333333;
	text-decoration: underline;
}

#sidewidenav a:hover, #breadcrum a:hover	
{
	color: #333333;
	text-decoration: none;
}

/* --------------------------------------------- // -------- CONTENT */

#content_Text
{
	display: block;
	float: left;
	width: 531px;
	background: #F3F1F1 url(../_images/content_Bg.gif)  0px 0px no-repeat;
	border-bottom: solid 1px #827878;
}

#content_Text_Container
{
	float: left;
		padding: 10px 10px 20px 10px; /* top right bottom left */
}

#content_Container
{
	display: block;
	float: left;
	min-height: 30px;
	background: #E8E4E4;
	padding: 5px 10px 5px 0px; /* top right bottom left */
	border-left: solid 1px #A19999;
	border-right: solid 1px #A19999;
}

#content_Container_Container
{
	margin: 0px 0px 0px 10px; /* top right bottom left */
}

#content_Title
{
	display: block;
	float: left;
}

h5
{
	color: #007522;
	font-weight: bold;
	padding: 0;
	margin: 0;
	width: 485px;
}

#content_Print
{
	display: block;
	float: right;
}

/* --------------------------------------------- // -------- OPSOMMING vervolgpagina */

#opsomming_Item
{
	border-bottom: dotted 1px #000000;
	margin: 0px 10px 5px 10px; /* top right bottom left */
}

#opsomming_Item .nieuws_Text
{
	margin: 0px 0px 5px 0px; /* top right bottom left */
	font-size: 1em;	
}

#opsomming_Item h4
{
	padding: 0;
	margin: 0;
}

#opsomming_Item .leesVerder
{
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding: 0px 0px 10px 0px;
}

#opsomming_Footer
{
	border-bottom: dotted 1px #000000;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 5px 10px; /* top right bottom left */
}
/* --------------------------------------------- // -------- ASSORTIMENT overzicht vervolgpagina */

.assortiment_Breaker
{
	display: block;
	float: left;
	height: 18px;
	width: 531px;
	border-top: solid 1px #F37121;
	border-bottom: solid 1px #F37121;
}

.assortiment_Item
{
	display : block;
	float: left;
	width: 531px;
	margin: 5px 0 10px 0; 
}

.assortiment_Image 
{ 
	float: left;
	width: 65px;
	height: 50px;
	margin: 5px 10px 5px 5px;
}

.assortiment_Text 
{
	display: block;
	float: left;
	width: 400px;
	color: #000000;
	padding: 5px 15px 10px 5px;
}

.assortiment_Item h3
{
	padding: 0;
	padding: 0px;
	margin: 0px; /* top right bottom left */
	color: #F37121;
	font-size: 1.2em;
}

.assortiment_Item h4
{
	padding: 0;
	margin: 0;
	color: #007522;
	font-size: 1em;
}

#assortiment_Footer
{
	display: block;
	float: left;
	height: 18px;
	width: 531px;
	text-align: center;
	border-top: solid 1px #F37121;
}

/* --------------------------------------------- // -------- DETAIL assortiment vervolgpagina */

.detail_Item
{
	display : block;
	float: left;
	width: 100%;
	padding: 5px 0px 4px 18px;
}

.detail_Text 
{
	display: block;
	float: right;
	color: #000000;
	padding: 0px 25px 10px 5px;
}

.detail_Image
{
	float: left; 
	margin: 5px 10px 5px 0px;
}

.detail_Item h4
{
	padding: 0;
	padding: 0px;
	margin: 0px; /* top right bottom left */
	color: #F37121;
	font-size: 1em;
}

/* --------------------------------------------- // -------- SITEMAP */

#sitemap li
{
	list-style-position: outside;
	list-style-image: url(../_images/nav_Submenu_Pijl.gif);
}

/* --------------------------------------------- // -------- FORMULIER */

#form
{
	width: 100%;
	padding: 0px 0px 0px 10px;
}

div.row 
{
  clear: both;
  padding-top: 2px;
}

div.row span.label, div.row span.titel
{
  float: left;
  width: 160px;
  text-align: left;
  }

div.row span.label_Breed
{
	float: left; 
 	text-align: left;
}

div.spacer
{
	clear: both;
}


.form_Tekstbox {
	width: 140px;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;

	padding-left: 5px;
	padding-right: 5px;
}

.verzendButton 
{
	background-color:#CCCCCC;
	color: #000000;
	border: solid 1px #FFFFFF;	
	font-size: 10px;
	cursor: hand;
}

.textRood
{
	color: #F37121;
}
/* --------------------------------------------- // -------- FOOTER */

div#footer
{
	display: block;

	width: 770px;
	min-height: 20px; 
	font-size: 0.7em;
	line-height: 24px; /* om de text verticaal te centreren */
	background-color: #F3F1F1;
	clear: both; /* clear gebruiken om ervoor te zorgen dat footer nooit links of rechts van een element komt */
	text-align: right;
	border-top: solid 1px #827878;
	margin: 3px 0px 0px 0px;
	
}

div#footer a { margin-right: 20px;}
div#footer a:hover { text-decoration: none; }
/* --------------------------------------------- // -------- Vestigingen */

#opsomming_Vestiging
{
	float: left;
	width: 514px;
	border: solid 1px #666666;
	margin: 15px 0px 0 0px; /* top right bottom left */
	padding: 0 0 15px 0;
	background: #E8E4E4;
}
#opsomming_Vestiging img {
	float: left;
	margin: 12px 12px 0 12px;
	border: solid 1px #666666;
}
#opsomming_Vestiging h4 {
	font-size: 1.2em;
	padding: 0;
	margin: 12px 0 0 0;
	color: #007522;
}
#opsomming_Vestiging .vestiging_Text {
	margin: 3px 18px 5px 0px; /* top right bottom left */	
	font-size: 1em;
	color: #000000;
	
}

#opsomming_Vestiging .leesVerder
{
	font-size: 10px;
	color: #755F47;
	text-align: left;
	padding: 0;
	margin: 0;
}

#bedankt {
	margin: 20px 0;
	text-align: left;
}
p.vestiging {
	float: left;
	width: 510px;
}