/************************************************
*                                               *
*  Copyright    :       (c) 2006 / 2007         *
*                                               *
*  Website by   :       Stukje Design           *
*                       www.stukjedesign.nl     *
*                                               *
*  Contact name :       B. Kreleger             *
*                                               *
*************************************************/

/**************
*  HTML TAGS  *
**************/

body {
	background: #02306f url(/img/content/background.png) top center repeat-y;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 0.7em;
	text-align: center;
}

/**************
*   STYLING   *
**************/

h1, h2 {
	font-size: 1.5em;
	color: #002659;
	margin-bottom: 18px;
}

h1 {
	text-transform: uppercase;
	margin-top: 0;
}

h2 {
	font-size: 1.5em;
}

#main h2 {
	font-size: 1.2em;
}

a {
	color: #c40202;
}

img {
	border: 0;
}

/**************
*    FORMS    *
**************/

textarea, input, select {
	font-family: Verdana, Tahoma, Arial;
	font-size: 1.3em;
	color: #525252;
	background-color: #F5F5F5;
	border: 1px solid #dedede;
	margin-bottom: 2px;
}
fieldset {
	border: 1px solid #dedede;
}

legend {
	color: #05550D;
}

/**************
*   LAYOUT    *
**************/

#container {
	width: 908px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#header {
	clear: both;
	height: 166px;
	background: #ffffff url(/img/header/header01.png) no-repeat;
}

#content {
	text-align: left;
	line-height: 1.5em;
}

#main {
	float: left;
	width: 609px;
	padding-top: 28px;
}

#tracker {
	padding-top: 16px;
	background: #ffffff url(/img/tracker/background.png) top center repeat-y;
	float: left;
	width: 263px;
	margin-left: 18px;
	margin-right: 18px;
}

#tracker h2 {
	margin-bottom: 18px;
}

.tracker_bottom {
	background: #ffffff url(/img/tracker/bottom.png) top center no-repeat;
	height: 20px;
}

#tracker .content {
	margin-left: 23px;
	margin-right: 23px;
}

#logos {
	float: left;
	width: 300px;
}

#logos img {
	float: left;
	margin-bottom: 10px;
}

#footer {
	clear: both;
	width: 100%;
	height: 150px;
	background-color: #d3dce8;
	border-bottom: 2px solid #95a3b5;
	margin-bottom: 20px;
}

.project_left {
	clear: both;
	float: left;
	width: 80px;
	min-height: 50px;
}

.project_left img {
	border: 1px solid #2d2d2d;
}

.project_right {
	float: left;
	width: 400px;
}

.seperator {
	clear: both;
	height: 3px;
	border-top: 1px dotted #cfcfcf;
}

/**************
*    MENU     *
**************/

#menu {
	float: right;
	height: 34px;
	padding-top: 69px;
	margin-right: 20px;
	font-size: 1em;
	font-weight: bold;
}

#menu ul {
	margin: 0;
}

#menu li {
	float: left;
	list-style-type: none;
}

.home a, .projecten a, .werkwijze a, .sitemap_contact a {
	color: #000;
}

.home_hover a, .projecten_hover a, .werkwijze_hover a, .sitemap_contact_hover a {
	color: #fff;
}

#menu .home, #menu .home_hover {
	width: 53px;
	height: 25px;
	padding: 9px 0 0 11px;
}

#menu .home {
	background: #fff url(/img/menu/home-white.png) no-repeat;
}

#menu .home_hover {
	background: #fff url(/img/menu/home-blue.png) no-repeat;
	color: #fff;
}

#menu .projecten, #menu .projecten_hover {
	width: 72px;
	height: 25px;
	padding: 9px 0 0 9px;
}

#menu .projecten {
	background: #fff url(/img/menu/projecten-white.png) no-repeat;
}

#menu .projecten_hover {
	background: #fff url(/img/menu/projecten-blue.png) no-repeat;
	color: #fff;
}

#menu .werkwijze, #menu .werkwijze_hover {
	width: 84px;
	height: 25px;
	padding: 9px 0 0 15px;
}

#menu .werkwijze {
	background: #fff url(/img/menu/over-bijland-white.png) no-repeat;
}

#menu .werkwijze_hover {
	background: #fff url(/img/menu/over-bijland-blue.png) no-repeat;
	color: #fff;
}

#menu .sitemap_contact, #menu .sitemap_contact_hover {
	width: 252px;
	height: 25px;
	padding: 9px 0 0 9px;
	text-align: center;
	color: #c1c1c1;
	margin-left: 20px;
}

#menu .sitemap_contact {
	background: #fff url(/img/menu/sitemap-contact.png) no-repeat;
}

#menu .sitemap_contact_hover {
	background: #fff url(/img/menu/sitemap-contact-hover.png) no-repeat;
}

/***************
* MAIN CONTENT *
***************/

.balk {
	border-left: 7px solid #d3dce8;
	padding-left: 18px;
}

.vestiging {
	float: left;
	margin-right: 10px;
}

.vestiging h3 {
	font-size: 1.3em;
	border-bottom: 1px solid #000;
}

.vestiging_left {
	float: left;
	margin-right: 5px;
}

.vestiging_right {
	float: left;
}

.vestiging_right p {
	margin: 0;
	line-height: 1.27em;
}

.forgotten {
	border-left: 2px solid red;
	border-bottom: 2px solid red;
}

/***************
*    TRACKER   *
***************/

.project_lines {
	text-align: center;
	width: 214px;
	clear: both;
	border-bottom: 1px dashed #d8d8d8;
	margin-bottom: 5px;
}

.project_item h3 {
	margin: 0 0 3px 0;
	font-size: 1.2em;
}

.project_item h3 a {
	color: #000;
}

.project_item {
	float: left;
	width: 136px;
	margin-bottom: -8px;
}

.project_item p {
	margin: 0;
}

.project_pic {
	float: left;
	text-align: right;
	width: 78px;
}

.project_pic img {
	border: 1px solid #2d2d2d;
}

.project_photo {
	border: 1px solid #2d2d2d;
}

/**************
*   IMAGES    *
**************/

.img_left {
	float: left;
	margin: 0 5px 0 0;
}

.img_right {
	float: right;
	margin: 0 0 0 5px;
}

.img_border {
	border: 1px solid #000000;
}

/**************
*	PHOTOS	  *
***************/

#photos {
	margin-left: -40px;
	height: auto;
}
#photos ul {
	padding: 0; margin: 0;
}
#photos li {
	float: left;
	list-style-type: none;
	padding-right: 5px;
	margin-bottom: 5px;
}

/**************
*  	UPLOAD    *
**************/

#demo-status
{
	background-color:		#F9F7ED;
	padding:				10px 15px;
	width:					420px;
}
 
#demo-status .progress
{
	background:				white url('/img/fancyupload/progress.gif') no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url('/img/fancyupload/file.png') no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url('/img/fancyupload/uploading.png');
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url('/img/fancyupload/success.png');
}
#demo-list li.file.file-failed
{
	background-image:		url('/img/fancyupload/failed.png');
}
 
#demo-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear: both;
}
#demo-list li.file .file-remove
{
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}

#map {
	clear: both;
	border: 1px solid #2d2d2d;
}