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

/* --------------------------------------------------------
Style Sheet for excellent-vormgeving.be

version: 2.2
last modified: 05/12/2009 by Gunter Gielen
author: Gunter Gielen I G-Raph
email: info@g-raph.be
website: http://www.g-raph.be
----------------------------------------------------------*/

body {
color: #FFF;
background: url(images/BG.jpg) repeat-x #FFF;
font: 8pt "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
}

h1 {
display: none;
}

h3 {
color: #EB690B;
font-size: 140%;
}

h4 {
font-size: 130%;
}

a {
color:#FFF;
text-decoration:none;
}

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

.actief a {
color:#EB690B;
text-decoration:none;
}

#ul {
list-style-type:none;
}

#pagecontainer {
margin: 0 auto;
width: 960px;
}

#hoofding_home {
background: url(images/hoofding_main.jpg) no-repeat;
height: 420px;
margin-top: -8px;
}

#navigatie li {
display: inline;
margin-left: 20px;
}

#navigatie a {
font-size: 110%;
}

#navigatie {
float:right;
margin-right:17px;
margin-top:58px;
}

#home_blokken {
background: #FFF;
padding: 5px 0;
height: 225px;
padding: 15px 0;
}

.home_blok {
background: #3B3B3B;
padding: 15px;
height: 138px;
width: 270px;
text-align:justify;
}

#knop {

float: right;
clear: both;
font-style: italic;
}

#knop a {
color: #FFF;
background: #EB690B;
padding: 5px 10px;
}

#knop a:hover {
color: #222;
background: #EB690B;
padding: 5px 10px;
}

.home_ref_knop {
float: right;
clear: both;
margin-right:13px;
margin-top:145px;
font-style: italic;
}

.home_ref_knop a {
color: #FFF;
background: #EB690B;
padding: 5px 10px;
}

.home_ref_knop a:hover {
color: #222;
background: #EB690B;
padding: 5px 10px;
}

#home_blokken a {
color: 3B3B3B;
margin-top: -5px;
}

#print {
width: 300px;
height: 175px;
float: left;
line-height: 15px;
}

#print h3 {
margin-left: 15px;
color:#3B3B3B;
}

#fotografie {
margin-left: 30px;
width: 300px;
height: 175px;
float: left;
line-height: 15px;
}

#fotografie h3 {
margin-left: 15px;
color:#3B3B3B;
}

#webdesign {
margin-left: 30px;
width: 300px;
height: 175px;
float: left;
line-height: 15px;
}

#webdesign h3 {
margin-left: 15px;
color:#3B3B3B;
}

#home_referenties {
background: #DEDEDE;
padding: 5px 0;

}

#container_referenties {
background: url(images/schaduwvlakken_hoog.png) no-repeat;
width: 980px;
height: 550px;
margin: 10px auto;
}



#home_referenties_blok_links {
float:left;
width: 610px;
margin-left: 25px;
margin-top:15px;
}

.kader {
width: 280px;
height: 280px;
border: thin solid #3B3B3B;
}


#home_referenties_blok_links_blok_links {
color: #3B3B3B;
width: 280px;
height: 280px;
float:left;
}

#home_referenties_blok_links_blok_links img {
max-height:280px;
border: none;
}

#home_referenties_blok_links_blok_links a {
color: #EB690B;
}

#home_referenties_blok_links_blok_links a:hover {
color: #3B3B3B;
}

#home_referenties_blok_links_blok_links img {
}

#home_referenties_blok_links_blok_rechts {
color: #3B3B3B;
width: 280px;
height: 280px;
float:right;
margin-right: 15px;
}

#home_referenties_blok_links_blok_rechts a {
color: #EB690B;
}

#home_referenties_blok_links_blok_rechts img {
max-height:280px;
border: none;
}

#home_referenties_blok_links_blok_rechts a:hover {
color: #3B3B3B;
}

#home_referenties_blok_rechts {
float:right;
width: 278px;
margin-right: 18px;
margin-top:15px;
}

#home_referenties_blok_rechts ul {
margin-left: -40px;
color: #3B3B3B;
list-style-type:none;
line-height: 19px;
}

#home_referenties_blok_rechts a {
color: #EB690B;
}

#home_referenties_blok_rechts a:hover {
color: #3B3B3B;
}

#wijzerke {
float: right;
clear: both;
margin-right:15px;
}

#wijzerke img {
max-height: 172px;
}

#voet_boven {
background: #3B3B3B;
padding: 5px 0;
font-size: 75%;
height: 32px;

}

#voet_onder {
background: #303030;
padding: 5px 0;
height: 105px;
font-size: 115%;
}

#voet_onder ul {
list-style-type:none;
}

#container_voet {
line-height:20px;
margin:-46px auto 0;
width:900px;
font-style: italic;
}

#voettekst_links {
width: 170px;
float: right;
}

#voettekst_midden {
width: 170px;
float: right;
}

#voettekst_rechts {
width: 170px;
float: right;
}

#voet a {
}