* { margin: 0; padding: 0; outline: 0; }

header, section, footer, aside, nav, article, figure { display: block; }

body { color: #000000; background-color: #ffffff; font-family: Arial; font-weight: lighter; letter-spacing: 2px; }

::selection { background-color: rgba(255, 208, 37, 1); }
::-moz-selection { background-color: rgba(255, 208, 37, 1); }

/* Fontjes */

/* Kleuren:  
            Geel: #ffd025
           Blauw: #0071bb
     Donkerblauw: #005185
         Oudgeel: #ffff00
*/

a img, a img:hover, a img:active { border: none; }
a { color: #0071bb; text-decoration: none; }
a:hover { color: #ffffff; }
a:active {  position: relative; border: none; top: 1px; }

#wrapper { width: 978px; margin: 0px auto; }


/* attention! headerstuff going on */
header  
{
    width: 978px;
    height: 170px;
    background-color: #ffd025;
    color: #0071bb;
    background-image: url('../img/header_bg.gif');
    background-repeat: repeat-x;
    background-position: top;
    margin: 0px auto;
    margin-bottom: 0px;
}

#navcontainer 
{
    margin: 0 auto;
}

#logo 
{
    float: left;
}

nav  
{
    float: right;
}

nav ul 
{
    height: 170px;
    margin-top: 0px;
}

nav ul li 
{
    list-style: none;
    float: left;
    text-align: center;
    padding-top: 135px;
    padding-bottom: 15px;
    margin-top: 0px;
    width: 105px;
}

nav ul li a 
{
    display: block;
}

nav ul li a:hover 
{
    color: White;
}

nav ul li.active 
{
    background-image: url('../img/nav_active_bg.jpg'); background-repeat: no-repeat; background-position: top;
}

/* header ends here */

#slider { width: inherit; height: 320px; }

#diensten { width: inherit; height: 80px; background-color: #ffd025; color: #0071bb; margin: 0px auto; }
#schilderwerken { float: left; width:326px; background-image: url('../img/placeholder_iconDienst.gif'); background-repeat: no-repeat; background-position: left top; }
#verbouwen { float: right; width: 326px; background-image: url('../img/placeholder_iconDienst.gif'); background-repeat: no-repeat; background-position: left top; }
#onderhoud { margin: 0 326px 0 326px; background-image: url('../img/placeholder_iconDienst.gif'); background-repeat: no-repeat; background-position: left top; }

#offerte { width: 960px; height: 1520px; background-color: #005185; margin-left: 9px; }
#offerteIframe { margin-top: 20px; margin-left: 35px; }
#gratisofferte { width: 336px; height: 70px; background-color: #0071bb; margin-left: 321px; }

#content { width: inherit; margin: 0 auto; margin-top: 30px; }
#beschrijving { float: left; width: 505px; }
#acties { float: right; width: 473px; height: 244px; background-color: #eeeeee; }

.clear { clear: both; }

footer { width: 978; height: 300px; margin: 0 auto; background-color: #ffffff; }

hr { border:dashed #ffd025; border-width:2px 0 0; height: 0; padding-bottom: 12px; }

/* Type */
p { color: #444444; font-size: 14px; font-family: Arial, Sans-Serif; letter-spacing: 0px; line-height: 20px; padding-right: 30px; }
h1 { font-size: 30px; font-style: normal; font-weight: bold; color: #0071bb; margin-bottom: 15px; }
h2 { font-size: 24px; font-style: italic; }
.h2_diensten { padding-left: 90px; padding-top: 30px; }
h3 { font-size: 24px; font-style: normal; font-weight: bold; color: #0071bb;  margin-top: 30px; margin-bottom: 8px; letter-spacing: 1px; }
h4 {
    font-size: 20px; font-style: normal; font-weight: bold; color: #0071bb;  margin-top: 30px; margin-bottom: 8px; letter-spacing: 1px;
}
footer h3 { margin-top: 0px; }
nav a { letter-spacing: 1.5px; }
.smal { width: 390px; }
.voetp { color: #999999; font-size: 12px; line-height: normal; }

/* Subpagina's */
.dienst { color: #ffd025; }

#bedrijfsgegevens { float: left; width: 340px; }

#telefoonnummer { float: right; text-align: right; }

#btwverlaging {
    margin-top: 24px;
}

#btwverlaging ul {
    list-style: circle;
    color: #444444; font-size: 14px; font-family: Arial, Sans-Serif; letter-spacing: 0px; line-height: 20px; padding-right: 30px; margin-left: 30px;
}

.strong {
    font-weight: bold;
    color: #0071bb;
    font-size: 16px;
}