/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/

    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:Tahoma, verdana, arial;
    	color:#848484;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited {
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
		font-weight:bold;
		font-size:15px;
		margin-bottom:10px;
		
    }
    
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    h2 {
		font-weight:bold;
		font-size:15px;
    	color:#848484;
    }
    
    
    div.spacer {
    	height:20px;
    	display:block;
    	width:200px;
    }
    
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:938px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
 	width:938px;
	overflow:hidden;
 }
 
 div#logo {
 	width:300px;
 	height:48px;
	float:left;
	margin-top:17px;
	margin-left:17px;
 }
 
 a.switch {
 	text-indent:-900000px;
 	width:16px;
 	height:26px;
 	display:block;
	float:left;
	margin-top:26px;
 }
 
 div#winkelwagen {
 	border-left:1px dotted #848484;
 	width:205px;
 	float:right;
 	height:79px;
 	padding-left:10px;
 }
 
 div#winkelwagen a {
    	color:#848484;
 }
 
 div#footer {
 	width:938px;
 	height:42px;
	background:url("../images/footer.png") top left no-repeat;
 }
 
 div#menu {
 	width:938px;
 	height:36px;
	background:url("../images/bgMenu.png") top left no-repeat;
	clear:both;
	margin-top:10px;
	float:left;
 }
 
 div#overflow {
 	overflow:hidden;
 	clear:both;
	background:url("../images/bgContainer.jpg") top left repeat-y;
 }
 
 div#columnLeft {
 	width:200px;
 	float:left;
 	display:inline;
 	padding:10px;
 }
 
 div#columnRight {
 	width:678px;
 	float:left;
 	padding:20px;
 	display:inline;
	background:url("../images/bgColumnRight.jpg") top left no-repeat;
 }
 
 div#zoeken 
 {
	float:right;
	margin-top:20px;
 }
 
 div#zoeken input.txt {
 	float:left;
 	width:195px;
 	height:26px;
	background:url("../images/bgTextInput.png") top left no-repeat;
	border:none;
	color:black;
 }
 
 div#zoeken input.btn {
 	float:left;
 	text-transform:uppercase;
 	width:71px;
 	height:26px;
 	color:#848484;
	background:url("../images/bgButton.png") top left no-repeat;
	border:none;
 }
 
 table.detail tr td {
 	vertical-align:top;
 	padding-right:20px;
 }
 
 table.detail img {
 	border:1px solid #d9d9d9;
 }
 
 div#columnRight input.txt {
 	border:1px solid #dfdfdf;
 	height:20px;
 	display:inline;
 }
 
 div#columnRight input.btn {
	background:url("../images/bgBtnColumnRight.jpg") top left repeat-x;
 	border:1px solid #dfdfdf;
 	height:22px;
 	padding:0px 4px 0px 4px;
 	display:inline;
 }
 
 table.overview tr table tr td {
 	vertical-align:top;
 }
 
 table.overview tr table tr td a {
 	color:#848484;
 }
 table.overview img {
 	border:1px solid #d9d9d9;
 }
 
 table.overview tr td {
 	width:300px;
 }
 
 table.overview tr table {
 	margin-bottom:20px;
 }
 
 table.overview tr td table tr td {
 	padding-right:10px;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/