/* GOOGLE FONT */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Courgette);





/* LETTERTYPEN */

h1
{
	font-family: georgia, times new roman; font-weight: 100; font-size: 40pt; color: #7F580D; margin: 0px; line-height: 195%
}

h2
{
	font-family: georgia, times new roman; font-weight: 100; font-size: 14pt; color: #7F580D; margin: -4px 0px 0px 0px; line-height: 195%
}

h3
{
	font-family: georgia, times new roman; font-weight: 100; font-size: 12pt; color: #CF8800; margin: 0px 0px 5px 0px; line-height: 175%
}

h4
{
	font-family: georgia, times new roman; font-weight: 100; font-size: 17pt; margin: 0px; color: #7F580D; line-height: 175%; font-style: italic
}

h5
{
	font-family: georgia, times new roman; font-weight: 100; font-size: 10pt; margin: 0px; color: #7F580D; line-height: 175%
}

p
{
	font-family: georgia, times new roman; font-size: 13pt; margin: 0px; color: #4E4E4E; line-height: 195%;
}

ul
{
	font-family: georgia, times new roman; font-size: 13pt; margin: 0px; color: #4E4E4E; line-height: 195%;
	list-style-type: none; padding: 0px; margin: 0px; text-align: left; 
}

ul li
{
	background-image: url(images/bullit.png); background-repeat: no-repeat; background-position: 25px 12px; padding-left: 48px;
}

.white
{
	color: #FFFFFF
}

.color
{
	color: #CF8800
}

strong
{
	
}

.shadow
{
	text-shadow:0px 0px 6px #242424
}

.center
{
	text-align: center
}

.up-line
{
	border-top: 1px solid #CF8800; display: inline-block; padding: 15px 25px 0 25px

}



/* NAVIGATIE */

nav a
{
	float: left; font-family: georgia, times new roman; font-size: 11pt; padding: 19px 20px 18px 25px; margin: 0; color: #FFFFFF; text-transform: uppercase
}

nav a:hover
{
	color: #7F580D
}

nav a.select
{
	color: #7F580D
}

nav a.select:hover
{
	color: #7F580D
}

nav .break
{
	float: left; width: 280px; height: 56px;
}


.facebook
{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.button
{
	position: relative; font-family: 'PT Sans', sans-serif; font-weight: 400; color: #FFFFFF; margin: 0; font-size: 10pt; padding: 6px 10px 6px 10px; text-transform: uppercase; background: #7F580D;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.button:hover
{
	color: #FFFFFF; background-color: #CF8800; 
}





/* LINKEN */

a
{
	color: #4E4E4E; text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover
{
	color: #CF8800; text-decoration: none;
}




/* SITE */

.site
{
	overflow-x: hidden; overflow-y: scroll; height: auto; margin: 0px 0px 0px 0px; background-repeat: no-repeat; background-position: 50% 0px; background-color: #090C2B
}

.center
{
	width: 1000px; height: auto; position: relative; margin: 0 auto
}

.width
{
	width: 1100px;
}

.line
{
	float: left; height: 1px; background: #D0DA71;
	-webkit-box-shadow: 0px 1px 1px 1px #ABBC07;
	box-shadow: 0px 1px 1px 1px #ABBC07;
}




/* HEADER */

.bg
{
	position: absolute; width: 100%; min-width: 1100px; min-height: 100%; margin: 0px; background: url('images/bg-wood.png') no-repeat 50% 100px; z-index: 1
}

.header-white
{
	position: absolute; width: 100%; min-width: 1100px; height: 100px; margin: 0px; background: #FFFFFF; z-index: 2;
}

header
{
	float: left; width: 1000px; height: 56px; margin: 65px 0 0 0; background: #CF8800;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.logo
{
	position: absolute; margin: -14px 0px 0px 375px
}

nav
{
	float: left; height: 30px; width: 1000px; margin: 0
}





/* CONTENT */

.content
{
	float: left; height: auto; width: 1000px; margin: 550px 0 30px 0;
}

.content-projecten
{
	float: left; height: auto; width: 1000px; margin: 250px 0 30px 0;
}

.column-1
{
	float: left; width: 445px; margin: 0px 40px 30px 0px
}

.column-2
{
	float: left; width: 445px; margin: 0 0 30px 0;
}

.column-1s
{
	float: left; width: 265px; margin: 0px 40px 30px 220px
}

.column-2s
{
	float: left; width: 265px; margin: 0 0 30px 0;
}

.column-1b
{
	float: left; width: 1000px; margin: 0px 40px 30px 0px
}

.column-1w
{
	float: left; width: 1000px; margin: 0px
}

.column-21
{
	float: left; width: 470px; margin: 0px 60px 50px 0px
}

.column-22
{
	float: left; width: 470px; margin: 0px 0px 50px 0px
}




/* PROJECTS */

.projects
{
	float: left; width: 1100px; margin: 70px -30px 70px 0px; overflow-x: hidden
}

.projects-box
{
	position: relative; display: inline-block; overflow: hidden; margin: 15px; padding: 10px 10px 5px 10px; background: #E4E4E4; cursor: pointer; cursor: hand;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.projects-box:hover
{
	margin: 10px; padding: 15px 15px 10px 15px; 
}

.projects-box-img
{
	float: left; overflow: hidden; height: 160px; width: 210px; margin: 0 0 10px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%; 
	background-size: 150% auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}










/* IMAGES */

img.icon-sm
{
	margin: 5px 5px 0px 0px
}





/* FOOTER */

footer
{
    float: left; width: 100%; min-width: 1000px; margin: 100px 0 0 0; left: 0px; bottom: 0px; z-index: 5; background: #FFFFFF
}

.footer-content
{
	float: left; width: 1000px; margin: 0;
}

.footer-krul
{
	float: left; width: 1000px; height: 82px; margin: -70px 0 -50px 0
}

.footer-quote
{
	float: left; width: 1000px; margin: 120px 0 80px 0
}

.footer-gegevens
{
	float: left; width: 1000px; margin: 0 0 50px 0
}






/* FORMULIEREN */

.form1
{
	float: left; width: 316px; min-height: 35px; margin: 6px 0 0 0
}

.form1-label
{
	float: left; width: 100px; margin: 3px 0 0 0
}

.form1-input
{
	float: left; width: 216px; margin: 0
}

.form2
{
	float: left; width: 455px; min-height: 35px; margin: 6px 0 0 0
}

.form2-label
{
	float: left; width: 125px; margin: 3px 0 0 0
}

.form2-input
{
	float: left; width: 330px; margin: 0
}





/* INPUTS */

input
{
	font-family: 'PT Sans', sans-serif; color: #4E4E4E; font-family: arial; font-size: 10pt; padding: 7px; border: #B7C905 solid 1px;
}

.input1
{
	width: 200px
}

.input2
{
	width: 230px
}

.input2-s
{
	width: 245px
}

.input3
{
	width: 315px
}

select
{
	font-family: 'PT Sans', sans-serif; color: #4E4E4E; font-family: arial; font-size: 10pt; padding: 6px; border: #B7C905 solid 1px;
}

option
{
	color: #4E4E4E;
}

textarea
{
	font-family: 'PT Sans', sans-serif; color: #4E4E4E; font-family: arial; font-size: 10pt; padding: 7px; border: #B7C905 solid 1px;
}