/* 
Juni 2005
Door : Koen Haarbosch  |  Bit Squad

Kleuren:
rood: #EE3A00
donker blauw: #20456B


*/

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

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

a:link    { color: #EE3A00; text-decoration: underline; }    /*  niet bezochte link */
a:hover   { color: #EE3A00; text-decoration: none;} /*  roll over  */

body 
{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	text-align: center;
	background: #FFFFFF url(../images/verloop_Bg.gif) repeat;
}

.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/bg_Verloop_Site.gif) repeat-y;
}

#pageContainer_Container
{
	padding: 0px 20px 0px 20px; /* top right bottom left */
}

/* instellen fontsize */
#breadcrum_Container
{
	font-size: 0.6em;
}

#sidewidenav_Container, #nieuwsbrief, #adres, #nieuws a, 
#search_Text, #txt_Zoek, #txt_Gebruikersnaam, #txt_Wachtwoord
{
	font-size: 0.7em;
}

#content_Text, #content, #login, #nieuws_Titel, #agenda_Titel
{
	font-size: 0.8em;
}
.checkbox
{
	font-size: 0.75em;
}
/* --------------------------------------------- // -------- HEADER */

#header
{
	float: left;
	width: 762px;
	height: 61px;
}

#logo
{
	float: left;
	width: 537px;
	height: 61px;
	background: #FFFFFF url(../images/logo_Header.gif) no-repeat left top;
}

/* --------------------------------------------- // -------- HEADER search*/

#search
{
	float: left;
	width: 225px;
	height: 61px;
}

#search_Container
{
	padding: 20px 0px 0px 0px;
}

#search_Text
{
	float: left;
	line-height: 1.4em;
}

#search_Textbox
{
	float: left;
	padding: 0px 0px 0px 10px;
}

#search_Button
{
	float: left;
	padding: 5px 0px 0px 10px;
}

/* --------------------------------------------- // -------- SIDEWIDENAV */

#sidewidenav
{
	float: left;
	width: 762px;
	line-height: 12px;
	background: #FFFFFF url(../images/bg_Sidewidenav.gif) no-repeat;
}

#sidewidenav_Container
{
	padding: 0px 0px 0px 517px;
}

#sidewidenav_Container a { padding: 0px 0px 0px 20px; }

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

#breadcrum
{
	float: left;
	width: 762px;
	min-height: 24px;
}

#breadcrum_Home { float: left; width: 762px; height: 15px; }

#breadcrum_Container
{
	padding: 10px 20px 10px 20px;
}

#breadcrum a:link, #sidewidenav_Container a:link    { color: #000000; text-decoration: underline; }    /*  niet bezochte link */
#breadcrum a:hover, #sidewidenav_Container a:hover   { color: #000000; text-decoration: none;} /*  roll over  */

#breadcrum_Container img { margin: 0px 0px 0px 10px; }

/* --------------------------------------------- // -------- LEFT = linker deel site */

#left
{
	float: left;
	width: 533px;
}

/* --------------------------------------------- // -------- LEFT linker deel = linker kolom in linker deel site */

#col_Left
{
	float: left;
	width: 195px;
	background: #FFFFFF url(../images/balk_Schuin_Midden.gif) no-repeat top right;
	height: 452px;
}

#navigation
{
	width: 183px;
}

#nieuwsbrief
{
	width: 183px;
	border-bottom: solid 1px #627C97;
	background: #D2DAE1;
}

#nieuwsbrief_Container
{
	padding: 21px 13px 21px 13px;
}

#nieuwsbrief_Container a {padding: 0px 0px 0px 5px; color: #EE3A00;}
#nieuwsbrief_Container strong { display: block; }

/* --------------------------------------------- // -------- LEFT rechter deel */

#col_Right
{
	width: 337px;
	float: left;
	border-left: solid 1px #20456B;
}

#col_Right_Container
{
	padding: 0px 0px 0px 4px;
}

#visual_Left_Home
{
	width: 333px;
	height: 204px;
}

#visual_Left
{
	width: 333px;
	height: 109px;
}

/* --------------------------------------------- // -------- LEFT content */

#content_Container
{
	
	/* background: #FFFFFF url(../images/bg_Verloop_Content_Home.gif) repeat-y top right  ; */
	border-right: solid 1px #597AA8;
}


#content
{
	/* background: #F4F6F7 url(../images/bg_Hoekverloop_Content.jpg) no-repeat top left; */
	padding: 10px 10px 30px 10px;
	color: #000000;
}

#content_Titel
{
	padding: 0px 0px 15px 0px ;
}
#content_Titel, #nieuws_Titel, #agenda_Titel
{
	font-weight: bold;
}

#balk { text-align: right; }
/* --------------------------------------------- // -------- LEFT login */

#agenda
{
	background: #E8ECF0;
	padding: 10px 10px 40px 10px;
}

 
#login
{ 
	/* anders valt de button in IE buiten beeld */
	width: 183px;
	border-bottom: solid 1px #627C97;
	background: #D2DAE1;
}

#login_Container
{
	padding: 10px 10px 40px 10px;
}

.login_Button
{
	background: #FFFFFF;
	font-size: 0.8em;
	border: solid 1px #D1D2CD;
	height: 18px;
	width: 60px;
	margin: 10px 0 0 0;
}

div.row {
  clear: both;
  padding-top: 5px;
  }
  
div.row span.label{
  float: left;
  width: 130px;
  text-align: left;
  font-size: 0.8em;
}
 
div.row span.label_Breed{
  float: left;
  width: 250px;
  text-align: left;
  font-size: 0.8em;
} 

.text_Box 
{
	width: 124px;

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

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

#adres
{
	clear: both;
	width: 532px;
	height: 69px;
	background: #FFFFFF url(../images/bg_Verloop_Adres.gif) repeat-x;
	color: #FFFFFF;
	text-align: center;
	padding: 15px 0px 15px 0px;
	border-right: solid 1px #FFFFFF;
}

#adres a:link  { color: #FFFFFF; text-decoration: underline; }    /*  niet bezochte link */
#adres a:hover  { color: #FFFFFF; text-decoration: none;} /*  roll over  */

#adres strong { color: #FFFFFF; }
/* --------------------------------------------- // -------- RIGHT */

#right
{
	float: right;
	width: 230px;
	
}


#visual_Right_Home
{
	float: left;
	width: 230px;
	height: 204px;
}

#visual_Right
{
	float: left;
	width: 230px;
	height: 109px;
}

/* --------------------------------------------- // -------- RIGHT nieuws */

#nieuws
{
	float: left;
	width: 229px;
	background: #F2F2F3 url(../images/bg_Hoekverloop_Nieuws.jpg) no-repeat top left;  /* WERKT NOG NIET */
	
	border-bottom: solid 1px #CCCCCC;
}

#nieuws_Container
{
	padding: 10px 12px 20px 12px;
}

#nieuws_Container a {padding: 0px 0px 0px 5px; color: #EE3A00;}

.datum, .titel, .samenvatting
{
	padding: 2px 0px 2px 0px;
}

.datum
{
	font-size: 0.6em;
	color: #999999;
}

.titel
{
	font-size: 0.8em;
	font-weight: bold;
	color: #597AA8;
}

.samenvatting
{
	font-size: 0.8em;
}


/* --------------------------------------------- // -------- USERCONTROLS opsomming nieuws en zoekresultaten */
.zoekres_Datum { font-size: 0.8em; color: #999999; }
.zoekres_Samenvatting { font-size: 1em; }
.zoekres_Titel 
{
	font-size: 1em;
	font-weight: bold;
	color: #597AA8;
 }

#opsomming a {padding: 0px 0px 0px 5px; color: #EE3A00;}

.opsomming_Link { font-size: 0.85em }

#paginering
{
	text-align: center;
	padding: 0px 0px 10px 0px;
	font-size: 0.8em;
}

.pagineringActief { font-weight: bold; }

#content_Nieuws
{
	padding: 10px 10px 30px 10px;
	color: #000000;
}

/* --------------------------------------------- // -------- USERCONTROLS sitemap */

li
{
	list-style: none;
}

.geenLink
{
	color: #000000;
	background-image: url(../images/pijl_Rood.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 10px;
	background-position: 0px 18px;
}
 

#sitemap a
{
	color: #EE3A00;
	background-image: url(../images/pijl_Rood.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	background-position: 0px 7px;
}

.enter { padding: 10px 0px 0px 0px; }

/* --------------------------------------------- // -------- USERCONTROLS artikel */

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

#print img
{
	float: right;
	margin: 0px 20px 0px 10px;
}

#print img {border: solid 0px #FFFFFF;}


/* --------------------------------------------- // -------- USERCONTROLS alle formulieren */

#form
{
}

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

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

div.row span.formelement
{
  float: right;
  width: 150px;
  text-align: left;
  }
  
div.row span.label_Breed
{
  float: left;
  width: 250px;
  text-align: left;
}

div.spacer
{
	clear: both;
}

.optList
{
	font-size: 0.9em;	
}

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

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

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

.textRood
{
	color: #FF0000;
}

/* --------------------------------------------- // -------- USERCONTROLS alle formulieren */

#kaartje
{
	text-align: center;
}

/* --------------------------------------------- // -------- USERCONTROLS agenda */
#agenda_Text .tekst
{
	font-size: 0.8em;
}

#agenda_Text .datum
{
	font-size: 0.6em;
	color: #999999;	
}