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

a,a:link,a:visited,a:active, a.CommandButton:link, a.CommandButton:visited{color:#F00; text-decoration:none; font-weight:normal; }
a:hover{color:#F00}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family: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; }


tfoot, thead, th{font-size:12px;}
.ClearBoth{clear:both;}
.FloatLeft{float:left;}

.Normal img[align='left']{margin: 1em 1em .5em 0;}
.Normal img[align='right']{margin: 1em 0 .5em 1em;}

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

.Skin{width:615px;margin:0 auto; background:rgba(255,255,255,0.9);}
.ControlPanel{border: none;border-radius: 0 0 10px 10px; box-shadow: 0 0 3px #aaa;}

header.s, #Content, footer{clear:both;padding:10px 0;}
#Content{clear:both;padding:20px ;min-height:300px; margin-bottom:8px;}

header.s{position:relative; min-height:50px;}
header.s .LogoWrap{float:right;} header img{padding:8px 32px;}
header.s .Login{color:#fff;padding-left:10px;}
header.s .Login:hover{color:#ddd;}

/* Skin */
body{background:#C7C8CA}
.Skin{background:#fff;}

.L0_Nr1{background:#C7C8CA url(Img/BodyBg/01-Home.png) center top no-repeat;}

.L0_Nr2 {background:#C7C8CA url(Img/BodyBg/02-Training.png) center top no-repeat;}
.L0_Nr2 .Skin{background:#fff url(Img/BodyBg/02-Training-Inner.png) right top no-repeat;}

.L0_Nr3 {background:#C7C8CA url(Img/BodyBg/03-Tekst.png) center top no-repeat;}

.L0_Nr4 {background:#C7C8CA url(Img/BodyBg/04-About.png) center top no-repeat;}

.L0_Nr5 {background:#C7C8CA url(Img/BodyBg/05-Contact.png) center top no-repeat;}
.L0_Nr5 .Skin{background:#fff url(Img/BodyBg/05-Contact-Inner.png) right top no-repeat;}

.L0_Nr6 {background:#C7C8CA url(Img/BodyBg/06-Extra.png) center top no-repeat;}

#MenuToggle{display:none;}

/*HorMenu */
.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:7px 20px;}
.FFUlMenu li, .FFUlMenu li ul{width: 226px;}
.FFUlMenu img{margin-top:-2px;}

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

/* Main Menu */
.MainMenu{height:36px;padding:0; background: #CD4A4B; /* Old browsers */}

.MainMenu{position:relative;z-index:1000;}
.MainMenu li.Level0{}
.MainMenu li.Level0.Active, .MainMenu li.Level0.ActiveParent{background:#79BE50;}

.MainMenu a.Level0, .MainMenu span.Level0{display:block; line-height:36px; padding:0 18px; }

#BC a:link, #BC a:visited{color:#aaa;}

/* Show & Hide levels */
.MainMenu  li ul {position:absolute;left:-999em; z-index:1001; padding: 5px 0;}
.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: 0;}

.MainMenu li.Level0 ul{background:#fff;box-shadow:0 0 3px #888;}

/* Link color & size */
.MainMenu a:link, .MainMenu a:visited{color:#CD4A4B;font-size:15px;}
.MainMenu a:hover{color:#CD4A4B;text-decoration:none;}
.MainMenu li>span{color:#CD4A4B;}
.MainMenu a.Active, a.ActiveParent, .MainMenu a:hover{color:#79BE50;}

.MainMenu a.Level0{color:#fff;}
.MainMenu li.Level0>a.Active, .MainMenu li.Level0>a.ActiveParent, .MainMenu li.Level0>a:hover{color:#eee;}

.MainMenu a.HasIcon span{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 */


/* Footer */
footer{width:595px; margin:0 auto;padding:0 10px; background: none; /* Old browsers */}
footer{margin-bottom:40px;}
footer a:link, footer a:visited{color:#222;display:inline-block;}
footer a:hover{color:#666;}
footer, footer a:link, footer a:visited{line-height:18px; font-size:12px; text-shadow: 0 0 5px #C7C8CA;}

ul.ModuleOptionsMenu li.sfhover a { color: #444;text-decoration:none;}

/* Panes */
.Pane{margin:0 0 20px; max-width:100%;}
.ContentPane{position:relative; width:940px; max-width: 940px; margin-left:-163px;background:#fff;}

.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;}

/* 3 cols variations */
.Cols3 .paneOutline{background:#FFF7F7;}
.Cols3 .C12{float:left;width:380px;}
.Cols3 .C23{float:right;width:380px;}
.Cols3 .C1{float:left; width:180px;}
.Cols3 .C2{float:left; width:181px; margin-left:16px;}
.Cols3 .C3{float:right; width:181px;}

.paneOutline{border:0 none !important;background:#eee;}
.DNNEmptyPane{display:none;}

/* Container */

/*---------- To align the Actions, Icon and Title ---------*/
.cContainer{margin-bottom:25px;}
.cIcon, .cActions, .cHeader h2{float:left;}
.cIcon img {float:left; padding-right:4px;}
.icn img{margin-right:5px;}

.cContent, .cFooter{clear:both;}


/*---------- default style for head & normal -----------*/
.Normal p{margin-top:0px;}




/* DNN 7 */
.dnnEditState .DnnModule {opacity: 1.0;} 
.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;}


/* All smaller then base grid */
@media screen and (max-width: 959px) {
.Pane, .PaneWrap{max-width:100%;}
.ContentPane{margin-left:0;}
}

/* All Mobile */
@media screen and (max-width: 767px) {
img{max-width:100%; height:auto !important;}
iframe{max-width:100%;}

.Pane, .PaneWrap{max-width:100%;}
.ContentPane{margin-left:0;}

/* Main Menu */
.MainMenu, footer{min-height:36px;height:auto; padding:0 10px;}
.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;}
.MainMenu #TabMask{display:none;}

	#Content{padding:10px;}
	/* Main Menu */
	.MainMenu{}
	.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; background:transparent !important;opacity:1 !important;line-height:auto;}
	.MainMenu li a{line-height:25px !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;
	}
	#MenuToggle{display:block; color:#000;line-height:36px; background:url(Img/MenuToggle.png) no-repeat right center;}
	
	/* Link color & size */
	.MainMenu a:link, .MainMenu a:visited{color:#fff;font-size:15px;}
	.MainMenu a:hover{color:#fff;text-decoration:none;}
	.MainMenu li>span{color:#fff;}
	.MainMenu a.Active, a.ActiveParent, .MainMenu a:hover{color:#79BE50;}

	.MainMenu a.Level0{color:fff;}
	.MainMenu li.Level0>a.Active, .MainMenu li.Level0>a.ActiveParent, .MainMenu li.Level0>a:hover{color:#79BE50;}


	.SubMenu{display:none;}
	.Skin{background:#fff; background:rgba(255, 255, 255, 0.92);}
	
}

/* Mobile Landscape */
@media screen and (min-width: 480px) and (max-width: 767px) {
	.Skin{width:470px; padding:0;}
	footer{width:470px;}
	/* panes 4 cols */
	.Cols4 .C75-25 .C3{margin-right:0;}
	.Cols4 .C25-75 .C2{margin-left:0;}
	.Cols4 .C23{margin-left:0;}
	.Cols3 .Pane{width:100%; margin-left:0; margin-right:0;}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
	.Skin{width:310px; padding:0;}
	footer{width:310px;}
	.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;}
}