body {
	font:11px arial,sans-serif;
	color:#6e6e6e;
	background:#c2c2c2 url(../images/bg.jpg) repeat-x;
	margin:0;
}
h1,h2,h3,h4,h5,h6,p,ul,form{
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
	color:#000;
	color: #81275A;
	font-weight: bold;
	text-decoration: none;
}
a:hover {text-decoration:underline;}
a:focus {outline:none}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset {
	margin:0;
	padding:0;
	border:none;
}
img {border:none}
#main {
	margin:0 auto;
	width:901px;
}
h1.logo {
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:217px;
	height:55px;
	text-indent:-9999px;
}
.logo a {
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
#header {
	background:url(../images/bg-header.jpg) no-repeat;
	width:550px;
	height:78px;
	padding:15px 0 0 351px;
	overflow:hidden;
}
#content {
	background:#fff url(../images/bg-content.jpg) no-repeat;
	width:901px;
	overflow:hidden;
	min-height:763px;
}
* html #content {
	overflow:visible;
	height:763px;
}
#menu {
	width:811px;
	padding:0 0 0 90px;
	margin:0;
	overflow:hidden;
	list-style:none;
	text-align:center;
}
#menu li {
	float:left;
	padding:16px 83px;
	background:url(../images/separator01.jpg) no-repeat 0 50%;
}
#menu li:first-child {
	padding:16px 81px 16px 0;
	background:none;
}
#menu li a {
	font:17px/20px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	text-decoration:none;
}
#menu li a:hover {color:#9c2f6c}
#menu li a.active {color:#9c2f6c}
.people {
	background:url(../images/people.jpg) no-repeat;
	width:819px;
	height:427px;
	overflow:hidden;
	margin:87px 0 73px 36px;
}
a.boy {
	float:left;
	background:url(../images/but01.jpg) no-repeat;
	width:337px;
	height:355px;
	margin:23px 145px 0 0;
	text-indent:-9999px;
}
a.girl {
	float:left;
	background:url(../images/but02.jpg) no-repeat;
	width:337px;
	height:427px;
	text-indent:-9999px;
}
.shoes {
	width:873px;
	overflow:hidden;
	padding:18px 0 0 28px;
}
.shoes div {float:left}
.shoes .image {
	width:257px;
	padding:84px 0 0 21px;
}
.gallery-holder {
	float:left;
	width:864px;
	display:inline;
	overflow:hidden;
	position:relative;
	z-index:0;
}
.wrapper {
	width:814px;
	float:left;
	overflow:hidden;
}
#gallery {
	width:865px;
	padding:23px 19px 25px 17px;
	margin-left: -3px;
}
#gallery:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	font:0px sans-serif;
	visibility:hidden;
}
#roll {
	float:left;
	width:999999px;
	padding:0;
	margin:0;
	list-style:none;
}
#roll li {
	float:left;
	width:165px;
	padding:0 51px 0 0;
}
#roll li.hover,
#roll li:hover {
	position:relative;
}
a.prev {
	float:left;
	background:url(../images/prev.jpg) no-repeat;
	width:14px;
	height:27px;
	display:inline;
	margin:116px 8px 0 0;
	text-indent:-9999px;
}
a.next {
	float:right;
	background:url(../images/next.jpg) no-repeat;
	width:14px;
	height:27px;
	margin:116px 0 0;
	text-indent:-9999px;
	position:relative;
	z-index:10;
}

a.prev-boy {
	float:left;
	background:url(../images/prev-boy.jpg) no-repeat;
	width:14px;
	height:27px;
	display:inline;
	margin:116px 8px 0 0;
	text-indent:-9999px;
}
a.next-boy {
	float:right;
	background:url(../images/next-boy.jpg) no-repeat;
	width:14px;
	height:27px;
	margin:116px 0 0;
	text-indent:-9999px;
	position:relative;
	z-index:10;
}

.inf {
	width:845px;
	overflow:hidden;
	padding:0 20px 0 36px;
}
.heads {
	float:left;
	width:405px;
}
.heads h3 {
	font:35px/38px Arial, Helvetica, sans-serif;
/*	color:#6e6e6e;*/
	color: #9C2F6C;
	margin:0;
	text-align:right;
}
#boys .heads h3 { color: #5F89FF; }
.heads h3 span {
	display:block;
	font:25px/28px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	margin:-3px 0 0;
}
.text {
	float:left;
	width:414px;
	padding:0 0 0 26px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
}
.text p {
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	margin:2px 0 0;
}
#footer {
	background:url(../images/bg-footer.gif) no-repeat;
	width:901px;
	height:25px;
	padding:20px 0 0;
	overflow:hidden;
}
#footer ul {
	width:901px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
	text-align:center;
}
#footer ul li {
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	display:inline;
	padding:0 0 0 6px;
	background:url(../images/separator02.jpg) no-repeat 0 2px;
}
#footer ul li:first-child {background:none}
#footer ul li a {
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	text-decoration:none;
}
#footer ul li a:hover {text-decoration:underline}
/* popup */
.popup {
	display:none;
	position:absolute;
	top:-200px;
	left:0;
	z-index:999;
}
#roll .open {display:block}
.popup-info {
	background:#fff;
	width:232px;
	padding:9px;
	overflow:hidden;
	border:1px solid #6e6e6e;
}
.foto {
	width:230px;
	overflow:hidden;
	border:1px solid #6e6e6e;
	margin:0 0 8px;
}
.popup h3 {
	font:16px/18px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	margin:0;
}
.popup p {
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	margin:0;
}

/** contact form **/
/** contact formulier **/
.contact_form div {
	clear: both;
	padding: 3px 0;
}

.contact_form h2 { clear: both; padding-top: 10px; }

.contact_form label {
	float: left;
	width: 100px;
	font-weight: normal;
}

.contact_form input, .contact_form textarea {
	float: left;
	width: 250px;
}

.contact_form textarea {

}

.contact_form input.cta, .contact_form input.cta:hover {
	width: auto;
	background: #6e6e6e;
	color: #fff;
	border: 0;
	padding: 2px 5px;
	margin: 2px 100px;
	cursor: pointer;
	text-align: center !important;
	text-decoration: none;
}
.contact_form input.cta:hover { background-color: #000000;}

.contact_form .error {
	clear: both;
	margin: 0 0 0 100px;
	padding: 5px 0 5px 20px;
	color: #F08337;
	background: url(/images/error.png) no-repeat 0 4px;
}

.contact_form .notice {
	clear: both;
	font-style: italic;
	font-size: 0.8em;
	padding: 10px 0;
}

.contact_form .star {
	height: 16px;
	width: 30px;
	margin: 0;
	overflow: hidden;
	display: block;
	text-indent: 35px;
	background: url(/images/star.png) no-repeat 3px 0;
}

.clearer { clear: both; height: 1px; width: 1px; overflow: hidden; }
.text h2 { padding-top: 20px; }
.text li, #map-wrap li { font-size: 12px; padding: 0 0 10px 0; }

/** sterc maps **/
#map-wrap { width: 845px; padding: 30px 0; position: relative; clear: both; }
	#map-wrap { line-height: 18px; }
	#map-search { height: 30px; margin-bottom: -30px; }
	#map {
		float: left;
		border: 1px solid #ddd;
		height: 620px;
		width: 500px;
		margin-top: 30px;
	}
	
	#map-extra {
		border: 1px solid #ddd;
		float: right;
		padding: 10px;
		width: 300px;
	}
	
	#map-label { position: relative; }
		#map-label img { float: left; padding: 0 7px 30px 0; }
		#map-label h2 { font-size: 16px; font-weight: normal; color: #000;}
		#map-label p { font-size: 12px; }
		#map-label .plannen { display: block; margin: 10px 0 0 0; color: #9C2F6C; font-weight: bold; cursor: pointer; }
	#map-label .lat, #map-label .lng { display: none; }
	
	#map-directions {
		position: relative;
		clear: both;
	}
	.route-to-wrap {
		clear: both;
		margin: 5px;
		padding: 10px;
		display: none;
		font-size: 12px;
		border: 1px solid #ccc;
	}
	.route-to-wrap p { padding: 5px 0; }
	
	#map-search-input, .route-to-text { width: 180px; height: 15px; padding: 4px; font-size: 13px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	#map-search-input { width: 347px; }
	#map-search-submit, .route-to-submit { border: 0 solid #aaa; background-color: #9C2F6C; color: #fff; font-weight: bold; font-size: 13px; padding: 4px; height: 25px; cursor: pointer; margin: 0 0 0 3px; }
		#map-search-submit:hover, .route-to-submit:hover { background-color: #5F89FF; }