/* GLOBAL CONTAINERS*/

/* float and display */
.left { float: left; }
.right { float: right; }
.block { display: block; }
.none { display: none; }
.belmij { width: 181px;}

/* for debugging */
.border { border: 1px solid red; }


body { background-color: #646464; }

div#container_wrapper { width: 100%; background: #FDFDFD url(/img/sitetop.jpg) repeat-x top center; height: 850px;}
div#container { margin: 0 auto; width: 900px; display: block;}

div#header { height: 90px; width: 900px; display: block; background: url(/pics/logo_gray.jpg) left top no-repeat; background-position: top 25px; }
span#slogan { padding-top: 30px; }

div#left h1.bullit {
	padding-left: 20px;
	background: url(/img/icon_bullit.png) no-repeat;
	background-position: 1px 1px;
}

div#left h1.callme {
	padding-left: 18px;
	background: url(/img/icon_phone.png) no-repeat;
	background-position: -1px 1px;
	margin-top: 2px;
}

h1.dblarrow {
	padding-left: 20px;
	background: url(/img/icon_dblarrow.png) no-repeat;
	background-position: 3px 6px;
}

div#left h2 {
	padding-left: 5px;
}
div#content {
	height: 600px;
	border: 1px solid #AAAAAA;
	display: block;
	float: left;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 900px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

div.righticon{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 55px;
	height: 50px;
	border-bottom: 2px solid #888888 ;
	background-position: top left;
	background-repeat: no-repeat;
}

div#menu {
	
	margin-top: 20px;
	width: 900px;
	height: 37px;
	background: url(/img/menubar.jpg) no-repeat center top;
}

div#menu a {
	text-decoration: none;
	padding-top: 8px;
	display: block;
	float: left;
	height: 36px;
	width: 148px;
	text-align: center;
	background-image: url(/pics/spacer.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	font-family: verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
}

div#menu a:hover {
	color: #EEEEEE;
}

div#left {
	display: block;
	padding: 5px;
	width: 190px;
}

div#center {
	height: 590px;
	display: block;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 5px 0px 5px;
	width: 488px;
}

div#right {
	display: block;
	padding: 5px;
	width: 190px;
}

div#promo_aanbieding {
  float: left;
  height: 113px;
  width: 113px;
  background-image: url(/img/promo_ster.png);
  background-repeat: no-repeat;
  margin-left: 70px;
  margin-top: -30px;
  color: #ffffff;
}

div#promo_demo {
  float: left;
  height: 113px;
  width: 113px;
  background-image: url(/img/demo_ster.png);
  background-repeat: no-repeat;
  margin-left: -15px;
  margin-top: -40px;
  color: #ffffff;
  cursor: pointer;
}


div#aanbieding_tekst {
  float: left;
  width: 80px;
  height: 80px;
  margin-top: 25px;
  margin-left: 17px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

div#promo_aanbieding a{
	text-decoration: none;
	color: #ffffff;
}

div#promo_aanbieding a:hover {
	text-decoration: none;
	color: #ffffff;
}

div#footer {
	width: 100%;
	background-color: #646464;
	height: 50px;
}

div#tagcontent {
	background-color: #444444;
	color: #d91c5c;
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
}

div#tagcloud {
	background-color: #444444;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	
}
div.footerblock {
	margin: 0 auto;
	background-color: #444444;
	display: block;
	clear: both;
}

div#tagcloud h1, div#tagcloud h2, div#tagcloud h3, div#tagcloud h4, div#tagcloud h5, div#tagcloud h6 {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	clear: none;
}

div#left ul {
	margin-left: 23px;
	list-style-image: url(/img/icon_minibullit.png);
}



div#links {
  float: left;
	padding-top: 20px;
	display: block;
	width: 800px;
	margin: 0 auto;
	padding-left: 100px;
}

div#links span {
	padding-top: 10px;
	float: left;
	display: block;
	width: 200px;
}

div#links span strong {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}
div#links span a {
	display: block;
	float: left;
	clear: both;
}


div#copyright {
	margin-top: 20px;
	width: 100%;
	float: left;
	font-size: 10px;
}


