/* --------------------------------------------------------------------------- */
/* Default stylesheet */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* HTML selectors */

html											{ height: 100%; margin: 0; padding: 0; background-image: url(../gfx/htmlBg.gif); }
body                      { height: 579px; margin: 0; padding: 0; color: #194094; font: normal normal 1em/1em verdana, arial; background: transparent url(../gfx/bodyBg.gif) repeat-x top left; }
p                         { margin: 0; padding: 4px 0;  }
img                       { border: 0; }
a                         { }
a:hover				            { color: #ef2d26; }
  
.clr                      {clear: both;}

/* END: HTML selectors */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* Basic page containers */

#placeHolder							{ margin: 0; padding: 30px 109px; height: 100%; width: 768px; }
#header             			{ margin: 0; padding: 0; height: 28px; font-size: 0.7em; background: #ef2d26 url(../gfx/logo.gif) no-repeat top left; overflow: hidden; border-bottom: 4px solid #FFF; }
#siteContainer      			{ margin: 0; padding: 0; background: #FFF url(../gfx/menuBg.gif) repeat-y top left; border-bottom: 1px solid #194094; border-right: 1px solid #194094; }

#contactHdr							  { float: left; display: block; margin: 0; padding: 0 0 0 8px; height: 60px; width: 160px; background-color: #194094; color: #FFF; font-size: 0.6em; line-height: 13px; border-bottom: 4px solid #FFF; overflow: hidden; }
#contactHdr a							{ color: #FFF; }
#contactHdr a:hover				{ color: #ef2d26; }
#imageHdr									{ float: left; display: block; margin: 0 0 0 4px; padding: 0; width: 595px; height: 60px; background: url(../gfx/sfeerbeeld.gif) no-repeat 0px -65px; }

#leftBar            			{ float: left; margin: 0; padding: 0; width: 168px; font-size: 0.7em; }
#content            			{ float: left; position: relative; top: -7px; margin: 0 20px; padding: 0; width: 356px; border-top: 3px solid #194094; font-size: 0.7em; }
#rightBar            			{ float: left; position: relative; top: -7px; margin: 0; padding: 0; border-top: 3px solid #ef2d26; width: 188px; font-size: 0.7em; color: #ef2d26; }



/* Special rules for home template */
#home #contactHdr							  { height: 148px;}
#home #imageHdr									{ height: 149px; background-position: 0px 0px;}
#home #content                  { float: left; position: relative; top: -8px; margin: 0 10px 0 20px; padding: 0; width: 168px; border-top: 3px solid #194094; font-size: 0.7em; }
#home #latestNews               { float: left; margin: 0; padding: 0; width: 198px; }
#home #rightBar					{ top: -8px; }

#home .newsitem                 { float: left; position: relative; top: -8px; margin: 0 10px 10px 10px; padding: 10px 0; width: 168px; font-size: 0.7em; }
#home .newsitem.even            { border-top: 3px solid #194094; font-size: 0.7em; color: #194094; }
#home .newsitem.odd             { border-top: 3px solid #ef2d26; font-size: 0.7em; color: #ef2d26; }
#home .newsitem.even a          { color: #194094; }
#home .newsitem.odd a           { color: #ef2d26; }
#home .newsitem.even a:hover    { color: #ef2d26; }
#home .newsitem.odd a:hover     { color: #194094; }
#home .newsitem h2										{ margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#home .newsitem .summary     				  { margin: 0; padding: 0; }
#home .newsitem p     				        { margin: 0; padding: 0; }
#home .newsitem a   				          { margin: 0; padding: 0; }

/* END: Basic page containers */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* header */

#header h1                             				{ display: none; }
#header img                             			  { float: left; margin: 0; padding: 0; border: 0px; }

#header #menuBar															{ float: right; height: 28px; width: 265px; padding: 1px; background-color: #ef2d26; }
#header #menuBar a														{ float: left; margin: 6px 6px; color: #FFF; text-decoration: none; }
#header #menuBar #search input.searchField		{ float: left; margin: 4px 2px 0px 2px; padding: 1px 4px; border: 1px solid #FFF; width: 125px; height: 14px; background-color: #ef2d26; color: #FFF; }
#header #menuBar #search .searchBtn						{ float: left; margin: 4px 2px 0px 2px; padding: 1px 0 0 0; border: 1px solid #FFF; height: 18px; background-color: #ef2d26; color: #FFF; font-size: 1em; font-weight: bold; text-transform: uppercase; cursor: hand;}
html>body #header #menuBar #search .searchBtn { padding: 0; width: 43px; font-size: 0.8em; }

/* END: vertical menu   */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* left menu   */

#leftBar a															{ color: #FFF; }

#leftBar #sideMenuList                           { postion: relative; margin: 0; padding: 0; width: 168px; list-style: none; }
#leftBar #sideMenuList .menuItem a               { display: block; margin: 0; padding: 5px 20px 5px 2px; width: 146px; height: 17px; background: #194094 url(../gfx/menuArrow.gif) no-repeat center right; color: #FFF; text-decoration: none; text-align: right; text-transform: uppercase; border-bottom: 4px solid #FFF; }
#leftBar #sideMenuList .menuItem a:hover				 { background-color: #ef2d26; }
#leftBar #sideMenuList .menuItem			           { font-weight: bold; }
#leftBar #sideMenuList .menuItem ul                     { margin: 0; padding: 0; font-weight: normal; list-style: none; background-color: #7E94C5; border-bottom: 4px solid #FFF; }
#leftBar #sideMenuList .menuItem ul li a                { display: block; margin: 0; padding: 2px 20px 2px 2px; width: 146px; background: #7e94c5; color: #FFF; border: 0px; text-decoration: none; text-align: right; text-transform: none; }
#leftBar #sideMenuList .menuItem ul li a:hover          { background-color: #ef2d26; color: #FFF; }
#leftBar #sideMenuList .menuItem ul li a.current				{ display: block; margin: 0; padding: 2px 20px 2px 2px; width: 146px; background: #FFF url(../gfx/menuArrowCurrent.gif) no-repeat center right; color: #ef2d26; text-decoration: none; text-align: right; }
#leftBar #sideMenuList .menuItem ul li a.current:hover	{ background: #ef2d26 url(../gfx/menuArrowCurrent.gif) no-repeat center right; color: #FFF;}


/* END: left menu   */
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* right menu   */

#rightBar h4															{ margin: 10px 0 10px 10px; padding: 0; font-size: 1.1em; text-transform: uppercase; }

#rightBar #sideMenuList                          { postion: relative; margin: 0; padding: 0 0 30px 10px; list-style: none; border-left: 1px solid #c6c6c6; }
#rightBar #sideMenuList li                       { margin: 4px 0; padding: 0; }
#rightBar #sideMenuList .menuItem a              { margin: 0; padding: 0; color: #ef2d26; }
#rightBar #sideMenuList .menuItem a:hover				 { color: #194094; }

#rightBar .article               		{ margin: 10px 0 0 0; padding: 0; }
#rightBar .article .bodytext p				{ padding: 0; }

/* END: right menu   */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Content containers */
#content ul                             { margin: 0 0 0 15px; padding: 0; list-style: none; list-style-image: url(../gfx/listArrow.gif); line-height: 5px; }
html>body #content ul                   { margin: 0 0 0 22px; }
#content ul li                          { margin: 10px 0; padding: 0; }
#content ul li ul                       { margin: 0 0 0 10px; padding: 0; list-style: none; list-style-image: url(../gfx/sublistArrow.gif); line-height: 5px; }
#content ul li ul li                    { margin: 10px 0; padding: 0; }
#content ul li ul li ul                 { margin: 0 0 0 10px; padding: 0; list-style: none; list-style-image: url(../gfx/subsublistArrow.gif); line-height: 5px; }
#content ul li ul li ul li              { margin: 10px 0; padding: 0; }

#content .article               		{ margin: 10px 0 0 0; padding: 0; }
#content .article h2					{ margin: 0 0 10px 0; padding: 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#content .article h3					{ margin: 0 0 10px 0; padding: 0; font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
#content .article .summary     			{ margin: 0 0 10px 0; padding: 0; font-weight: bold; }
#content .article .bodytext     		{ margin: 0; padding: 0; }
#content .article .bodytext a   		{ margin: 0; padding: 0; }
#content .article .bodytext p			{ margin: 0; padding: 0; }
/* aanpassing lijst */
#content .article .bodytext ul { margin:0; padding:0 0 0 20px; line-height:12px; list-style-type:disc;}
#content .article .bodytext ul li { margin:4px 0 0 0;}
#content .article img           				{ float: left; border: 1px solid #194094; }
#content .article .links						    { margin: 10px 0; padding: 0; }
#content .article .links a           		{ float: left; color: #ef2d26; text-decoration: none; font-weight: bold; }
#content .article .links a.solliciteer  { float: right; }
#content .article .links a:hover        { text-decoration: underline; }
#content .date     				              { margin: 0; padding: 0; color: #194094; }
#content .goBack                        { margin: 15px 0px 0px 0px; color: #ef2d26; font-weight: bold; display: block; }
#content .readMore                      { color: #ef2d26; display: block; }

#content .vacancy               				{ margin: 10px 0 15px 0; padding: 0; }
#content .vacancy p              				{ margin: 0; padding: 0; }
#content .vacancy h2										{ margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#content .vacancy h2 a									{ color: #194094; }
#content .vacancy h2 a:hover						{ color: #ef2d26; }
#content .vacancy .summary     				  { margin: 0; padding: 0; }
#content .vacancy .date     				    { color: #ef2d26; }

#content .news               				    { margin: 10px 0 15px 0; padding: 0; }
#content .news p              				  { margin: 0; padding: 0; }
#content .news h2										    { margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#content .news h2 a									    { color: #194094; }
#content .news h2 a:hover						    { color: #ef2d26; }
#content .news .summary     				    { margin: 0; padding: 0; }

#content .generalForm                   { float: left; margin: 10px 0 0 0; padding: 0; }
#content .generalForm h2								{ margin: 0 0 10px 0; padding: 0; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#content .generalForm fieldset          { float: left; border: 1px solid #dde3ef; margin: 10px 0 0 0; padding: 5px; background-color: #f6f8fb; width: 346px; }
#content .generalForm .formerror        { float: left; margin: 10px 0 0 0; width: 100%; color: #ef2d26; }

/* END: Content containers */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* General form rules  [WARNING! low specificity!] */

form                { }
form fieldset       { border: 0; margin: 0; padding: 0; }

label              	{ float: left; width: 35%; padding: 7px 0 8px 0; }
input								{ font-size: 1.0em; color: #194094; padding: 2px; }
input.radio					{ width: auto; background-color: transparent; display: block; }
textarea						{ font: normal normal 1em/1em verdana, arial; color: #194094; padding: 2px; }


/* text type variants */
.zipcode            { float: left; width: 20%; }
.city               { float: left; width: 40%; }
.day                { float: left; width: 17%; }
.month              { float: left; width: 18%; }
.year               { float: left; width: 25%; }
  
.radio              { float: left; width: 60%; padding: 7px 0 8px 0; }
.radio input        { display: inline; width: auto; }

.checkbox           { float: left; width: 60%; padding: 7px 0 8px 0; }
.checkbox input     { display: inline; width: auto; }

.select             { float: left; width: 60%; padding: 7px 0 8px 0; }
.select option      { width: 100%; }

.textarea           { float: left; width: 60%; padding: 7px 0 8px 0; }
.textarea textarea  { width: 100%; border: 1px solid #5f9bcf; height: 100px; }

.text               { float: left; width: 60%; padding: 7px 0 8px 0; }
.text input         { width: 100%; border: 1px solid #5f9bcf; }
.error input        { border: 1px solid #ef2d26; color: #ef2d26; }

.errormessage       { height: 1px; visibility: hidden; overflow: hidden; }
.showError          { float: left; width: 220px; padding: 0 0 0 120px; color: #ef2d26; font-size: 0.9em; }

.message            { float: left; width: 100%; }
.submessage         { float: right; width: 40%; padding: 4px 0; color: #ef2d26; text-align: right; }

.button             { float: left; width: 55%; padding: 7px 0 8px 0; }
.button input       { width: auto; text-align: center; border: 0px; color: #FFF; background-color: #194094; font: normal normal 1em/1em verdana, arial; font-weight: bold; cursor: pointer; }
.button input:hover { background-color: #ef2d26; }

/* END: General form rules  */
/* --------------------------------------------------------------------------- */


/* EOF */