/*
Dockyard
Algemeen
Door Tijs (versie 17-04-2009)
*/

/* HTML selectors */
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
}
p, form, fieldset, input, img, ul, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	line-height: 18px;
	padding-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	color: #fff;
	font-size: 24px;
	height: 58px;
	margin: 48px 0 5px 0;
	background: url(../img/title_start.png) no-repeat;
	padding-left: 55px;
}
h1 span {
	background: url(../img/title.png) no-repeat top right;
	padding: 6px 15px 10px 0;
	float: left;
}
h1 span span {
	color: #E6F7D4;
	background: none;
	padding: 0 0 0 10px;
	float: none;
	font-size: 11px;
	font-weight: bold;
}
h2 {
	font-size: 24px;
	color: #042C55;
	padding-bottom: 10px;
}
h2.sep {
	background: url(../img/hr.png) no-repeat;
	padding-top: 20px;
}
h3 {
	font-size: 20px;
	color: #042C55;
	padding-bottom: 5px;
}
#sidebar h3 {
	font-size: 20px;
	color: #666;
	padding-bottom: 15px;
}
#main h4 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}
#footer h4 {
	color: #666;
	background: url(../img/tab.png) no-repeat;
	width: 200px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 28px;
}
h5 {
	font-size: 14px;
	color: #333;
	padding-bottom: 3px;
}
h5 span {
	font-size: 12px;
	padding-right: 10px;
}
h5 img {
	border: none;
}

/* Position */
.container {
	margin: 0 auto;
	width: 960px;
	background: url(../img/back.png) repeat-Y;
}
#copy .container {
	background: url(../img/logofooter.png) no-repeat;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/* Links */
a {
	color: #376D01;
}
a:hover, a:active {
	color: #042C55;
}
.kader a {
	color: #000;
}
.kader a:hover, .kader a:active {
	color: #042C55;
}
.english a, .dutch a, #content .c3 a {
	color: #666;
}
.english a:hover, .english a:active, .dutch a:hover, .dutch a:active, #content .c3 a:hover, #content .c3 a:active {
	color: #042C55;
}
#footer a {
	color: #000;
}
#footer a:hover, #footer a:active {
	color: #042C55;
}
#footer ul a {
	color: #000;
	text-decoration: none;
}
#footer ul a:hover, #footer ul a:active {
	color: #042C55;
}
#footer ul a span, #sidebar a {
	color: #666;
}
#footer ul a:hover span, #footer ul a:active span, #sidebar a:hover, #sidebar a:active {
	color: #000;
}
#copy a {
	color: #666;
}
#copy a:hover, #copy a:active {
	color: #000;
}
#copy .container p.project a {
	color: #999;
}
#copy .container p.project a:hover, #copy .container p.project a:active {
	color: #fff;
}
#content .cta a {
	color: #000;
	text-decoration: none;
}
#content .cta a:hover, #content .cta a:active {
	color: #fff;
	text-decoration: none;
}

/* Content */
#message, #message .container {
	background: #336600 url(../img/message.png) repeat-x;
	color: #80A060;
	font-size: 14px;
	height: 27px;
	padding-top: 3px;
	text-align: center;
}
#content {
	background: #131313;
}
#main {
	background: url(../img/header.png) no-repeat;
}
#highlight {
	padding-top: 57px;
	width: 700px;
	float: left;
}
#highlight img {
	margin-left: 591px;
}
#highlight a img {
	border: none;
}
#app {
	width: 211px;
	background: url(../img/iphone.png) no-repeat;
	float: right;
	height: 435px;
	padding-left: 29px;
}
.lang {
	height: 20px;
	margin-bottom: 102px;
	text-align: right;
	padding: 10px 20px 0 0;
	font-size: 11px;
	color: #68737E;
}
.lang a {
	color: #68737E;
	text-decoration: none;
}
.lang a:hover, .lang a:active {
	color: #fff;
}
#sidebar {
	width: 185px;
	float: right;
	padding: 300px 55px 0 0;
	color: #666;
}
#sidebar ul {
	margin-left: 30px;
}
#logo {
	width: 320px;
	height: 80px;
	background: url(../img/dockyard.png) no-repeat;
	margin-left: 39px;
}
#logo a {
	width: 320px;
	height: 80px;
	background: url(../img/dockyard.png) no-repeat;
	display: block;
}
#logo a:hover, #logo a:active {
	background: url(../img/dockyard.png) no-repeat 0 -80px;
}
#logo a span {
	display: none;
}
#main #highlight .description {
	margin: 0 0 5px 55px;
	/*background: #ccc url(../img/hr.png) no-repeat bottom left;*/
}
#main #highlight .description .c1 {
	float: left;
	width: 240px;
	font-size: 16px;
	margin-right: 20px;
}
#main #highlight .description .c1 p {
	line-height: 22px;
}
#main #highlight .description .c1 p.intro {
	font-size: 14px;
	line-height: 20px;
}
#main #highlight .description .c2 {
	float: left;
	width: 150px;
	padding-top: 5px;
}
#main #highlight .description .c2 img {
	margin: 0;
}
#main #highlight .description .c3 {
	float: right;
	width: 220px;
	color: #666;
}
#main #dy {
	background: url(../img/hr2.png) no-repeat 55px 5px;
	padding-top: 30px;
}
#main #dy .c1 {
	width: 330px;
	float: left;
	margin-left: 55px;
}
#main #dy .c2 {
	width: 505px;
	float: right;
	margin-right: 55px;
}
#main .apps {
	background: url(../img/hr.png) no-repeat 55px 0;
	padding-top: 25px;
}
#main .long {
	background: url(../img/hr2.png) no-repeat 55px 5px;
	padding-top: 30px;
}
#main .apps .c1 {
	width: 415px;
	float: left;
	margin-left: 55px;
}
#main .apps .c2 {
	width: 415px;
	float: right;
	margin-right: 55px;
}
#main .apps .desc {
	width: 240px;
	float: left;
}
#main .apps .prev {
	width: 155px;
	float: right;
	padding-top: 42px;
}
#main .apps .intro {
	font-size: 14px;
	line-height: 20px;
}
.kader {
	background: #9BABBB url(../img/kader_onder.png) left bottom no-repeat;
	width: 315px;
	margin-top: 4px;
}
.kader div {
	background: url(../img/kader_boven.png) no-repeat;
	padding: 8px 15px 0 15px;
}
.english {
	color: #666;
	margin: 0 55px;
	padding: 5px 0 0 22px;
	background: url(../img/flag.png) no-repeat 0 8px;
}
.dutch {
	color: #666;
	margin: 0 55px;
	padding: 5px 0 0 22px;
	background: url(../img/flag-be.png) no-repeat 0 8px;
}
.cta {
	color: #000;
	font-size: 11px;
	background: #9BABBB;
	padding: 4px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.spotlight {
	margin: 0 0 15px 55px;
}
.spotlight img {
	border: none;
}

/* Footer */
#footer {
	background: #ccc url(../img/footer.png) repeat-X;
	margin: 0 20px;
	padding-top: 20px;
	overflow: auto;
}
#footer .c1 {
	width: 425px;
	float: left;
	padding: 11px 0 0 35px;
}
#footer .c2 {
	width: 395px;
	float: right;
	padding-right: 35px;
}
#footer .c1 .foto {
	float: left;
	width: 70px;
	padding-top: 20px;
}
#footer .c1 .foto img {
	border: 3px solid #999;
	padding: 1px;
	background: #E5E5E5;
}
#footer .c1 .info {
	float: right;
	width: 350px;
	padding-top: 20px;
}
#footer .c1 .info p {
	font-size: 11px;
	line-height: 15px;
	background: #B2B2B2 url(../img/twitter.png) no-repeat;
	padding: 12px 10px 6px 75px;
}
#footer .c1 .info p a {
	text-decoration: none;
}
#footer ul {
	list-style: none;
	border-top: 1px solid #B2B2B2;
	margin-bottom: 5px;
}
#footer li {
	border-bottom: 1px solid #B2B2B2;
	padding: 5px 0;
}
#footer p.about {
	font-size: 11px;
	line-height: 16px;
}
#copy {
	color: #666;
	background: url(../img/bottom.png) repeat-X;
}
#copy .container {
	padding: 15px 95px 0 55px;
	width: 810px;
}
#copy .container p.project {
	color: #999;
	text-align: right;
	margin-top: 15px;
}

/* Formulier */
fieldset {
	border: none;
}
legend {
	display: none;
}
input.field {
	font: 14px Arial, Verdana, sans-serif;
	background: #fff;
	width: 280px;
	border: solid 1px #D5D3C8;
	margin: 3px 0;
}
input.smal {
	width: 160px;
}
input.mini {
	width: 40px;
}
input.submit, .submit {
	margin-top: 10px;
	border: none;
}
textarea {
	font: 14px Arial, Verdana, sans-serif;
	background: #fff;
	width: 350px;
	border: solid 1px #D5D3C8;
	margin: 3px 0;
}
label {
	font-size: 11px;
}