/*
***********************************************************
Title: Main
Author & copyright: Jacco van der Post - TYPO3-webdesign.nl
Date: januari 2009
***********************************************************
*/

html,body {
	height:100%; /* needed for container min-height */
	}

body {
	background:#99cc66 url(../img/bg.gif) no-repeat center top;
	font: normal 69%/1.6em Verdana, Arial, Helvetica, sans-serif; /*line-height is 1.6 times the font size*/ 
	color:#000;
	}
	
#container, #header {
		width:980px;
		}
	
#container {
	position:relative;
	margin:auto;
	}
	
p {
  margin: 0.33em 0 1em 0;
  }


h2 {font-size: 1.4em; margin: 0em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.3em; margin: 0em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0em 0 0;}
h5 {font-size: 1em; margin: 0em 0 0;}
h6 {font-size: 0.85em; margin: 0em 0 0;}


ul, ol {margin: 1em 0; padding-left: 2em;}
ul li {list-style: square;
     }
ul li li, ol li ul li {list-style: disc;}
ol li {list-style: decimal;}

dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}


	
#website-logo a {
	background: url(../img/ecodaken-logo.gif) no-repeat;
	width:497px;
	height:105px;
	display:block;
	position : absolute;
	top: 35px;
	left: 35px;
	}



.align-left {
	text-align:left;
	}


.align-right {
	text-align:right;
	}

.align-center {
	text-align:center;
	}

	

#website-logo span, .hide {display:none;}


#page-description {
	position:absolute;
	top:-1000px;
	}
	
#slogan {
	position:absolute;
	left:775px;
	top:90px;
	z-index:2;
	background:white;
	font-weight:normal;
	}

#slogan h3 {
  margin-top:-3px;
  margin-left:12px;
  margin-bottom:0;
  font-size:1.6em;
	font-weight:normal;
	line-height:1.6em; 
  }

	
#header {
	height:125px;
	/* margin-top:20px; */
	}
	


#main {
	margin-top:40px;
	min-height: 395px;
	height: auto !important;
	height: 395px;
	}
	

a {
  color:#4040ff;
  text-decoration:underline;
	}

a:hover {
	color:#8181ff;
	text-decoration:underline;
	}

	
.csc-textpic-caption {
	font-size:0.9em;
	padding-left:3px;
	}


#content {
  margin-top:50px;
  margin-left:35px;
  width:926px;
  position:relative;
  }

#flex-cont {
  width:926px;
  float:left;
  overflow:hidden;
  }

#adresgegevens {
  color:white;
  position:absolute;
  top:150px;
  left:35px;
  letter-spacing:0.5em;
  width:900px;
  font-size:0.9em;
  }
#adresgegevens a {
  color:white;
  text-decoration:none;
  }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0;
  }
	

/* ============ */
/*    footer    */	
/* ============ */
#footer {
	font-size:0.8em;
	color:#888;
	height: 30px;
  float:left;
	display:block;
	width:924px;
	
	}

#footer-content {

	}





/* ========= */
/*  kolommen */	
/* ========= */

.tweekol560-352 {
  width:926px;
  float:left;
  overflow:hidden;
  }

.tweekol560-352 .linkerkolom {
  width:570px;
  float:left;
  overflow:hidden;
  }

.tweekol560-352 .linkerkolom p 
 {
 padding-right:20px;
  }

.tweekol560-352 .rechterkolom {
  width:352px;
  float:left;
  overflow:hidden;
  padding-left:4px;
  }

  
  
/* ========= */
/*  frames   */	
/* ========= */

.frame-grey-border, .frame-grey {
  border:1px solid #ccc;
  padding:10px;
  margin-bottom:10px;
  height:100%; /* vaag maar anders komt in iE een extra border bij image rechts top in text */
  overflow:hidden;
  }

  
#smal-breed-rechts .frame-grey-border {
  /* width:704px; */
  }
  
.frame-grey {
  background:#e7e7e7 url(../img/advancings-bg2.png) repeat-x top;
  }