/***********************************************************************ALGEMEEN***********************************************************************/
/********************************************************************************************************************************************************/
body{
margin-top : -20px;
}
#background {
position : fixed;
background-image: url(images/achtergrond.png);
background-repeat: repeat;
top : 0px;
left : 0px;
width : 100%;
height : 100%;
}
.container{
color : #362F2E;
position : relative;
margin : 10px auto;
width : 1048px;
height : auto;
background-repeat : repeat-y;
}
#container {
background-image : url(images/contnt.png);
}
#container2 {
background-image : url(images/contnt2.png);
}
#container3 {
background-image : url(images/contnt3.png);
}
#content {
float : left;
font-family : verdana;
line-height: 200%;
font-size : 12px;
color: #333333;
font-weight : normal;
margin : 0px 0px 0px 50px;
padding-top : 40px;
text-align : left;
width : 926px;
}
#content_index {
float : left;
font-family : verdana;
line-height: 160%;
font-size : 13px;
font-weight : normal;
margin : 50px 0px 0px 60px;
text-align : left;
width : 926px;
}
#header {
width : 1025px;
height : 142px;
clear : both;
background-image: url(images/header.png);
}
#body {
width : 1026px;
}
.klik {
float:left;
height:103px;
margin-left:438px;
margin-top:0;
text-indent:-6249px;
width:150px;
}
.klik_blog {
clear:both;
float:left;
height:36px;
margin-left:365px;
margin-top:1px;
width:34px;
}
a.klik_blog:hover {
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
}
.klik_over {
float:left;
height:36px;
margin-left:29px;
margin-top:1px;
width:36px;
}
a.klik_over:hover {
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
}
.klik_portfolio {
float:left;
height:36px;
margin-left:29px;
margin-top:1px;
width:79px;
}
a.klik_portfolio:hover {
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
}
.klik_contact {
float:left;
height:36px;
margin-left:27px;
margin-top:1px;
width:64px;
}
a.klik_contact:hover {
border-bottom: 1px solid #333333;
border-top: 1px solid #333333;
}
h1 {
color:#92BEA3;
font-family : Georgia, Helvetica, Arial;
font-size : 22px;
text-decoration : none;
font-weight : normal;
}
h1 a{
color:#92BEA3;
text-decoration : none;
}
h2{
font-family : georgia, arial, Helvetica, verdana;
font-size : 19px;
font-weight: normal;
}
h3{
color: #333333;
font-family:Georgia,Helvetica,Arial;
font-size:20px;
font-weight:normal;
height:4px;
}
h4 {
font-family : Georgia;
line-height: 100%;
font-weight: normal;
font-size : 18px;
color: #333333;
height: 15px;
}
h4 a {
color : #6DCFF6;
}
p {
font-family : verdana;
text-decoration: none;
line-height: 100%;
color: #362f2e;
font-size : 13px;
}
.td1{
width: 150px;
}
.td2{
width: 250px;
}
.td3{
width: 59px;
}
.td4{
border: 1px solid #CCCCCC;
background: none;
color: red;
width: 370px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.td5{
border: 1px solid #636363;
background: #efefef;
color: red;
background-image: url(images/error.png);
background-repeat: no-repeat;
background-position: left center;
width: 370px;
font-family : verdana;
line-height: 160%;
font-size : 12px;
padding: 10px 10px 10px 40px;
overflow: auto;
}
.noborder{
border: 0px;
}
.color{
color: #999999;
text-decoration: underline;
}
.color2{
color: #6DCFF6;
}
.bold{
margin-top: 0px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
font-weight : bold;
color : #362F2E;
}
/**********************************************************MENU(****************************************************************************************/
/********************************************************************************************************************************************************/
#menu {
float:left;
font-family:georgia,arial,Helvetica,verdana;
font-size:19px;
height:25px;
margin:204px 0 0 -638px;
text-align:center;
width:600px;
}
#menu a {
color: white;
width : auto;
float : right;
margin-right : 30px;
text-decoration : none;
}
#menu a span {
display : none;
}
#menu a:hover span {
display : block;
position : absolute;
font-size : 10px;
white-space : nowrap;
margin-top : -40px;
}
#menu .contact {
margin-right : 41px;
}
/***********************************************************************HOME***************************************************************************/
/********************************************************************************************************************************************************/
#content_home {
height : 515px;
width : 1026px;
clear : both;
}
#content_hometekst {
float : left;
height : 200px;
margin : 172px 0px 0px 85px;
width : 514px;
}
#social_text{
height: auto;
float: right;
width: 219px;
margin: 18px 0px 0px 0px;
}
.social_headline{
color : #362F2E;
font-family : Georgia, Helvetica, Arial;
font-size : 16px;
text-decoration : underline;
font-weight : normal;
}
.social_tagline{
margin-top: -4px;
font-family : verdana;
line-height: 160%;
font-size : 11px;
font-style: italic;
color: #999999;
}
.blogarchief{
margin-top: 0px;
font-family : verdana;
line-height: 160%;
font-size : 11px;
font-style: italic;
color: #8C8C8C;
}
.blogarchief_head{
color : #333333;
font-family : Georgia, Helvetica, Arial;
font-size : 18px;
text-decoration : none;
font-weight : normal;
}
/**********************************************************BLOGGS****************************************************************************************/
/********************************************************************************************************************************************************/
.geschreven{
margin-top: -15px;
font-family : verdana;
line-height: 160%;
font-size : 11px;
font-style: italic;
color: #999999;
}
.beheer{
float:right;
margin-right:0px;
margin-top:4px;
width:75px;
}
.beheer_portfolio{
float:right;
margin-right:20px;
margin-top:4px;
width:75px;
}
.websitecomment{
color : #362f2e;
font-family : verdana;
line-height: 160%;
font-size : 11px;
font-style: italic;
color: #999999;
}
.websitecomment a{
color : #362f2e;
}
#blogtext{
color:#333333;
float:left;
line-height:200%;
margin:0 0 30px 0;
padding:0;
text-align:left;
width:625px;
}
#blogtext2{
float : left;
text-align : left;
width : 626px;
line-height: 160%;
margin: 50px 0px 50px 0px;
}
.reacties{
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px;
color : #362f2e;
margin-bottom: 20px;
}
.reactienaam{
color : #362f2e;
font-family : Georgia, Helvetica, Arial;
font-size : 18px;
font-weight : bold;
}
.reactiedatum{
float: right;
font-family : verdana;
line-height: 160%;
font-size : 11px;
font-style : italic;
font-weight: normal;
color: #666666;
letter-spacing : 0px;
text-decoration: none;
}
.lijn{
color: white;
clear: both;
}
.rood{
font-family : verdana;
line-height: 160%;
font-size : 13px;
text-decoration : none;
font-weight : normal;
color : red;
}
.geschreven2{
margin-top: 6px;
width: 120px;
height: 13px;
float:left;
clear: both;
font-family : verdana;
font-size : 11px;
font-style: italic;
color: #999999;
}
.datum{
clear: both;
color:#8C8C8C;
float:left;
font-family:Georgia,Helvetica,Arial;
font-size:26px;
font-weight:normal;
width: 120px;
padding: 5px 0px 2px 0px;
margin: 10px 12px 30px 0px;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
.img_home{
height: 116px;
width: 116px;
border: 1px solid #999999;
padding: 2px;
background-position: center;
float: left;
margin: 10px 10px 0px 0px;
}
.tekstje2{
width: 700px;
}
.commenttitle{
color:#92BEA3;
font-family : Georgia, Helvetica, Arial;
font-size : 22px;
text-decoration : none;
font-weight : normal;
}
.commimg{
color: #8C8C8C;
text-decoration : underline;
}
#socials{
height: 20px;
width: 219px;
float: right;
}
#socialt{
background-image: url(images/social_t.png);
background-position:right top;
}
a#socialt:hover{
background-image: url(images/social_t.png);
background-position:right bottom;
}
#sociall{
background-image: url(images/social_l.png);
background-position:right top;
}
a#sociall:hover{
background-image: url(images/social_l.png);
background-position:right bottom;
}
#sociald{
background-image: url(images/social_d.png);
background-position:right top;
}
a#sociald:hover{
background-image: url(images/social_d.png);
background-position:right bottom;
}
#socialr{
background-image: url(images/social_r.png);
background-position:right top;
}
a#socialr:hover{
background-image: url(images/social_r.png);
background-position:right bottom;
}
a.social{
background-repeat: no-repeat;
height:19px;
padding-bottom:3px;
padding-left:20px;
width:18px;
margin: 0px 0px 0px 10px;
}
.toevoegen{
font-family : verdana;
line-height: 160%;
font-size : 13px;
text-decoration: none;
background-image: url(images/add.png);
background-repeat: no-repeat;
background-position: left center;
background-color:#efefef;
border: 1px solid #636363;
color:#636363;
padding: 10px 10px 10px 40px;
cursor: pointer;
}
.wijzigen{
font-family : verdana;
text-decoration: none;
line-height: 160%;
font-size : 13px;
background-image: url(images/edit.png);
background-repeat: no-repeat;
background-position: left center;
background-color:#efefef;
border: 1px solid #636363;
color:#636363;
padding: 10px 21px 10px 40px;
cursor: pointer;
}
.uitloggen{
font-family : verdana;
text-decoration: none;
line-height: 160%;
font-size : 13px;
color:#636363;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #CCCCCC;
border-right: none;
border-top: none;
border-left: none;
background: none;
cursor: pointer;
float: right;
}
.homego{
font-family : verdana;
text-decoration: none;
line-height: 160%;
font-size : 13px;
background-image: url(images/homego.png);
background-repeat: no-repeat;
background-position: left center;
background-color:#efefef;
border: 1px solid #636363;
color:#636363;
padding: 10px 71px 10px 40px;
cursor: pointer;}
/**********************************************************ABOUT****************************************************************************************/
/********************************************************************************************************************************************************/
.about{
height : 438px;
padding : 0px 20px 0px 00px;
}
.point{
background-image:url(images/point.png);
background-position:left center;
background-repeat:no-repeat;
padding:0 0 0 20px;
font-family : verdana;
text-decoration: none;
line-height: 100%;
color: #362f2e;
font-size : 13px;
}
.tag{
background-image: url(images/tag.png);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
}
#blokaboutl {
float : left;
margin-left: 50px;
width : 544px;
}
#blokaboutr {
float : left;
margin-left: 50px;
width : 544px;
}
.logo{
background-image:url(images/logo.png);
background-position:left center;
background-repeat:no-repeat;
width: 187px;
height: 187px;
float:right;
margin: 60px 20px 20px 20px;
}
/**********************************************************DESIGNILEZ & PORTFOLIO*********************************************************************/
/********************************************************************************************************************************************************/
.blok {
height : auto;
width : 878px;
padding : 23px;
}
.blok a {
color : #362F2E;
text-decoration : underline;
}
.teksten{
float : left;
padding : 0px 0px 40px 40px;
width : 577px;
}
.lijn_port{
color: white;
clear: both;
}
.top_port{
color: #999999;
text-decoration: underline;
float: left;
margin-right: 30px;

}
.top{
color: #362F2E;
text-decoration: underline;
background-image: url(images/top.png);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
}
.back_home{
color: #362F2E;
text-decoration: underline;
background-image: url(images/back.png);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
}
.top_comment{
color: #362F2E;
text-decoration: underline;
background-image: url(images/user.png);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
}
a{
color: #999999;
text-decoration: underline;
}
.leesmeer{
color: #999999;
text-decoration: underline;
}
.leesmeer a{
color: #999999;
text-decoration: underline;
}
.afb{
float : left;
height : 154px;
width : 237px;
border: 1px solid #999999;
background-repeat: no-repeat;
background-position: center;
padding: 4px;
}
.blog_afb{
float : right;
margin: 20px 0px 20px 30px;
border: 1px solid #999999;
background-repeat: no-repeat;
background-position: center;
padding: 4px;
}
.blog_afb3{
float : left;
margin: 20px 30px 20px 0px;
border: 1px solid #999999;
background-repeat: no-repeat;
background-position: center;
padding: 4px;
}
.blog_afb2{
margin: 10px 0px 0px 0px;
border: 1px solid #999999;
background-repeat: no-repeat;
background-position: center;
padding: 4px;
}
.klik2 {
position : absolute;
margin-left : 0px;
width : 237px;
height : 154px;
}
.portfolio_headline{
color : #362F2E;
font-family : Georgia, Helvetica, Arial;
font-size : 20px;
text-decoration : none;
font-weight : normal;
}
.portfolio_headline a{
color : #362F2E;
}
.portfolio_tagline{
margin-top: 0px;
font-family : verdana;
line-height: 160%;
font-size : 11px;
font-style: italic;
color: #999999;
}
/**********************************************************DESIGNILEZ**********************************************************************************/
/********************************************************************************************************************************************************/
#port_top{
background-image : url(images/port_top.png);
height: 87px;
width: 926px;
margin-left: 50px;
}
#port_bot{
background-image : url(images/port_bot.png);
height: 87px;
width: 926px;
margin-left: 50px;
clear: both;
}
#content_portfolio{
float : left;
font-family : verdana;
line-height: 160%;
font-size : 13px;
font-weight : normal;
margin : 50px 0px 150px 0px;
text-align : left;
width : 926px;
}
/**********************************************************CONTACT*************************************************************************************/
/********************************************************************************************************************************************************/
#content_contact {
float : left;
font-family : verdana;
line-height: 160%;
font-size : 13px;
font-weight : normal;
letter-spacing : 0;
margin : 0 0 0 50px;
padding-top : 40px;
text-align : left;
width : 926px;
}
#contacttext1 {
width : 500px;
float : left;
margin: 0 0 0 50px;
}
#contacttext2 {
float:right;
margin: 0px 50px 0 0;
text-align:right;
width:253px;
}
.gelukt{
font-family : verdana;
line-height: 160%;
font-size : 13px;
color:#fff;
cursor: pointer;
}
.form{
border: 1px solid #636363;
background: #efefef;
color: #636363;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 4px;
overflow: hidden;
}
.form:focus{
border: 1px solid #999999;
}
.form2{
border: 1px solid #636363;
background: #efefef;
color: #636363;
width: 600px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 4px;
overflow: hidden;
}
.form2:focus{
border: 1px solid #999999;
}
.form3{
border: 1px solid #636363;
background: #efefef;
color: #636363;
width: 600px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 4px;
overflow: auto;
}
.form3:focus{
border: 1px solid #999999;
}
.form5{
border: 1px solid #636363;
background: #efefef;
color: #636363;
width: 500px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 4px;
overflow: hidden;
}
.form5:focus{
border: 1px solid #999999;
}
.form6{
border: 1px solid #636363;
background: #efefef;
color: #636363;
width: 400px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px;
overflow: hidden;
}
.form6:focus{
border: 1px solid #CCCCCC;
}
.form_bericht{
border: 1px solid #CCCCCC;
background: none;
color: #636363;
width: 370px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px 10px 10px 10px;
overflow: auto;
}
.form_bericht:focus{
border: 1px solid #999999;
}
.form_name{
border: 1px solid #CCCCCC;
background: none;
color: #636363;
width: 370px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.form_name:focus{
border: 1px solid #999999;
}
.form_secure{
border: 1px solid #CCCCCC;
background: none;
color: #636363;
width: 370px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.form_secure:focus{
border: 1px solid #999999;
}
.form_email{
border: 1px solid #CCCCCC;
background: none;
color: #636363;
width: 370px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.form_email:focus{
border: 1px solid #999999;
}
.form_website{
border: 1px solid #CCCCCC;
background-image:url(images/http.png);
background-position: center left;
background-repeat: no-repeat;
background: none;
color: #636363;
width: 327px;
font-family : verdana;
line-height: 160%;
font-size : 13px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
.form_website:focus{
border: 1px solid #999999;
}
.verstuur{
font-family : verdana;
line-height: 160%;
font-size : 13px;
float: right;
background: transparent !important;
border: 1px solid #CCCCCC;
color:#636363;
padding: 10px;
cursor: pointer;
overflow: hidden;
}
/**********************************************************FOOTER***************************************************************************************/
/********************************************************************************************************************************************************/
#footer {
color : #8C8C8C;
width : 1025px;
height : 166px;
background-image : url(images/footer.png);
clear : both;
font-family : verdana;
line-height: 160%;
font-size : 11px;
}
.footer{
float:left;
height:142px;
margin-top:-15px;
}
#foot1 {
padding-right:38px;
width:232px;
}
#foot2 {
width : 232px;
}
#foot3 {
width:232px;
float: right;
}
#foot4 {
float:right;
padding-right:42px;
width:207px;
}
#copy2 {
width : 485px;
height : 30px;
margin-top : 15px;
float : right;
text-align: left; 
font-family: verdana;
line-height: 160%;
font-size : 11px;
}
a#copy2 {
text-decoration : none;
color : #6dcff6;
font-size : 11px;
}
a#copy2:hover {
text-decoration : underline;
color : #6dcff6;
font-size : 11px;
}
#copy1 {
width:485px;
height : 30px;
margin-top : 15px;
text-align: right; 
float : left;
font-family : verdana;
line-height: 160%;
font-size : 11px;
}
.valids{
height:36px; 
width:99px; 
border:0px;
}
.contact a {
text-decoration : none;
color : #6dcff6;
font-size : 11px;
}
.contact a:hover {
text-decoration : underline;
color : #6dcff6;
font-size : 11px;
}
.twitter{
background-image: url(images/twitter2.png);
float: left;
width: 16px;
border: 0px;
height: 16px;
margin-right: 20px;
margin-top: -8px;
}
.linkedin{
background-image: url(images/linkedin2.png);
float: left;
border: 0px;
width: 16px;
height: 16px;
margin-right: 20px;
margin-top: -8px;
}
.rss{
background-image: url(images/rss2.png);
float: left;
width: 16px;
height: 16px;
margin-right: 20px;
margin-top: -8px;
}
.adobe{
background-image: url(images/cv_adobe2.png);
float: left;
width: 16px;
border: 0px;
height: 16px;
margin-right: 20px;
}
.word{
background-image: url(images/cv_word2.png);
float: left;
border: 0px;
width: 16px;
height: 16px;
}
.xhtml{
background-image: url(images/valid_1.png);
position: absolute;
border: 0px;
width: 99px;
height: 36px;
}
.css{
background-image: url(images/valid_2.png);
position: absolute;
width: 99px;
border: 0px;
height: 36px;
margin-top: 50px;
}
/**********************************************************ERRORS***************************************************************************************/
/********************************************************************************************************************************************************/
#error{
display: block;
position: relative;
z-index: 1000;
text-align: left;
background-color: #EBEBEB;
width: 620px;
height: 200px;
margin: 0 auto;
margin-top:200px;
padding:40px;
clear: both;
border: 10px solid #363636;
}
.bigger{
color:#362F2E;
font-family:Georgia,Helvetica,Arial;
font-size:60px;
font-weight:bold;
height:15px;
margin-top:0;
text-decoration:none;
}
.big{
color : #362F2E;
font-family : Georgia, Helvetica, Arial;
font-size : 30px;
height:15px;
text-decoration : none;
font-weight : bold;
}
#error_img{
float: right;
width : 200px;
height : 200px;
background-color: #EBEBEB;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: center;
}
#error_text{
float: left;
width : 400px;
}