@charset "UTF-8";
@font-face { font-family: 'coolvetica_rgregular'; src: url('Fonts/coolvetica_rg-webfont.eot'); src: url('Fonts/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/coolvetica_rg-webfont.woff') format('woff'),  url('Fonts/coolvetica_rg-webfont.ttf') format('truetype'),  url('Fonts/coolvetica_rg-webfont.svg#coolvetica_rgregular') format('svg'); font-weight: normal; font-style: normal; }
/* CSS Document */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary { display: block; }
* { margin: 0; padding: 0; outline: none; border: none; list-style: none; }
html { overflow-y: scroll; } /* Force Vertical Scrollbar */
body { /*	background-image: repeating-linear-gradient(-60deg, #40a535, #40a535 200px, #e8dc00 200px, #e8dc00 400px, #cb026f 400px, #cb026f 600px, #009fe4 600px, #009fe4 800px, #e8dc00 800px, #e8dc00 1000px, #acc90e 1000px, #acc90e 1200px);
	background-repeat:repeat;*/ height: 100% !important; min-height: 100% !important; font-size: 13px; line-height: 1.5em; font-family: Verdana, sans-serif; background: url(/Portals/18/Skins/Zomerterras/images/achtergrond2.jpg) repeat center top; background-attachment: fixed; }
body.carts { background: url(/Portals/18/Skins/Zomerterras/images/achtergrond2_carts.jpg) repeat center top; background-attachment: fixed; }
img { border: 0; -ms-interpolation-mode: bicubic; }
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
#Oppertop { padding-right: 0px; padding-left: 0px; min-height: 46px; position: fixed; top: 0px; background-color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; /*z-index: 100;*/
width: 100%; }
.stickymenu_wrap { width: 100%; background: #000; height: 30px; padding: 8px 0; }
.stickymenu_wrap { position: fixed; top: -80px; /*z-index: 599 !important;*/
-webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.menu_wrap { width: 100%; background: #000; height: 30px; padding: 8px 0; }
.menu_wrap { position: fixed; top: -80px; /*z-index:599 !important;*/
-webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.menubar { max-width: 960px; width: 93.75%; margin: 0 auto; overflow: hidden; }
.stickymenu { max-width: 960px; width: 93.75%; margin: 0 auto; overflow: hidden; }
.WanneerMelding { display: block; float: right; width: 150px; padding: 15px; background-color: #941580; font-size: 21px; line-height: 21px; color: #ffffff; font-family: 'coolvetica_rgregular'; }
#Oppermeester { position: relative; height: 100% !important; }
#Meester { position: relative; width: 960px; min-height: 900px; margin: 0 auto; margin-top: 46px; margin-bottom: 170px; padding: 0; /*background:url(images/wanneer.png) no-repeat right top;*/
overflow-x: hidden; }
.carts #Meester { background: none; overflow-x: hidden; }
.fotos #Meester { overflow: visible; }
.facebook #Meester { margin-top: 0px; margin-bottom: 70px; background: none; }
#ZTlogo { position: relative; width: 960px; margin: 0 auto; padding-top: 15px; background: url(images/logo_Zomerterras-2017_detail.png) no-repeat center; }
#ZTlogo img { width: 100%; max-height: 259px; }
.home #ZTlogo { background: url(images/logo_Zomerterras-2017.png) no-repeat center; }
.home #ZTlogo img { max-height: 409px; }
#Menubalk { position: relative; width: 960px; margin: 0 auto; background: url(/Portals/18/Skins/Zomerterras/images/spacer-black-menu.gif) repeat-x left top; margin-top: 15px; }
.home #Menubalk { min-height: 50px; }
#mainContent { margin-bottom: 80px; }
/* SET COLUMNS */

.contentPane { display: block; width: 100%; float: left; margin-top: 15px; }
.ContentPaneOnder { clear: both; display: block; width: 100%; float: left; margin-top: 15px; }
.home .contentPane { display: block; width: 480px; float: left; }
.tweekoloms .contentPane { display: block; width: 49%; float: left; }
.tweekoloms #dnn_ContentPaneBoven.contentPane { width: 100%; }
.tweekoloms #dnn_ContentPaneRechts { float: right !important; }
.tweekoloms .honderdprocent { display: block; width: 100% !important; float: left !important; margin-top: -15px !important; }
.driekoloms .contentPane { display: block; width: 32%; float: left; }
.driekoloms #dnn_ContentPane { margin-left: 2%; margin-right: 2%; }
.tweekoloms_smalbreed .contentPane { display: block; width: 29%; float: left; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentPane { width: 69%; }
/*.tweekoloms_smalbreed #dnn_ContentPaneRechts img{max-width:100% !important; height:auto;}*/
.bannerPane img,
.contentPane img,
.rightPane img,
.ContentPaneOnder img { max-width: 100% !important; height: auto !important; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts { float: right !important; }
.hidden { display: none !important; visibility: hidden !important; height: 0 !important; line-height: 0 !important; }
.margin-15 { margin-top: -15px !important; }
.honderdprocent { width: 100% !important; }
.fotodag { margin-bottom: 10px; }
.ModEscherC [id*="ViewEscher_lPageInfo"] { display: none; visibility: hidden; }
.ModEscherC div { height: 100% !important; }
.escher { background-color: #ffffff; }
.escher-content tr:last-child { background-color: #ffffff; }
.escher { text-align: center; width: 100%; }
.escher-pager { font-size: 12px; }
#dnn_ContentPane .DNNContainer_with_title,
#dnn_ContentPaneRechts .DNNContainer_with_title { background-color: #fff; border: solid 5px #fff; margin-bottom: 15px; padding: 8px; }
#dnn_ContentPane .DNNContainer_without_title_wit,
#dnn_ContentPaneRechts .DNNContainer_without_title_wit { background-color: #fff; border: solid 5px #fff; margin-bottom: 15px; padding: 8px; }
.DNNContainer_without_title_wit,
.DNNContainer_with_title_wit { background-color: #fff; border: solid 5px #fff; margin-bottom: 15px; padding: 8px; }
/*#dnn_ContentPane .DNNContainer_with_title img,
#dnn_ContentPaneRechts .DNNContainer_with_title img
{max-width:100%;}
#dnn_ContentPane .DNNContainer_without_title_wit img,
#dnn_ContentPane .DNNContainer_without_title img,
#dnn_ContentPaneLinks .DNNContainer_without_title_wit img,
#dnn_ContentPaneRechts .DNNContainer_without_title_wit img
{max-width:100%;}*/
.home #dnn_ContentPane .DNNContainer_without_title { background-color: #fff; border: solid 5px #fff; overflow: hidden; margin-bottom: 15px; }
.home #dnn_RightPane .DNNContainer_without_title #BestelHome { background-color: #fff; border: solid 5px #fff; overflow: visible; margin-bottom: 15px; padding: 15px; width: 95%; min-height: 303px; }
.home #dnn_RightPane .DNNContainer_without_title_transparent #BestelHome { margin-bottom: 15px;}
/*.home #dnn_RightPane .DNNContainer_without_title #BestelHome img{max-width:100%;}*/
.home #dnn_ContentPane .DNNContainer_without_title.blauw { background-color: #93d4f6; border: solid 5px #fff; overflow: hidden; margin-bottom: 15px; padding: 15px; }
.breed #dnn_ContentPane .DNNContainer_without_title.blauw { }
.rightPane { width: 465px; margin-left: 0px; padding: 0 !important; float: right; margin-top: 15px; }
.home .rightPane { }
.bannerPane { width: 960px; height: 370px; overflow: hidden; position: relative; text-align: left; background: #000 url(images/loading.gif) 50% 50% no-repeat; }
#mainFooter { padding-bottom: 15px; color: #666; font-weight: normal; }
#copyright .SkinObject { font-size: 11px; font-weight: normal; font-style: italic; color: #777; }
#copyright { float: left; }
/* ACCOMODATE EMPTY PANES */
.DNNEmptyPane { width: 0; margin: 0; background-color: transparent; border: none; }
.paneGroup .rightPane.DNNEmptyPane + .leftPane + .contentPane { margin-right: 0; }
.paneGroup .rightPane.DNNEmptyPane + .leftPane.DNNEmptyPane + .contentPane { margin-left: 0; margin-right: 0; }
/*--------------
  Menu Bar: User Properties
---------------*/
.userProperties { height: 52px; margin-left: 5px; padding-left: 15px; padding-right: 12px; max-width: 260px; /* grow user information to a max of 260px */ float: right; background: url(images/backgrounds/nav_divider_bg.png) no-repeat left 11px; }
.userProperties > ul { float: right; }
.userProperties > ul li { list-style: none; position: relative; }
.userProperties > ul > li,
.userProperties > ul > li > span { float: left; }
.userProperties > ul > li img,
.userProperties > ul > li > a { width: auto; display: block; font-size: 13px; font-weight: bold; color: #ddd; text-decoration: none; text-shadow: 0px 1px #444; }
.userName,
.userRegister,
.userLogin { height: 35px; padding-top: 18px; }
.userName { max-width: 190px; /* user name and arrow max width */ }
.userName > a,
.userRegister > a,
.userLogin > a { display: inline-block; padding-right: 15px; margin-right: 10px; background: url(images/backgrounds/dropdownArrow.png) no-repeat right 7px; /* styles to handle long names */
width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.userRegister > a,
.userLogin > a { padding: 0 0 0 9px; background: none; }
.userName > a:hover,
.userRegister > a:hover,
.userLogin > a:hover { color: #fff; }
.userName > a.active { color: #fff; }
.userProfile .userProfileImg { border-radius: 3px; overflow: hidden; margin-top: 14px; display: inline-block; border: 1px solid rgba(0,0,0,0.15); }
.userProfile .userProfileImg img { height: 28px; width: 28px; }
.userProfile .userMessages { position: relative; display: block; margin-top: 16px; margin-left: 15px; padding: 0px 6px; border: 1px solid rgba(0,0,0,0.7); border-radius: 3px; font-size: 10px; text-shadow: 0px 1px #fff; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.35), inset 0px 1px 0px 0px rgba(255,255,255,1); background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #dee2e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #dee2e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%, #dee2e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%, #dee2e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%, #dee2e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%, #dee2e5 100%); /* W3C */ }
.userProfile .userMessages:after { content: ''; position: absolute; left: -4px; top: 5px; width: 0px; height: 0px; border-bottom: 4px solid transparent;  /* left arrow slant */ border-top: 4px solid transparent; /* right arrow slant */ border-right: 4px solid #f7f7f7; /* bottom, add background color here */ font-size: 0px; line-height: 0px; }
/*--------------
   User Controls Menu Drop Down
---------------*/
.userProperties ul.userMenu { display: none; position: absolute; right: 0; top: 50px; width: 185px; padding: 15px 0; background: #efefef; border-radius: 3px; border: 1px solid #bbb; border-top: 1px solid #666; box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15); }
.userProperties li.userNotifications,
.userProperties li.userProfilename { border-bottom: 1px dotted #ccc; }
.userProperties ul.userMenu:after { position: absolute; top: -6px; right: 50px; content: ''; width: 0px; height: 0px; border-left: 7px solid transparent;  /* left arrow slant */ border-right: 7px solid transparent; /* right arrow slant */ border-bottom: 7px solid #e9e9e9; /* bottom, add background color here */ font-size: 0px; line-height: 0px; }
.userProperties ul.userMenu a { display: block; padding: 2px 15px; color: #666; text-decoration: none; /* transition decleration */
transition: all ease-in 100ms; -moz-transition: all ease-in 100ms; /* Firefox 4 */ -webkit-transition: all ease-in 100ms; /* Safari and Chrome */ -o-transition: all ease-in 100ms; /* Opera */ -ms-transition: all ease-in 100ms; /* IE9? */ }
.userProperties ul.userMenu a span { padding: 0px 4px; background: rgba(0,0,0,0.45); border-radius: 3px; font-size: 11px; font-weight: bold; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1); }
.userProperties ul.userMenu li:last-child > a { padding-bottom: 0; }
.userProperties ul.userMenu li:hover > a { color: #111; background: #fff; }
/*--------------
 Basic Container Styles
---------------*/
h1,
h2,
h3,
h4,
h5,
h6 { display: block; color: #0b89d2; font-family: 'coolvetica_rgregular'; font-weight: normal; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: inherit; }
h1 { font-size: 32px; line-height: 38px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }
h2 { font-size: 28px; line-height: 32px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }
h3 { font-size: 24px; line-height: 28px; letter-spacing: normal; margin-top: 8px; margin-bottom: 10px; }
h4 { font-size: 20px; line-height: 26px; letter-spacing: normal; }
h5 { font-size: 16px; line-height: 18px; }
h6 { font-size: 14px; line-height: 18px; }
h2 .Head { margin-top: 0px; font-family: 'coolvetica_rgregular'; letter-spacing: normal; border-bottom: none; font-weight: normal; color: #0b89d2; text-decoration: none; }
.home #dnn_RightPane .DNNContainer_without_title #BestelHome h2 a { color: #0b89d2; font-size: 29px; text-decoration: none; display: block; text-align: center; margin-left: -10px; }
.home #dnn_RightPane .DNNContainer_without_title #BestelHome h2 a:hover { text-decoration: underline; }
.home #dnn_RightPane .DNNContainer_without_title #BestelHome h2 a img { margin-top: 15px; }
.DNNContainer_with_title h2 span { line-height: 24px; }
.DNNContainer_with_title { margin-bottom: 25px; }
.dnnIcon { margin: 0; }
.NormalTextBox { border: solid 1px #ccc; }
.Normal,
.NormalDisabled,
.NormalDeleted,
.SubHead { color: #444444; font-size: 16px; font-weight: normal; line-height: 24px; }
.Normal ol { margin-left: 15px; padding-left: 1em; }
.Normal ol li { list-style-type: decimal; }
.Normal ul { margin-left: 15px; padding-left: 1em; }
.Normal ul li { list-style-type: disc; }
a.Inloggen { font-size: 11px; color: #333; }
a,
a:visited { color: #c30079; }
a:focus,
a:active { color: #c30079; }
a:hover { color: #79004B; }
a.dnnPrimaryAction,
a.dnnPrimaryAction:visited { color: #ffffff; }
a.dnnPrimaryAction:focus,
a.dnnPrimaryAction:active { color: #ffffff; }
.fotodag a.active { color: #aaa; text-decoration: none; }
a.navlinkselected { color: #fcf301 !important; }
.home .contentPane strong { color: #0088cd; }
.home #dnn_ContentPane .DNNContainer_without_title.blauw .Normal { font-family: 'coolvetica_rgregular'; color: #fff; font-size: 24px; line-height: 38px; }
.facebookOuter { background-color: #f8f8f8; width: 212px; padding: 0; height: 390px; border: 1px solid #CCCCCC; margin: 0 !important; overflow: hidden; }
.facebookInner { height: 420px; width: 250px !important; overflow: hidden; overflow-y: scroll; padding: 0 !important; margin: 0 !important; }
.uiStreamStory .mainWrapper { padding-right: 5px !important; margin: 0 !important; }
.uiStreamStory .storyContent { padding: 0 !important; margin: 0 !important; }
.uiStreamStory .storyContent .storyInnerContent { margin-left: 60px; margin-right: 0 !important; padding-right: 0 !important; }
#sb-title,
#sb-title-inner { height: 52px !important; }
/* #Clearing
------------------- */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/*--------------
  Menu Bar: Navigation
---------------*/

#mobilePnav { display: none; }
.visHidden { position: absolute; left: -99999999px; }
#dnn_pnav { width: auto; float: left; position: relative; }
#dnn_pnav li { position: relative; list-style: none; }
#dnn_pnav li ul { margin-left: 0; }
#dnn_pnav > li { float: left; height: 32px; margin-right: 20px; /*z-index:599;*/
}
#dnn_pnav > li > a { font-family: 'coolvetica_rgregular'; display: block; font-size: 24px; font-weight: normal; color: #fff; text-decoration: none; background: #000; padding-left: 40px; padding-right: 40px; line-height: 28px; height: 32px; }
#dnn_pnav > li:hover > a,
#dnn_pnav > li.active > a { color: #fcf301; background: #000; }
#dnn_pnav > li:hover > a:active { background: #000; }
#dnn_pnav span.navtekst { margin-left: 8px; margin-right: 8px; line-height: 28px; clear: left; }
#dnn_pnav a.navlinkselected { color: #fff; background: #000; }
/* Secondary level */

#dnn_pnav > li ul {  /* Styles for all sub levels */ display: none; position: absolute; width: 225px; padding: 15px 0; background: #000; border: 1px solid #000; border-top: 1px solid #000; border-radius: 3px; -webkit-animation-duration: .25s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .25s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .25s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .25s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; }
#dnn_pnav li:hover > ul { display: block; }
#dnn_pnav > li > ul { top: 27px; left: 0; }
#dnn_pnav > li > ul:after { position: absolute; top: -7px; left: 30px; width: 0px; height: 0px; border-left: 7px solid transparent;  /* left arrow slant */ border-right: 7px solid transparent; /* right arrow slant */ border-bottom: 7px solid #e9e9e9; /* bottom, add background color here */ font-size: 0px; line-height: 0px; }
#dnn_pnav > li ul a { display: block; padding: 2px 15px; color: #fff; font-family: 'coolvetica_rgregular'; font-size: 18px; text-decoration: none; /* transition decleration */
transition: all ease-in 100ms; -moz-transition: all ease-in 100ms; /* Firefox 4 */ -webkit-transition: all ease-in 100ms; /* Safari and Chrome */ -o-transition: all ease-in 100ms; /* Opera */ -ms-transition: all ease-in 100ms; /* IE9? */ border: 1px solid transparent; }
#dnn_pnav ul li:last-child > a { padding-bottom: 0; }
#dnn_pnav > li > ul li:hover > a { color: #fcf301; font-size: 18px; }
/* Tertiary level */
#dnn_pnav li ul li ul { left: 215px; top: -15px; border: 1px solid #bbb; }
/* Menu Oppertop*/

ul.ultoplevel { float: right; margin: 0; padding: 0; display: block; }
ul.ultoplevel a { color: #fff; text-decoration: none; }
ul.ultoplevel a:hover { color: #fcf301; }
ul.ultoplevel li.toplevel { float: left; margin-left: 8px; }
ul.ultoplevel > li ul.sublevel {  /* Styles for all sub levels */ display: none; position: absolute; width: auto; padding: 10px; background: #000; -moz-box-shadow: 1px 3px 3px #666; -webkit-box-shadow: 1px 3px 3px #666; box-shadow: 1px 3px 3px #666; /* CSS3 */
-webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
ul.ultoplevel > li ul.sublevel { margin-left: -12px; margin-top: -1px }
ul.ultoplevel li:hover > ul { display: block; }
ul.ultoplevel ul.sublevel li { margin-bottom: 4px; }
/* Sticky Menu
--------------------------------------------------------------------------------------- */
ul.sticky_nav { float: left; margin: 0; padding: 0; width: 65%; }
ul.sticky_nav a { color: #fff; text-decoration: none; font-family: 'coolvetica_rgregular'; font-size: 22px; width: 18%; font-weight: normal; }
ul.sticky_nav a:hover { color: #fcf301; }
ul.sticky_nav ul a { font-size: 18px; }
ul.sticky_nav li.toplevel { float: left; margin-right: 4%; }
ul.sticky_nav > li ul.sublevel { display: none; position: absolute; width: auto; padding: 10px; padding-top: 20px; background: #000; -moz-box-shadow: 1px 3px 3px #666; -webkit-box-shadow: 1px 3px 3px #666; box-shadow: 1px 3px 3px #666; -webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
ul.sticky_nav > li ul.sublevel { margin-left: -12px; margin-top: -1px }
ul.sticky_nav li:hover > ul { display: block; }
ul.sticky_nav ul.sublevel li { margin-bottom: 8px; }
ul.sticky_nav900 { display: none; visibility: hidden; }
ul.sticky_nav900 a { color: #fff; text-decoration: none; font-family: 'coolvetica_rgregular'; font-size: 22px; width: 18%; font-weight: normal; }
ul.sticky_nav900 a:hover { color: #fcf301; }
ul.sticky_nav900 ul a { font-size: 18px; }
ul.sticky_nav900 li.toplevel { float: left; margin-right: 4%; }
ul.sticky_nav900 > li ul.sublevel { display: none; position: absolute; width: auto; padding: 10px; padding-top: 20px; background: #000; -moz-box-shadow: 1px 3px 3px #666; -webkit-box-shadow: 1px 3px 3px #666; box-shadow: 1px 3px 3px #666; -webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
ul.sticky_nav900 > li ul.sublevel { margin-left: -12px; margin-top: -1px }
ul.sticky_nav900 li:hover > ul { display: block; }
ul.sticky_nav900 ul.sublevel li { margin-bottom: 8px; }
ul.sticky_nav_init { display: none; visibility: hidden; float: left; margin: 0; padding: 0; width: 65%; }
ul.sticky_nav_init a { color: #fff; text-decoration: none; font-family: 'coolvetica_rgregular'; font-size: 22px; width: 18%; font-weight: normal; }
ul.sticky_nav_init a:hover { color: #fcf301; }
ul.sticky_nav_init ul a { font-size: 18px; }
ul.sticky_nav_init li.toplevel { float: left; margin-right: 4%; }
ul.sticky_nav_init > li ul.sublevel { display: none; position: absolute; width: auto; padding: 10px; background: #000; -moz-box-shadow: 1px 3px 3px #666; -webkit-box-shadow: 1px 3px 3px #666; box-shadow: 1px 3px 3px #666; -webkit-transition: all .3s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
ul.sticky_nav_init > li ul.sublevel { margin-left: -12px; margin-top: -1px }
ul.sticky_nav_init li:hover > ul { display: block; }
ul.sticky_nav_init ul.sublevel li { margin-bottom: 8px; }
/*.Menu Oppertop*/



/*Artikelen*/

.PagingTable td { padding-right: 10px; }
.ArtikelAdmin { position: relative; display: block; margin-top: 15px; margin-bottom: 15px; }
.RssFacebook { margin-top: 15px; margin-bottom: 15px; }
/*SnelNaar*/
.SnelNaarArchief { font-size: 16px; }
.SnelNaarArchief .chzn-select { font-size: 16px; }
.wrapper-dropdown-5 { /* Size & position */
position: relative; font-size: 14px; float: left; width: 200px; margin: 0 auto; padding: 12px 15px;/*z-index:9998;*/ /* Styles */
background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-dropdown-5:after { /* Little arrow */ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; }
.wrapper-dropdown-5 .dropdown { /* Size & position */
position: absolute; top: 100%; left: 0; right: 0; /* Styles */
background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */
max-height: 0; overflow: hidden; }
.wrapper-dropdown-5 .dropdown li { padding: 0 8px; }
.wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 8px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; }
.wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; }
.wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; }
/* Hover state */
.wrapper-dropdown-5 .dropdown li:hover a { color: #57a9d9; }
/* Active state */
.wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; }
.wrapper-dropdown-5.active:after { border-color: #82d1ff transparent; }
.wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 530px; }
/*Schema*/
.programmaschema { }
.programmaschematabel { color: #fff; font-size: 14px; }
.programmaschematabel a { color: #fff; text-decoration: none; display: block; }
.programmaschematabel a:hover { color: #000; }
.programmaschematabel .rijhoofd { padding: 8px; font-family: 'coolvetica_rgregular'; font-size: 22px; }
.programmaschematabel .datum a { padding: 8px; white-space: nowrap; }
.programmaschematabel .tijd a { padding: 8px; }
.programmaschematabel .titelplaatje { float: left; position: relative; }
.programmaschematabel .titelplaatje img { margin: 8px; border: solid 1px #fff; }
.programmaschematabel .titel { float: left; width: 20%; }
.programmaschematabel .titel a { padding: 8px; }
.programmaschematabel .titelbodytekst { float: right; width: 60%; padding: 8px; }
.programmaschematabel .titeltrefwoorden { float: right; width: 60%; padding: 8px; font-weight: bold }
.programmaschematabel .locatie a { padding: 8px; }
.programmaschematabel tr:nth-child(odd) { background-color: #000; }
.programmaschematabel tr:nth-child(even) { background-color: #0b89d2; }
.programmaschematabel tr:hover { color: #000; background-color: #fcf301; }
.programmaschematabel tr.rijhoofdrij:hover { color: #fff; background-color: #000; }
.programmaschematabel tr.rijhoofdrijtwee:hover { color: #fff; background-color: #0b89d2; }
.programmaschematabel tr:hover a { color: #000; }
.NewsArticles { position: relative; width: 100%; }
.artikel { position: relative; display: block; margin: 0 !important; background-color: #fff; padding: 10px; }
.artikelHoofdafbeelding { width: 100% }
.artikelHoofdafbeelding img { max-width: 100% }
.artikellink { }
.artikeldatum { font-size: 10px; margin-bottom: 15px; }
.artikelsamenvatting { margin-bottom: 15px; }
.artikeldatum a,
.artikeldatum a:visited { color: #999; text-decoration: none; }
.artikeldatum a:hover,
.artikeldatum a:focus,
.artikeldatum a:active { color: #999; text-decoration: none; }
.artikellink a,
.artikellink a:visited { color: #444; text-decoration: none; }
.artikellink a:hover,
.artikellink a:focus,
.artikellink a:active { color: #c30079; }
.artikelsamenvatting a,
.artikelsamenvatting a:visited { }
.artikelsamenvatting a:hover,
.artikelsamenvatting a:focus,
.artikelsamenvatting a:active { }
.artikelism img { float: left; margin-top: 8px; margin-bottom: 8px; }
.artikelcustom { margin-top: 8px; }
.meerlinks { margin-left: -15px; }
.artikelmedia .meerlinks { margin-left: -8px; }
.artikelthumb { }
#Table1 td.SubHead { width: 250px !important; }
#Table1 td.SubHead label { font-size: 12px !important; text-transform: uppercase !important; }
/* Photo Area */
ul.articleImageList { padding: 0; margin: 0; }
.articleImageList li { display: inline; padding: 0; float: left; margin-left: 0px; margin-right: 10px; margin-top: 10px; }
/* File Area */

.articleFileList li { display: inline; float: left; margin-left: 0px; margin-right: 10px; margin-top: 10px; }
/*---------------------------------------- 
			programma
---------------------------------------- */	

.programmalink a { text-decoration: none; }
.programmatitel { background-color: #000; padding-left: 8px; padding-right: 6px; padding-bottom: 1px; padding-top: 3px; border-top: solid 2px #fff; }
.programmainfo { background-color: #000; padding-left: 8px; padding-right: 6px; padding-bottom: 6px; padding-top: 2px; }
.deepest h2 { color: #fcf301; margin-bottom: 12px !important; width: 99%; white-space: nowrap; }
.deepest h3 { color: #fff; margin-top: 0px !important; margin-bottom: 0px !important; width: 100%; white-space: nowrap; }
/*---------------------------------------- 
			nieuws
---------------------------------------- */	

.nieuwslink { text-decoration: none; }
.nieuwstitel { background-color: #000; padding-left: 8px; padding-right: 6px; padding-bottom: 1px; padding-top: 3px; border-top: solid 2px #fff; }
.nieuwsinfo { background-color: #000; padding-left: 8px; padding-right: 6px; padding-bottom: 6px; padding-top: 2px; }
.deepest .nieuwslink h2 { color: #fcf301; margin-bottom: 12px !important; width: 99%; }
/*---------------------------------------- 
			Home
---------------------------------------- */	

.overlayer { display: inline-block; max-width: 100% }
.overlayer .overlay { visibility: hidden }
.overlayer .overlay-default { background: url(images/overlay-zoom.png) 50% 50% no-repeat; background-color: rgba(0,0,0,0.5) }
.overlayer .overlay { width: 100% !important; background: #000; background: url(images/overlay-ie.png) 0 0 repeat; background: none rgba(0,0,0,0.8); text-shadow: none;/* z-index: 99;*/ }
.overlayer .overlay,
.overlayer .overlay a { color: #fff; }
.overlayer .overlay a { text-decoration: underline }
.overlayer .overlay>div { padding: 10px; }
.overlayer .overlay.remove-padding>div { padding: 0 }
.overlayer .overlay>div>*:first-child { margin-top: 0 }
.overlayer .overlay>div>*:last-child { margin-bottom: 0 }
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after { content: ""; display: table }
.grid-box { float: left }
.width16 { width: 16.666% }
.width20 { width: 20% }
.width25 { width: 25% }
.width33 { width: 33.333%; }
.width40 { width: 40% }
.width50 { width: 50% }
.width60 { width: 60% }
.width66 { width: 66.666% }
.width75 { width: 75% }
.width80 { width: 80% }
.width100 { width: 100% }
.size-auto { width: 100%; height: auto }

@media (max-width: 767px) {
.width25,
 .width33,
 .width40,
 .width50 { width: 50%; }
.tweekoloms #dnn_ContentPaneRechts .width25,
 .tweekoloms #dnn_ContentPaneRechts .width33,
 .tweekoloms #dnn_ContentPaneRechts .width40,
 .tweekoloms #dnn_ContentPaneRechts .width50 { width: 100%; }
.width60,
 .width66,
 .width75,
 .width80 { width: 100%; }
}

@media (max-width: 550px) {
.programmaschematabel .titelplaatje { visibility: hidden; display: none; }
.programmaschematabel .titel { float: left; width: 20%; }
}

@media (max-width: 450px) {
.width25,
.width33,
.width40,
.width50,
.width60,
.width66,
.width75,
.width80 { width: 100%; }
.programmaschematabel .titelbodytekst { visibility: hidden; display: none; }
.programmaschematabel .titel { float: left; width: 100%; }
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both }
.deepest .overlay h2 { color: #fcf301; margin-bottom: 12px !important; width: 100%; white-space: nowrap; }
.deepest .overlay h3 { color: #fff; margin-bottom: 6px !important; width: 100%; white-space: nowrap; }
.deepest .overlay h4 { color: #fcf301; margin-bottom: 6px !important; width: 100%; }
.NewsArticles { max-width: 1024px; position: relative; margin: 0 auto; }
.NewsArticles>.PageName { padding-top: 20px; padding-left: 20px; }
.wrappert { max-width: 1024px; position: relative; margin: 0 auto; }
.wrappert>.deepest { padding: 0px }
#main .grid-block { margin: -10px }
#main .deepest { margin: 10px }
.mod-box { padding: 5px; background: #fff; border: 1px solid #ccc; overflow: hidden; position: relative; }
/*---------------------------------------- 
			details articles
---------------------------------------- */	

/*------------------------------------------------*/
/* FORMULIER */
/*------------------------------------------------*/
.Contactformulier { line-height: 18px; width: 95%; background-color: #fff; max-width: 385px; margin-left: -4px; margin-top: 8px; }
.ContactformulierForm { width: 100%; }
.ContactformulierForm td { padding-bottom: 10px; }
.ContactformulierForm .NormalTextBox { font-family: "Courier New", Courier, monospace; width: 100%; height: 20px; font-size: 1.0em; margin-top: 8px; margin-right: 40px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; font-weight: normal; }
.ContactformulierForm .NormalTextBox:focus { background-color: #f2f2f2; border: solid 1px #666; }
.ContactformulierForm .NormalTextBoxBig { font-family: "Courier New", Courier, monospace; width: 100%; height: 90px; font-size: 1.0em; margin-top: 2px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; }
.ContactformulierForm .NormalTextBoxBig:focus { background-color: #f2f2f2; border: solid 1px #666; }
.ContactformulierForm .NormalTextBoxSelect { width: 52px; height: 35px; font-size: 1.2em; margin-top: 6px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; }
.ContactformulierForm .NormalTextBoxSelect option { line-height: 18px; }
.ContactformulierForm .NormalTextBoxRadio { font-size: 12px; margin-top: 2px; padding-top: 5px; }
.ContactformulierForm .NormalTextBoxRadio input { margin-right: 7px; }
.ContactformulierForm .NormalTextBoxRadio label { margin-right: 17px; }
.ContactformulierForm .SubHead { font-size: 14px; }
.ContactformulierForm .NormalRed { font-family: "Courier New", Courier, monospace; color: #c00; font-style: italic; font-size: 14px; }
.ContactformulierForm label { float: none; }
.ContactformulierForm label.SubHead { font-weight: bold; font-size: 13px; color: #333; }
.ContactformulierForm .tdinput input,
.ContactformulierForm .tdinput1 input { height: 30px; font-size: 1.39em; margin-top: 2px; padding: 5px; width: 335px; background-color: #f8f8f8; border: solid 1px #ccc; color: #ccc; }
.ContactformulierForm .tdinput input:focus,
.ContactformulierForm .tdinput1 input:focus { background-color: #f2f2f2; border: solid 1px #666; }
.tdinput1 span.Normal { display: none; visibility: hidden; }
.tdinput span.Normal { display: block; }
.tdinput span { }
.ContactformulierForm .severity { float: right; margin-top: 15px; margin-right: 39px; background: #a30505; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; font-style: italic; line-height: 1; padding: 5px 20px; text-align: center; text-decoration: none; width: auto; border: none; cursor: pointer; }
.ContactformulierForm .severity:hover { background: #800505; }
.ContactformulierForm div.Normal { margin: -5px; }
.ContactformulierForm div.NormalRed { margin: -5px; margin-bottom: 5px; padding: 5px; height: 22px; width: 385px; font-size: 13px; color: #8a0002; background: #fceeef; border: dashed 1px #8a0002; }
.ContactformulierForm span.NormalRed { margin-left: -5px; }

.C5SCaptchaCell,.c5sllc_captcha{
    text-align: left!important;
}
div.c5sllc_captcha div input{font-family: "Courier New", Courier, monospace; width: 100%; max-width: 185px; height: 20px; font-size: 1.0em; margin-top: 8px; margin-right: 40px; margin-bottom: 40px; padding: 5px; background-color: #f8f8f8; border: solid 1px #ccc; font-weight: normal;}
div.c5sllc_captcha div input:focus { background-color: #f2f2f2; border: solid 1px #666; }

div[id$='FormMaster_pnlThankYou']{text-align: left;}
table[id$='FormMaster_tblThankYou']{ margin: 0 0 0 0!important;}

/*Foto's*/
#dnn_ctr1918_UltraPhotoGallery_UP { }
#dnn_ctr1918_UltraPhotoGallery_UP .albuminner table { }
/*Video's*/
.player { position: fixed; bottom: 0; z-index: 999999999; height: 300px; background-color: #000; width: 420px; left: 50%; margin-left: -210px; opacity: 0; display: none; }
.player.actief { opacity: 1; display: block; }
.playertitel a { text-decoration: none; display: block; }
.playertitel a:hover { text-decoration: underline; }
.home .playerholder { position: absolute; top: 20%; left: 50%; }
.programmaschema .playerholder { position: absolute; top: 40%; left: 50%; }
#playerZelf { width: 97%; height: 370px; overflow: hidden; background: #f2f2f2; position: absolute; border: solid 1px black; }
.youtube .carousel { width: 29%; height: 100%; overflow-x: hidden; position: absolute; right: 0px; /*z-index: 3;*/
text-align: center; }
.youtube .thumbnail { margin: 2px; width: 95%; border: 1px solid black; text-align: center; cursor: pointer; cursor: hand; }
.youtube iframe.player { width: 70%; height: 370px; overflow: auto; border: 0; border-right: solid 1px black; }
.yt-descript { color: #000; font-family: Arial, Helvetica, sans-serif; cursor: pointer; cursor: hand; font-size: 14px; margin-bottom: 5px; overflow-x: hidden; padding: 8px; float: left; }
span.playknop { height: 75px; width: 75px; top: 35%; left: 50%; margin-left: -37px; margin-top: -37px; position: absolute; background: transparent url('/Portals/18/Skins/Zomerterras/images/play_button.png') top right no-repeat; z-index: 2 !important; }
span.playknop:hover { background: transparent url('/Portals/18/Skins/Zomerterras/images/play_button.png') bottom right no-repeat; cursor: pointer; }
.programmaschema span.playknop { height: 50px; width: 50px; top: 5px; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; background: transparent url('/Portals/18/Skins/Zomerterras/images/play_button_small.png') top right no-repeat; z-index: 2 !important; }
.programmaschema span.playknop:hover { background: transparent url('/Portals/18/Skins/Zomerterras/images/play_button_small.png') bottom right no-repeat; }
.player { /*	position:absolute;
	top:0px;
	left:50%;
	margin-left:-210px;
	display:block;*/
height: 100px; width: 420px; /*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(@opacity2)";
	filter:"alpha(opacity=@opacity2)";
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	display:none;*/
}
.player #player { float: left; height: 100%; }
.player #player .thumb { display: block; float: left; position: relative; width: 100px; height: 100px; z-index: 2; background: #000; }
.player #player .thumb .play-btn { width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; cursor: pointer; }
.player #player .label { float: left; position: relative; z-index: 2; height: 100px; overflow: hidden; width: 270px; background: #fff; }
.player #player .label .inner { display: block; padding: 23px 20px; }
.player #player .label .inner .playertitel { font-size: 24px; line-height: 24px; height: 48px; overflow: hidden; font-family: 'coolvetica_rgregular'; font-weight: normal; font-style: normal; color: #000; }
.player #player .label .inner .playertitel i { font-style: italic; }
.player #player .label .inner .playertitel a { color: #000; }
.player #player .label .inner .playertitel a:hover { color: #e6007e; }
.player #player .buttons { width: 50px; height: 100px; position: relative; z-index: 2; overflow: hidden; float: left; }
.player #player .buttons .btn { display: block; width: 50px; height: 50px; position: relative; float: none; cursor: pointer; background: #e6007e; border-bottom: 1px solid #e6007e; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; -ms-transition: background 0.3s linear; transition: background 0.3s linear; }
.player #player .buttons .btn .icon { display: block; position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; }
.player #player .buttons .btn.soundcloud { }
.player #player .buttons .btn.soundcloud:hover { background: #e6007e; }
.player #player .buttons .btn.bandcamp:hover { background: #e6007e; }
.player #player .buttons .btn.youtube .icon { background-image: url("/Portals/18/Skins/Zomerterras/images/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px 0px; }
.player #player .buttons .btn.soundcloud .icon { background-image: url("/Portals/18/Skins/Zomerterras/images/ZT_sprite.png"); background-repeat: no-repeat; background-position: -200px 0px; }
.player #player .buttons .btn.bandcamp .icon { background-image: url("/Portals/18/Skins/Zomerterras/images/ZT_sprite.png"); background-repeat: no-repeat; background-position: -240px 0px; }
.player #player .buttons .btn.vimeo .icon { background-image: url("/Portals/18/Skins/Zomerterras/images/ZT_sprite.png"); background-repeat: no-repeat; background-position: -280px 0px; }
.player #player .buttons .btn.spotify .icon { background-image: url("/Portals/18/Skins/Zomerterras/images/ZT_sprite.png"); background-repeat: no-repeat; background-position: -320px 0px; }
.player #player .buttons .btn.close .icon { background-image: url("/Portals/18/Skins/Zomerterras/images/ZT_sprite.png"); background-repeat: no-repeat; background-position: -160px -40px; }
.player #player .buttons .btn:hover { background: #f540a3; }
.player #player .buttons .btn.active { background: #e6007e; }
.player #player .buttons .btn.inactive { display: none; }
.player #player .youtube-embed { display: block; position: absolute; width: 420px; height: 230px; background: #fff; bottom: 100px; overflow: hidden; z-index: 1; left: 0px; }
.player #player .youtube-embed.spf { height: 80px; background: #000; bottom: 100px; }
.player #player .youtube-embed iframe { width: 420px !important; height: 230px !important; display: block; }
.player #player .youtube-embed.spf iframe { width: 102% !important; height: 80px !important; margin-left: -2%; display: block; }
.artikelexit { clear: both; padding-top: 20px; }

@media only screen and (max-width: 450px) {
.player #player .thumb { display: none; visibility: hidden; }
.player #player .youtube-embed { width: 100%; height: 130px; }
.player #player .youtube-embed iframe { width: 100% !important; height: 130px !important; display: block; }
}
/* */

#Meester .dnnSearchInput .dnnLabel { display: inline-block; float: left; position: relative; width: 40px !important; padding-right: 10px; margin-right: 10px; overflow-x: visible; overflow-y: visible; text-align: left; font-size: 16px; }
#Meester .dnnSearchInput .dnnFormHelp { visibility: hidden; display: none; }
#Meester .dnnSearchInput .dnnFormItem input[type="text"],
#Meester .dnnSearchInput .dnnFormItem input[type="password"],
#Meester .dnnSearchInput .dnnFormItem input[type="email"],
#Meester .dnnSearchInput .dnnFormItem input[type="tel"],
#Meester .dnnSearchInput .dnnFormItem select,
.dnnFormItem textarea { width: 75%; max-width: 745px; }
.ZoekMessage { display: block; margin-bottom: 15px; font-size: 16px; }
span.zoekding { font-weight: bold; font-style: italic; }
.mediadesc .buttons { display: none; visibility: hidden; }
#dnn_ctr1914_dnnTITLE_titleLabel.Head { color: #000; }

@media only screen and (max-width: 1030px) {
#colorbox { width: 100% !important; }
img.cboxPhoto { max-width: 100% !important; height: auto !important; }
}

@media only screen and (max-width: 977px) {
#Oppermeester { position: relative; height: 100% !important; /*overflow-x:hidden;*/ }
.container { width: 100%; }
#Meester { width: 100%; }
#ZTlogo { width: 100%; }
#Menubalk { width: 100%; }
.cboxPhoto { max-width: 100% !important; }
/*#cboxMiddleLeft{height: 100% !important;}*/
#cboxContent { width: 100% !important; height: 100% !important; }
/*#cboxLoadedContent{width: auto !important; height: auto !important;}*/
#cboxLoadedContent { overflow: visible; }
/*#cboxMiddleRight{height: 100% !important;}
#cboxBottomCenter{width: 100% !important;}*/
	
/* SET COLUMNS */
.contentPane { width: 100%; }
.home .contentPane { width: 100%; float: left; }
.rightPane { width: 100%; }
}

@media only screen and (max-width: 900px) {
ul.ultoplevel { display: none; visibility: hidden; }
ul.sticky_nav { display: none; visibility: hidden; }
ul.sticky_nav900 { display: block; visibility: visible; float: left; margin: 0; padding: 0; width: 100%; }
ul.sticky_nav_init { float: left; margin: 0; padding: 0; width: 100%; display: block; visibility: visible; }
ul.sticky_nav900 li.toplevel { margin-bottom: 5px; margin-right: 2%; }
ul.sticky_nav_init li.toplevel { margin-bottom: 5px; margin-right: 2%; }
#dnn_pnav { display: none; visibility: hidden; }
}

@media only screen and (max-width: 750px) {
.WanneerMelding{position: relative; float: none; width: 100%; padding: 15px; font-size: 21px; line-height: 21px; }
#Meester{ margin-top: 66px;}
#Oppertop { min-height: 66px; }
.stickymenu_wrap { height: 50px; padding: 8px 0; }
ul.sticky_nav900 { min-width: 340px; }
ul.sticky_nav_init { min-width: 340px; }
ul.sticky_nav900 a { width: 50% !important; white-space: nowrap; }
ul.sticky_nav_init a { width: 50% !important; white-space: nowrap; }
ul.sticky_nav900 li.toplevel { width: 32%; margin-right: 1%; }
ul.sticky_nav_init li.toplevel { width: 32%; margin-right: 1%; }
#Meester .dnnSearchInput .dnnLabel { visibility: hidden; display: none; }
.driekoloms .contentPane { display: block; width: 49%; float: left; }
.driekoloms #dnn_ContentPane { margin-left: 2%; margin-right: 0; }
.driekoloms #dnn_ContentPaneRechts { clear: both; float: none; width: 100%; }
}

@media only screen and (max-width: 600px) {
#Meester{ margin-top: 96px;}
#Oppertop { min-height: 96px; }
#ZTlogo { height: 139px; background: url(images/logo_Zomerterras-2013_small.png) no-repeat center 50px; }
.home #ZTlogo { height: 139px; background: url(images/logo_Zomerterras-2013_small.png) no-repeat center 50px; }
.home #Menubalk { margin-top: -10px; }
.stickymenu_wrap { height: 50px; padding: 8px 0; }
ul.sticky_nav900 { min-width: 340px; }
ul.sticky_nav_init { min-width: 340px; }
ul.sticky_nav900 a { width: 50% !important; white-space: nowrap; }
ul.sticky_nav_init a { width: 50% !important; white-space: nowrap; }
ul.sticky_nav900 li.toplevel { width: 45%; margin-right: 5%; }
ul.sticky_nav_init li.toplevel { width: 45%; margin-right: 5%; }
.bannerPane { height: 290px; }
.smallhide { display: none; visibility: hidden; width: 0; height: 0; line-height: 0; }
}

@media only screen and (max-width: 488px) {
#Meester { background: none; }
/*#ZTlogo{height:139px; background:url(images/logo_Zomerterras-2013_small_wanneer.png) no-repeat center 50px;}
.home #ZTlogo{height:139px; background:url(images/logo_Zomerterras-2013_small_wanneer.png) no-repeat center 50px;}*/
.home #dnn_RightPane .DNNContainer_without_title #BestelHome { min-height: 203px; }
}

@media only screen and (max-width: 450px) {
.tweekoloms .contentPane { display: block; width: 100% !important; float: left; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts.contentPane { width: 100%; }
.tweekoloms #dnn_ContentPaneRechts { float: left !important; }
.tweekoloms_smalbreed .contentPane { display: block; width: 100%; float: left; }
.tweekoloms_smalbreed #dnn_ContentPaneRechts { float: left !important; }
.driekoloms .contentPane { width: 100%; float: left; }
.driekoloms #dnn_ContentPane { margin-left: 0; margin-right: 0; }
#Meester .dnnSearchInput .dnnFormItem input[type="text"],
#Meester .dnnSearchInput .dnnFormItem input[type="password"],
#Meester .dnnSearchInput .dnnFormItem input[type="email"],
#Meester .dnnSearchInput .dnnFormItem input[type="tel"],
#Meester .dnnSearchInput .dnnFormItem select,
.dnnFormItem textarea { width: 60%; }
#Meester .dnnSearchInput .dnnFormItem { min-width: 300px; }
.player { width: 100% !important; left: 0; margin-left: 0; opacity: 0; display: none; }
}

@media only screen and (max-width: 375px) {
ul.sticky_nav900 a { font-size: 20px; }
ul.sticky_nav_init a { font-size: 20px; }
ul.sticky_nav900 li.toplevel { width: 40%; margin-right: 1%; }
ul.sticky_nav_init li.toplevel { width: 40%; margin-right: 1%; }
}
/*Z-INDEX*/
#Oppertop { z-index: 999; }
.stickymenu_wrap { z-index: 499 !important; }
.menu_wrap { z-index: 499 !important; }
#dnn_pnav > li { z-index: 399; }
#sb-wrapper-inner { z-index: 9999; }
.wrapper-dropdown-5 { z-index: 4; }
.overlayer .overlay { z-index: 99; }
.youtube .carousel { z-index: 3; }
.rslides1_nav { z-index: 99; }
.rslides_tabs { z-index: 100; }
#slides1 div.caption { z-index: 5; }
.ModDNNHTMLC .Normal { z-index: -1; }
img.meegroei { width: 100%; }
.umgclassic .albumlist .albuminner { z-index: 1; }
.umgclassic .medialarge.bottom { z-index: 1; }
#dnn_ctr3020_NewsArticles_ucSubmitNews_cmdDelete { display: inline-block; background-color: #fff; padding: 5px; }
dl { margin-top: 0; margin-bottom: 20px }
dd,
dt { line-height: 1.42857143; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
dt { }
dd { margin-left: 0 }
.info-block { text-align: right; margin-bottom: 20px; overflow: hidden; width: 100%; }
dl.info-block { text-align: left; }
dl.info-block dt { margin-top: 1em }
dl.info-block dt:first-child { margin-top: 0 }
div.logoos { display: inline-block; width: 32%; text-align: center }
.contentPane div.logoos img { max-width: 100%; height: auto; margin: 30px 0 30px 0; }
.contentPane div.logoos:nth-child(1) { margin-right: -30px!important; }
#BestelHome h3 a { padding-left: 35px; color: #000; }
.buttonskew { -ms-transform: skewX(-30deg); /* IE 9 */ -webkit-transform: skewX(-30deg); /* Safari */ transform: skewX(-30deg); display: inline-block; background-color: #e5007d; margin-left: 20px; margin-top: 20px;}
.buttonskew-text { -ms-transform: skewX(30deg); /* IE 9 */ -webkit-transform: skewX(30deg); /* Safari */ transform: skewX(30deg); padding: 20px; font-size: 18px; font-family: 'coolvetica_rgregular'; }
.buttonskew-text a { text-decoration: none; color: #fff; }

.home .buttonskew {margin-bottom: 40px;}
.home .buttonskew:hover { background-color: #000;}
.home .buttonskew-text { font-size: 30px; }

@media (min-width:769px) {
dl.info-block { overflow: hidden }
dl.info-block dd,
dl.info-block dt { float: left; margin-top: .5em }
dl.info-block dt { clear: both; padding-right: 12px; width: 45% }
dl.info-block dd { width: 53% }
dl.info-block dt:first-child+dd { margin-top: 0 }
}

@media (max-width:991px) {
dl.info-block dd,
dl.info-block dt { display: block; float: none; width: 100% }
dl.info-block dd { margin-top: 0 }
}
.zoom { position: relative; }
.zoom .large { display: none; width: 175px; height: 175px; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; /* box shadows to achieve the glass effect */
-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25) }
/* To solve overlap bug at the edges during magnification */
.zoom .thumb { display: block; }