/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Calibri, verdana;
	background-image: url(../images/bg_1.gif);
	background-position:50% 0%;
	background-repeat:no-repeat;
}

/*homepage styling */
body.home {
	background-image: url(../images/bg-homepage.jpg);
}

body.home #Container {
	position:relative;
}

body.home div#logobox {
	position:absolute;
	left:0px;
	background:#ffffff;
	height:275px;
	width:272px;
}
body.home div#logobox a img {
	border:none;
}

body.home div#logobox p {
	float:left;
	width:212px;
	padding:30px;
	font-size:13px;
	line-height:15px;
	color: #8E8678;
}
body.home div#logobox p strong{
	color:#e00031;
}

body.home a#contact_quote img {
	border:none;
}
body.home a#share_quote img {
	border:none;
}

body.home a#contact_quote {
	position:absolute;
	left:147px;
	top:295px;
	border:none;
}
body.home a#share_quote {
	position:absolute;
	left:0px;
	top:295px;
	border:none;
}
body.home div#bord {
	position:absolute;
	left:395px;
	top:70px;
	height:350px;
	width:330px;
	padding:20px;
	font-size:12px;
	font-weight:bold;
}

body.home div#bord hr {
	border:none;
	border-bottom:solid 1px #64c5e3;
	padding-bottom:10px;
	padding-top:10px;
}


body.home div#bord a.kandidaten {
	text-decoration:none;
}
body.home div#bord h1 a.kandidaten {
	color:#000000;
	padding:0px;
	margin:0px;
	font-size:40px;
	line-height:45px;
}
body.home div#bord a.bedrijven {
	text-decoration:none;
}

body.home div#bord h1 a.bedrijven  {
	color:#64c5e3;
	padding:0px;
	margin:0px;
	font-size:40px;
	line-height:45px;
}
body.home div#bord h1 a.kandidaten:hover  {
	color: #3d3d3d;
}
body.home div#bord h1 a.bedrijven:hover {
	color: #8dd0e5;
}
body.home div#bord span.bedrijven {
	color: #64c5e3;
}





body.bg1 {
	background-image: url(../images/bg_1.gif);
}
body.bg2 {
	background-image: url(../images/bg_2.gif);
}
body.bg3 {
	background-image: url(../images/bg_3.gif);
}



html {
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 866px;
	margin: 0 auto;
}
#Container {
	width: 866px;
}

#main {
	width: 866px;
	float:left;
}

#Layout {
	clear: both;
	float:left;
}

/* HEADER
----------------------------------------- */
#Header {
	width: 866px;
	float:left;
	height:125px;
	position:relative;
}
#Header img.logo {
	padding-top:19px;
	border:none;
}
#Header a.sitelink {font-style: italic;color:#000000;  font-size:15px; text-decoration:none; font-weight:bold; position:absolute; right:5px; bottom:5px; }
#Header a.sitelink:hover {text-decoration:underline;}

#main_left {float:left; width:195px; border-top:solid 4px #e00031; overflow:hidden; padding-top:3px;}
#main_middle {float:left; width:337px; border-top:solid 4px #e00031; padding-top:10px; padding-left:17px;}
#main_right {float:right; width:300px; padding-left:17px;}

ul#nav li ul {display:none;}
ul#nav li {padding-top:10px; padding-bottom:10px;}
ul#nav li.current ul, ul#nav li.section ul {display:block;}
ul#nav li.odd {border-bottom:solid 2px #64c5e3;}
ul#nav li.even {border-bottom:solid 2px #4b2856;}
ul#nav li.first {border-bottom:solid 2px #8e8678;}
ul#nav li.last {border-bottom:solid 4px #e00031;}

ul#nav li ul li {padding-top:2px; padding-bottom:2px;}
ul#nav li a {color:#000000; font-size:13px; font-weight:bold; text-decoration:none;}
ul#nav li ul li a {color:#000000; font-size:13px; font-weight:normal; padding-left:12px;}
ul#nav li ul li.current a {color:#000000; font-weight:bold;}
ul#nav li ul li.section a {color:#000000; font-weight:bold;}
ul#nav li a:hover {color:#64c5e3;}

#main_left a.blauwekomma {
	background:url(../images/blauwe-komma.png);
	width:85px;
	height:120px;
	float:right;
	margin-top:25px;
	padding:10px;

	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	overflow:hidden;
	text-decoration: none;
}

#main_left a.blauwekomma:hover {
	text-decoration: underline;
}

#main_right div.rodekomma {
	background:url(../images/rode-komma.png);
	width:300px;
	height:400px;
}
#main_right div.rodekomma span {
	color:#FFFFFF;
	font-weight:bold;
	font-size:36px;
	padding:20px;
	float:left;
	height:260px;
	overflow:hidden;
}

#gmap {
    height:401px;
    width:301px;
}
#gdirections {
    width:333px;
	background:#ffffff;
}

#gdirections * {
	font-size:11px;
}

#gdirections td {
	padding:0px;
	margin:0px;
	padding-left:5px;
}

/* FOOTER
----------------------------------------------- */

#Footer {
 	clear: both;
	width: 866px;
	font-size:12px;
	color:#999999;
	padding-top:100px;
}
#Footer a {
	color:#999999;
	text-decoration:none;
}
#Footer a:hover {
	text-decoration:underline;
}

#MemberLoginForm_LoginForm .message {float:left; display:block;}
#MemberLoginForm_LoginForm fieldset {float:left;}
#MemberLoginForm_LoginForm .Actions {float:left; width:317px;}