@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
body{
background-image:url('../img/background.jpg');
margin: 0;
padding: 0;

}

.nav{
	position:fixed;
	top:0;
	width:100%;
	color:#ffffff;
	height:47px;
	text-align:center;
	padding-top:13px;
	-webkit-box-shadow:0 0 8px 0 #000000;
	-moz-box-shadow:0 0 8px 0 #000000;
	box-shadow:0 0 8px 0 #000000;
	/*background-color:#F76060;*/
	background-color:black;
	font-family: 'Lato', sans-serif;
	z-index:5;
	
	
}
.nav a{
	font-size:28px;
	padding-left:15px;
	padding-right:15px;
	color:white;
	text-decoration:none;
	
}
.nav a:hover{
	color:white;
	border:2px solid white;
	padding-left:13px;
	padding-right:13px;
}
.nav a:active{
	color:#CCC;
	border:2px solid #CCC;
}

.hovertext{
	width:800px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:180px;
	z-index:4;
	margin-top:150px;
	color:white;
	position:absolute;
	left: 50%;	
    margin-left:-400px;	
	text-align:center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#cycler{
	position:relative;
	overflow:hidden;
}
#cycler img{
	position:absolute;
	z-index:1;
	width:100%;
	top:50%;
	transform: translate(0, -50%);
	
}
#cycler img.active{
	z-index:3;
}

.titlebar{
	width:100%;
	height:85px;
	/*background-color:#F90;*/
	background-color:red;
	font-family: 'Lato', sans-serif;
	font-size:60px;
	text-align:center;
	padding-top:10px;
	color:white;
}

.content{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FBFBFB;
	font-family: 'Lato', sans-serif;
	padding:10px 30px 20px 30px;
	-webkit-box-shadow: 10px 0px 10px -7px rgba(0,0,0,0.5), -10px 0px 10px -7px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 0px 10px -7px rgba(0,0,0,0.5), -10px 0px 10px -7px rgba(0,0,0,0.5);
	box-shadow: 10px 0px 10px -7px rgba(0,0,0,0.5), -10px 0px 10px -7px rgba(0,0,0,0.5);
}
.text{
	width:230px;
	height:25px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	border-radius:5px;
	border:1px solid #999;
	margin-top:2px;
}
textarea{
	border:1px solid #999;
	border-radius:5px;
	margin-top:2px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
}
.btn{
	height:25px;
	width:100px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	background-color:#F1F1F1;
	border:1px solid #999;
	border-radius:5px;
}
.btn:hover{
	cursor:pointer;
	border:1px solid #F1F1F1;
	
}
.btn:active{
	-webkit-box-shadow: inset 0px 0px 10px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 10px -1px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 10px -1px rgba(0,0,0,0.75);
}
.footer{
	width:100%;
	height:40px;
	background-color:black;
	color:white;
	font-family: 'Lato', sans-serif;
	text-align:center;
	font-size:22px;
	padding-top:10px;
}
.gallery{
	width:900px;
	height:400px;
	background-color:green;
}
.space{
	width:100%;
	height:200px;
}
.backover{
	width:100%;
	height:auto;
	background-attachment:fixed;
	background-image: url('../img/2.jpg');
	background-size:100%;
	 
    
}.backmedia{
	width:100%;
	height:auto;
	background-attachment:fixed;
	background-image:url('../img/1.jpg');
	background-size:100%;
}
.backcontact{
	width:100%;
	height:auto;
	background-attachment:fixed;
	background-image:url('../img/3.jpg');
	background-size:100%;
}

.login{
	width:500px;
	height:230px;
	background-color:#323232;
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.75);
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-150px;
	font-family: 'Lato', sans-serif;
	border-radius:5px;
	border:1px solid #000000;
	color:white;
	
}
.warning{
	height:60px;
	font-size:40px;
	color:white;
	background-color:#212121;
	width:480px;
	padding-top:10px;
	padding-left:10px;
	border-bottom:1px solid #8F8F8F;
	border-radius:5px 5px 0 0;
	padding-right:10px;
	text-align:center;

}
.inhoud{
	width:480px;
	padding:10px 10px 0px 10px;
	height:auto;
}
.left{
	width:180px;
	float:left;
	top:50%;
	margin-top:-15px;
	height:100px;
	position:absolute;
	font-size:17px;
	margin-left:20px;
}
.right{
	width:180px;
	float:right;
	margin-right:20px;
}
.lgntxt{
	width:180px;
	height:25px;
	font-family: 'Lato', sans-serif;
	border-radius:5px;
	border:1px solid #323232;
	background-color:#FFC;
	font-size:17px;
}
.sbmbtn{
	float:right;
	background-color:red;
	border:1px solid #323232;
	border-radius:5px;
	width:80px;
	height:30px;
	font-size:18px;
	margin-right:-5px;
	font-family: 'Lato', sans-serif;
}
.sbmbtn:hover{
	cursor:pointer;
}
.sbmbtn:active{
	-webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.75) inset;
	box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.75) inset;
	border-radius:5px;
}

.intrest{
	height:25px;
	width:75px;
	background-color:#C33;
	Border:1px solid #999;
	border-radius:5px;
}



/* SLider */

.jssora05l, .jssora05r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(../img/a17.png) no-repeat;
                overflow: hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }
			
			.jssort01 {
                position: absolute;
                /* size of thumbnail navigator container */
                width: 800px;
                height: 100px;
            }

                .jssort01 .p {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 72px;
                    height: 72px;
                }

                .jssort01 .t {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: none;
                }

                .jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort01 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 68px;
                    height: 68px;
                    border: #000 2px solid;
                    box-sizing: content-box;
                    background: url(../img/t01.png) -800px -800px no-repeat;
                    _background: none;
                }

                .jssort01 .pav .c {
                    top: 2px;
                    _top: 0px;
                    left: 2px;
                    _left: 0px;
                    width: 68px;
                    height: 68px;
                    border: #000 0px solid;
                    _border: #fff 2px solid;
                    background-position: 50% 50%;
                }

                .jssort01 .p:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 70px;
                    height: 70px;
                    border: #fff 1px solid;
                    background-position: 50% 50%;
                }

                .jssort01 .p.pdn .c {
                    background-position: 50% 50%;
                    width: 68px;
                    height: 68px;
                    border: #000 2px solid;
                }

                * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
                    /* ie quirks mode adjust */
                    width /**/: 72px;
                    height /**/: 72px;
                }
				
/* Style voor album kiezer */
				
				.album{
width:160px;
height:190px;
background-color:#FFFFFF;
border-radius:5px;
border:1px solid #909090;	
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.84);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.84);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.84);
display: inline-table;
margin:10px;
overflow:hidden;
}
.album:hover{
	cursor:pointer;	
}
.imgalbum{
width:140px;
height:90px;
margin:10px 10px 0 10px;
border-radius:5px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.84);
-moz-box-shadow:    inset 0px 0px 5px 0px rgba(50, 50, 50, 0.84);
box-shadow:         inset 0px 0px 5px 0px rgba(50, 50, 50, 0.84);
overflow:hidden;
}
.albumtitle{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	text-align:center;
	margin-top:10px;
}
.albumdis{
	font-family: 'Lato', sans-serif;
	text-align:center;
	font-size:12px;
	width: 150px;
	margin:-15px 5px 0 5px;
}
.album-scroll{
width:700px;
	height:230px;
	border:1px solid #707070;
	border-radius:5px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.84);
-moz-box-shadow:    inset 0px 0px 5px 0px rgba(50, 50, 50, 0.84);
box-shadow:         inset 0px 0px 5px 0px rgba(50, 50, 50, 0.84);

}