/*/
 * 
 * Cascading Style Sheet
 * 
 * Creator: Peter Mudde
 * Website: Mudah.nl
 * 
/*/


/* ELEMENTEN */
* {
margin:0; 
padding:0;
} 
li { margin-left:15px; }
p { padding-bottom:15px; }

a img {
border:0;
}

.break{
clear:both;
}

/* BASIS */
body {
text-align:center;
background:url(../images/body_bg.png) repeat-x #fff;
font-family:/*"Myriad Pro", */Calibri, Arial;
}

#box {
width:976px;
margin:0 auto;
text-align:left;
}

/* HEADER */
#header {
width:976px;
height:104px;
}
#logo {
width:525px;
height:104px;
margin-left:30px;
float:left;
}

/* MENU */
#menu {
width:450px;
height:20px;
margin:47px 0 0 -55px;
float:left;
}
#menu a {
display:inline-block;
height:19px;
padding-top:4px;
text-align:center;
color:#fff;
font-size:13px;
text-decoration:none;
width: 68px;
}
#menu a:hover {
background:url(../images/menu_home_hover.png) no-repeat;
}

/* BANNER */
#banner {
width:976px;
height:200px;
font-size:12px;
background:url(../images/banner_bg.png) no-repeat;
}

#banner h2 { 
color:#2d98bc; 
font-size:22px; 
margin:0px 0 5px 570px;
padding-top:8px;
}
#banner p {
display:inline-block;
width:305px;
height:auto;
margin-left:570px; 
}

/* CONTENT  */
#top-content a {
color:#000;
font-size:13px;
text-decoration:none;
}
#top-content a:hover {
text-decoration:underline;
}
#navigation {
width:708px;
height:20px;
margin-left:4px;
float:left;
}
#sidetop {
width:230px;
height:13px;
margin-top:7px;
float:left;
background:url(../images/topside_bg.png) no-repeat;
}

#content {
width:974px;
min-height:399px;
background:url(../images/content_bg.png) repeat-x #fefefe;
border:1px solid #dbdada;
border-bottom:none;
font-size:13px;
}
#content h1 { 
color:#2d98bc; 
font-size:22px; 
margin-bottom:10px; 
}
#links {
width:652px;
padding:25px 0 0 29px;
float:left;
}

#rechts {
width:215px;
height:255px;
margin:-1px 0 0 30px;
padding-left:15px;
float:left;
background:url(../images/side_bg.png) no-repeat;
font-size:12px;
font-weight:bold;
color:#494848;
}
#rechts #sidekop {
width:199px;
color:#fff;
margin-bottom:10px;
padding:0 0 4px 10px;
font-size:18px;
font-weight:normal;
text-decoration:none;
border-bottom:1px solid #fff;
}
#rechts #formkop {
width:203px;
color:#fff;
padding:0 0 3px 6px;
font-size:13px;
font-weight:normal;
border-bottom:1px solid #fff;
}
#rechts #formulier {
width:199px;
height:78px;
background:url(../images/formulier_bg.png) no-repeat;
color:#494848;
padding:0 5px 4px 5px;
font-size:13px;
font-weight:normal;
}
#rechts .form_textinput {
width:100px; 
border:1px solid #1e81a4;
font-size:12px;
}
#rechts a {
font-size:12px;
color:#494848;
text-decoration:none;
}
#rechts a:hover {
text-decoration:underline;
}

#links input, #links textarea, #links select {
font-family:/*"Myriad Pro", */Calibri, Arial;
font-size:13px;
width:150px;
margin:2px;
}
#links textarea {
width:250px;
padding:2px;
}
#links input[type=image] {
width: auto;
}

/* FOOTER */
#footer {
width:956px;
height:26px;
padding:6px 20px 0 0;
background:url(../images/footer_bg.png) repeat-x;
color:#fff;
text-align:right;
}
#footer a {
color:#fff;
font-size:13px;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}


/* WEBSHOP CONTENT */
.vakje {
display: inline-block;
width:263px;
height:136px;
margin:0 30px 17px 0;
padding:2px 18px 10px 10px;
background:url(../images/vakje_bg.png) no-repeat;
}
.vak_header h3 {
color:#fff;
font-weight:normal;
margin-bottom:11px;
font-size: 15px;
}
.vak_foto {
width:85px;
height:90px;
margin-left:8px;
float:left;
}
.vak_foto img { border:1px solid #828a9b;}

.vak_tekst {
display:inline-block;
width:155px;
height:90px;
margin-left:15px;
float:left;
color:#2d98bc;
font-weight:bold;
}
.vak_prijs {
width:85px;
height:20px;
margin-left:8px;
float:left;
color:#484848;
font-weight:bold;
}
.vak_meer {
width:50px;
height:20px;
margin:6px 0 0 120px;
float:left;
}
.vak_meer a {
color:#484848;
text-decoration:none;
}
.vak_meer a:hover {
text-decoration:underline;
}


/* PRODUCT CONTENT */
#product {
width:629px;
padding:15px 0 15px 23px;
background:#fff;
border:1px solid #dad9d9;
border-bottom:none;
}
#product_links {
width:117px;
float:left;
}

#product_foto {
width:115px;
height:115px;
}
#product_foto img{ border:1px solid #a4a8b0; }

#product_prijs {
width:115px;
margin-top:15px;
}
.tabelhead { background:#3196b8; color:#fff; padding:1px 0 1px 6px; }
.odd{ background:#82c2d7; }
.even{ background:#9cd3e5; }
.first { border-right:1px solid #26abd7; width:51px; padding:1px 0 1px 6px; }
.sec { width:56px; padding:1px 0 1px 6px; }

.tabelhead_w { background:#3196b8; color:#fff; padding:2px 0 2px 6px; }
.odd_w{ background:#82c2d7; }
.even_w{ background:#9cd3e5; }
.first_w { border-right:1px solid #26abd7; width:80px; padding:1px 0 1px 6px; }
.titel_w { border-right:1px solid #26abd7; width:250px; padding:1px 0 1px 6px; }
.titel_b { border-right:1px solid #26abd7; width:150px; padding:1px 0 1px 6px; }
.action_w { border-right:1px solid #26abd7; width:40px; padding:1px 0 1px 6px; }

#product_rechts {
width:495px;
float:left;
margin-left:17px;
}
#product_header {
width:485px;
height:21px;
padding:4px 10px 0 0;
text-align:right;
background:url(../images/product_header.png) no-repeat;
}
#form_header {
	margin:-1px 0px 0px 250px;
	float:left;
}
#product_tekst {
width:460px;
padding:10px;
margin-left:5px;
}

#product_footer {
width:652px;
height:13px;
margin-bottom:15px;
background:url(../images/product_footer.png) no-repeat;
}

/* FORMULIER */
#tableKlantenLogin td {
padding:3px 6px;
}
.first_r {
padding-left:10px;
text-align:right;
 border-right:1px solid #26abd7;
}
.second_r {
padding-right:10px;
text-align:left;
}
.odd_r {
background:#fff;
}
.even_r {
background:#f5f5f5;
}
.subheadline {
padding:3px 0px;
text-align:center;
font-weight:bold;
}