*{
    padding:0px;
    margin:0px;
}

body{
    margin:0px;
    padding:0px;
    background:#d3d5dd;
    font-family: 'PT Sans', sans-serif;
    color:#2c2824;
    font-size:16px;
}

h1{
  font-size:36px;
  font-weight:bold;
  color:#d3d5dd;
  text-align: center;
  padding-top: 34px;
  padding-bottom: 34px;
}

.container{
    width:960px;
    margin:0 auto;
    position:relative;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #000;
}

.clear{
	clear:both;
	width:100%;
	display:block;
	height:10px;
}

/*-- HEADER --*/

#header{
  height:108px;
  background:#fff;
}

  #header .container{
    height:64px;
  }

    #icon{
      float:left;
      margin-top:19px;
    }

      .icon-afb{
        width:59px;
        height:45px;
        background:url(../images/icon.jpg) no-repeat top;
        float:left;
      }

      #search{
        float:left;
        margin-top:19px;
        width:871px;
      }

        .search-text{
          font-size:17px;
          width:794px;
          height:41px;
          float:left;
          text-indent:21px;
          position:relative;
        }
            
          .search-btn{
            width:77px;
            height:45px;
            border:0px;
            background:url(../images/srch-btn.png) no-repeat top;
            cursor:pointer;
            padding-left: 14px;
            display: inline-block;
            position: absolute;
            float: right;
          }
          
            .search-btn:hover{
              background:url(../images/srch-btn.png) no-repeat bottom;
            }

/*-- MENU --*/

#menu{
  clear:both;
  padding-top:18px;
  text-align: center;
  margin-bottom:30px;
}

  #menu .container{
    height:44px;
  }

    #menu a{
        display:inline-block;
        text-decoration:none;
        color:#000;
        font-style: italic;
        font-size:14px;
        font-weight:400;

    }
    
      #menu a:hover, #menu a.current{
          background:#4ab849;
          color:#fff;
          padding:0 2px;
      }

/*-- END MENU --*/

/*-- END HEADER --*/

/*-- INSTRUCTIE --*/

#instructie{
  background:url(../images/instr-back.jpg) fixed center top;
  margin-bottom:54px;
  padding-bottom:50px;
}


/*-- END INSTRUCTIE --*/

/*-- PLAYER --*/

  #instructie .container{
    font-weight:300;
    font-size:14px;
    text-align: center;
    color:#d3d5dd;
    padding-top:34px;
  }

  #videocontainer{
    margin:0 auto;
    position:relative;
    text-align: center;
    width: 932px;
    height: 526px;
    background-color:#000000; 
  }

  #videodiscription{
    max-width: 900px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    color: #ffffff;
    padding-top: 34px;
    padding-bottom: 34px;
  }
  
    #devider{
      margin:0 auto;
      position:relative;
      text-align: center;
      width: 762px;
      height: 1px;
      background-color:#ffffff; 

    }
      
      #tags1{
        margin:0 auto;
        position:relative;
        text-align: center;
        font-size: 18px;
        font-weight: 300;
        color: #ff983d;
        padding-top: 34px;
        padding-bottom: 34px;
      }
      
	      #tags1 a{
		      color:#ff983d;
		      text-decoration:none;
	      }
	      
	      	#tags1 a:hover{
		      	text-decoration:underline;
	      	}
	      	
	#player-access-btn{
		display:block;
		color:#fff;
		text-decoration:none;
		background:#49b749;
		width:542px;
		height:62px;
		line-height:62px;
		font-size:26px;
		margin:30px auto 0;
	}
	
		#player-access-btn:hover{
			text-decoration:underline;
			background:#56d856;
		}

/*-- END PLAYER --*/

/*-- CONTENT --*/

  .relatedtxt{
  font-size:36px;
  font-weight:bold;
  color:#000000;
  text-align: center;
  padding-bottom: 34px;
  }

  .itemcontainer {
  width: 450px;
  background-color:#f8f8f8;
  margin-bottom: 29px;
  margin-left:10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px 3px;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}

  .itemdiscription {
    text-align: center;
    text-decoration: none;
    font-size:18px;
    font-weight:200;
    line-height:17px;
    color:#484747;
    display: block;
    margin: 300px 0px 20px 0px;
  }

  .itemplaceholder {
    width: 450px;
    height: 283px;
    background-color:#000;
    float:left;
    text-align: center;
    margin-bottom: 6px;
  }
  
  .top-image{
	  float:left;
	  position:relative;
	  margin-left:10px;
  }
  
  .top-description{
	  width:350px;
	  float:left;
	  margin-left:20px;
	  font-size:20px;
	  height:346px;
	  position:relative;
  }
  
  	.top-button{
	  	position:absolute;
	  	bottom:0px;
	  	left:0px;
	  	width: 100%;
		background: #49b749;
		height:50px;
		line-height:50px;
		text-align:center;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		color: #fff;
		font-size: 18px;
		text-decoration: none;
  	}
  	
  		.top-button:hover{
	  		color:#fff;
	  		background:#56d856;
	  		text-decoration: underline;
  		}
  		
/*-- END CONTENT --*/
  
/*-- X0 ICON --*/

 .item-x0{
    width:20px;
    height:25px;
    background:url(../images/x0.png) no-repeat;
    position:absolute;
    float: left;
    right: 10px;
    top: 10px;
  }
  
  .play{
	  width:450px;
	  height:283px;
	  background:url(../images/play-icon.png) no-repeat;
	  position:absolute;
	  top:0px;
	  left:0px;
  }
  
  	.play.big{
	  	width:550px;
	  	height:346px;
	  	background:url(../images/play-icon-big.png) no-repeat;
  	}

/*-- END X0 ICON --*/

/*-- INDEX BUTTONS --*/

  .trailerbtn{
     width: 160px;
     border: 0px solid #0a3c59;
     background: #49b749;
     padding: 13px 26px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     font-size: 18px;
     font-family: helvetica, serif;
     text-decoration: none;
     text-align: center;
     vertical-align: middle;
     float: left;
     margin-left: 6px;
    }
        
    .trailerbtn:hover{
      border: 0px solid #0a3c59;
      text-decoration:underline;
      background: #49b749;
      color: #fff;
    }

    .trailerbtnbtn:active {
      text-shadow: #49b749 0 1px 0;
      border: 0px solid #0a3c59;
      background: #49b749;
      color: #fff;
   }

    .videobtn{
		width: 320px;
		border: 0px solid #0a3c59;
		background: #49b749;
		padding: 13px 26px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		color: #fff;
		font-size: 18px;
		font-family: helvetica, serif;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		float: right;
		margin-right: 35px;
    }
        
    .videobtn:hover{
      border: 0px solid #49b749;
      text-decoration:underline;
      background:#56d856;
      color: #fff;
    }

    .videobtn:active {
   text-shadow: #49b749 0 1px 0;
   border: 0px solid #49b749;
   background: #49b749;
   color: #fff;
   }

/*-- END INDEX BUTTONS --*/

/*-- LIVE BUTTON --*/

  .chatbtn{
     width: 386px;
     border: 0px solid #0a3c59;
     background: #49b749;
     padding: 13px 26px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     font-size: 18px;
     font-family: helvetica, serif;
     text-decoration: none;
     text-align: center;
     vertical-align: middle;
     float: left;
     margin-left: 6px;
    }
        
    .chatbtn:hover{
      border: 0px solid #49b749;
      text-decoration:underline;
      background: #49b749;
      color: #fff;
    }

    .chatbtn:active {
      text-shadow: #49b749 0 1px 0;
      border: 0px solid #49b749;
      background: #49b749;
      color: #fff;
    }

/*-- END LIVE BUTTONS --*/

/*-- KANALEN BUTTONS --*/

  .kanalenbtn{
     width: 386px;
     border: 0px solid #0a3c59;
     background: #49b749;
     padding: 13px 26px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     font-size: 18px;
     font-family: helvetica, serif;
     text-decoration: none;
     text-align: center;
     vertical-align: middle;
     float: left;
     margin-left: 6px;
    }
        
    .kanalenbtn:hover{
      border: 0px solid #49b749;
      text-decoration:underline;
      background: #49b749;
      color: #fff;
    }

    .kanalenbtn:active {
   text-shadow: #49b749 0 1px 0;
   border: 0px solid #49b749;
   background: #49b749;
   color: #fff;
   }

/*-- END KANALEN BUTTONS --*/

/*-- CONTENT PLAYER --*/

  .smallitemcontainer {
  width: 298px;
  background-color:#f8f8f8;
  margin-bottom: 29px;
  margin-left:10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0) 3px 3px 3px 3px;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}

  .smallitemdiscription {
    text-align: center;
    text-decoration: none;
    font-size:18px;
    font-weight:200;
    line-height:17px;
    color:#484747;
    display: block;
    margin: 206px 0px 20px 0px;
  }

  .smallitemplaceholder {
    width: 298px;
    height: 187px;
    background-color:#000;
    float:left;
    text-align: center;
    margin-bottom: 6px;
  }

/*-- END CONTENT PLAYER --*/

/*-- SMALL BUTTONS --*/

  .smalltrailerbtn{
     width: 87px;
     border: 0px solid #0a3c59;
     background: #49b749;
     padding: 13px 26px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     font-size: 12px;
     font-family: helvetica, serif;
     text-decoration: none;
     text-align: center;
     vertical-align: middle;
     float: left;
     margin-left: 6px;
    }
        
    .smalltrailerbtn:hover{
      border: 0px solid #0a3c59;
      text-decoration:underline;
      background: #49b749;
      color: #fff;
    }

    .smalltrailerbtnbtn:active {
      text-shadow: #49b749 0 1px 0;
      border: 0px solid #0a3c59;
      background: #49b749;
      color: #fff;
   }

    .smallvideobtn{
     width: 233px;
     border: 0px solid #0a3c59;
     background: #49b749;
     padding: 13px 26px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     font-size: 12px;
     font-family: helvetica, serif;
     text-decoration: none;
     text-align: center;
     vertical-align: middle;
     float: right;
     margin-right: 6px;
    }
        
    .smallvideobtn:hover{
      border: 0px solid #49b749;
      text-decoration:underline;
      background: #49b749;
      color: #fff;
    }

    .smallvideobtn:active {
   text-shadow: #49b749 0 1px 0;
   border: 0px solid #49b749;
   background: #49b749;
   color: #fff;
   }

/*-- END SMALL BUTTONS --*/


/*-- PAYMENT --*/

#payment{
	width:917px;
	margin:0 auto;
	font-size:18px;
}

	#payment-left{
		width:453px;
		float:left;
		background:url(../images/payment-bg.png) repeat;
		margin-top:45px;
		padding-bottom:30px;
	}
	
	#payment-right{
		float:right;
		width:453px;
		background:url(../images/payment-bg.png) repeat;
		margin-top:45px;
		padding-bottom:30px;
		
	}
	
		.payment-title{
			width:100%;
			height:57px;
			line-height:57px;
			color:#2c2824;
			font-size:24px;
			text-indent:28px;
			background:#fff;
			margin-bottom:25px;
		}
		
		.sub-title{
			margin-left:33px;
			margin-bottom:5px;
			clear:both;
		}
		
		#login-form{
			margin-left:50px;
			margin-bottom:40px;
			margin-top:20px;
		}
		
		#subscribe-form{
			margin-left:50px;
			margin-bottom:40px;
			margin-top:20px;
			height:113px;
		}
		
			.input-big{
				width:346px;
				height:45px;
				border:0px;
				text-indent:17px;
				font-size:14px;
				margin-bottom:23px;
			}
			
			.input-small{
				width:239px;
				height:45px;
				border:0px;
				text-indent:17px;
				font-size:14px;
				float:left;
			}
			
			.input-btn{
				float:left;
				width:107px;
				height:45px;
				line-height:45px;
				border:0px;
				padding:0px;
				font-size:14px;
				color:#fff;
				background:#ff983d;
				cursor:pointer;
			}
			
				.input-btn:hover{
					text-decoration:underline;
				}
		
		#payment-ups{
			background:url(../images/payment-ups-bg.png) repeat;
			padding:25px 0;
			clear:both;
			margin-bottom:27px;
		}
		
			#payment-ups ul{
				color:#fff;
				font-size:15px;
				margin-left:70px;
				margin-top:10px;
			}
		
		#payment p{
			margin-left:33px;
		}
		
			#payment select{
				border:0px;
				width:266px;
				height:28px;
				margin-left:33px;
				margin-top:10px;
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
				margin-bottom:30px;
			}
			
		#payment-number{
			background:url(../images/payment-number-bg.png) repeat;
			font-size:55px;
			text-align:center;
			color:#ff983d;
			padding:20px 0;
			margin:25px 0;
		}
		
			#payment-number span{
				position:relative;
			}
			
			span#price{
				position:absolute;
				font-size:14px;
				right:0px;
				bottom:-7px;
			}
			
		#code-input{
			margin:25px 0 25px 33px;
		}
			
		.pay-error{
			color:#f00;
			clear:both;
			margin-top:3px;
			max-width:350px;
		}
		
		#pay-forgot{
			display:none;
		}
		
		.pay-button{
			height:45px;
			line-height:45px;
			border:0px;
			padding:0px;
			font-size:14px;
			color:#fff;
			background:#ff983d;
			cursor:pointer;
			display:inline-block;
			text-align:center;
			padding:0 15px;
		}
		
			.pay-button:hover{
				text-decoration:underline;
			}
			
			#pay-password-button, #pay-login-button, #enterVas{
				margin-top:23px;
			}
			
		#signupError{
			display:none;
			height:20px;
			float:left;
		}
		
		#pay-amount{
			list-style:none;
			padding-bottom:30px;
			margin-left:25px;
		}
		
		
		#pay-methode-buttons{
			margin-left:50px
		}
		
		.startPayment{
			background:#ff983d;
			color:#fff;
			clear:both;
			padding:5px;
			width:300px;
			height:50px;
			line-height:50px;
			margin-bottom:10px;
		}
		
			.startPayment:hover{
				cursor: pointer;
				text-decoration:underline;
			}
		
			.startPayment img{
				display:block;
				float:left;
				margin-right:10px;
			}
			

/*-- END PAYMENT --*/

/*-- PAGING --*/

#paging{
    clear:both;
    text-align: center;
    margin-bottom:29px;
}

    #paging a{
        display:inline-block;
        text-decoration:none;
        background:#fff;
        border: 1px solid #c3c5cd;
        color:#000;
        width:40px;
        height:42px;
        line-height:43px;
        font-size:18px;
        font-weight:400;
        margin:0 8px;
    }
    
        #paging a:hover, #paging a.current{
            background:#49b749;
            border: 1px solid #49b749;
            color:#fff;
        }

/*-- END PAGING --*/

/*-- FOOTER --*/

#footer{
  height:158px;
  background:url(../images/instr-back.jpg);
  padding-top:25px;
  text-align:center;
  color:#bfbfbf;
  font-size:16px;
  font-weight: 300;
  clear:both;
}
    
    #footer a{
        color:#ff983d;
    }

/*-- END FOOTER --*/

/*-- RULES MIN-1024 RESOLUTION --*/

@media screen and (min-width: 1024px) {
.container{
    width:960px;
}

#paging a{
    width:40px;
    height:42px;
    line-height:43px;
    font-size:18px;
}

/*-- END RULES MIN-1024 RESOLUTION --*/

/*-- RULES MIN-1900 RESOLUTION --*/

@media screen and (min-width: 1900px) {
.container{
    width:1940px;
    text-align: center;

}

  #header .container{
    width: 960px;
  }

        .search-text{
          font-size:17px;
          width:870px;
          height:41px;
          float:left;
          text-indent:21px;
        }
        
   #instructie .container{
	   width:960px;
}

#paging a{
    width:60px;
    height:60px;
    line-height:62px;
    font-size:25px;
}

  #videocontainer{
    margin:0 auto;
    position:relative;
    text-align: center;
    width: 1420px;
    height: 801px;
    background-color:#000000; 
  }
/*-- END RULES MIN-1900 RESOLUTION --*/