@charset "utf-8";

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansregular';
    src: url('../fonts/NotoSans-Regular-webfont.eot');
    src: url('../fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Regular-webfont.woff') format('woff'),
         url('../fonts/NotoSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/NotoSans-Regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansbold';
    src: url('../fonts/NotoSans-Bold-webfont.eot');
    src: url('../fonts/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSans-Bold-webfont.woff') format('woff'),
         url('../fonts/NotoSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/NotoSans-Bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




	
body {
	font-family: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	color: #000;
	background-color:#8AA4C0;
	background-image:url(../images/bg_mid.png);
	background-position:top left;
	background-repeat:repeat-x;
	z-index:-999;
	
}

#drawing_bg{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	background-image:url(../images/bg_drawing.png);
	background-position: center 380px;
	background-repeat: no-repeat;
	z-index:2;
	
}
	
html {
	height: 100%;
}
.container {
	position: absolute;
	left: 50%;
	margin-left:-450px;
	width: 95%;
	max-width: 900px;
	background-color: transparent;
	border:none;
	height: 100%;
	z-index:3;	
}


.header {
	background-color: transparent;
	height: 200px;
	background-image:url(../images/tk_logo.png);
	background-position:center;
	background-repeat:no-repeat;
}

.menudiv{
	width: 900px;
	height:35px;
	margin: 0 auto;
	margin-top: 3px;
	background-color: transparent;
	border-top: 2px solid #004996;
	border-bottom: 2px solid #004996;	
}

#content{
	position:relative;
	width:896px;
	float: left;
	margin: 0 auto;
	min-height: 500px;
	margin-top: 10px;
	border: 2px solid #004996;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	background-position:top left;
	z-index:4;
	
}	

#contentSmall{
	width: 400px;
	height: 100%;
	float:left;
	z-index:999;
	
}

.social{
	position: relative;
	width:100%;	
	height: 70px;
	z-index:3;
    background-color: transparent;
	clear:both;
	margin-top:434px;
	line-height:70px;
	
}
.socialwrap{
	height:100%;
	width:70px;
	float:left;
	display:block;
	margin-left:10px;
	margin-right:-20px;
}
.socialFB, .socialMail, .socialLinkedin{
	height:100%;
	width:40px;
	height:40px;
	float:left;
	margin-left: 10px;
	margin-top: 20px;
	
	
}
.socialFB{ 
	background-image: url(../images/facebookHover.png);
}

.socialMail{
	background-image:url(../images/envelopHover.png);
}

.socialLinkedin{
	background-image:url(../images/linkedinHover.png);
}

.socialFB a, .socialFB a:link, .socialFB a:visited,
.socialMail a, .socialMail a:link, .socialMail a:visited,
.socialLinkedin a, .socialLinkedin a:link, .socialLinkedin a:visited{
	display:block;
	width: 40px;
	height: 40px;
}

.socialFB a:hover img,
.socialMail a:hover img,
.socialLinkedin a:hover img{
	visibility:hidden;
}


#footer{
	position:relative;
	width:896px;
	margin:0 auto;
	height:30px;
	line-height: 30px;
	clear:both;
	background-color: transparent;
	
}

.contentFooter{
	font-family: 'noto_sansregular', sans-serif;
	font-size:10px;
	text-align: right;
	color:#FFF;
	
}

ul, ol, dl { 
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 

}

h1{
	font-family: 'noto_sansbold', sans-serif;
	color: #A31B10;
}

.h1Content{
	font-family:Verdana, sans-serif;
	font-size:24px;
	font-weight: normal;	
	color: #A31B10;
	
}
.font-content{
	font-family: 'noto_sansregular', Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
	padding:20px;
}

a[href^="tel:"] {
 font-family: 'noto_sansregular', Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
	text-decoration:none;
}
.underline{
	text-decoration:underline;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px;
	
}



.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*Styling Contact Formulier*/

.bedankt{
	width: 100%;
	height: 200px;
	float:left;
	margin-top: 150px;
}

.mailcontainer{
	float: left;
	width: 325px;
	
}

.div_input{
	width: 100px;
	height: 30px;
	line-height: 30px;
	float:left;
}



fieldset{
	display: block;
	width:300px;
	padding-left:0px;
	border: none;
}

label{
	display:block;
	width: 100px;
	float:left;
	text-align:left;
	margin-right: 15px;
}

input.tekstveld{
	font-family:'noto_sansregular', Verdana, Geneva, sans-serif;
	width: 300px;
	border: 1px solid #E0E0E0;
	color: #1A1A1A;
	text-align:left;
	
}

textarea.berichtveld{
	font-family:'noto_sansregular', Verdana, Geneva, sans-serif;
	color: #1A1A1A;
	display:block;
	border: 1px solid #E0E0E0;
	height: 150px;
	width: 300px;
	border: 1px solid #E0E0E0;
	resize:none;
	float:left;
	
}

input.tekstveld:focus, textarea.berichtveld:focus{
	background-color:#E0E0E0;
	border: 1px solid #A31B10;
	
}

.rij{
display: block;
clear:both;

}

/*Opmaak iFrame Maps*/

.mapsblok{
	border: 1px solid #004996;
}

a.maps, a.maps:link, a.maps:visited{
	font-family: 'noto_sansregular', Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #000;
	text-decoration:none;
	text-align:left;
}
a.maps:hover{
	text-decoration:underline;
}

a img { 
	border: none;
}

.social a{
	text-align:center;
}

a.ds, a.ds:link, a.ds:visited{
	color:#FFF;
	text-decoration: none;
}
a.ds:hover{
	text-decoration:underline;
}