/* Stichting Stoute Schoenen CSS */

/* Resets en Standard Classes */
* {
	margin: 				0;
	padding: 				0;
}

img, a, fieldset {
	border: 				0;
	outline: 				none;
}

input,
input:focus {
	outline: 				none;
}

.clear {
	clear: 					both;
	height: 				0;
	font: 					0/0 serif;
}

/* Links */
a {
	text-decoration: 		none;
	color: 					#395373;
}
a:hover {
	text-decoration: 		underline;
}

/* Texts */
h1 {
}
h2 {
	font-size: 				16px;
	padding: 				0 0 20px;
}
h2.head-white { color: #fff; }
h2.head-blue { color: #395373; }
h2.head-orange { color: #f08e28; }

h3 {
	font-size: 				14px;
	color: 					#333;
}
h4 {
}
p {
	padding: 				0 0 18px;
}
p strong {
	color: 					#333;
}

body {
	font: 					normal 12px/19px "Helvetica Neue", "Helvetica", Arial, sans-serif;
	background: 			#eef3f7;
	color: 					#555;
}


/* General Styles */

.wrapper {
	width: 					900px;
	margin: 				0 auto;
}


/* Header */

#header {
	height: 				230px;
	background: 			url('http://www.stouteschoenen.nl/image/bg_header.png') repeat-x left top;
}
#header .wrapper {
	height: 				230px;
	background: 			url('http://www.stouteschoenen.nl/image/bg_header_wrapper.jpg') no-repeat left top;
}

#header h1 {
	width: 					235px;
	height: 				180px;
	float: 					left;
	text-indent: 			-9999em;
	background: 			url('http://www.stouteschoenen.nl/image/img_logo.png') no-repeat 5px 32px;
}
#header .images {
	width: 					660px;
	height: 				180px;
	float: 					right;
	background: 			url('http://www.stouteschoenen.nl/image/img_photos.jpg') no-repeat right top;
}

#header ul#mainnav {
	clear: 					both;
	height: 				50px;
	padding: 				0 10px;
}
#header ul#mainnav li {
	display: 				inline;
	float: 					left;
	position: 				relative;
}
#header ul#mainnav li a {
	display: 				block;
	float;					left;
	padding: 				0 15px;
	width: 					auto;
	height: 				50px;
	line-height: 			50px;
	color: 					#395373;
	font-size: 				13px;
	font-weight: 			bold;
}
#header ul#mainnav li a:hover {
	text-decoration: 		none;
	color: 					#111;
}
#header ul#mainnav li a.hover {
	background: 			#395373;
	color: 					#fff;
	cursor:					none;
}
#header ul#mainnav li a.active {
	background: 			#fffbf8;
	color: 					#f08e28;
}
#header ul#mainnav li.orangelink {
	float: 					right;
}
#header ul#mainnav li.orangelink a {
	float: 					right;
	height: 				30px;
	line-height: 			30px;
	margin-top: 			10px;
	background: 			#f08e28;
	color: 					#fff;
}
#header ul#mainnav li.orangelink a:hover {
	background: 			#c07220;
}
#header ul#mainnav li ul {
	display: 				none;
	position: 				absolute;
	left: 					0;
	top: 					50px;
	width: 					190px;
	background: 			#395373;
	padding: 				10px 0;
	list-style: 			disc inside;
	color: 					#bad7f1;
}
#header ul#mainnav li ul.rightsub {
	left: 					auto !important;
	right: 					0;
}
#header ul#mainnav li.hover ul,
#header ul#mainnav li ul.hover {
	display: 				block;
}
#header ul#mainnav li ul li {
	display: 				block;
	float: 					none;
}
#header ul#mainnav li ul li a {
	display: 				inline;
	color: 					#fff;
	font-weight: 			normal;
	line-height: 			26px;
}


/* Content */

#content {
	background: 			#fffbf8;
	padding: 				30px 0 40px;
}

#content .sidebar {
	width: 					220px;
	float: 					left;
	margin-left: 			10px;
}

#content .sidebar form {
	width: 					165px;
	background: 			#f08e28;
	padding: 				20px 20px 0;
	margin: 				0 0 20px;
}
#content .sidebar form label {
	display: 				block;
	color: 					#fff;
	font-size: 				13px;
	padding: 				0 0 5px;
}
#content .sidebar form input.input-regular {
	background: 			#fce8d4;
	border: 				1px solid #a3601b;
	padding: 				4px;
	margin: 				0 0 5px;
}
#content .sidebar form button.submit {
	background: 			#784714;
	display: 				block;
	float: 					left;
	border: 				0;
	color: 					#fff;
	text-transform: 		uppercase;
	padding: 				5px 10px;
	margin: 				10px 0 0;
}

#content .main form input.input-regular {
	background: 			#fff;
	border: 				1px solid #f08e28;
	padding: 				2px;
	margin: 				0 0 5px;
	width:					200px;
}

#content .main form textarea, #content .main form select {
border: 1px solid #F08E28;
}

#content .main form button.submit {
	background: 			#f08e28;
	display: 				block;
	float: 					left;
	border: 				0;
	color: 					#fff;
	text-transform: 		uppercase;
	padding: 				5px 10px;
	margin: 				10px 0 0;
}

#content .main {
	width: 					650px;
	float: 					right;
	display: 				inline;
	margin-right: 			10px;
}
#content .main a {
	font-style: 			italic;
	text-decoration: 		underline;
}

/* Footer */

#footer {
	height: 				120px;
	background: 			url('http://www.stouteschoenen.nl/image/bg_footer.png') repeat-x left top;
}

#footer .wrapper {
	padding: 				20px 0 0;
}
#footer .wrapper p {
	width: 					280px;
	float: 					left;
	margin: 				0 0 0 10px;
}
#footer .wrapper ul {
	width: 					505px;
	float: 					right;
	margin: 				0 10px 0 0;
	text-align: 			right;
	list-style: 			none;
}
#footer .wrapper ul li {
	display: 				inline;
	padding: 				0 10px;
}


/* Clearfix & Clear Styles */

.clear {
	clear:					both;
	display:				block;
	overflow:				hidden;
	visibility:				hidden;
	width:					0;
	height:					0;
	font: 					0/0 serif;
}
.clearfix:after {
	clear:					both;
	content:				'.';
	display:				block;
	font-size:				0;
	line-height:			0;
	visibility:				hidden;
	width:					0;
	height:					0;
}
.clearfix {
	display:				inline-block;
}
* html .clearfix { 
	height:					1%;
}
.clearfix {
	display:				block;
}

form button.submit {
	background: 			#784714;
	display: 				block;
	float: 					left;
	border: 				0;
	color: 					#fff;
	text-transform: 		uppercase;
	padding: 				5px 10px;
	margin: 				10px 0 0;
}