/* PC rescue CSS
    v2.0 02-2009
    nocommerce.nl
*/

body                                        {margin:0; padding:100px 0 50px 0; background: url(afbeeldingen/bg-repeat1.jpg) top center repeat-y; font: normal 11px Verdana; overflow-x: hidden;}
p                                                {clear: left; font: normal 11px Verdana; outline: none; display: block;}
ul                                                {position: relative;  margin: 0px; padding: 0px; font: normal 11px Verdana; outline: none; list-style-type: none; overflow: hidden;}

#controlediv                                {width: 100%; height: 100px; border: 1px solid #ff0000; overflow-x: hidden; overflow-y: auto; display: none;}

img                                                {border: none; outline: none;}
a                                                {border: none; outline: none; text-decoration: underline; color: #111111;}
a.extlink                                        {z-index: 254; padding-top: 10px; font: normal 9px 'Verdana'; text-align: left; text-decoration: none; color: #999999; border: none;}
a.extlink        img                                {position: relative; z-index: 254; display: block; margin: 0px auto 0px auto; border: none;}

noscript p                                {position: relative; width: 330px; background: #FFFFFF; color:#993333; padding: 2px; font: bold 11px verdana; display: block; text-align: center;}
div.tekst                                        {margin: 0px; padding: 0px; text-align: left;}

div#header                                {z-index: 200; position:absolute; top:0; left:0; width:100%; height:100px; line-height: 0px;}
.head                                        {position: relative; width: 799px; height: 100px; left: 50%; margin: 0px auto 0px -400px; background: url(afbeeldingen/logo.jpg) top center no-repeat;}

#footer                                        {z-index: 200; position:absolute; bottom:0px; left:0; width:100%;}
.foot                                        {position: relative; width: 736px; height: 50px; left: 50%; margin: 0px auto 0px -368px; background: #DBE8F0 url(afbeeldingen/opsomming.gif) center 8px no-repeat; font: normal 9px 'Verdana'; color: #999999;}

.content                                        {position: relative; clear: both; width: 100%; min-height: 600px; margin: 0 auto 0px auto; border: none; overflow-x: hidden;}
.inhoud                                        {position: relative; float: left; width: 736px; left: 50%; margin: 0 auto 0px -368px; border: none;  overflow: hidden;}

 @media screen                        {body>div#header{position:fixed;}body>div#footer{position:fixed;}}
 * html body                                {overflow:hidden;}
 * html div.content                {width: 100%; height: 100%; margin: 0 auto 0px auto; overflow-y: auto;}
 * html div.inhoud                        {position: relative; float: left; width: 736px; height: 100%; left: 50%; margin: 0 auto 0px -368px; padding-right: 18px; border: none; overflow-y: auto;}

.paginaTitel                                {position: relative; margin: 0px; padding: 10px 0px 10px 0px; color: #333333;}
.innercontent                                {position: relative; width: 100%; height: 100%; margin: 0px; color: #333333;}
.indexcontent                                {position: relative; margin: 0px; padding-bottom: 20px; }
.error                                        {position: relative; float: left; width: 100%; height: 16px; margin: 0px; padding: 6px 0 14px 0; font: bold 11px Verdana; color: #993333;  text-align: center;}
#scripted                                        {clear: none; display: none;}

.zijbalk                                        {clear: none; position: relative; float: right; width: 130px; margin: 0px 10px 10px 10px; padding: 2px 0px 10px 0px; border: none; border-left: 1px dotted #BABABA;}
.zijbalkMedium                        {clear: none; position: relative; float: right; width: 280px; margin: 0px 10px 10px 10px; padding: 2px 0px 14px 0px; border: none; border-left: 1px dotted #BABABA;}
.zijbalkGroot                                {clear: none; position: relative; float: right; width: 330px; margin: 0px 4px 10px 4px; padding: 2px 0px 20px 0px; border: none; border-left: 1px dotted #BABABA;}

.zijbalkTitel                                {padding: 2px 0 2px 0px; font: normal 11px verdana; background: #FFFFFF;}
.zijbalkInhoud                                {position: relative; font: normal 11px verdana; text-align: center; background: none;}
.zijbalkInhoud img                        {position: relative; text-align: center;}
a.zijbalkInhoud                        {position: relative; text-align: center;}
ul.zijbalkInhoud                        {position: relative; text-align: left; display: inline;}
ul.zijbalkInhoud li                        {position: relative; text-align: left; list-style: none; border: none; font: normal 9px verdana; display: block; white-space: nowrap;}
ul.zijbalkInhoud p                        {position: relative; text-align: center; font: bold 9px verdana;  padding: 0px;}
.zijbalkDisclaimer                        {position: relative; text-align: left;  padding: 4px 0px 4px 0px; font: normal 9px verdana; background: #FEFEFE; display: block;  padding: 0px; margin: 0px;}
p.zijbalkDisclaimer                        {padding: 1px; font: bold 9px verdana;}

#openingstijden                        {clear: none; position: relative; padding:10px 0px 0px 10px; width: 100%;}
#aanbiedingen                        {clear: none; position: relative; padding: 10px 0px 0px 10px; width: 100%;}
#advertentie                                {clear: none; position: relative; padding: 2px; border: none; border-bottom: 1px dotted #999999;}
#vraag                                        {clear: none; font: italic 11px verdana; padding-right: 20px;}
#antwoord                                {background: #EFEFEF; padding-right: 20px;}
#faqResultaten                        {clear: none; position: relative; background: #FFFFFF; color: #00619D; font: bold 12px Verdana; text-align: center; padding: 2px 0px 2px 0px; border: none;}
p#onderwerp                                {font: italic 8px verdana; padding: 0px;}
p#artikel                                        {padding: 0px; text-align: center; text-decoration: none; font: bold 9px verdana;}
p#van                                        {text-align: center; text-decoration: line-through; font: normal 10px verdana;}
p#voor                                        {text-align: center; text-decoration: none; color: #FF0000; font: bold 12px verdana;}

.spacer                                        {width: 100%; height: 10px; padding: 0px 10px 0px 10px; border-bottom: 1px dotted #BABABA;}

/* lijsten */
ul.services                                 {clear: none; margin: 0px; padding: 0px; text-align: left;}
ul.lijst                                {clear: right; position: relative; float: left; width: 100%;}
ul.algemeen                                  {margin: 0px; padding: 0px;  width: 700px; text-align: left; padding: 0px; list-style-type: none; overflow: hidden; }

ul.titelbalk li                                {margin: 0px; padding: 0px; background: #DBE8F0; color: #01629D; height: auto;}
ul.titelbalk p                                {margin: 0px; padding: 0px; float: left; font: bold 12px verdana; height: 1em; }

ul.service                                         {margin: 0px; padding: 0px; display: inline; list-style-type: none;}
ul.service li                                 {margin-bottom: 2px; padding: 0px; float: left; height: 3em; border: none; border: 1px solid #BABABA;  overflow: hidden;}
ul.service li p                                {margin: 0px; padding: 2px; clear: none; float: left; height: 100%; display: block; overflow: hidden;}

ul.service li p.sernaam                {clear: left; width: 120px; height: 100%;  border-right: 1px solid #BABABA;}
ul.service li p.omschrijving        {width: 360px; height: 100%; border-right: 1px solid #BABABA;}
ul.service li p.prijs                        {width: 140px; height: 100%; border: none;}

/* zoeken */

div.zoeken                                {position: relative; float: right; height: 16px; margin: 10px 32px 0px 0px; padding: 0px; color: #333333; border: 0px solid #333333; display: inline; font-size: 0px; line-height: 0px;}
        input.zoeken                        {position: relative; float: right; width: 103px; height: 16px; margin: 0px; border: 0px solid #333333; background: url(afbeeldingen/menu/zoekbalk.jpg) center center no-repeat;}
        input#zoekBediening        {position: relative; float: right; width: 20px; height: 16px; margin: 0px; padding: 0px; background: url(afbeeldingen/menu/zoekknop.jpg) center center no-repeat; border: none; display: block;}

/* menu doelgroep */

div.doelgroep                   {position: relative; float: right; height: 17px; margin: 18px 32px 0px 0px; padding: 0px; color: #333333; border: 0px solid #333333; clear: both; display: inline; font-size: 0px; line-height: 0px; * clear: none;}

      a#Particulier                        {position: relative; float: left; width: 93px; height: 17px; background: url(afbeeldingen/menu/menu-particulier.gif) top center no-repeat;}
      a#Particuliersel                {position: relative; float: left; width: 93px; height: 17px; background: url(afbeeldingen/menu/menu-particulier.gif) bottom center no-repeat;}
      a#Particulier:hover        {background: url(afbeeldingen/menu/menu-particulier.gif) bottom center no-repeat;}

      a#Zakelijk                        {position: relative; float: left; width: 68px; height: 17px; background: url(afbeeldingen/menu/menu-zakelijk.gif) top center no-repeat;}
      a#Zakelijksel                        {position: relative; float: left; width: 68px; height: 17px; background: url(afbeeldingen/menu/menu-zakelijk.gif) bottom center no-repeat;}
      a#Zakelijk:hover                {background: url(afbeeldingen/menu/menu-zakelijk.gif) bottom center no-repeat;}

/* submenu doelgroep */

div.menu                                      {position: relative; float: right; height: 17px; padding: 0px; margin: 10px 32px 0px 0px; color: #333333; border: 0px solid #333333; display: inline; font-size: 0px; line-height: 0px;}

      a#index                                {position: relative; float: left; width: 35px; height: 17px; background: url(afbeeldingen/menu/menu-home.gif) top center no-repeat;}
      a#indexsel                        {position: relative; float: left; width: 35px; height: 17px; background: url(afbeeldingen/menu/menu-home.gif) bottom center no-repeat;}
      a#index:hover                {background: url(afbeeldingen/menu/menu-home.gif) bottom center no-repeat;}

      a#Webshop                        {position: relative; float: left; width: 52px; height: 17px; background: url(afbeeldingen/menu/menu-webshop.gif) top center no-repeat;}
      a#Webshopsel                {position: relative; float: left; width: 52px; height: 17px; background: url(afbeeldingen/menu/menu-webshop.gif) bottom center no-repeat;}
      a#Webshop:hover                {background: url(afbeeldingen/menu/menu-webshop.gif) bottom center no-repeat;}

      a#Service                        {position: relative; float: left; width: 43px; height: 17px; background: url(afbeeldingen/menu/menu-service.gif) top center no-repeat;}
      a#Servicesel                        {position: relative; float: left; width: 43px; height: 17px; background: url(afbeeldingen/menu/menu-service.gif) bottom center no-repeat;}
      a#Service:hover                {background: url(afbeeldingen/menu/menu-service.gif) bottom center no-repeat;}

      a#downloads                        {position: relative; float: left; width: 70px; height: 17px; background: url(afbeeldingen/menu/menu-downloads.gif) top center no-repeat;}
      a#downloadssel                        {position: relative; float: left; width: 70px; height: 17px; background: url(afbeeldingen/menu/menu-downloads.gif) bottom center no-repeat;}
      a#downloads:hover                {background: url(afbeeldingen/menu/menu-downloads.gif) bottom center no-repeat;}

      a#Status                                {position: relative; float: left; width: 86px; height: 17px; background: url(afbeeldingen/menu/menu-reparatiestatus.gif) top center no-repeat;}
      a#Statussel                        {position: relative; float: left; width: 86px; height: 17px; background: url(afbeeldingen/menu/menu-reparatiestatus.gif) bottom center no-repeat;}
      a#Status:hover                {background: url(afbeeldingen/menu/menu-reparatiestatus.gif) bottom center no-repeat;}

      a#Vragen                        {position: relative; float: left; width: 104px; height: 17px; background: url(afbeeldingen/menu/menu-veelgesteldevragen.gif) top center no-repeat;}
      a#Vragensel                        {position: relative; float: left; width: 104px; height: 17px; background: url(afbeeldingen/menu/menu-veelgesteldevragen.gif) bottom center no-repeat;}
      a#Vragen:hover                {background: url(afbeeldingen/menu/menu-veelgesteldevragen.gif) bottom center no-repeat;}

      a#Tips                                {position: relative; float: left; width: 42px; height: 17px; background: url(afbeeldingen/menu/menu-pctips.gif) top center no-repeat;}
      a#Tipssel                        {position: relative; float: left; width: 42px; height: 17px; background: url(afbeeldingen/menu/menu-pctips.gif) bottom center no-repeat;}
      a#Tips:hover                        {background: url(afbeeldingen/menu/menu-pctips.gif) bottom center no-repeat;}

      a#Contact                        {position: relative; float: left; width: 45px; height: 17px; background: url(afbeeldingen/menu/menu-contact.gif) top center no-repeat;}
      a#Contactsel                        {position: relative; float: left; width: 45px; height: 17px; background: url(afbeeldingen/menu/menu-contact.gif) bottom center no-repeat;}
      a#Contact:hover                {background: url(afbeeldingen/menu/menu-contact.gif) bottom center no-repeat;}

      a#Voorwaarden                {position: relative; float: left; width: 70px; height: 17px; background: url(afbeeldingen/menu/menu-voorwaarden.gif) top center no-repeat;}
      a#Voorwaardensel                {position: relative; float: left; width: 70px; height: 17px; background: url(afbeeldingen/menu/menu-voorwaarden.gif) bottom center no-repeat;}
      a#Voorwaarden:hover        {background: url(afbeeldingen/menu/menu-voorwaarden.gif) bottom center no-repeat;}

        div#reparatieStatus        {position: relative; float: left; width: 332px; height: 200px; margin: 0px; padding: 20px 0px 20px 0px; border: none; color: #333333; border: 1px dotted #DCDCDC;}

/* formulieren */

        div.formcontent                {clear: left; position: relative; float: left; width: 340px; margin: 0px; padding: 0px; border: none; color: #333333;  border: none;}

      p.hint                                {position: relative; clear: both; display: block; margin: 10px 0px 2px 10px; background: #DBE8F0; border: 1px dotted #BABABA; color: #444444; text-align: left; font-size: 10px;}
      p.hint em                        {clear: none; float: none; display: block; margin: 8px 0px 2px 10px; background: #DBE8F0; color: #777777; text-align: left;}

        p.input_label                        {position: relative; float: none; clear: both; width: 100%; margin: 2px 0 4px 0;}
        p.input_label label                {width: 100px; float: left; clear: left; display: block; text-align: right; padding-top: 2px;}
        p.input_label input                {width: 210px; float: left; clear: right; margin: 2px 0px 2px 10px; display: block; text-align: left; padding: 0px; border: 1px groove #DCDCDC;}
        p.input_label textarea        {width: 210px; height: 100px; float: left; clear: right; margin: 2px 0px 2px 10px; display: block; text-align: left; padding: 0px; border: 1px groove #DCDCDC;}

        p.check_label                        {position: relative; float: none; clear: both; width: 100%; margin: 2px 0 4px 0; font: italic 8px Verdana;}
        p.check_label        input        {float: right; text-align: right;}
        p.check_label label        {width: 100px; float: right; clear: left;  display: block; display: block; text-align: left;}

        p.bediening input                 {clear: both; float: right; display: block; margin: 10px 0px 2px 0px;}

        #foutmeldingen                {clear: left;}