/* layout opmaak */

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

#details h1, #infocontent h1, #bestellen h1

{

font-size: 15px;

margin-bottom: 15px;

}

html 
{ 
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:white;
	
/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	
}

html, body, #contentmain, #content, p, td 
{ 
font-size:12px; 
font-family: Verdana;
}

body 
{ 
height:100%; 
max-height:100%; 
overflow:hidden; 
background:#f60; 
color:#000;
scrollbar-face-color: #fff;
scrollbar-arrow-color: #000;
scrollbar-base-color: #000;
scrollbar-shadow-color: #000;
scrollbar-darkshadow-color: #fff;
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #fff;
scrollbar-track-color: #fff; 
}

#contentmain 
{ 
display:block; 
overflow:hidden; 
position:absolute; 
z-index:2;
top:88px; 
bottom:123px; 
width:100%; 
margin-left:-50%; 
left:50%; 
background:white; 
}

*html #contentmain 
{ 
top:0; 
bottom:0; 
height:100%; 
width:100%; 
border-top:88px solid #f60;	
border-bottom:123px solid #f60; 
}

#content 
{ 
overflow:auto; 
overflow-x:hidden; 
height: 100%; 
width: 960px; 
display:block; 
position:absolute; 
top: 0; 
left:50%; 
margin-left:-450px; 
z-index:30; 
background-repeat:no-repeat; 
background-position:center top; 
background-attachement:fixed;
}

#home #content
{
background-image: url(../afbeeldingen/backgroundhome.gif);
}

#home #contentmain
{
background: url(../afbeeldingen/backgroundhomecontent.gif) no-repeat bottom center #fff;
}

#collectie #content
{
background-image: url(../afbeeldingen/backgroundcollectie.gif);
}

#winkelwagen #content
{
background-image: url(../afbeeldingen/backgroundwinkelwagen.gif);
}
#contact #content
{
background-image: url(../afbeeldingen/backgroundcontact.gif);
}

#info #content
{
background-image: url(../afbeeldingen/backgroundinfo.gif);
}

#head 
{ 
position:absolute; 
left:0px; 
right:0px; 
top:0; 
width:100%; 
height:88px;  
z-index:5;  
text-align:center;
}

#head h1
{
font-size: 13px;
font-weight: normal;
}

#balk
{
text-align: center;
height: 35px;
width: 100%;
background-color: #000;
position: absolute;
bottom:88px;
left: 0;
z-index:35;
}

#balk h1
{
font-weight: normal;
color: #fff;
font-size: 15px;
margin-top: 8px;
}

#foot 
{ 
position:absolute; 
left:0px; 
right:0px; 
bottom:0; 
width:100%; 
height:88px;  
z-index:25;  
text-align:center;  
background-color: #f60;
}

#menu
{
width:900px;
margin: 0 auto;
}

#menu a
{
color: #000;
padding-bottom: 5px;
text-decoration:none;
font-size: 15px;
}

#menu a:hover, #home #navhome, #collectie #navcollectie, #winkelwagen #navwinkelwagen, #contact #navcontact, #info #navinfo
{
color: #fff;
}

#menu img
{
margin-bottom: 5px;
}

#navhome, #navcollectie, #navwinkelwagen, #navcontact, #navinfo
{
float: left;
margin-top: 19px;
width: 179px;
text-align: center;
}

/* content opmaak */

#content a
{
color: #f60;
text-decoration: none;
}

#content a:hover
{
text-decoration: underline;
}

#content p
{
margin-bottom: 15px;
}

#content ul
{
margin-left: 20px;
list-style-type: square;
margin-bottom: 15px;
}


#content ol
{
margin-left: 25px;
margin-bottom: 15px;
}

#producten, #contactcontent, #infocontent
{
margin: 15px 10px 15px 50px;
}

#indexcontent
{
margin: 5% 0px 25% 0px;
}

#indexcontent img
{
float: left;
margin-right: 20px;
}

#infocontent img
{
border: solid 1px #000;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}



.producten
{
float: left;
text-align:center;
font-size: 10px;
width: 122px;
margin-bottom: 20px;
margin-right: 10px;
}

.producten img
{
border: 1px solid #000;
width: 120px;
height: 120px;
margin-top: 3px;
margin-bottom: 3px;
}

.prijs
{
text-align:center;
width: 120px;
font-size: 15px;
margin-bottom: 5px;
}

#fotomateriaal
{
float: left;
width: 175px;
text-align:center;
padding-right: 10px;
}

.vergroting
{
font-size: 10px;
}

#fotomateriaal img
{
width:175px;
height: 175px;
border:1px solid #000;
}

.materiaal
{
margin-top: 15px;
border: 1px solid #000;
padding: 10px;
font-style: italic;
width: 155px;
text-align:left;
}

*html .materiaal
{
width: 175px;
}

#details
{
float: left;
width: 400px;
margin-left: 20px;
}

#details h1, #infocontent h1, #bestellen h1
{
font-size: 15px;
margin-bottom: 15px;
}

#content h2
{
font-size: 12px;
}

#keuze
{
text-align: center;
}

#annuleren{
border: 1px solid #000;
background-color: #f60;
color: #fff;
font-weight: bold;
height: 25px;
vertical-align: middle;
}

#keuze h1
{
font-size: 13px;
font-style: italic;
margin-bottom: 15px;
}

#details td
{
height: 30px;
padding-right: 15px;
}

input
{
border: 1px solid #000;
height: 25px;
width: 250px;
vertical-align: middle;
}

textarea
{
border: 1px solid #000;
height: 70px;
width: 250px;
vertical-align: middle;
}

.radio, .checkbox
{
border:none;
width: 25px;
}

.button
{
border: 1px solid #f60;
background-color: #f60;
color: #fff;
font-weight: bold;
}

.wagen img
{
border: 1px solid #000;
width: 60px;
height: 60px;
margin-right: 5px;
margin-bottom: 5px;
}

.nummer
{
width: 25px;
}

.product, .tekening, .kleur, .lettertype, .versie
{
width: 70px;
text-align:center;
font-size: 10px;
}

.product img, .tekening img, .kleur img, .lettertype img, .versie img
{
width: 64px;
height: 64px;
border: 1px solid #000;
}

.gegevens
{
width: 160px;
font-size: 10px;
text-align:left;
}

.prijs
{
width: 80px;
}

.bewerken
{
width: 250px;
text-align:left;
}

.buttons
{
width: 800px;
text-align: center;
}

.totaalprijs
{
text-align: right;
font-weight:bold;
}

.verzendkosten
{
font-size: 10px;
}

#gekozenafbeeldingen
{
padding-right: 15px;
text-align: center;
}

#gekozenafbeeldingen img
{
margin-bottom: 5px;
width: 120px;
height: 120px;
border: 1px solid #000;

}

/* Popup pagina's */

#kleuren, #lettertypes, #afbeeldingen, #vergrotingen
{
text-align: center;
background-color: #fff;
width:100%;
overflow: scroll;

}

#kleuren h1, #afbeeldingen h1, #lettertypes h1
{
font-size: 15px;
margin: 15px;
}

#popupafbeeldingen
{
width: 360px;
margin: 0 auto;
}

#popupversies
{
width: 702px;
margin: 0 auto;
}

#popupversies2
{
width: 430px;
margin: 0 auto;
}

#popupversies3
{
width: 409px;
margin: 0 auto;
}

#popuplettertypes 
{
width: 702px;
margin: 0 auto;
}

#popupvergrotingen 
{
width: 360px;
margin: 15px auto;
}

#popupafbeeldingen img
{
width: 64px;
height: 64px;
border: 1px solid #000;
margin-right: 5px;
margin-bottom: 5px;
float: left;
}

#popuplettertypes img
{
width: 700px;
height: 200px;
border: 1px solid #000;
margin-bottom: 5px;
float: left;
}

#popupversies img
{
width: 700px;
height: 135px;
border: 1px solid #000;
margin-bottom: 5px;
float: left;
}

#popupversies2 img
{
width: 135px;
height: 400px;
border: 1px solid #000;
margin-bottom: 5px;
margin-right: 5px;
float: left;
}

#popupversies3 img
{
width: 120px;
height: 120px;
border: 1px solid #000;
margin-right: 5px;
float: left;
}

#popupvergrotingen img
{
width: 350px;
height: 350px;
border: 1px solid #000;
margin-right: 5px;
margin-bottom: 5px;
float: left;
}

.opmerking
{
font-size: 10px;
margin-bottom: 10px;
clear: left;
}

.opmerking a
{
color: #f60;
text-decoration: none;
}

.opmerking a:hover
{
text-decoration: underline;
}