/* HTML */
html,body{
	height:100%;
}

/* BODY */
body {
	width:100%;
	margin:0px;
	padding:0px;
	background:#E7F5C2 url(../picture/common/bg_content.gif) repeat-y;
	font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
	color:#000;
	font-size:100%;
}

/* VIEWPORT */
#viewport{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	min-height:100%;
	_height:100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:transparent url(../picture/common/family.jpg) no-repeat bottom left;
}

/* HEADER_GROUP */
#header_group{
	position:relative;
	float:left;
	width:100%;
	height:194px;
	background:#B1DF34 url(../picture/common/bg_header.gif) repeat-x;
	border-bottom:2px solid #FFF;
	z-index:35;
}

/* company_name */
#company_name{
	position:relative;
	float:left;
	width:192px;
	height:194px;
	margin:0px;
	padding:0px;
	background-color:#B1DF34;
	border-right:2px solid #FFF;
}
#company_name h1{
	width:190px;
	height:194px;
	margin:0px 0px 0px 0px;
	background:#B1DF34 url(../picture/common/logo_zomer.jpg) no-repeat;
}
#company_name a:link, #company_name a:active, #company_name a:visited, #company_name a:hover{
	width:129px;
	height:99px;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#company_name h2{
	width:166px;
	height:19px;
	margin:18px auto 0px auto;
}
#company_name h1 span, #company_name h2 span{
	display:none;
}

/* contact_info */
#contact_info{
	position:absolute;
	left:197px;
	display:block;
	width:auto;
	height:13px;
	margin-top:4px;
}
#contact_info a{
	display:block;
	width:auto;
	height:13px;
	color:#000;
	font-size:65%;
	font-style:italic;
	text-decoration:none;
}

/* language_options */
/*
  Language_options list items positioning inspired by this article:
  http://www.webreference.com/programming/css_flicker/
  by Stu Nicholls <stu@s7u.co.uk>
*/
#language_options{
	position:absolute;
	right:0px;
	display:block;
	width:225px;
	height:13px;
	margin-top:4px;
}
#language_options ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#language_options li{
	float:right;
	margin-right:5px;
	margin-left:7px;
}
#language_options li.nl{
	background:transparent url(../picture/common/flags/nl.gif);
}
#language_options li.en{
	background:transparent url(../picture/common/flags/en.gif);
}
#language_options li.de{
	background:transparent url(../picture/common/flags/de.gif);
}
#language_options a{
	display:block;
	width:38px;
	height:0px;
	padding-top:13px;
	overflow:hidden;
}

/* header_picture */
#deco{
	position:absolute;
	top:23px;
	left:194px;
	width:566px;
	height:127px;
}

/* activity_options */
/*
  Activity_options list items positioning inspired by this article:
  http://www.webreference.com/programming/css_flicker/
  by Stu Nicholls <stu@s7u.co.uk>
*/
#activity_group{
	position:absolute;
	top:159px;
	left:194px;
	width:566px;
	height:27px;
	z-index:35;
}
#activity_options{
	position:relative;
	float:left;
	height:27px;
	margin:0px;
}
#activity_options ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#activity_options ul li{
	float:left;
	margin:0px 0px 0px 0px;
}
#activity_options ul li a{
	display:block;
	height:0px;
	padding-top:27px;
	overflow:hidden;
}
#activity_options ul li ul{
	margin:-4px 0px 0px 0px;
	padding:5px;
	position:absolute;
	list-style-type:none;
	background-color:#D8EF99;
	z-index:50;
	border:1px solid #008000;
	display:none;
	width:210px;
}
#activity_options ul li ul li, #activity_options ul li ul li a{
	margin:0px;
	padding:2px;
	color:#000;
	display:block;
	clear:both;
	font-size:80%;
	height:auto;
	width:auto;
	text-decoration:none;
	white-space:nowrap;
	overflow:visible;
	width:210px;
}
div#activity_options ul li ul{
	display:none;
}
div#activity_options ul li:hover ul{
	display:block;
}
div#activity_options ul ul, div#activity_options ul li:hover ul ul{
	display:none;
}
div#activity_options ul li:hover ul, div#activity_options ul ul li:hover ul{
	display:block;
}

/* deco_picture */
#deco2{
	position:absolute;
	top:159px;
	right:0px;
	width:55px;
	height:27px;
	background:transparent url(../picture/activity_options/deco_right.gif) no-repeat bottom left;
	z-index:15;
}

/* main_options */
#main_options_group{
	position:relative;
	float:left;
	width:100px;
	margin:0px;
	padding:0px;
	z-index:35;
}
#main_options{
	position:relative;
	float:left;
	width:100px;
	margin:0px;
	padding:0px;
	background-color:#B8D567;
	z-index:35;
}
#main_options ul{
	margin:4px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
#main_options ul li{
	margin:0px;
	padding:0px;
}
#main_options ul li a span{
	display:none;
}
#main_options ul li ul{
	width:150px;
	padding:5px;
	position:relative;
	margin:-15px 0px 0px 95px;
	list-style-type:none;
	background-color:#D8EF99;
	z-index:50;
	border:1px solid #008000;
	display:none;
}
#main_options ul li ul li, #main_options ul li ul li a{
	margin:0px;
	padding:2px;
	color:#000;
	display:block;
	clear:both;
	height:auto;
	line-height: 100%;
	width: 146px;
	font-size:80%;
	text-decoration:none;
}
div#main_options ul li ul{
	display:none;
}
div#main_options ul li:hover ul{
	display:block;
}
div#main_options ul ul, div#main_options ul li:hover ul ul{
	display:none;
}
div#main_options ul li:hover ul, div#main_options ul ul li:hover ul{
	display:block;
}

/* search_form */
#search_options{
	position:relative;
	float:left;
	width:auto;
	height:auto;
}
#search_options form{
	width:100px;
	margin: 30px 0 0 0;
	padding: 0;
}
#search_options form input.search{
	margin-left:7px;
	width:115px;
	font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size:80%;
	border:1px solid #008000;
}

#search_options form table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#search_options form input.button{
	margin-left:3px;
}

/* main_content */
#content{
	position:relative;
	float:left;
	margin-left:94px;
	_margin-left:6px;
	min-width:556px;
	width:60%;
	padding:0px;
}
#content p, #content span{
	margin:0px;
	padding:0px;
	font-size:80%;
	padding:10px 5px 0px 10px;
}
#content p a{
	font-size:100%;
	color:#000;
	text-decoration:underline;
}
#content a{
	font-size:80%;
	color:#000;
	text-decoration:underline;
}
#content h2{
	height:34px;
	margin:0px;
	padding:0px;
}
#content h2 span{
	display:none;
}
#content h3{
	margin:0px;
	padding:10px 5px 0px 10px;
	font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size:90%;
}
#content ul li span{
	display:none;
}
#content ul{
	list-style-type:none;
}
#content ol li, #content ul li{
	font-size:80%;
}
#content ol li{
	margin-top:8px;
	font-size:65%;
}
#content ol li a{
	color:#000;
	text-decoration:underline;
	font-size:120%;
}
#content ol li a.search{
	color:#000;
	text-decoration:underline;
	font-size:100%;
}
#content ol li div{
	font-size:100%;
	margin:2px 0px 2px 0px;
}
#content ol li img.flag{
	width:12px;
	height:8px;
	margin:0px 4px 0px 0px;
	padding:0px;
}
#content img#swap{
	float:right;
}
#content img, #content form, #content table{
	margin:10px;
}
#content input, #content textarea{
	margin-left:10px;
}
#content table tr td a span{
	display:none;
}
#content form textarea{
	font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size:80%;
}
#content ul li.lnks{
	list-style-image:url(../picture/content/list_point.gif);
}
#content ul li.lnks a{
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#000;
}
#content table.form{
	width:550px;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
#content table.form tr.odd{
	background-color:#D8EF99;
}
#content table.form tr td{
	font-size:80%;
	padding:7px;
	border-top:1px solid #B8D567;
}
#content table.arrangements tr td{
	padding:0px;
	border-top:0px solid #B8D567;
}
#content table.form tr td.label{
	width:155px;
	text-align:left;
	font-weight:bold;
	display:table-cell;
	vertical-align:top;
}
#content table.form tr td table{
	margin:0px;
	padding:0px;
	width:100%;
}
#content table.form tr td.input, #content table.form tr td table tr td.inputspan{
	text-align:left;
	display:table-cell;
	vertical-align:top;
}
#content table.form tr td table tr td.labelspan{
	text-align:left;
	font-weight:bold;
	display:table-cell;
	vertical-align:top;
	font-size:100%;
	border:none;
	margin:0px;
	padding:0px;
}
#content table.form tr td table tr td.inputspan{
	border:none;
	font-size:100%;
	width:225px;
	margin:0px;
	padding:0px;
}
#content table.form tr td.input input,#content table.form tr td.input select,#content table.form tr td.input textarea{
	margin:0px;
	border:1px solid #008000;
	background-color:#fff;
	font-family:Verdana,Helvetica,sans-serif;
}
#content table.form tr td.input input, #content table.form tr td.input textarea{
	width:345px;
	font-size:100%;
}
#content table.form tr td.input textarea{
	height:110px;
}
#content table.form tr td.input input.button, #content table.form tr td.input input.radio, #content table.form tr td.input input.checkbox{
	border:none;
	background-color:transparent;
	width:auto;
}
#content table.form tr td.input table{
	width:350px;
}
#content table.form tr td.input table tr td{
	font-size:100%;
}
#content table.form tr td.buttons{
	text-align:left;
	margin:0px;
	padding:12px 0px 0px 0px;
}
#content table.form tr td.buttons img{
	margin:0px;
	padding:0px;
}
#content table.form tr td.buttons .button{
	margin-right:9px;
}
#content table.form tr td.buttons input{
	margin:0px;
	padding:0px;
}
#content div.home_text {
	position: relative;
	float:left;
	width: 210px;
	font-size: 90%;
	text-align: left;
}
#content div.home_links {
	position: relative;
	float:left;
	width: 333px;
	margin-left: 15px;
	text-indent: 0px;
}
#content div.home_links div.home01{
	position: relative;
	float:left;
	width:105px;
	height:147px;
}
#content div.home_links div.home01 a{
	width:105px;
	height:147px;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#content div.home_links div.home02{
	position: relative;
	float:right;
	width:207px;
	height:147px;
}
#content div.home_links div.home02 a{
	width:207px;
	height:147px;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#content div.home_links div.home03{
	position: relative;
	float:left;
	clear: both;
	width:207px;
	height:147px;
	margin-top: 15px;
}
#content div.home_links div.home03 a{
	width:207px;
	height:147px;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#content div.home_links div.home04{
	position: relative;
	float:left;
	clear: both;
	width:333px;
	height:135px;
	margin-top: 15px;
}
#content div.home_links div.home04 a{
	width:333px;
	height:135px;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#content div.home_links div.home05 a{
	width:330px;
	height:95px;
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#content div.home_links div span {
	display: none;
}

/* digitale_tour */
#digital_tour{
	height:400px;
	width:527px;
	position:relative;
	float:left;
	margin-left:15px;
	_margin-left:8px;
	padding:0px;
	border:1px solid #020300;
	background-color:#D8EF99;
}
#digital_tour #tour_header{
	width:527px;
	height:58px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#digital_tour #tour_header h3{
	width:527px;
	height:58px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#digital_tour #tour_header h3 span{
	display:none;
}
#digital_tour #options{
	width:106px;
	height:340px;
	position:relative;
	float:left;
	margin:0px 3px 0px 3px;
	padding:0px;
}
#digital_tour #options ul.movie_links{
	width:106px;
	height:266px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#digital_tour #options ul.movie_links li{
	width:106px;
	height:26px;
	margin-bottom:4px;
	_margin-bottom:1px;
	padding:0px;
}
#digital_tour #options ul.movie_links li a{
	width:106px;
	height:26px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
}
#digital_tour #options h6{
	position:relative;
	float:left;
	width:106px;
	height:15px;
	margin:0px;
	padding:0px;
}
#digital_tour #options h6 span{
	display:none;
}
#digital_tour #options ul.play_options{
	width:106px;
	height:54px;
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#digital_tour #options ul.play_options li{
	width:53px;
	height:54px;
	margin:0px;
	padding:0px;
	float:left;
}
#digital_tour #options ul.play_options li a{
	width:53px;
	height:54px;
	margin:0px;
	padding:0px;
	display:block;
	overflow:hidden;
}
#digital_tour #options ul.play_options li.quick{
	background:transparent url(../picture/content/common/digital_tour_quick_logo.gif) top left no-repeat;
}
#digital_tour #options ul.play_options li.java{
	background:transparent url(../picture/content/common/digital_tour_java_logo.gif) top left no-repeat;
}
#digital_tour #movie{
	width:400px;
	height:300px;
	position:relative;
	float:right;
	margin-right:10px;
	_margin-right:5px;
	padding:0px;
	border:2px solid #000;
}

/* CLEAR */
#clear{
	height:45px;
	width:1%;
	margin:0px;
	padding:0px;
	clear:both;
}

/* COLOFON */
#colofon{
	position:relative;
	float:left;
	margin-top:-27px;
	margin-bottom:0px;
	width:100%;
	height:25px;
	background-color:#008000;
	border-top:2px solid #FFF;
}
#colofon p{
	font-size:65%;
	font-style:italic;
	margin:5px 0px 0px 5px;
	padding:0px;
	color:#FFF;
}
#colofon p a{
	margin:0px;
	padding:0px;
	color:#FFF;
}