﻿/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html
{
	height: 100%;
	margin-bottom: 1px;
}
form
{
	display: inline;
}
body
{
	margin: 0px 0px 0px 0px;
	width: 100%;
	display: table;
}
a:link, a:visited
{
	text-decoration: none;
	font-weight: normal;
}
a:hover
{
	text-decoration: underline;
	font-weight: normal;
}
input.button
{
	cursor: pointer;
}

img
{
	border: 0 none;
	margin: 0px;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
div#h_area
{
	margin: 0px auto;
	width: 986px;
	text-align: left;
	padding-left: 10px;
	background-image: url('http://static.tangram-tis.nl/images/tangram/header_25jaar.png');
}
div#h_area_top
{
	margin: 0px auto;
	margin-top: 4px;
	width: 986px;
	height: 16px;
	line-height: 16px;
	padding: 0px;
}
div#h_area_bottom
{
	margin: 0px auto;
	height: 12px;
	line-height: 12px;
	padding: 0px;
}
div#main_bg
{
	margin: 0px auto;
	width: 996px;
	text-align: left;
}
div#main_top
{
	margin: 0px auto;
	width: 986px;
	height: 16px;
	line-height: 16px;
	padding: 0px;
}
div#bottom
{
	margin: 0px auto;
	width: 986px;
	font-family: Verdana;
	font-size:11px;
/*
	width: 585px;
	padding-left: 209px;
	padding-right: 176px;
	background: url('images/footer.gif') no-repeat;
*/			
	padding-top: 22px;
	color:#999;
	text-align:justify;
}

div#bottom a 
{
	text-decoration:none;
	color:#999;
}

div#bottom a:hover 
{
	color:#cd2020;
}

div#left_bottom
{
	border-top: solid 6px #000;
	padding-top:12px;
	float: left;
	width: 200px;
	color:#000;
	color:#000;
	font-weight:bold;
	text-align:center;
}
div#main_bottom
{
	border-top: solid 6px #cd2021;
	padding-top:12px;
	padding-bottom:12px;
	float: right;
	width: 760px;
}

#leftcolumn
{
	background: url('images/menu/blackbackground.gif') no-repeat;
	margin-left: 9px;
	padding-left: 18px;
	width: 185px;
	float: left;
}
#rightcolumn
{
	margin-right: 9px;
	padding: 0px;
	width: 190px;
	float: right;
}
#maincolumn
{
	width: 575px;
	float: left;
	padding: 0px;
}
div.path
{
	margin: 10px 0 0 0px;
	padding: 5px;
	padding-left: 30px;
}
div.nopad
{
	float: left;
	padding: 0 0px 15px 0px;
}
div#f_area
{
	margin: 0px auto;
	width: 986px;
	text-align: left;
}

#h_leftcolumn
{
	padding: 0px;
	width: 243px;
	float: left;
}
#h_rightcolumn
{
	width:496px;
	padding: 0px;
	margin-top: 20px;
	float: right;
}
div.galleryimage 
{
    float:left;
    width:575px;
    height:190px;
}

div.headersidebar 
{
    float:right;
    background:url('images/menu/rightbackground.gif');
    background-repeat:no-repeat;
    padding-left:6px;
    width:184px;
    padding-top:6px;
    height:190px;
    vertical-align:top;
    text-align:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
    color:#ffffff;
    
}

div.contentleft 
{
    float:left;
    padding-left:15px;
    width:515px;
}

div.contentright 
{
    float:right;
    width:190px;

}

div.contentform
{
    float:left;
    padding-left:15px;
    width:765px;
}

div.tangramcustomers 
{
	width:159px;
	height:142px;
	background:url('images/bgCustomers.png');
	padding-left:31px;
	padding-top:8px;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
}

div.tangramcustomers img
{
	padding-top:15px;
}