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

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

body {
	background: url(../img/bg.png) repeat;
	font: normal 69%/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif; /*line-height is 1.6 times the font size*/ 
	color:#333;
	}
	
#container, #header, #top-balk {
		width:940px;
		}
	
#container {
	position:relative;
	margin:auto;
	background:#fff;
	/* border: 3px solid #FECD08; */
	border-top:0;
	border-bottom:0;
	/* border-left: 15px solid #383838;
	border-right: 15px solid #383838;	*/
	}
	
p {
	margin-bottom:10px;
	}

h2,h3,h4,h5,h6 {
  padding-top:5px;
  margin-bottom:5px;}

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;}

	
#logo a {
	background: url(../img/AVANCOS-recruitment-services.gif) no-repeat;
	width:286px;
	height:101px;
	display:block;
	position : absolute;
	top: 0px;
	left: -7px;
	}



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


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

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

	

#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:-9px;
  margin-bottom:0;
  font-size:1.5em;
	font-weight:normal;
	line-height:1.6em; 
  }

#worldmap a {
	position:absolute;
	left:762px;
	top:7px;
	background:url(../img/worldmap.gif) no-repeat top left;
	width:192px;
	height:80px;
	}
	
#header {
	height:125px;
	/* margin-top:20px; */
	}
	
#top-balk {
	height:55px;
	background:url(../img/navtop-bg.png) repeat top;
	width:938px;
	/* border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5; */
	border:1px solid #ddd;
	border-bottom:0;
	}


#visit-site {
	position:absolute;
	left:13px;
	top:98px;
	width:200px;
	}

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

a {
    color:#cda609;
	/* text-decoration:none; */
	}

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

	
h2 {
 	font-size:1.8em;
	font-weight:normal;
	/* line-height:1.8em; */
	color:#FECD08;
	text-decoration:none;
	margin-bottom:10px;
  }

h2 a {
	color:#FECD08;
	}
  
h2 a, h3 a { text-decoration:none; }
  
#advancings h2 img {
  width:auto;
  height:auto;}

	
h3 {
  font-size:1.5em;
	font-weight:normal;
		/* line-height:1.5em; */
	}
	
h4 {
  font-size:1.3em;
	font-weight:normal;
		/* line-height:1.3em; */
	}
	
.grey {
	color:#888;
	}

.grey-donker {
	color:#555;
	}

.yellow {
	color:#FECD08;
	}

h2 a:hover, h3 a:hover, h4 a:hover {
  text-decoration:none;
  }
	
h2 a:hover .grey, h3 a:hover .grey, h4 a:hover .grey {
  color:#666;}

h2 a:hover .yellow, h3 a:hover .yellow, h4 a:hover .yellow {
  color:#DFB50D;}

#breadcrumb {
	font-size:0.9em;
	position:absolute;
	top:193px;
	left:268px;
	}

	

/* ============ */
/*    footer    */	
/* ============ */
#footer {
	font-size:0.8em;
	color:#888;
	height: 30px;
  	float:left;
	border-top:1px solid #ccc;
	width:940px;
	margin-top:80px;
  	padding-bottom:40px;
	}

#footer-content {

	}





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



/* smal - breed  en  30 - 60 */	

#smal-breed-links, #smal-breed-rechts, #smal-breed-links-30, #smal-breed-rechts-60 {
	display:block;
	float:left;
	display:inline;
	overflow:hidden;
	}

#smal-breed-links {
  width:184px;
  }
  
#smal-breed-links-30 {
  width: 296px;
  }
  

#smal-breed-links-content li {

  }
  
#smal-breed-rechts {
  width:716px;
  margin-left:40px;
  }

#smal-breed-rechts-60 {
  width:603px;
  margin-left:40px;
  }
  
#smal-breed-links-content ul {

  }


#smal-breed-links-content ul li h3 {
  margin-bottom:0;
  font-size:1.6em;
	font-weight:normal;
	line-height:1.6em; 
  }

#smal-breed-links-30 .tx-slideshow-pi1 object {
  margin:0;
  padding:0;
	margin-top:27px;
	border:1px solid #CCCCCC;
	}




  
/* ========= */
/*  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;
  }

.rgtabs-wrapper .frame-grey-border {
	border:none;
	border-bottom:1px solid #ccc;
	}


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