@charset "utf-8";
/* 

	CSS for Schoenmakerij Vording 
	(c) 2009 Crea-Design.nl - Robbin Oost 
	http://www.crea-design.nl 


*/

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

html
{
}

body
{
	background-image:url(img/mainbg.png);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #591212;
	position:relative;
	min-height: 100%;
	color: #000;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 20px;
}

/* header */

h1,h2,h3,h4
{
	color: #ba2026;
	line-height:normal;
}

h1
{
	font-size: 17px;
	margin-bottom: 20px;
}
h2
{
	font-size: 16px;
}

h3,
h4
{
	font-size: 15px;
}

h4
{
	margin-bottom: 10px;
}

/* links */
a
{
	color: #ba2026;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}


.clear
{
	clear:both;
	height: 0px;
	overflow:hidden;
}

/* Container */
.wrapper
{
	width: 976px;
	position:absolute;
	left: 50%;
	margin-left: -488px;

}

.container
{
	margin-top: 110px;	
	background-image:url(img/containerbg.png)!important;
	background-image:none;
	background-repeat:repeat-y;
	background-position:right;
	padding-right: 6px;
}

.containerBg
{
	background-color:#FFF;
	padding-top: 330px;
	position:relative;
}

/* Top */ 
.top
{
	position:absolute;
	top: 0px;
}

.menu
{
	position:absolute;
	left: 284px;
	width: 690px;
	top: 80px;
	z-index: 2;
}

.menu ul
{
	list-style: none;
}

.menu ul li
{
	float:left;
	margin: 1px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	font-weight: bold;
}

.menu ul li.active a
{
	background-color:#751b19;
}

.menu ul li a
{
	display:block;
	color:#FFF;
	padding: 2px 5px;
	line-height:normal;
}

a.logo
{
	display:block;
	text-indent: -4000px;
	background-image: url(img/logo.png);
	width:290px;
	height:110px;
	z-index: 1;
	position:absolute;
	top: 0px;
	left: 4px;
}

/* Header */
.header
{
	height: 300px;
	background-color:#666;
	width: 945px;
	left: 13px;
	top: 10px;
	position:absolute;
}

.hider
{
	height: 300px;
	width: 945px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.header p a
{
    color: White;
}

.header a.arrow
{
	position:absolute;
	width: 39px;
	height: 39px;
	display:block;
	top: 130px;
	cursor: pointer;
	z-index: 2;
}

.header a.next
{
	right: -26px;
	background-image:url(img/next.png)!important;
	background-image:url(img/next.gif);
}
.header a.prev
{
	left: -26px;
	background-image:url(img/prev.png)!important;
	background-image:url(img/prev.gif);
}


.itemHolder
{
	width: 90000px;
}

.itemHolder li
{
	float:left;
	width:945px;
	overflow:hidden;
}

.header .overlay
{
	position:absolute;
	width: 100%;
	bottom: 10px;
	background-color:#000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

.header .overlay p
{
	padding: 10px;
	color:#FFF;
	line-height:normal;
}


/* Content */


.contentbox,
.contentbox-home
{
	padding: 10px;
	padding-left: 20px;
	background-image:url(img/sidebar.jpg);
	background-repeat:repeat-y;
}

.contentbox
{
	background-position:left;
}

.contentbox-home
{
	background-position:right;
}

.contentbox-home ul
{
	margin-left: 20px;
}

.content
{
	position:relative;
}


.contentbox-home .links
{
	float:left;
	width: 690px;
	margin-right: 30px!important;
	margin-right: 15px;
	position:relative;
}

.contentbox-home .links .highlightServices
{
	margin-top: 40px;
	font-size: 11px;
}

.contentbox-home .links .highlightServices a.more
{
	color: #7f7160;
	font-size: 11px;
	margin-top: 10px;
	display:block;
}

.contentbox-home .links .highlightServices .links,
.contentbox-home .links .highlightServices .rechts
{
	float:left;
	width: 250px;
	padding: 0px;
	margin: 0px;
	position:relative;
	min-height: 245px;
	padding-left: 65px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	
	background-color:#fffaf5;
	border-bottom: 1px solid #e5d9cb;
	border-top: 1px solid #e5d9cb;
}


.contentbox-home .links .highlightServices .rechts
{
	padding-right: 10px;
}
.contentbox-home .links .highlightServices .img
{
	width: 43px;
	height: 239px;
	position:absolute;
	left: 10px;
	top: 10px;
}

.contentbox-home .links .highlightServices .links .img
{
	background-image:url(img/diensten.jpg);
}
.contentbox-home .links .highlightServices .rechts .img
{
	background-image:url(img/producten.jpg);
}

.contentbox-home .rechts
{
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	position:relative;
}

.prijzen
{
	background-image:url(img/prijzen.png);
	width: 205px;
	height: 107px;
	margin-left: 4px;
}

.besteSchoenmaker
{
	width: 95px;
	float:left;
	margin-right: 4px;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
}

.schoenmakersGilde
{
	width: 95px;
	float: right;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
}



.text-r
{
	text-align:right;
}

.sidebarItem
{
	background-image:url(img/lijn.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom: 22px;
	margin-bottom: 22px;
	font-size: 10px;
}

.rechts .noLine
{
	background-image:none;
}

table.openingstijden
{
	width: 260px;
}

.sidebarItem table.openingstijden
{
	width: 95%;
}

.contentbox .links
{
	float:right;
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	padding-bottom: 300px;
	position:relative;
	
}

.contentbox .rechts
{
	float:right;
	width: 680px;
	margin-left: 30px!important;
	margin-left: 15px;
	padding-right: 10px;
	position:relative;
}

.contentbox .links .sidebarItem
{
	background-position:top;
	padding-top: 30px;
	position:absolute;
	bottom: 10px;
}

ul.submenu
{
	list-style:none;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 25px;
}

ul.submenu li a
{
	color:#aa947b;
}


ul.submenu li,
ul.submenu li.active a,
ul.submenu li a:hover
{
	color: #ba2026;
	text-decoration: none;
}


/* personeel */

.personeel 
{
}

.personeel .item
{
	background-color:#fffaf5;
	border-bottom: 1px solid #e5d9cb;
	border-top: 1px solid #e5d9cb;
	padding: 10px;
	float:left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;

}


.personeel .item h4
{
	font-size: 13px;
}
.personeel .item h4 span
{
	font-size: 11px;
	font-weight: normal;
}

.personeel .item img
{
	height: 120px;
	width: 100px;
	float:left;
	background-color:#fff;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-top: 3px;
}


/* Footer */
.footer
{
	text-align: left;
	position:relative;
	padding-left: 100px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #ba2026;
	margin-bottom: 30px;
	margin-right: 1px;
	padding-top: 5px;
	background-image:url(img/schaduwbottom.jpg);
	background-repeat:no-repeat;
	background-position:left top ;
}

.footer p
{
	display:block;
	width: 100%;
}

.footer span,
.footer a
{
	color:#f8f2eb;
}

.footer span.crea
{
	text-align:right;
	position:absolute;
	right: 8px;
	font-size: 10px;
	display:block;
	top: 6px;
}


/*  geschiedenis */

.geschiedenis
{
}

.geschiedenis .box
{
	background-image:url(img/geschiedenisbox.png);
	width: 716px;
	height: 115px;
	margin-top: 30px;
	margin-left: -10px;
	position:relative;
}

.geschiedenis .txt
{
	width: 370px;
	padding:2px 10px;
	background-color: #fff;
	border: 1px solid #d4c4b3;
	position:absolute;
	right: 12px;
	top:12px;
	color: #ba2026;
	font-size: 11px;
	text-align:center;
}

.geschiedenis .timeline
{
	background-image:url(img/timeline.gif);
	height: 35px;
	background-repeat:repeat-x;
	position:absolute;
	width: 691px;
	left: 11px;
	border-left: 1px solid #c1ae97;
	border-right: 1px solid #c1ae97;
	top: 64px;	
}

.geschiedenis .timeline a
{
	display:block;
	float:left;
	background-image:url(img/line.gif);
	height: 26px;
	background-repeat:no-repeat;
	background-position:center;
	color: #7f7160;
	padding-top: 5px;
	margin-right: 3px;
	margin-left: 3px;
	font-size: 11px;
	width: 40px;
	text-align:center;
}



.geschiedenis .timeline a.active,
.geschiedenis .timeline a:hover
{
	background-image:url(img/timelinehover.png)!important;
	background-image:url(img/timelinehover.gif);
	width: 36px;
	height: 55px;
	padding-top: 11px;
	margin-top: -6px;
	padding-left: 4px;
	text-align:left;
	text-decoration:none;
	color:#FFF;
}


.geschiedenis .timeline span.spacer
{
	float:left;
	display:block;
	height: 31px;
	width: 7px;
}





/* ie 6 msg */
.ie6msg
{
	border: 1px solid #F7941D; 
	background: #FEEFDA; 
	text-align: center; 
	clear: both; 
	height: 70px;
	overflow:hidden;
	position: absolute; 
	left:320px;
	margin-top: 2px;
}

.ie6msg .close
{
	position: absolute; 
	right: 3px; 
	top: 3px; 
	font-family: courier new; 
	font-weight: bold;
}

.ie6msg .ctn
{
	width: 640px; 
	margin: 0 auto; 
	text-align: left; 
	padding: 0; 
	overflow: hidden; 
	color: black;
}

.ie6msg .icon
{
	width: 73px; 
	float: left;
}

.ie6msg .msg
{
	width: 270px; 
	float: left;
	line-height:normal;
	font-size: 11px;
	margin-top: 10px;
}

address
{
	font-style:normal;
}

div#popup 
{
	background:#EFEFEF;
	border:1px solid #999999;
	margin:0px;
	padding:7px;
	width:270px;
}

.content ul
{
	margin-left: 20px;
}

ul.niceList
{
	list-style:square;
	color: #ba2026;
	margin-top: 30px;
}

ul.niceList p
{
	margin-bottom: 10px;
	color: #000;
}

.rechts .geschiedenis .box
{
	margin-left: -18px;
}

.downloadBox
{
	color:#FFF;
	background-color:#591212;
	display:block;
	width: 60%;
	padding: 6px;
	margin-top: 20px;
	margin-bottom: 10px;
}



ol
{
	margin: 20px;
}

ol li
{
	margin: 0px;
	margin-bottom: 30px;
	margin-top: 10px;
}

ol li h4
{
margin: 0px;
}

ol li br
{
    line-height: 3px;
    overflow: hidden;
    height: 3px;
    display:block;
}



ul.erkenningen li
{
    clear:both;
    list-style:none;
    margin-bottom: 50px;
}


ul.erkenningen li img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul.erkenningen li
{
}


img.img-right
{
    float:right;
    margin-left: 20px;
    margin-bottom: 20px;
    clear:right;
}

ul.item-index
{
    list-style: none;
}

ul.item-index li
{
    clear:both;
}

ul.item-index li img
{
    float:left;
    margin-right: 20px;
    margin-bottom: 20px;
}