.sgAttentieblok{border:1px solid #ffd400;border-radius:8px;padding-bottom:3em}
#sgGridview .col .sgAttentieblok p{padding:10px}
.sgAttentieblok h3{border-top-left-radius:8px;border-top-right-radius:8px;background:#ffd400 url("/static/images/stijlgids/sgAttentieblok/headertitel.png") top left no-repeat;color:#002280;height:54px;position:relative}
.sgAttentieblok span.titel{border-top-left-radius:8px;padding:10px;font-size:13px;display:block;float:left;font-weight:normal}
.sgAttentieblok span.titel strong{font-size:18px;line-height:20px;display:block;clear:both}
.sgAttentieblok span.prijs{display:block;width:40%;margin:8px 5px 0 0;text-align:right;font-size:18px;position:relative;line-height:34px;font-weight:normal;position:absolute;top:0;right:0;height:50px}
.sgAttentieblok span.prijs em{font-size:11px}
.sgAttentieblok span.prijs strong{font-size:34px;letter-spacing:-1px;font-weight:normal}
.sgAttentieblok span.prijs strong span{font-size:14px;letter-spacing:normal;vertical-align:text-top;margin-left:-2px}
.sgAttentieblok .sgButton{float:right;margin-right:10px}
.sgButton,.sButton{line-height:11px;font-size:11px;display:inline-block;font-weight:bold;text-align:center;color:white;height:auto;text-decoration:none!important;padding:0;border:0;background-color:#002280;background-image:url("/static/images/stijlgids/sgButton/sButton.png");background-repeat:repeat-x;background-position:center center;-moz-border-radius:3px;border-radius:3px}
.sgButton.inactief,.sButton.inactief{background-color:#9c9c9c;cursor:default}
.sgButton.attentie,.sButton.attentie{background-color:#e54a00}
.sgButton span,.sButton span{padding:4px 8px 4px 8px;display:block}
.sgButton.medium,.sButton.medium{font-size:14px;line-height:14px}
.sgButton.medium span,.sButton.medium span{padding:6px 8px}
.sgButton span.right,.sButton span.right{background:url("/static/images/stijlgids/sgButton/sgButtonIcons.png") no-repeat right 1px;padding-right:21px}
.sgButton span.popup,.sButton span.popup{background:url("/static/images/stijlgids/sgButton/sgButtonIcons.png") no-repeat right -31px;padding-right:21px}
.sgButton span.left,.sButton span.left{background:url("/static/images/stijlgids/sgButton/sgButtonIcons.png") no-repeat left -55px;padding-left:21px}
.sgButton.medium span.right,.sButton.medium span.right{background:url("/static/images/stijlgids/sgButton/sgButtonIcons.png") no-repeat right 5px}
.sgButton.medium span.popup,.sButton.medium span.popup{background:url("/static/images/stijlgids/sgButton/sgButtonIcons.png") no-repeat right -28px}
.sgButton.medium span.left,.sButton.medium span.left{background:url("/static/images/stijlgids/sgButton/sgButtonIcons.png") no-repeat left -51px}
button{cursor:pointer}
#sgEtalage{height:244px;display:inline-block;overflow:hidden;margin-bottom:12px;width:100%;position:relative}
#sgGridview #sgEtalage{margin-bottom:0}
#sgEtalage img{-moz-user-select:none;user-select:none}
#sgEtalage .etalageItem{position:absolute;top:0;left:0;width:100%}
#sgEtalage .infobox{text-align:left;-moz-border-radius:5px;border-radius:5px;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageBlauw.png");max-width:320px;position:absolute;padding:12px;bottom:20px;left:20px;color:white}
#sgEtalage .infobox.blauw{color:white;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageBlauw.png")}
#sgEtalage .infobox.geel{color:#002280;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageGeel.png")}
#sgEtalage .infobox.groen{color:white;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageGroen.png")}
#sgEtalage .infobox.oranje{color:white;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageOranje.png")}
#sgEtalage .infobox.transparant{color:white;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageTransparant.png")}
#sgEtalage .infobox.wit{color:#002280;background:transparent url("/static/images/stijlgids/sgEtalage/sgEtalageWit.png")}
#sgEtalage .infobox h3{color:white}
#sgEtalage .infobox.blauw h3{color:white}
#sgEtalage .infobox.geel h3{color:#002280}
#sgEtalage .infobox.groen h3{color:white}
#sgEtalage .infobox.oranje h3{color:white}
#sgEtalage .infobox.transparant h3{color:white}
#sgEtalage .infobox.wit h3{color:#002280}
#sgEtalage .infobox img{position:absolute;display:block}
#sgEtalage .infobox img.small{right:-25px;top:-25px}
#sgEtalage .infobox img.medium{right:-50px;top:-50px}
#sgEtalage .infobox img.large{right:-75px;top:-75px}
#sgEtalage .infobox h3{font-size:24px;line-height:24px;font-weight:normal;padding:0}
#sgEtalage .infobox p{padding:12px 0;font-size:13px;line-height:18px}
#sgEtalage .navigatie{position:absolute;bottom:10px;right:20px;z-index:2}
#sgEtalage .navigatie{display:none}
body.js-aan #sgEtalage .navigatie{display:block}
#sgEtalage .navigatie li{display:block;float:left;list-style:none;width:13px;height:13px;background-image:url("/static/images/stijlgids/sgEtalage/etalageNavigatie.png");background-position:0 0;overflow:hidden;text-indent:-9999px;margin:0 5px;cursor:default}
#sgEtalage .navigatie li.active{background-position:0 13px}
#sgEtalage+h2{margin-top:0}
#sgGridview{overflow:hidden;width:768px;font-size:11px;line-height:14px;float:left;padding-bottom:30px}
#sgGridview .row{clear:both;display:inline-block;margin-bottom:12px}
#sgGridview .col{float:left;border:1px solid #dedede;margin-right:21px;padding:0;display:block;overflow:hidden;margin-bottom:0}
#sgGridview .col{margin-right:12px}
#sgGridview .col1{width:178px}
#sgGridview .col2{width:370px}
#sgGridview .col3{width:562px}
#sgGridview .col4{width:754px}
#sgGridview .col5{width:242px}
#sgGridview .col6{width:498px}
#sgGridview .noBorder{border:1px solid white}
#sgGridview .col p{padding:5px}
#sgGridview .col h3{padding:3px 5px 3px 5px}
#sgGridview .banner{background-color:#f1f1f1}
#sgGridview .banner .banner{background-color:#f1f1f1;padding-bottom:12px;position:relative}
#sgGridview h1{background:url("img/anwb-sprite.gif") no-repeat scroll 4px -196px transparent}
#sgGridview iframe{border:0;margin:0 auto;display:block}
#sgGridview .plaatje{padding:0}
#header{position:relative;height:99px;width:100%;font-size:12px;line-height:18px}
#header #logo{position:absolute;top:16px;background-image:none;width:auto;left:0}
#header #services{position:absolute;width:680px;left:170px;top:33px;line-height:22px}
#header #services li{float:left;list-style:none;padding-top:0;padding-bottom:0}
#header #services a{margin:0 10px;display:block;color:#7d7d7d}
#header #services a:hover,#header #services a:hover em{color:#0089d2}
#header #zoeken{float:left;display:block;width:218px;position:relative;height:22px;border:1px solid #a0a0a0;border-radius:3px}
#header #zoeken label{display:block;float:left;width:218px}
#header #zoeken span{display:none}
#header #zoeken input{width:188px;height:22px;line-height:22px;border:0;font-family:verdana,helvetica,sans-serif;font-size:12px;padding:0 0 0 6px;display:block;position:relative;border-right:1px solid #a0a0a0;-webkit-appearance:textfield;z-index:2000}
#header #zoeken button{width:23px;float:right;border:0;top:0;right:0;position:absolute;padding:0;margin:0;cursor:pointer;display:block;height:22px;background:white url("/static/apps/core/images/vergrootglas.png") no-repeat center center;cursor:pointer}
#header #zoeken .ui-autocomplete a{margin:0}
#header #zoeken #ui-active-menuitem{color:#00a5ea}
#header .fileblok{border:1px solid #a0a0a0;margin-left:10px;border-bottom-left-radius:3px;border-top-left-radius:3px;padding-left:25px;background:transparent url("/static/apps/core/images/verkeersinfo.png") no-repeat 5px 4px;padding-right:10px}
#header .fileblok em{color:#e45800;font-style:normal}
#header #services .fileblok a{margin:0}
#header .routeblok{border:1px solid #a0a0a0;border-left:0;margin-right:10px;border-bottom-right-radius:3px;border-top-right-radius:3px}
.ie7 #header{z-index:2000}
.sgNews{font-size:11px;line-height:14px}
.contentPagina .sgNews{font-size:12px;line-height:16px}
.sgNews p{position:relative;clear:both;display:inline-block}
.sgNews a{text-decoration:none}
.sgNews p a{color:black;text-decoration:none!important}
.sgNews p a:hover strong{text-decoration:underline}
.sgNews p a:hover{text-decoration:none}
.sgNews strong{display:block;width:auto;color:#002280}
.sgNews img{position:relative;top:0;float:left;margin:3px 12px 10px 0;left:0;display:block}
.sgNews .linkList{clear:both;padding:6px}
.sgNews .ugcCommentLine a{color:#002280}
.sgNews p .ugcCommentLine a:hover{text-decoration:underline!important}
.contentPagina .sgNews .linkList{padding:0}
.contentPagina .sgNews .linkList li{margin:4px 0!important}
#otapMarkering{position:fixed;top:0;left:0;z-index:10000;-webkit-transform:rotate(-45deg) translate(-92px,0);-moz-transform:rotate(-45deg) translate(-92px,0);-ms-transform:rotate(-45deg) translate(-92px,0);-o-transform:rotate(-45deg) translate(-92px,0);transform:rotate(-45deg) translate(-92px,0);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;text-align:center;line-height:45px;text-shadow:1px 1px 3px hsl(0,0%,25%);cursor:pointer}
.no-hsla #otapMarkering{-ms-filter:"alpha(opacity=75)";filter:alpha(opacity=75)}
#otapMarkering.disabled{opacity:0;visibility:hidden}
#otapMarkering .omgeving{width:310px;height:50px;color:#525252;-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit}
#otapMarkering .omgeving:hover,#otapMarkering .omgeving:hover+.versie{-ms-filter:"alpha(opacity=20)";filter:alpha(opacity=20);opacity:.2}
#otapMarkering .omgeving.ontw,#otapMarkering .omgeving.ohippo{background:#002280;background:hsla(224,100%,25%,0.7);color:white;font-size:25px}
#otapMarkering .omgeving.ontw.preview,#otapMarkering .omgeving.ohippo.preview{font-size:17px}
#otapMarkering .omgeving.test{background:#ffd400;background:hsla(50,100%,50%,0.7);font-size:44px}
#otapMarkering .omgeving.test.preview{font-size:32px}
#otapMarkering .omgeving.acc{background:#62bd19;background:hsla(93,77%,42%,0.7);font-size:38px}
#otapMarkering .omgeving.acc.preview{font-size:24px}
#otapMarkering .omgeving.prod{background:#e54800;background:hsla(19,100%,45%,0.7);color:white;font-size:36px}
#otapMarkering .omgeving.prod.preview{font-size:25px}
#otapMarkering .versie{display:block;position:absolute;width:336px;height:15px;line-height:14px;bottom:-15px;left:-14px;font-size:12px;text-shadow:none;text-decoration:none;background-color:#333;background-color:hsla(0,0%,20%,0.7);color:white;white-space:nowrap;overflow:hidden;-webkit-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit}
#otapMarkering .versie:hover{background-color:#000;background-color:hsla(0,0%,0%,1)}
.no-csstransforms #otapMarkering .versie{left:0;width:100%;position:static}
#sgSocialMediaBalk{display:none}
.js-aan #sgSocialMediaBalk{display:block;border-top:1px solid #d9deec;border-bottom:1px solid #d9deec;height:30px;margin:16px 0 24px 0}
#sgSocialMediaBalk .buttons{margin:5px 0 0 0;min-width:435px}
#sgSocialMediaBalk .button{height:25px;display:block;float:left}
#sgSocialMediaBalk .facebookLike{margin-right:10px;position:relative}
#sgSocialMediaBalk .tweet{width:100px;margin-right:6px}
#sgSocialMediaBalk .googlePlusOne{width:85px}
.componentTagCloud{margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #dbdbdb}
.componentTagCloud:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.componentTagCloud ul{line-height:200%}
.componentTagCloud li{display:inline;margin:0 5px 0 0;font-size:12px;white-space:nowrap;float:left}
.componentTagCloud li.tag2{font-size:14px}
.componentTagCloud li.tag3{font-size:15px;font-weight:bold}
#footer .componentTagCloud li a{color:#0089d2;text-decoration:none}
#footer .componentTagCloud li a:hover{color:#00a5ea;text-decoration:underline}
.sgTwitter .box{border:1px solid #bdbdbc;padding:5px}
.sgTwitter em{font-size:10px;display:block;clear:both;color:#0089d2}
.sgTwitter a{color:#0089d2}
.sgTwitter em a{margin-left:5px;line-height:14px}
.sgTwitter em a:first-child{margin-left:0}
.sgTwitter li{padding:5px 0!important;border-bottom:1px dotted #ddd!important}
.sgTwitter .header{display:block;width:100%;margin-bottom:8px;border-radius:5px;overflow:hidden}
.sgTwitter .twitterlogo{float:left;width:36px;height:36px;margin-right:5px;display:block;background:transparent url("/static/images/stijlgids/sgTwitter/icon.png")}
.sgTwitter .timeLink{color:#7d7d7d}
.sgTwitter .header h3{margin-top:1px}
.sgTwitter li,#relatedContent .sgTwitter li{font-size:11px;line-height:16px;color:#333}
.sgTwitter .followBox{background-image:url("/static/images/stijlgids/sgTwitter/hoek.png");background-position:68px -1px;background-repeat:no-repeat;height:25px;top:-1px;position:relative;z-index:100;padding-top:7px}
.sgTwitter .followButton{background-image:url("/static/images/stijlgids/sgTwitter/follow.png");height:20px;width:61px;display:block;overflow:hidden}
.sgTwitter .followButton:hover{background-position:0 -25px}
.sgTwitter .followButton:active{background-position:0 -50px}
.sgTwitter p{color:#333}
.component.uitklapblok .uitklap{border-radius:3px;padding:5px;margin-bottom:10px;background-color:#ededed;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.component.uitklapblok .uitklap.inactive{background-color:white;margin-bottom:0}
.component.uitklapblok .uitklap.inactive .uitklaplink{background-image:url("/static/apps/core/images/sprite-social-icons.png");background-position:-13px -218px}
.component.uitklapblok .uitklap .uitklaplink{display:inline-block;color:#0089d2;cursor:pointer;padding-left:10px;background-repeat:no-repeat;background-image:url("/static/apps/core/images/sprite-social-icons.png");background-position:-12px -430px}
.component.uitklapblok .uitklap .uitklapcontent{overflow:hidden;visibility:visible;opacity:1;max-height:500px;padding-left:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.component.uitklapblok .uitklap.inactive .uitklapcontent{max-height:0;visibility:hidden;opacity:0}