/* Dietz Communicatie V1.0
   (c) K.S.R. van Poelgeest
   (u) www.hansnel.nl
   (c) Dietz Communicatie
   (u) www.dietzcommunicatie.nl
	 V1.0 Originally created: 071213
	 Version history: n/a
---------------------------------------------- */
@import url('typography.css');
@import url('nav.css'); /* all navigation */

@import url('modules.css');

@import url('additional.css');        /* reserved */

/* General reset
---------------------------------------------- */
* {
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	text-align:left;
  }
ul {
	list-style:none;
	}
	li {
		height:100%;
		text-indent:0;	
		}

/* CSS classes
---------------------------------------------- */
.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.fly_x    { float: left; }
.fly_y    { float: right; }
.txt_x    { text-align: left; }
.txt_y    { text-align: right; }

/* Base
---------------------------------------------- */
body {
	color:#333;
	padding:0 20px 20px;
	text-align:center;
	line-height:150%;
	font-size:76%;
  width:960px;
  text-align:left;
	}
#iw {
	text-align:left;
	margin:0 auto 0 auto;
	min-width:785px;
	max-width:945px;
	position:relative;
	padding:0 20px;
	background:#fff;
	}
	#skip {
		display:none;
		visibility:hidden;
		}
#identity {
  width:auto;
  margin-bottom:13px;
  border-top:20px solid #cceaf4;
  border-bottom:1px solid #009cca;
  background:#cceaf4;
  height:100%;
  padding-bottom:9px;
  color:#069;
  }
  #identity a {
    text-decoration:none;
    }
  p#logo a {
  	display:block;
  	float:right;
    width:270px;
  	height:82px;
  	margin-right:17px;
  	text-indent:-999%;
  	background:url('../g/DietzCommunicatie-logo.gif') no-repeat;
  	}
  #globalnav {
    float:left;
    margin-left:8px;
    padding-top:4px;
    }
    #globalnav a {
      font-weight:bold;
      }
  address {
    display:block;
    margin-left:300px;
    width:300px;
    font-size:12px;
    line-height:16px;
    font-style:normal;
    text-align:center;
    }
/* ie6 hacks for whatever reason, again */
		* html address {
			margin-left:300px !important;
			}
		* html #globalnav {
			margin-left:10px !important;
			display:inline;
			}
#sidecol {
	float:right;
	width:235px;
	}
#main {
	clear:left;
  }
#nav {
	float:left;
  width:160px;
	background:#dae9ef;
	padding:5px 0;
	}
#content {
	margin:0 255px 0 180px;
	width:auto;
	padding-top:160px;
	padding-bottom:5em;
 	border-bottom:5px solid #dae9ef;
  height:100%;
  background:url('../g/layout/content_bg.gif') right bottom no-repeat;
	}


#visual {
	position:absolute;
	top:122px;
	left:200px;
	width:524px;
	display:block;
	margin-bottom:2em;
	border-bottom:20px solid #dae9ef;
	background:#fff;
	}
	#visual #banner {
		width:auto;
		height:100px;
		background:#dae9ef;
			font-size:10px;
		}
	#banner img {
			}
	#banner p {
		position:relative;
		margin-left:142px;/*134px current image*/
		padding:8px;
		color:#00528d;
		font-size:10px;
		line-height:1.3em;
		}
	#breadcrumb {
		display:block;
		padding:0.2em 0;
		font-size:0.9em;
		}

#banner_foto{
  width: 134px;
  height: 100px;
  overflow: hidden;
  float: left;
}

/* Meta footer
---------------------------------------------- */
#metafoot {
	display:block;
	clear:both;
	height:100%;
	margin:1.5em 0 0;
	padding:0.5em 0;
	color:#252c74;
	text-align:center;
	border-top:4px solid #252c74;
	}
	#metafoot a {
		text-decoration:none;
		font-size:0.85em;
		color:#252c74;
		}
	#metafoot a:hover {
		text-decoration:underline;
		}


/* Hide printables
---------------------------------------------- */
#printlogo,
#printfoot {
	display:none;
	visibility:hidden;
	clear:both;
	}

