/* stylesheet: Sinai Centrum  */
/* versie: 1.0 - 07/11/2007               */
/* Robert Jan Verkade - robertjan@eend.nl */


/*  clean start based on eric meyer: 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
 color:#000;
 background:#fff;
 text-align:center;
 font:12px/1.25 arial,helvetica,sans-serif;
}

ul {
	list-style: none;
}

p, ol, ul, table {
margin-bottom:1em
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

.he caption, .he th, .he td {
 text-align: right;
}

strong {
 font-weight:bold;
}

em {
 font-style:italic;
}

input.button {
 letter-spacing:-.03em;
 padding:0 .2em;
 color:#fff;
 width:auto !important
}

h1 {
font-size:200%;
}

h2 {
font-size:180%
}

h3 {
font-size:150%
}

h4, h5 {
font-weight:bold;
font-size:100%
}

/*  #wrap
-------------------------------------------- */
#wrap {
 position:relative;
 margin: 0 auto;
 width: 984px;
 text-align:left;
}

.he #wrap {
 text-align:right;
}

/*  #header
-------------------------------------------- */
#logo {
 width: 984px;
 height: 152px;
 background: url(../images/logo_sinai.gif) no-repeat;
}

#logo img {
 position: absolute;
 top: -10000px;
}

#logo a {
 display: block;
 width: 301px;
 height: 70px;
 text-decoration: none;
}

#zoek {
display:block;
position:absolute;
left:17px;
top:0;
padding-left: 13px;
background:url(../images/bg_zoek_l.png) no-repeat 0 100%;
min-height:34px;
}

#zoek div {
padding-top:3px;
padding-bottom:14px;
background:url(../images/bg_zoek_m.png) repeat-x 0 100%;
min-height:17px;
}

#zoek fieldset {
display:block;
background:url(../images/bg_zoek_r.png) no-repeat 100% 100%;
padding-right: 21px;
}

#zoek label {
display:none;
}

#zoek input {
border:none;
width:9em;
}

.button {
border:none;
margin-left:3px;
padding:0;
background:#000;
color:#fff;
font-size:90%;
font-weight:bold;
text-shadow:#000 0 0 0;
letter-spacing:.1em;
cursor:pointer;
}

/*  #navigatie
-------------------------------------------- */
#navigatie {
color:#f7941d;
font-weight:bold;
line-height:2.2;
text-transform:lowercase;
}

#navigatie p {
margin-bottom:0;
}

#hoofdnav {
margin-bottom:0;
width:100%;
color:#fff;
background:#000;
float:left;
}

.he #hoofdnav {
float:right
}

#hoofdnav li {
display:block;
float:left;
}

.he #hoofdnav li {
float:right
}

#hoofdnav a {
display:block;
float:left;
color:#fff;
text-decoration:none;
text-shadow:#000 0 0 0;
padding-left:53px;
padding-right:53px;
background:url(../images/pijl_nav.gif) no-repeat 32px 50%
}

.he #hoofdnav a {
background:url(../images/pijl_nav_he.gif) no-repeat 100% 50%
}

#hoofdnav a:hover,#hoofdnav a:focus {
background-color:#f7941d;
}

#hoofdnav a.actief {
color:#000;
background-color:#f7941d;
background-image:none;
}

#secnav {
margin-top:4px;
margin-bottom:0;
width:100%;
color:#fff;
background:#000;
float:left;
}


.he #secnav {
float:right
}

#secnav li {
display:block;
float:left;
}

.he #secnav li {
float:right
}

#secnav a {
display:block;
float:left;
color:#fff;
text-decoration:none;
text-shadow:#000 0 0 0;
padding-left:20px;
padding-right:20px;
}

#secnav a:hover,#secnav a:focus {
background-color:#f7941d;
}

#secnav a.actief {
color:#000;
background-color:#f7941d;
}

#service {
float:left;
clear:both;
width:100%;
margin-bottom:0;
}

#service li {
float:left;
}

#service a, #home a {
color:#00adef;
text-decoration:none;
}

#service a:hover, #service a:focus, #home a:hover ,#home a:focus {
color:#f7941d;
}

#taal {
margin-bottom:0;
}

.he #taal {
float:right
}

#taal li {
margin-right:14px
}

.he #taal li{
margin-right:0;
margin-left:14px
}

#tools {
float:right;
margin-bottom:0;
}

.he #tools {
float:left
}

#tools li {
margin-left:14px
}

.he #tools li{
margin-left:0;
margin-right:14px
}

/*  #content
-------------------------------------------- */
#content {
clear:both;
}

.document #content {
border-top:9px solid #00adef;
}

#content #items {
float:left;
margin-bottom:2.2em;
line-height:1.7
}

#content #items h2 a {
display:block;
color:#000;
text-decoration:none;
text-transform:uppercase;
margin-bottom:.4em;
line-height:1.25
}

#content #items a img {
vertical-align:middle
}

#content #items #item01,#content #items #item02,#content #items #item03 {
width:319px;
float:left;
margin-right:13px
}

#content #items #item03 {
margin-right:0
}

.etalage {
min-height:163px;
margin-bottom:1em;
border-bottom:9px solid #f7941d;
color:#fff;
background:#00adef;
}

.etalage p {
padding:9px 13px 6px;
font-size:190%;
font-weight:bold;
line-height:1.25;
}

#item02 .etalage {
border-color:#00adef;
background:#f7941d;
}

.etalage img {
display:block
}

#container {
float:right;
width:779px;
font:90% verdana,arial,helvetica,sans-serif;;
}

.he #container {
float:left;
}

#tekst {
float:left;
width:574px;
padding-top:35px;
padding-bottom:3em;
line-height:1.5
}

.he #tekst {
float:right;
}

#tekst h1 {
position:relative;
top:-.4em;
margin-bottom:-.4em;
padding-bottom:4px;
font:200% arial,helvetica,sans-serif
}

#tekst h2 {
font:bold 130% arial,helvetica,sans-serif
}

#tekst h3 {
font-weight:bold;
font-size:110%
}

#tekst ul li {
margin-left:1.3em;
list-style:square
}

#tekst ol li {
margin-left:1.8em;
}

#tekst .opsomming li {
margin-bottom:1em
}

#tekst ol.opsomming li{
list-style:none;
margin-left:0;
}

#tekst ol.opsomming a {
text-decoration:none;
}

#tekst ol.opsomming a:hover, #tekst ol.opsomming a:focus {
text-decoration:underline;
}

#tekst a {
font-weight:bold;
color:#00adef;
}

#tekst a:visited {
color:#006bb7
}

#tekst a:hover, #tekst a:focus {
color:#f7941d;
}

#tekst img {
float:right;
margin:6px 0 14px 30px;
}

.he #tekst img {
float:left;
margin:6px 30px 14px 0;
}

#tekst .kruimel {
position:relative;
top:-.4em;
margin-bottom:14px;
padding-bottom:4px;
border-bottom:1px solid #f7941d;
color:#f7941d;
font:200% arial,helvetica,sans-serif
}

#tekst .kruimel span {
float:right;
color:#000;
}

.he #tekst .kruimel span {
float:left;
}

#tekst .item {
clear:both;
border-top:1px solid #f7941d;
padding-top:14px;
padding-bottom:14px;
}

#tekst .item h2 {
font-size:200%;
font-weight:normal;
padding-bottom:4px;
}

#tekst .eerste {
padding-top:0;
border:none;
}

#tekst .intro {
font-weight:bold
}

#tekst .pagnav {
margin:2em 0;
border-top:1px solid #f7941d
}

#tekst .pagnav a {
text-decoration:none
}

#tekst .adres {
float:left;
width:176px;
margin-right:15px;
margin-bottom:2em;
}

.he #tekst .adres {
float:right;
width:176px;
margin-right:0;
margin-left:15px;
}

#tekst .adres h2 {
font:bold 100% verdana,arial,helvetica,sans-serif
}

#tekst .formulier  {
background:#f7941d;
padding:15px 9px;
margin-bottom:2em;
line-height:2.5;
width:407px;
padding-right:160px;
}

#tekst .formulier fieldset {
display:block;
position:relative;
left:160px;
margin-bottom:2em
}

#tekst .formulier legend {
display:block;
font:normal 200% arial,helvetica,sans-serif;
}

#tekst .formulier table {
position:relative;
left:-160px;
}

#tekst .formulier label, #tekst .formulier th {
font-weight:bold;
}

#tekst .formulier th,#tekst .formulier td {
padding:0 4px 4px 0
}

#tekst .formulier label {
display:block;
margin-left:-160px;
margin-bottom:-2.5em;
width:155px;
}

#tekst .formulier label.speciaal {
display:block;
margin-top:2em;
margin-left:-160px;
margin-bottom:0;
width:auto;
}

#tekst .formulier label.inline {
display:inline;
margin:0;
width:auto
}

#tekst .formulier input, #tekst .formulier textarea {
border:none;
}

#tekst .formulier .button {
position:relative;
top:1em;
left:-3px;
padding:4px 11px 12px 4px;
background:#000 url(../images/bg_button_formulier.gif) no-repeat 100% 100%
}

#zoekopnieuw {
background:#00adef;
padding:21px 9px 14px;
}

#zoekopnieuw div {
float:left;
padding:0 7px 8px 0;
background:url(../images/bg_zoekopnieuw.gif) no-repeat 100% 100%
}

.he #zoekopnieuw div {
padding:0 0 8px 7px;
background:url(../images/bg_zoekopnieuw_he.gif) no-repeat 0 100%
}

#zoekopnieuw div div {
padding:4px 7px 4px 15px;
background:#000;
min-height:17px;
background:#000 !important;
}

.he #zoekopnieuw div div {
padding:4px 15px 4px 7px;
}

#zoekopnieuw label {
float:left;
padding:4px 7px 4px 0;
color:#fff;
font-weight:bold
}

.he #zoekopnieuw label {
float:right;
padding:4px 0 4px 7px;
}

#zoekopnieuw input {
border:none;
width:14em;
}

#extra {
float:left;
width:175px;
margin-left:30px;
padding-top:35px;
padding-bottom:3em;
}

#subnav {
float:left;
width:175px;
margin-top:35px;
margin-bottom:3em;
padding-bottom:1px;
line-height:1.5em;
background:url(../images/bg_subnav.gif) repeat-x 0 100%;
}

.he #subnav {
float:right;
}

#subnav li {
padding-top:1px;
background:url(../images/bg_subnav.gif) repeat-x 0 0;
}

#subnav li a, #subnav li span {
color:#000;
display:block;
padding:.3em 10px .4em;
font-weight:bold;
text-decoration:none;
text-shadow:#000 0 0 0;
}

#subnav li span, #subnav li .open {
color:#fff;
background:#000 url(../images/bg_subnav_open_actief.gif) no-repeat 155px 50%;
}


.he #subnav li span,.he #subnav li .open {
background-position: 6px 50%;
}

#subnav li .open {
color:#fff;
background-image:url(../images/bg_subnav_open_actief.gif) !important;
}

#subnav li a:hover, #subnav li a:focus,#subnav li a.open:hover, #subnav li a.open:focus, #subnav li a.actief {
color:#000;
background-color:#f7941d;
}

#subnav li a.open {
color:#fff;
background:#000 url(../images/bg_subnav_open.gif) no-repeat 155px 50%;
}


.he #subnav li a {
background-position: 6px 50%;
}

#subnav li ul {
margin-bottom:0;
}


#sitemap ul {
margin-bottom:0
}

#tekst #sitemap li {
list-style:none;
margin:0;
}

#tekst #sitemap li h2 {
border-top:1px solid #00adef;
margin-top:1.5em;
font:120% verdana,arial,helvetica,sans-serif
}

#sitemap a {
display:block;
color:#00adef;
border-bottom:1px solid #00adef;
background:url(../images/bg_linklijst.gif) no-repeat 100% 50%;
text-decoration:none;
padding:.2em 0
}

.he #sitemap a {
background:url(../images/bg_linklijst_he.gif) no-repeat 0% 50%;
}

#sitemap a:hover,#sitemap a:focus {
border-color:#f7941d;
}

#sitemap li li a {
padding-left:1.5em
}

#sitemap li li li a {
padding-left:3em
}

/*  #footer
-------------------------------------------- */
#footer {
clear:both;
font-weight:bold;
line-height:2.2;
text-transform:lowercase;
}

#footer ul{
width:100%;
background-color:#00adef;
color:#fff;
text-shadow:#000 0 0 0;
float:left;
margin-bottom:1.1em
}

#footer li {
display:block;
float:left;
}

.he #footer li {
float:right
}

#footer a {
display:block;
float:left;
color:#fff;
text-shadow:#000 0 0 0;
padding-left:14px;
padding-right:14px;
text-decoration:none;
}

#footer a:hover,#footer a:focus {
background-color:#f7941d;
}
#zoek div.hiddenFields {display:none !important}
.vcard {overflow:hidden;}
.vcard h3 {clear:both;}