/* used colours
#00A4CB blue
#C41E3A red

*/

h2.actueel{
font-size:12px;
font-family: arial, helvetica, san-serif;

}

input.ocmssubmit 
 {background-color: #C41E3A;
  color: #fff;
  font-weight: bold;
  border: 1px outset #ccc;
  font-family: arial;
  padding: 4px;}

body 
 {margin: 0;
  padding: 0 0 50px 0;
  text-align: center;
  background: #fff;
  font-family: arial, helvetica, san-serif;
  font-size: 12px;
  line-height: 140%;
  width: 100%;}

.clear 
 {clear: both;}

table, th, td 
 {font-size: 12px;}
th 
 {text-align: left;
  color: #C41E3A;
  width: 46px;}

img {border: 0;}

a 
 {color: #C41E3A;}
a:hover 
 {color: #999;}

h1, h2, h3, h4, h5, h6, #medewerkerblock h1
 {font-family: 'franklin gothic medium', serif;
  font-weight: normal;
  color: #D2222A!important;
  margin: 0 0 8px 0;
  line-height: 150%;
  padding: 0;}

h1 {font-size: 21px;}
h2 {font-size: 19px;}
h3 {font-size: 17px;}
h4 {font-size: 15px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

.searchbutton 
 {border: none;
  background: transparent;
  font-family: 'palatino linotype';
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 1px;}
#searchfield 
 {border: 1px solid #0D97B3;
  background-color: #fff;
  color: #999;
  width: 148px;
  font-size: 12px;
  font-family: arial;}

#topheader 
 {width: 994px;
  margin: 0 auto;
  height: 27px;
  background: url(/sites/stoel/images/bg-header.png) 0 0 no-repeat;}

#container 
 {width: 960px;
  padding-left: 17px;
  text-align: left;}

#outercontainer 
 {background: url(/sites/stoel/images/bg-outercontainer.png);
  width: 994px;
  text-align: left;
  margin: 0 auto;}

#outercontainerbottom 
 {height: 100px;
  background: url(/sites/stoel/images/bg-containerbottom.png) no-repeat;
  width: 994px;
  margin: 0 auto;}

#outercontainerbottom div 
 {padding: 7px 0 0 30px;
  text-align: left;
  font-size: 14px;
  color: #fff;}
#outercontainerbottom h3 a 
 {color: #fff!important;}
#outercontainerbottom a 
 {font-weight: bold;
  text-decoration: none;}
#outercontainerbottom h3 
 {padding: 0!important;
  margin: 0!important;}
#outercontainerbottom td 
 {padding: 2px!important;
  margin: 0!important;}
#outercontainerbottom td p 
 {margin: 0;
  padding: 0;}


#header 
 {height: 70px;
  border-bottom: 4px solid #fff;
  width: 960px;
  background-color: #00A4CB;}
  
#logo 
 {position: absolute;
  display: block;
  top: 15px;
  margin-left: 21px;
  width: 477px;
  height: 81px;
  background: url(/sites/stoel/images/header-stoel.png) 0 0 no-repeat;}

#searchform 
 {position: absolute;
  width: 240px;
  height: 40px;
  left: 50%;
  top: 10px;
  margin-left: 260px;}
#searchform form 
 {padding: 10px;}

#mainmenu 
 {height: 62px;
  margin-bottom: 10px;
  background: url(/sites/stoel/images/bg-mainmenu.png) repeat-x;}

#mainmenu ul 
 {margin: 0;
  padding: 6px 0 0 14px;
  list-style: none;}  

#mainmenu ul li 
 {float: left;}

#mainmenu ul li a 
 {display: block;
  color: #fff;
  padding: 0 4px 0 4px;
  text-align: center;
  line-height: 23px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;}

#mainmenu ul li a:hover 
 {background-color: #D2222A!important;
  color: #fff!important;}

#mainmenu ul ul li a 
 {color: #00A4CB!important}

#mainmenu ul ul 
 {background-color: #BFE8F2;}

#mainmenu ul ul li 
 {float: left;
  clear: both;}

#mainmenu ul ul li a:hover 
 {color: #D2222A!important;
  background-color: transparent!important;}


#mainmenu ul li a:hover 
 {background: #EEEEE0;
  color: #D2222A;}
  
#leftcol 
 {width: 306px;
  xbackground-color: yellow;
  padding-left: 11px;
  float: left;}

#rightcol 
 {width: 619px;
  xbackground-color: red;
  padding-right: 20px;
  float: right;}




.quote 
 {xbackground: url(/sites/stoel/images/bg_quote.png) 0 0 no-repeat;
  border: 1px solid #00A4CB;
  clear: both;
  width: 620px;
  xheight: 72px;
  margin: 50px auto 30px auto;}
.quote div 
 {color: #00A4CB;
  padding: 7px 15px 7px 15px;
  font-size: 13px;
  font-weight: bold;}
.quote span 
 {display: block;
  text-align: right;
  color: #98D5E2;
  font-style: italic;}
.quotebottom
 {width: 650px;
  height: 6px;
  font-size: 1px!important;
  padding: 0!important;
  margin: 0!important;
  xbackground: url(/sites/stoel/images/bg_quotebottom.png) 0 0 no-repeat;}


/* infoblocks ===================== */

.infoblock 
 {width: 287px;
  xbackground: url(/sites/stoel/images/bg_infoblock.png) bottom left no-repeat;}

.infoblocktop 
 {height: 5px;
  font-size: 1px;
  xbackground: url(/sites/stoel/images/bg_infoblock_top.png) bottom left no-repeat;}

.infoblockinner
 {padding: 4px 12px 8px 12px;
  color: #D2222A;}

.infoblockinner li 
 {list-style: square;
  font-size: 14px;
  color: #C41E3A;}
.infoblockinner li 
 {line-height: 150%;
  margin-left: 15px;}

.infoblockinner li a
 {font-size: 13px;
  color: #D2222A!important;
  line-height: 170%;}

.infoblockinner ul li 
 {font-size: 12px;}


.infoblockbottom 
 {height: 7px;
  font-size: 1px;
  xbackground: url(/sites/stoel/images/bg_infoblock_bottom.png) top left no-repeat;}

#menufile 
 {width: 283px;
  height: 211px;
  margin-bottom: 15px;}


#startcol 
 {float: right;
  width: 280px;
  padding: 0 5px 20px 30px;}

#startcol ul 
 {margin: 0;
  padding: 0;
  list-style: none;}
#startcol ul li span 
 {color: #0D97B3;
  font-weight: bold;
  font-size: 10px;}
#startcol ul li a 
 {color: #C41E3A!important;
  text-decoration: none;}
#startcol ul li a:hover 
 {color: #999!important;}
#startcol ul li p 
 {margin-top: 0;}

ol#searchpage li
 {margin-bottom: 15px;}
ol#searchpage a 
 {color: #0D97B3;
  margin-left: 0!important;}

a.searchTitle
 {font-size: 13px;
  color: #C41E3A!important;
  font-weight: bold;}


ul.producten 
 {margin: 20px 0 20px 0;
  padding: 0;
  list-style: none;}
ul.producten li 
  {line-height: 170%;}
ul.producten li a 
 {color: #0D97B3;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;}
ul.producten li a:hover  
 {color: #C41E3A;}

ul.medewerkers 
 {list-style: none;
  padding: 0 0 0px 0;
  margin: 0;}
ul.medewerkers li, .medewerkerImg 
 {height: 172px;
  width: 150px;
  float: left;
  margin-right: 10px;}
ul.medewerkers li a 
 {text-decoration: none;
  color: #0D97B3;
  font-weight: bold;}
li.noimg, li.noimg a
 {float: none!important;
  width: auto!important;
  height: 10px!important;
  padding-top: 10px;
  line-height: 20px!important;}


ul.medewerkers li a:hover 
 {color: #C41E3A;}

#medewerker p 
 {margin-top: 0;}

#medewerker h1  
 {color: #0D97B3;}
#medewerker h2
 {font-size: 17px;
  margin: 15px 0 4px 0;
  padding: 0;}

.medewerkerQuote 
 {color: #0D97B3;
  font-family: 'palatino linotype';
  font-size: 14px;
  font-weight: bold;
  line-height: 150%;
  margin-top: 5px;
  font-style: italic;}

#medewerkerblock
 {position: absolute;
  top: 360px;
  left: 50%;
  margin-left: -484px;}

.medewerkermail 
 {height: 285px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

 .clearfix {
display: inline-block;
}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */

#onsteam h1, #onsteam h1 a
 {color: #c41E3a!important;
  text-decoration: none;}
#onsteam ul 
 {margin: 0 0 20px 15px;
  padding: 0;
  list-style: none;}
#onsteam ul li a 
 {color: #00A4CB!important;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  line-height: 170%;}
#onsteam ul li a:hover 
 {color: #C41E3A!important;}

/* menu stuff =============== */

#nav, #nav ul
 { /* all lists */
  margin: 0;
  padding: 0;
  list-style: none;}
#nav li a
 {text-decoration: none;
  display: block;}
#nav li a:hover
 {text-decoration: none;}
#nav li li a
 {text-decoration: none;
  font-size: 12px;
  line-height: 200%;
  display: block;
  text-align: left;
  whitespace: no-wrap!important;
  color: #C41E3A;}
#nav li li 
 {whitespace: no-wrap!important;}
#nav li li a:hover 
 {background: none;
  color: #999; }
li.first 
 {float: left; 
  display: block;
  xheight: 29px;
  xmargin-top: -7px;
  xpadding-top: 5px;}
li.first a 
 {padding-left: 5px;
  padding-right: 1px;}

li.first a:hover 
 {background-color: #fff;}


#nav li ul
 { /* second-level lists */
  position: absolute;
  left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
 { /* lists nested under hovered list items */
  left: auto;}


textarea#fq_Bericht 
 {width: 200px;
  height: 108px;
  font-family: arial;
  font-size: 11px;
  padding: 2px;
  border: 1px inset #ccc;}

input#fq_Naam, input#fq_Email
 {width: 200px;
  font-family: arial;
  font-size: 11px;
  padding: 2px;
  border: 1px inset #ccc;}