@charset "UTF-8";
/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 25, 2012 */

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

}

body{
	background: url(../images/zwaartman-achtergrond.png);
	background-repeat:repeat-x;
	font-family: 'MyriadWebProRegular';
	color:#999;
	font-weight:100;
	font-size:12px;
	}


/* ===== container ===== */

#container{
	width:800px;
	height:auto;
	margin:0 auto;
	margin-top:0px;
}

/* ===== header ===== */

#header{
	width:800px;
	height:195px;
	float:left;
}

#headergegevens{
	width:800px;
	height:30px;
	float:left;
}

#box1{
	width:100px;
	height:26px;
	padding:0 40px 0 480px;
	border-right:solid 1px #333;
	float:left;
	
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#box2{
	width:120px;
	height:26px;
	padding-left:40px;
	border-left:solid 1px #CCC;
	float:left;
	
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/* ===== logo ===== */

#logo{
	width:280px;
	height:165px;
	float:left;
}

/* ===== menu ===== */

#nav{
	width:480px;
	height:100px;
	float:right;
	padding-top:65px;
}


#nav ul {
	margin:0px;
	padding: 0px;
	float:left;
}
 
#nav li {
	list-style-type: none;
	display: inline;
	padding:10px;
	margin-right:12px;
	float:left;
}
 
#nav li a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	font-size:12pt;
	font-family: 'MyriadWebProRegular';
	text-transform:uppercase;
				
	transition:  0.5s;
    -moz-transition:  0.5s; /* Firefox 4 */
    -webkit-transition:  0.5s; /* Safari and Chrome */
    -o-transition:  0.5s; /* Opera */
	
}
 
#nav li a:active, #nav li a:hover {
	color: #5BB1E3;
}


/* ===== content ===== */

#content{
	width:800px;
	height:auto;
	float:left;
}

#foto{
	width:260px;
	height:290px;
	float:left;
	margin:50px 0 50px 0;
	border-right:solid 1px #CCC;
	padding:20px 0 20px 0;
}

#foto2{
	width:260px;
	height:400px;
	float:left;
	margin:50px 0 50px 0;
	border-right:solid 1px #CCC;
	padding:20px 0 20px 0;
}

#tekst{
	width:440px;
	height:auto;
	float:right;
	margin-top:50px;
	padding:20px 20px 20px 0;
}

#tekst2{
	width:800px;
	height:auto;
	float:right;
	margin-top:50px;
	padding:20px 0 20px 0;
}

/* ===== footer ===== */

#footer{
	width:100%;
	height:70px;
	float:left;
	border-top:solid 1px #CCC;
	background:url(../images/zwaartman-bg2.png);
}

#footertekst{
	width:200px;
	height:70px;
	float:left;
	margin-top:5px;
}

#menu{
	width:300px;
	height:70px;
	color:#999;
	float:right;
	margin-right:20px;
}

a.menu{
	color:#999;
}

a.menu:hover{
	color:#5BB1E3;
}

#flame{
	width:100px;
	height:70px;
	float:left;
	margin:0 0 0 130px;
	padding:15px 0 0 0;
}

/* ===== headers ===== */

h1{
	font-family: 'MyriadWebProRegular';
	font-size:25px;
	line-height:24px;
	color:#F15922;
	font-weight:100;
	text-transform:uppercase;
}

h2{
	font-family: 'MyriadWebProRegular';
	font-size:12px;
	line-height:70px;
	color:#999;
	font-weight:100;
}


h3{
	font-family: 'MyriadWebProRegular';
	font-size:13px;
	line-height:0px;
	color:#efefef;
	font-weight:100;
	float:right;
}

h4{
	font-family: 'MyriadWebProRegular';
	font-size:12px;
	line-height:70px;
	color:#999;
	font-weight:100;
	text-align:right;
	text-transform:uppercase;
}

p{
	font-family: 'MyriadWebProRegular';
	font-size:13px;
	line-height:28px;
	color:#666;
	font-weight:100;
}

a{
	color:#fff;	
	text-decoration:none;


}

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


	
	
::-moz-selection {
       background-color: #CCC;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #CCC;
       color: #fff;
}

/* Form */


.form{
	width:300px;
	height:20px;
	padding:5px;
	margin: 5px;
	color: #333;
	
}
.form2{
	width:300px;
	height:100px;
	padding:5px;	
	margin: 5px;
	color: #333;
}

.formdiv{
	height:auto;
	width:400px;
	float:left;
	margin-top:-15px;
	font:9pt Verdana, Geneva, sans-serif;
	color:#333;
	line-height:25pt;
	margin-top:0px;
	font-weight:normal;
}

.submit{
	width:70px;
	height:30px;
	background-color:#5BB1E3;
	color:#FFF;
	border:none;
}

.shadowbox{
	margin:20px 0 0 20px;
	box-shadow:0 0 5px #666;
	border:solid 1px #fff;
}
	
.shadowbox2{
	margin:0 12px 12px 0 ;
	box-shadow:0 0 5px #666;
	border:solid 1px #fff;
	float:left;
}