/* --- BODY --- */

body {
	text-align: center;
	background-color: #fff;	
	margin: 0;
	padding: 0;
	font: normal 13px Verdana;
}

/* --- Layout containers --- */

div.contentbox {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.dotted-line {
	background: url(../images/layout/stippellijn2_horizontaal.gif) repeat-x;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.dotted-line-bottom {
	background: url(../images/layout/stippellijn2_horizontaal.gif);
	height: 12px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div#logo {
	float: left;
	background: url(../images/layout/cocacola.gif) no-repeat;
	height: 65px;
	width: 160px;
}

div#cs-header {
	float: right;
	background: url(../images/layout/cs_header.jpg) no-repeat;
	height: 65px;
	width: 160px;
	margin-right: 25px;
}

div#main {
	background: url(../images/layout/menulinks_bottom02.gif) left top repeat-y;
}

div#sidebar {
	float: left;
	width: 140px;
	padding: 10px;
}

* html div#sidebar {
	width: 160px;
}

div#content {
	float: left;
	width: 575px;
	padding: 10px;
}

* html div#content {
	width: 595px;
}

div#container {
	background: url(../images/layout/stippellijn2_verticaal.gif) right top repeat-y;
}

/* --- Clear fix --- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */