@import "reset.css";
@import "default.css";
@import "navigation.css";

/************** globals + wrappers *************/
body, html    { height: 100%; padding:0; margin: 0; background: #ffffff; font-family:Helvetica, sans-serif; font-size: 13px;}
#wrapper      { height: auto !important; min-height: 100%; position: relative; width: 100%; overflow: hidden; }
#basis        { width:1024px; margin:0 auto; background-color:#fff; z-index: 2;}
h1            { color:#00447b; font-weight:bold ; margin-top:10px;}
h2            { color:#00447b; font-weight:bold ; font-size: 16px;} 
#backgrounder { width:100%; height:460px; background-color:#ffffff; position: absolute; top:142px; }
/************ end globals + wrappers ***********/

                                                
/************** header *************/                                                              
#header       { width:  100%; height:157px; background-color:#00447b; margin:0 auto; z-index: 9;}
#inner_header { width:1024px; height:157px; background-image:url(../img/head.jpg); margin:0 auto; z-index: 10;} 
#vestigingen  { width:200px; color:#fff; float: right; margin-top:25px; }
#vestigingen td { border-top: 1px solid #fff; height:20px;  }
#vestigingen tr.last-child td { border-bottom: 1px solid #fff; }
#navbar       { width:  100%; height: 35px; background-image:url(../img/navbar.jpg); margin:0 auto; margin-top:-35px; z-index: 9;}  
/************ end header ***********/
                                                

/************** containers *************/
#ctleft   { width: 208px; float: left; display: inline; background-color:#ededee; background-image: url(../img/topleft.gif); background-position: top right; background-repeat: no-repeat; height:500px; padding:40px 10px 0px 10px;}
#ctmiddle { width: 500px; float: left; display: inline; background-color:#ededee; background-image: url(../img/topmiddle.gif); background-position: top; background-repeat: no-repeat; margin-left:4px; padding:40px 30px 0px 30px; z-index:1;}
#middle_bottom { width:560px; height:38px; background-image: url(../img/middle_bottom.gif); background-position: bottom; background-repeat: no-repeat; z-index: 99; margin-left:-30px; }
#ctright  { width: 208px; float: left; display: inline; background-color:#ededee; background-image: url(../img/topright.gif); background-position: top left; background-repeat: no-repeat; margin-left:4px; height:500px; padding:40px 10px 0px 10px;}
/************ end containers ***********/


/************ search form ***********/
#crawler        { width:230px; position:relative; z-index: 199; top:-70px; height:25px; padding-top: 3px; }
#searchfield    { border:none; background:none; height:20px; width: 103px; color:#fff; padding-right: 5px; vertical-align: bottom; overflow:hidden;}
div#searchdiv   { background: url(../img/zoekveld.jpg) no-repeat; border:none; height:20px; width: 118px; padding-left:30px; }
div#submitdiv   { position:relative; margin-left:150px; border:none; height:21px; margin-top:-21px; }
#submitter      { border:none; height:21px; vertical-align: bottom; }
/************ end search form ***********/


/************** footer *************/
#footer       { width:  100%; height: 155px; background-color:#c9cacd; margin:0 auto; position: relative; bottom: 0; color:#333; font-size: 10px; z-index: 989; top:20px; }    
#inner_footer { width:1024px; height: 130px; background-color:#c9cacd; margin:0 auto; text-align:center; padding-top:25px; }
/************ end footer ***********/

.gradient { margin-top: 30px; }
input.rounded  { border: 0; background: url(../img/rounded_input.gif) top left no-repeat; width: 300px; height: 25px; padding: 3px 5px; font-size: 85%; color: #000; }
textarea.rounded  { border: 0; background: none; width: 282px; height: 55px; font-size: 85%; color: #000; overflow-y:auto; }
div.rounded_text  { border: 0; background: url(../img/rounded_text.gif) top left no-repeat; width: 300px; height: 70px; color: #000; padding:5px;}
input.formsubmit  { border: 0; background: url(../img/rounded_submit.gif) top left no-repeat; width: 120px; height: 25px; padding: 3px 5px; color: #fff; font-weight: bold;}

ul#locations    {list-style: none; margin: 0; padding: 0; width:250px;}
#locations li   {float: left; margin:0; padding:5px; width:91px; height:74px;}
div.loc_pop     {margin-top:5px; margin-left:5px; width: 145px; height:150px; visibility: hidden; position: absolute; background-image: url(../img/tooltip.gif); color:#fff; font-weight: bold; font-size: 9px; padding-left:5px; line-height: 16px;}
div#Goor        { margin-top:14px; }
div#Rijssen     { margin-top:14px; margin-left:48px; }
div#Enschede    { margin-left:48px; }
div#Almelo      { /*margin-left:10px;*/ }                                                                                       
div.loc_pop h1  {font-size:14px; color:#00447b; font-weight: bolder;}
.loc_link       {display:block; float:right; margin-right:10px; color:#00447b;}

.clickpath      { color:#03467d; font-size:9px; height:auto; width:600px; background: none; position:absolute; top:-20px;}

.filiaal        { border-bottom:1px solid #00447b; font-size:13px; padding-bottom:5px; padding-top:15px; }
.filiaal .naw   { position:relative; width:200px; height:55px;}
.filiaal .links { position:relative; width:200px; left:205px; top:-55px;}


/************ global links ***********/ 
a           {color:#000;}
a:link      {color:#03467d;}
a:hover     {color:#03467d;}
a:active    {color:#03467d;}
a:visited   {color:#000;}
/********** end global links *********/ 


/************ links in CTMIDDLE ***********/ 
.inner_html a           {color:#03467d; text-decoration: underline;}
.inner_html a:link      {color:#03467d; text-decoration: underline;}
.inner_html a:hover     {color:#03467d; text-decoration: underline;}
.inner_html a:active    {color:#03467d; text-decoration: underline;}
.inner_html a:visited   {color:#03467d; text-decoration: underline;}
/********** end links in CTMIDDLE *********/ 


#ctmiddle ol li {padding-top:10px;}
#ctmiddle ul li {list-style-type: none;}


/*FAILLISSEMENTEN*/
.fail_filter {border: 1px solid #ccc; padding:15px; font-size:11px;}
.fail_filter legend { font-size:13px; color:#00447B; padding-left:20px; padding-right: 20px;}
.fail_filter span.alphabet_head { margin-left:3px; color:#666;}

ul#verslagen    { list-style-type: none; }
ul#verslagen li { width: 100%; display: block; padding-bottom: 20px; padding-top: 20px; }
ul#verslagen li label         { float:left; height:20px; display: block; overflow: hidden; }
ul#verslagen li a.verslaglink { float:right; width:100px; height: 20px; display: block; }

span#alphabet_nav   { width: 300px; height:80px; display: block; }

ul#verslagen th.letter      { background: none; font-size: 14px; padding-top: 3px; text-align: center; padding-left: 0px;}
ul#verslagen th             { border-bottom:2px solid #0099cc; border-top:2px solid #0099cc; height:16px; color:#0099cc; font-size: 11px; padding-left:10px;}
ul#verslagen th.business    { width: 290px;}   
ul#verslagen th.number      { width: 90px;}   
ul#verslagen th.docs        { width: 90px;}   

ul#verslagen td             { border-bottom:1px solid #0099cc; height:16px; color:#666; font-size: 11px; padding-left:10px;}


a.pdflink           { width: 20px; height: 30px; display: block; float: left; margin-left:3px; background: url(img/pdf.png); }
a.pdflink:hover     { color:#03467d; text-decoration: none;}
a.pdflink:active    { color:#03467d; text-decoration: none;}
a.pdflink:link      { color:#03467d; text-decoration: none;}
a.pdflink:visited   { color:#03467d; text-decoration: none;}

a.letter            { height:20px; width: 20px; display: block; float: left; padding-top: 3px; margin-left:3px;  text-align: center; background: url(img/letter_anchor.jpg) no-repeat; color:#fff; text-decoration: none; }
a.letter:hover      {color:#fff; text-decoration: none;}
a.letter:active     {color:#fff; text-decoration: none;}
a.letter:link       {color:#fff; text-decoration: none;}
a.letter:visited    {color:#fff; text-decoration: none;}

a.bigletter         { height:20px; width: 20px; display: block; float: left; padding-top: 3px; margin-left:3px;  text-align: center; background: url(img/letter_anchor.jpg) no-repeat; color:#fff; text-decoration: none; }
a.bigletter:hover   { color:#fff; text-decoration: none;}
a.bigletter:active  { color:#fff; text-decoration: none;}
a.bigletter:link    { color:#fff; text-decoration: none;}
a.bigletter:visited { color:#fff; text-decoration: none;}
       
a.tooltip           { background:url(img/info_inactive.png); width:20px; height:20px; display: block; position:relative; z-index:24; color:#000; text-decoration:none; margin-left:-8px; }
a.tooltip:hover     { background:url(img/info_active.png); width:20px; height:20px; display: block; }

a.tooltip span.tip       { display:none; padding:2px 3px; margin-left:12px; margin-top:12px; width:320px;}
a.tooltip:hover span.tip { display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

span.tooltippart    { width:160px; height:18px; display: block; font-weight:bold; border:none; margin:0; padding:0; color:#000; margin-top:3px; float: left; }
span.tooltipinfo    { width:140px; height:18px; display: block; margin-top:3px; float: left; }

/*FAILLISSEMENTEN*/


/*TEMP*/
ul#temp { list-style-type:none; }
ul#temp li { height:30px; }
ul#temp li span { float: right;}
/*TEMP*/


/*ticker op homepage*/
div#ticker     { background:url(img/ticker.png) left top no-repeat; padding:10px; margin-top:-20px; color:#fff; font-size:0.8em; top:0;}
div#ticker h2.title  { color:#00447b; font-weight:bold ; font-size: 16px; color:#fff; margin-top:0px; padding-bottom:10px; text-align: center; }
div#ticker h2  { color:#00447b; font-weight:bold ; font-size: 14px; }

ul#failTicker                               { margin:0; padding:0; list-style-type:none; width:175px; }
ul#failTicker li                            { margin:0; padding-top:20px; border-top:1px solid #fff; width:175px; overflow: visible; }

ul#failTicker li a.tooltip                  { background:url(img/info_inactive.png) no-repeat; width:20px; height:20px; display: block; position:relative; z-index:24; color:#000; text-decoration:none; margin-left:0px; float:left; padding-right:10px; }
ul#failTicker li a.tooltip:hover            { background:url(img/info_active.png) no-repeat; width:20px; height:20px; display: block; }
ul#failTicker li a.tooltip span.tip         { display:none; padding:2px 3px; margin-left:12px; margin-top:12px; width:160px;}
ul#failTicker li a.tooltip:hover span.tip   { display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

ul#failTicker li span.tooltippart           { width:80px; height:18px; display: block; font-weight:bold; border:none; margin:0; padding:0; color:#000; margin-top:3px; float: left; }
ul#failTicker li span.tooltipinfo           { width:80px; height:18px; display: block; margin-top:3px; float: left; }

ul#failTicker li span.failattribute         { float:left; width:30px; margin-right:20px; padding-right:10px; }
ul#failTicker li h2                         { margin-top:10px; padding:0; float:left; text-align: center; width:100%; }
ul#failTicker li span.failnummer            { margin:0; padding:0; float:right; margin-top:2px; }
ul#failTicker li span.readmore              { margin:0; padding:0; float:right; padding:5px; margin-top:10px; width:100%; text-align:right; }

div.bxslider_wrap  { overflow:visible; height:150px; }
div.bxslider_container { display: block; margin:0; padding:0; width:100%; height:130px !important; overflow:visible;}
                                                                     
/*ticker op homepage*/

a#rsslink { height:16px; width:160px; float: left; /*margin-top:130px;*/ margin-left:5px; padding:0; background:url(img/rss_icon.gif) left top no-repeat; display: block; top:0; }
a.vcard   { height:36px; width:48px; border:none; background:url(img/vcard.png) left top no-repeat; margin: 0; padding: 0; float: left; }



body.praktijkgroepen div.inner_html a {text-decoration: none !important;}
body.praktijkgroepen div.inner_html div.clickpath a {text-decoration: underline !important;}
body.other div.inner_html a {text-decoration: none !important;}