/**
 * Webstores, Temporary website
 * 
 * Solid blue - #1D8FD5
 * Footer gray - #424242
 * Border gray - #DEE0E1
 * Text gray - #5B5B5B
 * Footer text gray - #9C9C9C
 */

/* General */

a:link, a:visited {
	color: #393939;
}

a:hover, a:active {
	color: #1D8FD5;
}

address {
	padding: 10px;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	background: url(../img/header-large-bg.gif) repeat-x top left;
	font: 11px/160% Arial, Geneva, sans-serif;
	color: #5B5B5B;
}

h2 {
	margin: 20px 0 0 0;
	padding: 0 10px;
	border-bottom: 5px solid #DEE0E1;
	font-size: 18px;
	line-height: 26px;
	color: #1D8FD5;
}

h2 span {
	color: #DEE0E1;
}

h3 {
	margin: 0 0 5px;
	font-size: 14px;
	color: #393939;
}

h4 {
	margin: 0 0 5px;
	font-size: 12px;
	color: #393939;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	line-height: 160%;
}

p {
	margin: 0 0 20px;
}

p#emails {
	font-size: 17px;
	line-height: 160%;
}

p#emails a:link,
p#emails a:visited {
	color: #999;
}

p#emails a:hover,
p#emails a:active {
	color: #1D8FD5;
}

p#error {
	margin-top: 20px;
	margin-left: 10px;
}

p.center {
	text-align: center;
}

img {
	border: 0;
}


/* Classes */

.column {
	float: left;
	margin-right: 10px;
	width: 310px;
}

.column.double {
	width: 630px;
}

.content {
	margin-top: 15px;
	padding: 0 10px;
	border-bottom: 1px solid #DEE0E1;
}

.arrow {
	display: block;
	padding: 0 10px;
	height: 1%;
	background: url(../img/arrow-right.gif) no-repeat 97% 50%;
	border-bottom: 1px solid #DEE0E1;
	line-height: 35px;
	text-decoration: none;
}

.arrow:hover {
	background-image: url(../img/arrow-right-hover.gif);
	color: #1D8FD5;
}

.arrow.accordion_toggle_active {
	background-image: url(../img/arrow-down.gif);
}

.arrow.accordion_toggle_active:hover {
	background-image: url(../img/arrow-down-hover.gif);
}

.imagebox {
	margin-top: 5px;
	padding: 4px;
	width: 300px;
	border: 1px solid #DEE0E1;
}

.prev {
	display: block;
	float: left;
	margin: 10px !important;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	background: url(../img/arrow-left.gif) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

.next {
	display: block;
	float: right;
	margin: 10px !important;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	background: url(../img/arrow-right.gif) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

.prev:hover {
	background: url(../img/arrow-left-hover.gif) no-repeat top left;
}

.next:hover {
	background: url(../img/arrow-right-hover.gif) no-repeat top left;
}

.accordion_content {
	overflow: hidden;
}

.footer-logo {
	display: block;
	margin-top: 5px;
}


/* Forms */

form {
	margin: 0;
	width: 630px;
	border-bottom: 1px solid #DEE0E1;
}

form dl {
	margin: 0;
}

form dt { 
	float: left;
	width: 125px;
	padding: 10px;
	min-height: 1px; /* Required to give layout to empty elements */
}

form dd {
	margin-left: 110px;
	padding: 10px 0;
}

form dd img {
	position: relative;
	top: 3px;
}

input[type=text],
input.text,
textarea {
	padding: 2px;
	background: url(../img/input_bg.jpg) no-repeat;
	border: 1px solid #bbb;
	font: 11px Arial, Helvetica, sans-serif;
	color: #5B5B5B;
}

form .small { width: 150px; }
form .medium { width: 250px; }
form .large { width: 350px; }
form .extra-large { width: 450px; }


/* Wrapper */

#wrapper {
	margin: 0 auto;
	padding-bottom: 25px;
	width: 950px;
	overflow: hidden;
}


/* Header */

#header {
	position: relative;
	height: 300px;
	color: white;
}

#header h1 {
	position: absolute;
	margin: 0;
	bottom: 30px;
	left: 5px;
}

#header h1 a {
	display: block;
	width: 166px;
	height: 27px;
	background: url(../img/webstores-logo.gif) repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}

#header #tagline {
	position: absolute;
	margin: 0;
	right: 5px;
	bottom: 30px;
}

#header #tagline a {
	display: block;
	width: 171px;
	height: 27px;
	background: url(../img/webstores-tagline.gif) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}


/* Important */

#important {
	position: absolute;
	margin: 0;
	padding: 42px 0 0 14px;
	top: 30px;
	width: 387px;
	height: 149px;
	background: url(../img/gezocht-bg.gif) no-repeat;
}

#important a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#webdeveloper {
	width: 387px;
	height: 77px;
	background: url(../img/webdeveloper.gif) no-repeat;
}

#webdesigner {
	width: 367px;
	height: 72px;
	background: url(../img/webdesigner.gif) no-repeat;
}


/* Main */

#main {
	width: 960px;
	overflow: hidden;
}

#main address {
	border-bottom: 1px solid #DEE0E1;
}


/* Lists with layout */

#togglers, #jobs, #work {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#work {
	margin: 5px -5px 0 0;
	padding-bottom: 5px;
	width: 315px;
	border-bottom: 1px solid #DEE0E1;
	overflow: hidden;
}

#work li {
	float: left;
	margin: 0 5px 5px 0;
}

#work li a img {
	border: 1px solid #DEE0E1;
	vertical-align: middle;
}

#work li a:hover img {
	border: 1px solid #1D8FD5;
}


/* Google Maps */

#map {
	height: 150px;
}

#map-container {
	width: 300px;
	height: 150px;
}

#map-container a,
#map-container span {
	display: none;
}


/* Footer */

#footer {
	height: 150px;
	background: #4A4A4A url(../img/footer-rule.gif) no-repeat center 40px;
	color: #9C9C9C;
}

#footer-content {
	margin: 0 auto;
	width: 950px;
	background: url(../img/footer-logo.gif) no-repeat bottom right;
	overflow: hidden;
}

#footer-content a:link,
#footer-content a:visited {
	color: #9C9C9C;
}

#footer-content a:hover,
#footer-content a:active {
	color: white;
}

#footer-content address {
	padding: 0 10px;
	font-size: 10px;
}

#footer-content h3 {
	padding: 20px 10px 0 10px;
	color: #6F6F6F;
}

#footer-content p {
	margin: 0;
	padding: 0 10px;
	font-size: 10px;
}

#footer-right {
	margin: 0;
}


/* Scrollers */

#location-scroller {
	padding: 0;
	width: 308px;
	height: 208px;
	overflow: hidden;
}

#sponsor-scroller {
	padding: 0;
	width: 308px;
	height: 158px;
	overflow: hidden;
}

.scroller-content {
	width: 3000px;
}

.location-slide,
.sponsor-slide {
	float: left;
	width: 300px;
	border: 4px solid white;
}

.location-slide img,
.sponsor-slide img {
	vertical-align: middle;
}

.controls {
	margin: 0;
	padding: 0;
	height: 35px;
	border-bottom: 1px solid #DEE0E1;
	list-style-type: none;
	overflow: hidden;
}

.controls li{
	display: inline;
}


/* Misc/temporary */

#ictcentrum img {
	margin-left: 5px;
	vertical-align: middle;
}