/*------------  Globale reset. * zorgt ervoor dat dit gebeurt op alle selectors. ------------------------------------------------*/

* {
margin:0;
padding:0;
list-style:0;
border:0;
}

/*------------  Body/HTML  ------------------------------------------------*/

html, body {
height: 100%;
}
body {
color: #3f424e; 
font-family: Century Gothic;
font-size: 11px;
line-height: 16px;
text-align:left;
background:#FFFFFF;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
text-align:center;
height: 100%;
width:100%;
}
.iframe {
float:right;
scrolling: vertical;
text-align:right;
overflow-x:yes;
overflow-y:no;
background-color:#00FF00;
width:725px;
 height:520px;}

/*------------  Opmaak  ------------------------------------------------*/

h1 {
font-size:15px;
}
p {
margin-bottom:10px;
}
td, tekst {
font-size: 11px;
line-height: 16px;
}
.kop {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.kopzwart {
font-size: 14px;
color: #555;
font-weight: bold;
margin-bottom: 10px;
}
a:link, a:active, a:visited {
color: #3f424e;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: underline;
}

a.nieuwsknop:link, a.nieuwsknop:active, a.nieuwsknop:visited {
background-color:#000066;
width:180px;
height:53px;
font-size:12px;
text-align:center;
color: #ffffff;
vertical-align:middle;
text-decoration: none}
a.nieuwsknop:hover {
color: #000066;
background-color:#c8c8c8;
text-decoration: none;vertical-align:middle;font-size:12px;
text-align:center;

}


.oranje {
color: #363b47;
}
.input

{border: 1px solid #c8c9d1;}


.knop

{border: 1px solid #c8c9d1;
cursor:pointer;
background-color:#80acd8;
text-align:center}

.specs
{border-bottom: 1px solid #c8c9d1;
text-align:top;
}

/*------------  Clearfix  ------------------------------------------------*/

.clearfix:after { /*Dit is een fix voor 100% hoogte. Zorg ervoor dat deze stijl er altijd is.*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#push { /*Dit is een fix voor Opera browser. Dit zorgt ervoor dat de tekst niet onder de footer doorloopt. Belangrijk is om deze hoogte iig dezelfde hoogte te geven als de footer*/
height:106px;
}

/*------------  Container  ------------------------------------------------*/

#container {
width: 1001px;
min-height: 100%;
height: auto !important;
height: 100%;

margin: 0 auto;
text-align:left;
}

/*------------  Header  ------------------------------------------------*/

#header {
background: url(../grafix/bg_header.jpg) no-repeat;
height: 263px;
}
#header_home {
background: url(../grafix/bg_header_home.jpg) no-repeat;
height: 263px;
}
#header_over_ons {
background: url(../grafix/bg_header_overons.jpg) no-repeat;
height: 263px;
}

#header_assortiment  {
background: url(../grafix/bg_header_assortiment.jpg) no-repeat;
height: 263px;
}

#header_showroom  {
background: url(../grafix/bg_header_showroom.jpg) no-repeat;
height: 263px;
}

#header_Grootkeukenapparatuur
 {
background: url(../grafix/bg_header.jpg) no-repeat;
height: 263px;
}

#header_kookstudio  {
background: url(../grafix/bg_header_kookstudio.jpg) no-repeat;
height: 263px;
}
#header_service  {
background: url(../grafix/bg_header_service.jpg) no-repeat;
height: 263px;
}
#header_contact  {
background: url(../grafix/bg_header_contact.jpg) no-repeat;
height: 263px;
}


#logo {
padding:29px 0 0 5px;

}

/*------------  Columns  ------------------------------------------------*/

#content {
width: 1001px;
height: auto !important;
}
#main {
background: url(../grafix/main_dejager.jpg) no-repeat;
}

/*------------  Navigatie  ------------------------------------------------*/
/*Uiteindelijk worden deze styles in de coolmenu.css verwerkt. Voor de Javascript navigatie.*/

#siteNavigation {
height: 105px;
line-height:25px;
padding-left:250px;



}
#siteNavigation ul {
list-style: none;

margin: 0;
}
#siteNavigation li {
float: left;
list-style: none;
margin: 0;
}
#siteNavigation li a:link, #siteNavigation li a:visited {

height: 24px;
line-height: 24px;
width: 70px;
display: block;
color: #363b47;
text-decoration: none;
text-align: center;
font-weight: regular; 
font-size: 10px;
}
#siteNavigation li a:hover {
font-weight: bold; 
}

/*-------------------- Footer ----------------------------------------*/

#footer {
height: 50px;
width: 203px;
text-align:left;
margin: 0 auto;
padding-bottom:0px;
position: relative;
font-size:9px;
color: #999999;
}
#footer_bg {
height: 106px;
margin-top:-106px;

background-position:bottom;
}
#placeholder {
padding-right:10px;

}
a:link.print, a:active.print, a:visited.print {
float:right;
margin-right:4px;
height:26px;
width:27px;
background: url(../grafix/symb_print.gif) no-repeat;
display:block;
text-indent:-8000em;
} 
a:hover.print {
background: url(../grafix/symb_print_hover.gif) no-repeat;
} 
a:link.back, a:active.back, a:visited.back {
float:right;
margin-right:4px;
height:26px;
width:27px;
background: url(../grafix/symb_terug.gif) no-repeat;
display:block;
text-indent:-8000em;
} 
a:hover.back {
background: url(../grafix/symb_terug_hover.gif) no-repeat;
} 
a:link.contact, a:active.contact, a:visited.contact {
float:right;
margin-right:4px;
height:26px;
width:27px;
background: url(../grafix/symb_contact.gif) no-repeat;
display:block;
text-indent:-8000em;
} 
a:hover.contact {
background: url(../grafix/symb_contact_hover.gif) no-repeat;
}