/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

html {
	overflow: auto;
}

body {
	background-color: #b6b8b8;
	background-image:url(../images/bgBody.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
h1 { color:#062e7e; font-family:Arial; font-size:18px; font-weight:700; }
h2 { color: #062e7e; font-size: 25px; font-family: Arial; font-weight: 700; line-height: 30px; }
h3 { color: #ab0a17; font-size: 25px; font-family: Arial; font-weight: 700; margin: 5px 0 10px; }
#wrapper {
	width:972px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	width:972px;
	height:128px;
	background-image:url(../images/head.jpg);
}
#header_heren { background-image: url(../images/head_heren.jpg); width: 972px; height: 128px; }
#header_dames { background-image: url(../images/head_dames.jpg); width: 972px; height: 128px; }
#header_kids { background-image: url(../images/head_kids.jpg); width: 972px; height: 128px; }
#menu { background-image: url(../images/menu.jpg); background-repeat: no-repeat; height: 56px; padding-left: 72px; overflow: hidden; }
#content { width:972px; }

#content_left { background-color: #fff; float:left; width: 660px; }
#content_left_foto { margin-left:50px; margin-right:50px; font-family:Arial; margin-top: 20px; }
#content_left_text { font-size: 13px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 20px; margin-top: 20px; margin-right: 50px; margin-left: 50px; }
#content_right {
	float: left;
	width: 312px;
}
#content_right_collectie { font-size: 13px; font-family: Arial; margin-top: 5px; margin-left: 15px; }
#content_right_filialen { font-size: 13px; font-family: Arial; margin-left: 25px; }
#content_right_text { font-size: 13px; font-family: Arial; text-align: center; }
/*---------------------------------------------------------- clear fix */
/* Absolute elementen */
#blokActie { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; position: absolute; z-index: 200; top: 134px; width: 100px; height: 25px; margin-left: 13px; }
#blokHome { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 700; text-align: right; margin-left: 860px; position: absolute; z-index: 300; top: 10px; width: 100px; height: 25px; }
#blokCollectie { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-left: 705px; position: absolute; z-index: 300; top: 131px; width: 260px; height: 25px; }
/* Einde absolute elementen */

/*---------------------------------------------------------- clear fix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------------------------------------- */
a { color: #062e7e; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a.home { color: #cce8e5; font-size: 13px; text-decoration: none; }
a.actie { font-size: 13px; text-decoration: none; }
a.collectie { color: #96a0a6; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
.item_los { color: #fff; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.collectie:hover { color: #fff; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.home:hover { color: #e15f00; text-decoration: none; }
a.actie:hover { color: #e15f00; text-decoration: none; }
ul { margin-left: 0; padding-left: 0; list-style-type: disc; }
.kader { border: solid 1px #152658; }