html{
    font-family: Arial, sans-serif;
    width: 100%;
	height: 100%;
}
img{
	border:none;
}
h2{
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    color: #9b2326;
	padding-left: 8px;
	    padding-bottom: 8px;
}
h2{
	    margin: 0px;
}
#paddingContent{
	padding-left:20px;
	font-size: 10pt;
	padding-bottom: 35px;
}
h5{
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    color: #0000cc;
}
#HeaderText{
	font-style: italic;
	margin: 5px;
	margin-bottom: 20px;
}

#SidebarNavTable td{
	text-align: left;
    color: black;
}
/*
#SidebarNavTable:hover {
    z-index: 2;
	background-color: rgba(0,0,0, 0.7);
	border: 1px solid black;
}*/
    
#hambuger_menu{
	position: absolute;
	top: 20px;
	left: 15px;
	width: 30px;
	height: 30px;
	background-image: url('images/menu.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	border-radius: 3px;
	z-index: 3;
}
#hambuger_menu:hover{
	border: 2px solid darkgray;
	cursor: pointer;
	top: 18px;
	left: 13px;
}
#GradBottom{
	width:100%;
}
body{
	min-height: 100%;
	width: 1040px;
	margin: auto;
    margin-top: 7px;
    padding-bottom: 15px;
}
#MainWrapper{
	width: 100%;
        max-width: 1280px;
		position: relative;
}
#BodyGrad{
	width: 100%;
}

.Strafschopgebied{
	max-width: 204px;
    left: 335px;
    position: absolute;
    bottom: 40px;
}

#MainWrapperContent{
        border: 1px solid rgb(135,135,135);
	/*border: 2px solid #999999;*/
    border-radius: 40px 40px 40px 40px;
	overflow: hidden;
   /* box-shadow: 0px 0px 48px -8px #000000;*/
	min-height: 100%;
    //box-shadow: 2px 5px 20px 1px rgba(129,129,129,0.8), -2px 3px 20px 1px rgba(129,129,129,0.8);
}
footer{

	width: 100%;
	height: 120px;
}
header{
	background-color: white;
	width: 100%;
    height: 100%;
	position: relative;
	min-height: 175px;
}
#ImageHeader{
	background-image: url('images/vrouwinheader.png');
	background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
	z-index: 0;
	height: 100%;
    position: absolute;
	opacity: 1;
}
.center{
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
#ImageHeaderLogo{
    background-image: url('images/sfn-nederlandlogo.gif');/*url('Images/logo vernieuwd.png');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 550px;
    height: 70px;
}
#RightSideHeader{
    text-align: center;
    position: absolute;
    z-index: 2;
    right: 65px;
    top: 27px;
}
#LeftSideHeader{
    z-index: 1;	
}
#SidebarLeft{
    text-align: center;
    width: 15%;
    float:left;
    min-height: 100%;
	position: relative;
	    z-index: 8;
}
#logo{
	margin-bottom:110px;
}
#logo, #KNVB, #socialmedia, #trafic_data_icon{
    //margin-top: 28px;
    margin-bottom: 75px;
    margin-right:1px;
}
.sidebar_menu_title{
    color: #1D7CCF;
    font-size: 16px;
    margin-bottom: 0px;
	    text-align: left;
}
.clickable_image{
	cursor : pointer;
	border: 2px solid gray;
}
#sidebar_menu{
	margin-bottom: 30px;
}
#image_popout_wrapper{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.85);
    left: 0;
    z-index: 12;
	display: none;
}
#popout_image{
	margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#MainContentWrapper a{
	color:red;
}
#SidebarNavTable a {
	color:black;
	text-decoration: none;
}
#SidebarNavTable .left_not_link, #SidebarNavTable .left_link{
	color:black;
	font-size: 12px;
}
#SidebarLeft a:hover{
	color:black;/*#1D7CCF;*/
	text-decoration: underline;
}

#image_wrapper{
    position: relative;
	background-repeat: no-repeat;
    background-position: center;
}
#MainContent{
    
    min-height: 450px;
	width: 96.8%;
    padding: 45px 18px 0px 14px;
	position: relative;
}
#MainContentWrapper{
    position: relative;
	    background-color: white;
}

.grad {
    height: 15px;
    background: -webkit-linear-gradient(left, red , #035C98); 
    background: -o-linear-gradient(right, red, #035C98); 
    background: -moz-linear-gradient(right, red, #035C98); 
    background: linear-gradient(to right, red , #035C98); 
}
.BottomLine{
    border-bottom: 4px black solid;
    padding-bottom: 3px;   
    position: absolute;
    top: 0;
    width: 730px;
	right: 0;
}
#BodyLineBottom{
	bottom: 0 !important;
    top: auto !important;
    border-top: 4px solid black;
    border-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 0px;
    width: 100%;
}

#BodyLineTop{
    border-top: 3px solid black;
    border-bottom: 0px;
    padding-top: 3px;
    margin-top: 10px;
    width: 100%;
    z-index: 1;
}
#BodyGrad{
	height: 4px !important;
}
nav{
    z-index: 2;
}

nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
nav ul li {
  //font: bold 24px/34px sans-serif ;
  color: White;
  display: inline-block;
  margin-right: -6px;
  position: relative;
      margin-top: 2px;
  padding: 2px 30px;
  background: #294DAE;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
	nav ul li:hover {
  background: #D35352;
  color: #fff;
  z-index: 12;
}
nav ul li ul {
  padding: 0;
  position: absolute;
    top: 22px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index: 20;
}
nav ul li ul li { 
    display: block;
    color: #fff;
    width: 85px;
    text-shadow: 0 -1px 0 #000;
}

nav ul li ul li:hover { background: #D35352; }
nav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.not-active {
   color: white;
   text-decoration: none;
}
#Icons_wrapper{
    width: 72px;
    margin-top: 50px;
    margin-left: 20px;
	text-align: center;
	
}
#SidebarNavTable dl{
    padding: 0px;
	list-style-type:none
}
#SidebarNavTable li{
    text-align: left;
}
#SidebarNavTable{
	text-align: left;
	width: 155px;
	    margin-left: 10px;
		    padding-left: 10px;
}
dd{
	margin-left: 20px;
}
.picture_row_wrapper{
	display: flex;
    position: relative;
    width: 90%;
	margin-bottom: 10px;
}
.left_picture{

}
h3 {
    color: #338844;
}
.picture_text{
    width: 50%;
    text-align: center;
    line-height: 145px;
    font-size: 15px;
    font-style: italic;
}
.right_picture{
	position: absolute;
    right: 0;
}
.photogallerypic{
    width: 25%;
    height: 200px;
    /* background-size: cover; */
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	border: none !important;
}
.border{
    position: absolute;
    width: 20px;
  height: 85%;
    top: 60px;
}
.border_left{
    left: 136px;
}
.border_right{
    right: -19px;
}
#left_border{
    background-image: url('images/border_left.jpg');
    left: 2px;
    position: absolute;
    width: 22px;
    height: 80%;
    top: 75px;
}
#left_border_fade_top, #right_border_fade_top{
	background-image: url('images/border_fade_top_left.png');
    left: 134px;
    width: 22px;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: absolute;
    top: -130px;
}

#right_border_fade_top{
    right: -22px !important;
    left: auto;
}
#right_border_wrapper{
    right: -20px !important;
    left: auto !important;
    background-image: url('images/border_right.jpg') !important;
}
#right_border_fade_bottom{
    right: -21px !important;
    left: auto !important;
}
.flip{
transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}
.fade_border{
    height: 300px;
    top: 10px;
    width: 23px;
    z-index: 10;
}
#right_border_fade_bottom, #left_border_fade_bottom{
    background-image: url('images/border_fade_bottom_left.png');
    bottom: -75px !important;
    top: auto;
    width: 21px;
    position: absolute;
    left: 135px;
    background-position: bottom center;
}
#left_border_wrapper, #right_border_wrapper{
	left: 136px;
    width: 20px;
    position: absolute;
    top: 0px;
    height: 100%;
    background-image: url('images/border_left.jpg');
}
#fotografen_trainees{
	padding-top: 10px; 
	margin-top: -10px;
}