@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic);

/* DNN7 > Reset */
.dnnCPHeader li{line-height:normal;}
#dnnCPWrap .dnnCPHNav, #dnnCPWrap .dnnCPHMode{height:30px;}
#RibbonBar_adminMenus > ul > li > a, #dnn_cp_RibbonBar_adminMenus > ul > li > a {padding: 10px 16px;}
.dnnCPHMessage{line-height:35px;}
#RibbonBar_adminMenus .dnnadminmega .megaborder, #dnn_cp_RibbonBar_adminMenus .dnnadminmega .megaborder {top: 35px;}
.LoginPanel{width:auto;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited{color:#fff;}

h1, h2, h3, h4, h5, h6{letter-spacing:normal; line-height:normal;}
form .actionMenu ul{z-index:auto !important;}

/* DNN7 > Show Panes in Edit mode */
.DNNEmptyPane{display:none;}
.paneOutline, .dnnDropEmptyPanes{border:0 none !important; background:#EEEEFF;}
.dnnEditState .DnnModule {opacity: 1.0;} 
.dnnEditState  .cContainer{background:rgba(255,255,255,0.2);}
.dnnEditState .Pane{margin-bottom:20px;}
.dnnEditState .DNNEmptyPane{display:block; width:auto; background:rgba(0,0,0,0.05) }

.dnnDropEmptyPanes {min-width: inherit !important; outline: none !important;}

.CP-View .ContentPane .dnnEmptyPane{display:none;}

/* DNN Admin */
#RibbonBar_ControlPanel, #RibbonBar_ControlPanel:before, #RibbonBar_ControlPanel:after, #RibbonBar_ControlPanel *, #RibbonBar_ControlPanel *:before, #RibbonBar_ControlPanel *:after, /* DNN6 CP */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *, #ControlBar *:before, #ControlBar *:after, /* DNN7 CP */
.actionMenu, .actionMenu:before, .actionMenu:after, .actionMenu *, .actionMenu *:before, .actionMenu *:after,
.dnnFormItem, .dnnFormItem:after, .dnnFormItem:before, .dnnFormItem *, .dnnFormItem *:after, .dnnFormItem *:before{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}


/*		DEFAULT STYLE		*/

/* Text */
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#666; font-family:Lato, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal, .NormalBold, .NormalRed, .NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:14px;}
h1, h2, h3, h4, h5, h6{margin:1ex 0; font-weight:normal;}
h1, h1 a:link, h1 a:visited{font-size:24px;}
h2, h2 a:link, h2 a:visited{font-size:20px;}
h3, h3 a:link, h3 a:visited{font-size:16px;}
h4, h4 a:link, h4 a:visited{font-size:14px;}
h5, h5 a:link, h5 a:visited{font-size:12px;}
h6, h6 a:link, h6 a:visited{font-size:12px;}

/* Links */
a,a:link,a:visited,a:active, a.CommandButton:link, a.CommandButton:visited{color:#1B8AC6;; text-decoration:none; font-weight:normal; }
a:hover{color:#000; text-decoration:underline;}

/* DNN Heading */
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Lato, Arial, Helvetica, sans-serif;}
.Head{color:#444;font-weight:bold;font-size:17px;}
.SubHead {color:#666;font-size:15px;}
.SubSubHead{color:#888; font-size:13px;}
.NormalRed {color:#F00; }

/* Tables */
tfoot, thead, th{font-size:12px;}




/*		CLEAR & FLOAT		*/
.ClearBoth{clear:both;}
.FloatLeft{float:left;}
.FloatRight{float:right;}

.ClearAfter:before,.ClearAfter:after {content: ""; display: table;} 
.ClearAfter:after {clear: both;}
.ClearAfter {zoom: 1;} /* For IE 6/7 (trigger hasLayout) */


/* Normal */
.Normal p{margin-top:0px;}
.Normal img[align='left']{margin: 1em 1em .5em 0;}
.Normal img[align='right']{margin: 1em 0 .5em 1em;}


/* Lists */
ul li{list-style-type:disc;}
ul ul li{list-style-type:circle;}
ul ul ul li{list-style-type:disc;}


/*		SKIN		*/
/* CSS Variables */

/* Wrappers */

header.Skin, section.Skin footer.Skin{clear:both;}
section.Skin{clear:both; min-height:300px; margin-bottom:8px; background:#f0f0f0;}

header.Skin{position:relative; min-height:50px; background:#fff;}
header .Logo img{padding:10px 0; float:right; max-height:57px;}
header .TopMenu{float:left; width:33%; padding-top:50px; text-transform:uppercase;}
header .TopMenu a:link, header .TopMenu a:visited{font-size:12px; color:#444;}


header.Skin .sWidth, .WrapMenu .sWidth, section.Skin .sWidth{box-sizing:border-box; padding: 0 15px;}


header.Skin{padding-top:8px;}

/* Skin */
#Body{background:#6F6F6F;}

.WrapMenu{background:#404040;}


#MenuToggle{display:none;}

/*HorMenu */
.MainMenu{float:left;}
.FFUlMenu{position:relative;}
.FFUlMenu, .FFUlMenu ul {padding: 0; margin: 0; list-style: none; line-height: 1;}
.FFUlMenu li {float: left; list-style-type:none;position:relative;}
.FFUlMenu a, .FFUlMenu li>span  {display:block;}
.FFUlMenu a:hover{text-decoration:none;}

/* Styling & Width*/
.FFUlMenu a, .FFUlMenu li>span{padding:0.5em; font-weight:bold;}
.FFUlMenu li, .FFUlMenu li ul{width: 226px;}
.FFUlMenu img{padding-right:5px;}

.FFUlMenu li.Level0, .FFUlMenu a.Level0{width:auto;}

.MainMenu{position:relative;z-index:1000;}
.MainMenu li.Level0{}

.MainMenu a, .MainMenu span{line-height:25px;}
.MainMenu a.Level0, .MainMenu span.Level0{display:block; line-height:36px; padding:0 25px 0 0; line-height:44px;}
.MainMenu a:link, .MainMenu a:visited{color:#000;}
.MainMenu a:hover{color:#888;text-decoration:none;}
.MainMenu li>span{color:#888;}



.MainMenu li.Level0>a.Active, .MainMenu li.Level0>a.ActiveParent, .MainMenu li.Level0>span.Active, .MainMenu li.Level0>span.ActiveParent{color:#F00}

/* Show & Hide levels */
.MainMenu  li ul {position:absolute;left:-999em; z-index:1001}
.MainMenu  li ul{
        opacity:0;  
        -webkit-transition: opacity 0.3s linear;  
        -moz-transition: opacity 0.3s linear;  
        -o-transition: opacity 0.3s linear;  
        -ms-transition: opacity 0.3s linear;  
        transition: opacity 0.3s linear; 
		}

.MainMenu li{position:relative;}
.MainMenu li ul ul {margin: 0 0 0 226px;}
.MainMenu  li ul ul {top:0;}
.MainMenu  li:hover>ul{left: 0; opacity:1; }
.MainMenu  li.Level0:hover>ul{left: -7px;}
/* Remove to also have a dropdown on the active root item 
.MainMenu  li.Level0.Active:hover>ul, .MainMenu  li.Level0.ActiveParent:hover>ul{left:-999em;}
*/

.MainMenu li.Level0 ul{background:#484848;}

.MainMenu li.Level0 a{color:#fff;}
.MainMenu li.Level0 a.Active, .MainMenu li.Level0 a.ActiveParent, .MainMenu li.Level0 a:hover{color:#aaa !important;}

.MainMenu img{max-width:32px; max-height:32px;}


#EBImageMenu{padding:0 15px;}

/* Image Menu */
#EBImageMenu ul, #EBImageMenu li{padding:0; margin:0; list-style:none;}
#EBImageMenu li{float:left; padding: 10px 10px 10px 0; text-align:center;}
#EBImageMenu a{font-size:12px;}
#EBImageMenu a.Active{color:#000;}

#EBImageMenu li{width:82px;}
#EBImageMenu li:nth-child(10n){padding-right:0;}
#EBImageMenu li:nth-child(10n+1){clear:both;}



/*Left Menu */
#EBVertMenu{padding-top:10px;}
@media screen and (min-width: 992px){
	#EBVertMenu{padding-top:20px;}
}

#EBVertMenu ul, #EBVertMenu li{padding:0; margin:0; list-style:none;}
#EBVertMenu ul ul{padding-left:15px;}
#EBVertMenu a{display:block; padding-bottom:8px;}
#EBVertMenu a img{display:block; padding-bottom:8px;}

#EBVertMenu a.Active{color:#000;}

/* If not mobile, hide this menu and show the back to list link */
.project-detail-list-link{display:none;} /* Hide by default */
.L0_Projecten.Level-2 .project-detail-list-link{
	display:block;
	padding: 1em 0;
}
.L0_Projecten.Level-2 #EBVertMenu{
	display:none;
}
@media screen and (min-width: 992px){
	.L0_Projecten.Level-2 #EBVertMenu{
		display:block;
	}
	.L0_Projecten.Level-2 .project-detail-list-link{
		display:none;
	}
}
	
	


/* Overview icon menu */
#IconMenu2 {padding-top:30px; box-sizing:border-box;}
#IconMenu2 ul, #IconMenu2 li{margin:0; padding:0;}
#IconMenu2 li{list-style-type:none; float:left; width:100%;}
#IconMenu2 li{padding:0 15px 15px;}
#IconMenu2 li:nth-child(4n+1){clear:both;}
#IconMenu2 .Icon{display:block; min-height:130px; overflow:hidden; background:#fff; margin-bottom:0.5em;}

@media screen and (min-width:768px) and (max-width:991px){
    
    #IconMenu2 li{width:50%;min-height:250px;}
    #IconMenu2 li:nth-child(2n+1){clear:both;}
    #IconMenu2 .Icon{min-height:195px;}
    
}

@media screen and (min-width:992px){
    
    #IconMenu2 li{width:25%; min-height:180px;}
    #IconMenu2 li:nth-child(4n+1){clear:both;}
     #IconMenu2 .Icon{min-height:130px;}
    
}

.hidden{display:none;}

.FloatRight{float:right;}
.ClearFloat{clear:both;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.imgWrap{margin-bottom:2em; position:relative}

.imgWrap .overlay-button{
	position:absolute;
	right: 1em;
	bottom: 1em;
	z-index: 2;
	max-width: 30%;
	border: solid 3px white;
	transition: border 0.5s;
}

.imgWrap .overlay-button:hover{
	border: solid 3px #00b9f0;
}

@media screen and (min-width:740px) {
	.imgWrap .overlay-button{
	right: 2em;
	bottom: 2em;
	}
}

.Search{float:right; padding-top:12px;}
a.Search{display:inline-block; display:none;}
.Search input{border:none;}

.searchInputContainer {margin: 0 !important;}

/* SKIN Color variations */
.WrapSubMenu{background:#cccccc; min-height:40px;}


/* Home */
.sHome .WrapSubMenu{display:none;}
.sHome .Row1 .C33{min-height:435px;}
.sHome .C33 p{color:#fff;}
.sHome .C33 .Row1 p{color:#fff;}
.sHome .Row2 .C33 h3{color:#fff;}

/* CONTAINERS */
.cContainer{margin-bottom:20px;}
.cIcon, .cTitle{float:left;}
.cIcon img {float:left; padding-right:4px;}




/* SKIN > Width */
.sWidth{width:1240px;margin:0 auto;}

section.Skin *{box-sizing:border-box;}
/* Panes */
.PaneWrap{ padding: 0 15px;}
.Pane{margin:0 0 20px; max-width:100%;}
.ContentPane{position:relative;}

.ContentPane .cContainer{background:#fff; padding:10px;}

.RightPane h1{font-size:18px;}

.HeaderRight{position:absolute; bottom:15px;right:10px;text-align:right;}
.HeaderPane .Normal{text-align:right;}
.HeaderPane h1, .HeaderPane h1 a:link, .HeaderPane h1 a:visited {font-size: 12px; font-weight: normal; margin:0;}

.sWidth .Footer{padding:10px 15px;color:#fff; text-align:right;}
.sWidth .Footer a:link, .sWidth .Footer a:visited{color:#6F6F6F;}

/* DNN Form reset */

h2.dnnFormSectionHead {font-size:inherit;}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link,   a.dnnPrimaryAction:visited
{background:#9A9B9A; display:inline-block; padding: 4px 10px; border-radius:0; color:#fff; text-decoration:none; box-shadow:none; border:none;}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    background: #444;
    border-color: #000;
    color: #fff;
}
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span 
{background:#eee; display:inline-block; padding: 4px 10px; border-radius:0; color:#444; text-decoration:none; box-shadow:none; border:none;}

.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover {
    background: #ddd;
    color: #555;
}


/* 3 cols variations */
.Cols > .PaneWrap{float:left;}

.Cols > div{min-height:1px;}

.Cols3 .paneOutline{background:#FFF7F7;}
.Cols3 .C1{float:left;width:33.33333%;}
.Cols3 .C2{float:right;width:66.66666%;}

.Cols3Alt .ColRight{width:218px; float:left;}
.Cols3Alt .ColWrapRight{width:751px; float:left;}
.Cols3Alt .SlideWrap{width:533px; float:left;}
.Cols3Alt .ColCenterRight{width:100%; clear:both;}

.Cols3Alt .ColWrapRight{background:#fff;}
.sHome .Cols3Alt .ColWrapRight{background:transparent;}


/* Left Column */


.ColWrapLeft li.Level2{

	display:inline-block;
	padding-right: 1em !important;
}

.ColWrapLeft li.Level2 ul{
	display:none;

}

@media screen and (min-width: 992px){
	.Cols3Alt .ColWrapLeft{

		width:218px; float:left;
	}
	.ColWrapLeft li.Level2 ul{
		display:block;
	}
}


.Col33 .Pane{margin:15px;}
.C33{width:33.33333%; float:left;}

.Col33 .C33{background:#D1BCC3 url(Img/HomeBg2.jpg) left top no-repeat; background-size: 100%;}
.Col33 .C33:first-child{background: #81ADA8 url(Img/HomeBg1.jpg) left top no-repeat; background-size: 100%;}
.Col33 .C33:last-child{background: #92B5C8 url(Img/HomeBg3.jpg) left top no-repeat; background-size: 100%;}

.Col33.NoBgImg .C33{background-image:none;}

.Col33 .C33 h1, .Col33 .C33 h2{color:#40403F;}
.Col33 .C33 h2{text-transform:uppercase; font-size:22px; margin-bottom:0; font-weight:bold;}

/*.Col33.Row2 .C33  h2{font-size:16px; color:#fff;}*/

.Col33 .C33 h3{margin:0.1em 0 1em; font-size:16px; font-weight:bold;}


/* 4 cols variations */
.Col4{clear:both;}
.Cols4 .paneOutline{background:#EFF5FF;}
.Cols4 .C123{float:left; width:895px;}
.Cols4 .C234{float:right; width:895px;}

.Cols4 .C50-50L{float:left;width:590px;}
.Cols4 .C50-50R{float:right;width:590px;}

.Cols4 .C1{width:285px; float:left;}
.Cols4 .C2{width:285px; float:right;}
.Cols4 .C3{width:285px; float:left;}
.Cols4 .C23{width:590px; float:left;margin-left:20px;}
.Cols4 .C4{width:285px; float:right;}

.Cols4 .C75-25 .C1{clear:left;}
.Cols4 .C75-25 .C1, .Cols4 .C75-25 .C2, .Cols4 .C75-25 .C3{float:left; margin-right:20px;}
.Cols4 .C25-75 .C2, .Cols4 .C25-75 .C3, .Cols4 .C25-75 .C4{float:right; margin-left:20px;}

/* Panes */
.SlideWrap > div[id*=ImageShow] {margin-bottom:20px;}
.LeftFullpane .cContainer{margin-bottom:20px;}
.LeftFullpane p{margin:0;}



/* Modules */

/* Home projects */
.Col33 .C33 .Projects h3 {margin:0.5em 0 0.7em;}
.Projects h3 a:link, .Projects h3 a:visited{color:inherit;}
.Projects .Text p:last-child{margin-bottom:0;}
.Projects .Item{padding-bottom:3em;}
 
 
/* Annoucements edit styling */

  .ModDNNAnnouncementsC table[summary^="Edit"],
  .ModDNNAnnouncementsC table[summary^="Edit"] .dnnTextEditor,
  .ModDNNAnnouncementsC table[summary^="Edit"] .dnnTextPanel{width:100% !important;}
  
  .ModDNNAnnouncementsC table[summary^="Edit"] >tbody > tr > td{padding:0 0 0.5em;}
  
  .ModDNNAnnouncementsC table[summary^="Edit"] td{vertical-align:top;}
  
  .ModDNNAnnouncementsC table[summary^="Edit"] .urlControl{width:80%;}

  .ModDNNAnnouncementsC table[summary^="Edit"] .urlControl input[type^="checkbox"]{width:5%;}

.ModDNNAnnouncementsC table[summary^="Edit"] .urlControl .urlControlLinkType .dnnFormLabel,
.ModDNNAnnouncementsC table[summary^="Edit"] .urlControl .urlControlTab > span{display:inline-block; width:25%;}


/* Contact Page */	
.Feedback_Instructions {display:none;}
.FeedbackForm{width:515px !important;}
.Feedback_SectionHead{border-bottom:solid 1px #eee !important;}
.FeedbackForm textarea{height:100px !important;}
.Feedback_Required{display:none;}


/* SlideShow */
#ImageShow1{position:relative;}
.ImgNav{position:absolute; height:21px;margin-top:-21px;position:relative;z-index:999;}
.ImgNavPrev, .ImgNavNext{display:block;width:21px;height:21px; background: url(img/Arrows.png) no-repeat; overflow:hidden; text-indent:-999px;opacity:0.8}
.ImgNavPrev:hover, .ImgNavNext:hover{opacity:1;}
.ImgNavPrev{float:left;}
.ImgNavNext{float:right;background-position:0 -21px;}

.FFImageShow{width: 100% !important; max-width:100%;}
.FFImageShow img{height: 331px;}


/* In wide pane */


.RightPaneWide .FFImageShow { width: 100% !important;}
.RightPaneWide .FFImageShow, .RightPaneWide .FFImageShow img { height: 155px !important;}

@media screen and (min-width: 480px){
	.RightPaneWide .FFImageShow, .RightPaneWide .FFImageShow img{height: 255px !important;}
}

@media screen and (min-width: 768px){
	.RightPaneWide .FFImageShow, .RightPaneWide .FFImageShow img{height: 410px !important;}
}

@media screen and (min-width: 992px){
	.RightPaneWide .FFImageShow, .RightPaneWide .FFImageShow img{ height: 448px !important;}
}



/*ContactForms */
.BestelBoek .SubHead{color:inherit; text-align:right;}
.BestelBoek .hfLabel{text-align:right;vertical-align:middle;}
.BestelBoek .hfItem input{width:260px; padding:3px;border:solid 1px #aaa; margin:0;}
.ModhelferleinFormC #SubmitButton{text-align:center;}
.ModhelferleinFormC #SubmitButton input{display:none;}

.BestelBoek .hfItem .SubHead{margin: 0 8px; display:inline-block;}
.BestelBoek  br{display:none !important;}

/* Contact */
.dnnForm.FeedbackForm .dnnFormItem .dnnLabel{width:25%; margin-right:5px;}
.dnnForm.FeedbackForm .dnnFormItem .dnnLabel .dnnFormHelp{display:none;}

/* Hide selector of annoucements */
.DNN_ANN_viewtypeSelector{display:none;}





/* RESPONSIVE */
img{max-width:100%; height:auto !important;}
img{-ms-interpolation-mode: bicubic; }
iframe{max-width:100%;}
.Pane, .PaneWrap{max-width:100%;}


/* RESPONSIVE > 1028 + */
@media screen and (min-width: 992px){

	.sWidth{width:970px;}
	
	section.Skin .sWidth{padding:0;}
	
	

	/* 4 cols variations */
	.Col4{clear:both;}
	.Cols4 .paneOutline{background:#EFF5FF;}
	.Cols4 .C123{float:left; width:700px;}
	.Cols4 .C234{float:right; width:700px;}

	.Cols4 .C50-50L{float:left;width:460px;}
	.Cols4 .C50-50R{float:right;width:460px;}

	.Cols4 .C1{width:220px; float:left;}
	.Cols4 .C2{width:220px; float:right;}
	.Cols4 .C3{width:220px; float:left;}
	.Cols4 .C23{width:460px; float:left;margin-left:20px;}
	.Cols4 .C4{width:220px; float:right;}

	.Cols4 .C75-25 .C1{clear:left;}
	.Cols4 .C75-25 .C1, .Cols4 .C75-25 .C2, .Cols4 .C75-25 .C3{float:left; margin-right:20px;}
	.Cols4 .C25-75 .C2, .Cols4 .C25-75 .C3, .Cols4 .C25-75 .C4{float:right; margin-left:20px;}
	
	.BottomFullPane {margin-right:15px;}
}


/* RESPONSIVE > Tablet landscape and LOWER */
@media screen and (max-width: 991px) {

/* Main Menu */
.MainMenu, footer{min-height:36px;height:auto;}



.sHome .PaneWrap{ padding: 0;}
.sHome .C33 .Row1 p{color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.2)}
.Search{padding:0 0 12px 0;}

}


/* RESPONSIVE > Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 984px) {
	.sWidth{width:720px;}
	/* Panes  3Cols */
	/* 3 cols variations */
	.Cols3 .C12{float:left;width:460px;}
	.Cols3 .C23{float:right;width:460px;}
	.Cols3 .C1{float:left; width:220px;}
	.Cols3 .C2{float:left; width:220px; margin-left:20px;}
	.Cols3 .C3{float:right; width:220px;}

	/* Panes  4 cols*/
	.Cols4 .C1 , .Cols4 .C2, .Cols4 .C3, .Cols4 .C4{width:160px;}
	.Cols4 .C50-50L, .Cols4 .C50-50R{width:340px;}
	.Cols4 .C23 {width:340px;}
	
	.L0_Home .SlideWrap{margin-left:109px;}

	
	#EBImageMenu li{width:77px;}
	#EBImageMenu li:nth-child(8n){padding-right:0;}
	#EBImageMenu li:nth-child(8n+1){clear:both;}
	  
	}

/* RESPONSIVE > Tablet Portrait  & Lower */
@media screen and (max-width: 984px){

	.Cols3Alt .ColWrapRight{width:100%;}
	.Cols3Alt .ColCenterRight{width:100%; clear:both;}
	
	.C33{width:auto; float:none;}
	
	.sHome .Row1 .C33{min-height:auto;}
	}
	
/* RESPONSIVE > Larger than Mobile */
@media screen and (min-width: 768px) {

	header .TopMenu a:after{content:" | ";}
	header .TopMenu a:last-child:after{content:"";}

	.FFUlMenu{display:block !important;}
}

/* All Mobile */
@media screen and (max-width: 767px) {

	
	header .TopMenu{padding-top:10px;}
	header .TopMenu a{display:block;}

	/* Main Menu */
	
	.WrapMenu .sWidth{}
	.MainMenu{float:none; }

	.MainMenu > ul{display:none; border-top:solid 1px #ccc;}
	.MainMenu ul, .MainMenu li{float:none; left:0 !important; position:relative !important; box-shadow: none !important; margin:0 !important; opacity:1 !important;line-height:auto;}
	.MainMenu li a, .MainMenu li a.Level0{display:inline-block;line-height:35px !important; padding:0 !important;}
	.MainMenu ul ul{padding-left:15px;}
	.MainMenu li.Level0 a.Active, .MainMenu li.Level0 a.ActiveParent, .MainMenu li.Level0 > span.Active, .MainMenu li.Level0 > span.ActiveParent {
	background:transparent; border-radius:0; box-shadow:none;}
	
	.MainMenu li.Level0.Active a, .MainMenu li.Level0.ActiveParent a{margin-top:0;}
	.MainMenu li.Level0.Active > a, .MainMenu li.Level0.ActiveParent > a{line-height:30px;  }
	.MainMenu li.Level0 a.Active, .MainMenu li.Level0 a.ActiveParent, .MainMenu li.Level0>span.Active, .MainMenu li.Level0>span.ActiveParent{border-radius:6px;}

	a#MenuToggle{display:block; color:#fff;line-height:36px; background:url(Img/MenuToggle.png) no-repeat right center; margin:0 5px; cursor:pointer;}
	.FFUlMenu{background:#484848; padding: 0 10px;}
	
	.SubMenu{display:none;}

	
	.Search{display:none;}
	
	/* Blocks */
	.Cols3Alt .ColWrapLeft, .Cols3Alt .ColRight{width:100%; float:none;}
	.Cols3Alt .SlideWrap{width:100%; float:none;}


	.SlideWrap{float:none;}
}

/* Mobile Landscape */
@media screen and (min-width: 480px) and (max-width: 767px) {
	.sWidth{width:470px; padding:0 5px;}
	/* panes 4 cols */
	.Cols4 .C75-25 .C3{margin-right:0;}
	.Cols4 .C25-75 .C2{margin-left:0;}
	
	.Cols4 .C1, .Cols4 .C2, .Cols4 .C3, .Cols4 .C4{width:215px;}
	.Cols4 .C23{margin-left:0;}
	.Cols3 .Pane{width:100%; margin-left:0; margin-right:0;}
	
	.SlideWrap, .FFImageShow{width:440px !important;}
	.FFImageShow {height:273px !important;}
	
	#EBImageMenu li{width:79px;}
	#EBImageMenu li:nth-child(5n){padding-right:0;}
	#EBImageMenu li:nth-child(5n+1){clear:both;}
	

}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
	.sWidth{width:310px; padding:0 5px;}
	.Cols3 .Pane, .Cols4 .Pane{width:100%; margin-left:0; margin-right:0;}
	footer{padding: 5px 10px;}
	footer, footer a{line-height:20px;}
	footer .FloatRight{float:none; display:block;}
	
	.SlideWrap, .FFImageShow{width:280px !important;}
	.FFImageShow {height:168px !important;}
	
	.TopMenu{display:none;}
	
	#EBImageMenu li{width:85px;}
	#EBImageMenu li:nth-child(3n){padding-right:0;}
	#EBImageMenu li:nth-child(3n+1){clear:both;}
}

/* Search Results*/

/* Show dropdown from skin object? */

   .searchInputContainer .searchSkinObjectPreview{display:none;}
   .searchInputContainer a.dnnSearchBoxClearText.dnnShow{display:none !important;}
   
   .ModSearchResultsC *{background-color:inherit; border-radius:inherit; box-shadow:inherit;}
   
   
   /* Show / hide Results settings panel */
   .dnnSearchResultPanel{display:none;}
   
   /* Show Advanced? */
   .dnnSearchBoxPanel .dnnSearchBox{display: block; padding-right:25px; margin:0; width:100%;}
   
   .dnnSearchBox > input[type="text"], .dnnSearchBox > input[type="text"]:focus
   {position:static; display:block; width:100% !important; height:auto; line-height:170%;}
   
   .dnnSearchBox .dnnSearchBox_advanced, 
   .dnnSearchBox > a.dnnSearchBoxClearText,
   .dnnSearchBox > a.dnnSearchBoxClearAdvanced, 
   .dnnSearchBoxPanel .dnnSearchResultAdvancedTip
   {display:none;}
   
   
/* Open Content Video */

   .video-16-9 {

   	position: relative;
   	padding-bottom: 56.25%;
   	/* 16:9 */
   	height: 0;
   }

   .video-16-9 iframe {
   	position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
   }