/*
Theme Name: KPS DELFT
Theme URI: http://www.kpsdelft.nl
Version: 2008
Author: Arno Kriek - Inline media
Author URI: http://www.inlinemedia.nl
*/


/*** General ***/
* {
	margin: 0;
	padding: 0;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background: #fff url(images/page_bg.png) repeat-y top center;
	font-family: "trebuchet ms", Arial, Verdana, Sans-serif;
	font-size: 80%; 
	color: #000;	
	text-align: left;
}

/*** Defaults ***/
a:link, a:visited, a:active  { color: #01428a; text-decoration: underline; }
a:hover { text-decoration: underline; color: #000; }
p { text-align: left; line-height: 1.4em; font-size: 1em; margin-bottom: 1.4em; }
img { border: none; }
h1 	{ margin-bottom: 12px; line-height: 1.6em; font-size: 1.6em; color: #01428a; }
h2 	{ margin-bottom: 12px; line-height: 1.2em;  font-size: 1.2em; color: #01428a; }

.red { color: #df1015; }
.blue { color: #01428a; }

/*** Wrapper ***/
#wrapper {    
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
    width: 920px;	
	margin:0 auto;
	/*background: #fff;*/
	background: #fff url('images/content_bg.jpg') no-repeat bottom left;	
}

/*** Socials ***/
#socials {
	position: absolute;
	margin: 0 auto;
	top: 176px;
	left: 920px;
}
#socials * { behavior: url('iepngfix.htc'); }

	#socials .top { width: 51px; height: 17px; background: url('images/socials_top.png') no-repeat; }
	#socials .inner {
		width: 51px;
		background: url('images/socials_bg.png') repeat-y;
	}
		#socials .inner ul { margin: 0 0 0 8px; list-style: none; }
			#socials .inner ul li { height: 28px; }
			#socials .inner ul li.last { height: 24px; }
	#socials .bottom { width: 51px; height: 18px; background: url('images/socials_bottom.png') no-repeat; }


/*** Header ***/
#header {
	height: 145px;
	padding: 0px 20px 0 20px;
	background: #fff url('images/header_bg.jpg') no-repeat top right;
	/*background: #fff url('images/header_bg.jpg') no-repeat top right;*/
	/*background: #fff url('images/header_kerst.jpg') no-repeat top right;*/
	/*background: #fff url('images/header_nieuwjaar_2012.png') no-repeat top right;*/
}

	#logo   { float: left; width: 191px; height: 94px; margin: 16px 0 0 6px; }
	#slogan { float: left; padding: 45px 100px; text-align: center; font-size: 2em; }


/*** Navigation ***/
#navigation { 
	position:absolute; 
	top:0; 
	margin: 125px 0 0 0; 
	height: 31px; width: 100%; background: #01428a; 
}		
	 
	/* First level */ 
	#navigation ul 				{ list-style: none; }
	#navigation a 				{ display: block; }
	#navigation li 				{ float: left; }
	#navigation li a 			{ line-height: 31px; color:#FFF; text-decoration: none; padding: 0 30px 0 30px; }
	#navigation li a:hover 		{ text-decoration: underline; }
			
	/* Second level */
	#navigation li ul 			{  position: absolute; left: -999em; width: 158px; padding: 0 6px 6px 6px; border: 1px solid #01428a; border-top:none; overflow:hidden; background: #fff; }
	#navigation li:hover ul, 
	#navigation li.sfhover ul 	{ left: auto; }
	#navigation li ul li a		{ border-top: 1px solid #dadada; text-indent:0; color:#01428a; line-height: 20px; padding: 5px; width: 148px; }
	#navigation li ul li a:hover { color:#000; }

	
	
/*** Content ***/
#content {
	margin: 0;
	padding: 40px 40px 60px 70px; 
	overflow: hidden;
}

/** Columns **/
.col1a #colleft  { float: left;  }
.col2a #colleft  { float: left; width: 480px; padding-right: 45px; }
.col2a #colright { float: right; width: 239px; padding-left: 45px; border-left: 1px solid #ccc;  }

#colleft p { margin-bottom: 1em; }
#colleft ul { margin-left: 13px; }


/** Nieuws module **/

ul.nieuws { }
ul.nieuws { margin-left: 12px; }
ul.nieuws li { line-height: 1.4em; color: #01428a;}

/*** Blocks ***/
.block {

}

	/* Block Nieuws top 5 homepage  */
	.block.nieuws-top5 { margin-top: 25px; }
	.block.nieuws-top5 ul { margin-left: 12px; }
	.block.nieuws-top5 li { line-height: 1.4em; color: #01428a;}
	

	/* Block Adres homepage */
	.block.adres { }
	.block.adres .img { /*background: url('images/pand.jpg') no-repeat 0 0;*/ height: 150px; width: 230px; border: 1px solid #01428a; overflow:hidden;}
	.block.adres .banner { height:51px; width:230px; margin-top:15px; }
	.block.adres span { display: block; width: 53px; float: left; }


/** Tables **/
table { width: 600px; border: none; margin-bottom: 20px; }
tr { height: auto; }
td { padding: 4px 0 4px 0; }

	.producten table { width: 715px; margin: 0; }
	.producten table tr { height: 30px;}
	.producten table td { border-bottom: 1px solid #cecece; border-right: 1px solid #cecece; padding: 0; text-align:center;}
	.producten table td.name { text-align:left; }
	.producten table td img { margin:0; padding:0; float:left;}
	
	.transport-en-materieel table { width: 600px; }
	.transport-en-materieel table td { padding: 8px 0 8px 0; }
	
	.restpartijen table { width: 600px; }
	.restpartijen table tr { height: auto; }
	.restpartijen table td { width: 200px; vertical-align: top; padding: 8px 0 8px 0; }

	.actie-producten table { width: 600px; }
	.actie-producten table tr { height: auto; }
	.actie-producten table td { width: 200px; vertical-align: top; padding: 8px 0 8px 0; }

/*** Footer ***/
#footer {
	height: 31px;
    width: 920px;	
	position: absolute;
	bottom: 0;
	background: #01428a;
	overflow: hidden;	
}

	#footer p.left { float: left; width: 460px; text-align: left; }
	#footer p.right { float: right; width: 230px; text-align: right; }
	#footer p { padding: 8px 40px 0 70px; color: #fff; font-size: 11px; font-family: Arial; }
	#footer a { text-decoration: underline; color: #fff; }
	#footer span { padding: 0 4px 0 4px; }