/*   *****************************************************
 *
 *   RIJKSOVERHEID.NL
 *   Official website of the Government of the Netherlands
 *
 *   Presentation layer for screen and projection media
 *   Cookiebar stylesheet for able web devices
 *
 *   This should comply with Dutch web guidelines v2 and
 *   W3C CSS2.1 standards.
 *   See: http://versie2.webrichtlijnen.nl/
 *
 *   location: /presentation/screen-cookies.css
 *   version:  1.0
 *   date:     25-09-2012
 *
 *   *****************************************************
 */

/*  MAIN LAYOUT */ 
#cookiebar{width:100%;position:fixed;border-top:0px solid #535353;top:0;left:0;z-index:2500;}
.ck-center{width:100%;margin:0 auto;}.ck-main{padding:0;background:#E5F0DF;}

.ck-footer{clear:both;height:10px;}
.ck-content{width:100%;padding:0 24px 15px;background-color:#E5F0DF;}

#ck-attention{margin:0;padding:20px 0 10px;font:164%/1.2 Verdana;color: #0098AA;}
#ck-intro{width:100%;margin-bottom:1em;font-size:101.07%;}
.iphone.ios6 #ck-intro,.iphone.ios6 #ck-links li{font-size:.7em!important;font-size-adjust:none!important;}
.answered #ck-intro{width:588px;} #ck-options div{width:304px;display:block;float:left;margin-right:20px;background-color:#FFF;cursor:pointer;}
.answered #ck-options{width:588px;}
#ck-options div a{display:block;border:2px solid #FFF;padding:5px 10px 6px;color:#FFF;font-weight:bold;font-size:107.07%;text-decoration:none;}

#ck-options div.ck-accept a{background-color:#458520;}
#ck-options div.ck-accept.option-hover a,
#ck-options div.ck-accept a:hover,
#ck-options div.ck-accept a:focus{background-color:#529D26;}

#ck-options div.ck-deny a{background-color:#C85019;}
#ck-options div.ck-deny.option-hover a,
#ck-options div.ck-deny a:hover,
#ck-options div.ck-deny a:focus{background-color:#F6631F;}
#ck-options div ul{padding:0 10px;}
#ck-options div li{padding:6px 0 0 12px; background: none 2px 1.1em no-repeat; line-height:1.4;}
#ck-options .ck-deny li{background-position:-498px 1.1em;}
#ck-options div li:last-child{padding-bottom:10px;}

.ie8 #ck-options div li{padding:0px 0 4px 12px;}#ck-links p{margin:0;padding:4px 30px 8px 0;background:none 100% 7px no-repeat;color:#154273;font-size:108.18%;cursor:default;}
.hover #ck-links p{background-image:none;}#ck-links,#ck-links ul{font-size:100%;}#ck-links li{margin:6px 0;font-size:1.18em;}#ck-links a{display:block;padding:0 0 5px 30px;background:none 0 0 no-repeat;text-decoration:none;font-size:1em;color:#0098AA;}.answered #ck-options a{display:block;float:left;padding:0 0 5px 20px;color:#154273;font-size:1.1818em;background:none -500px 0 no-repeat;text-decoration:none;}

.answered #ck-options a:hover,.answered #ck-options a:focus,#ck-links a:hover,#ck-links a:focus{color:#0098AA;text-decoration:underline;}
.answered .ck-content{position:relative;}.answered #ck-links{width:284px;position:absolute;bottom:.4em;left:632px;}#ck-links:after,.answered #ck-options:after{content:" ";display:block;height:0;clear:left;visibility:hidden;}

* html #cookiebar{position:absolute;height:1%;}
* html #cookiebar 
.ck-footer{background-image:none;}

@media screen and (max-width: 900px) {
    #ck-options div {float:none;margin:10px 0;}
    #ck-intro{width:90%;}
    #ck-links a{padding:0;}

    .answered #ck-intro{width:90%;}
    .answered #ck-options a{padding:0;}
    .answered #ck-links{position: initial;padding-top: 15px;}
}