html {
	behavior: url(public_inc/centerbehavior.htc);
}
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 521px;
	color: #5c5c5c;
	font-family: Tahoma, Verdana, Helvetica, Serif;
	font-size: 11px;
}
* {
	outline: none;
}
body {
	background-image:url(img/tile.jpg);
	background-position:-75px -75px;
	background-repeat:repeat;
}

#container {
	height: 521px;      /* voor IE5.5 */
	height: /**/100%;   /* voor andere browsers */
	width: 646px;      /* voor IE5.5 */
	width: /**/100%;   /* voor andere browsers */
	position: absolute;
}

#innerContainer {
	position: relative;
	top: 0px;      /* voor IE5.5 */
	top: /**/50%;   /* voor andere browsers */
	margin-left:auto;
	margin-right:auto;
	height: 521px;
	width: 646px;
	background-image:url(img/plate.png);
	background-repeat:no-repeat;
	_background-image:url(img/plateIE5.01.jpg); /* voor IE5.01*/
	_background-image/**/: none; /* */
	_background-position: 29px 39px;
	_background-position/**/: 0 0;
	_left:50%;
	_left/**/:0;
	_margin-left:-323px;
	_margin-left/**/: auto;
}
#contentBackground {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 521px;
	width: 646px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/plate.png',sizingMethod='scale');
}

#navigation {
	position: relative;
	left: 183px;
	top: 70px;
	width: 411px;
	height: 37px;
	background-image:url(img/navigation.png);
	background-repeat:no-repeat;
	text-align:center;
}
#navigation a {
	position:absolute;
	display: block;
	top: 0px;
	background-repeat:no-repeat;
	height: 37px;
	margin: 0px 5px 0px 5px;
	text-decoration: none;
}
#navigation a.active {
	background-position: 0px -43px;
}
#navigation a:hover{
	background-position: 0px -43px;
}
#navigation a#home {
	background-image:url(img/home.png);
	left: 66px;
	width: 66px;
}
#navigation a#info {
	background-image:url(img/info.png);
	left: 177px;
	width: 51px;
}
#navigation a#contact {
	background-image:url(img/contact.png);
	left: 264px;
	width: 70px;
}


#content {
	position: absolute;
	left: 200px;
	top: 123px;
	width: 375px;
	height: 330px;
}

#logo {
	position: absolute;
	top: 48px;
	left: 59px;
	width: 115px;
	height: 111px;
}

#images {
	position: absolute;
	top: 171px;
	left: 59px;
	height: 272px;
	width: 115px;
}
#images img {
	position: relative;
	width: 115px;
	height: 86px;
	margin-bottom: 7px;
	background-image: url(img/image.png);
	background-repeat:no-repeat;
	cursor: pointer;
}
#closeTag {
	cursor: pointer;
}

.center {
	text-align: center;
}
h1 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}
p {
	padding: 0 0 20px 0;
	margin: 0;
}
#contactText {
	text-align:center;
	font-size: 11px;
	font-weight: bold;
	margin-top: 70px;
}
.ul {
	display: block;
	padding-left:30px;
	padding-top: 5px;
}
.ul .li {
	display: list-item;
	list-style:outside square;
	padding: 2px;
}
a, a:hover {
	color: #5c5c5c;
	text-decoration:underline;
}


/* Safari hack */
#innerContainer {
	margin-top: 0px;      /* voor IE5.5 en Safari (#) */
	margin-top: /**/-260px;#   /* voor andere browsers */
}