/************************************************************************************************	

TITEL: THE CREW
AUTEUR: BASING.NL
DATUM: OKTOBER 2008

*************************************************************************************************

CSS REFERENCE
------------------
1: TEMPLATE

2: CONTAINER
	2.1: homepage
	2.2: subpage_small
	2.3: subpage_wide

3: HEADER
	3.1: logo
	3.3: menu
	
4: DIVISIONS, SPLITS & PADDINGS
	4.1: divisions
	4.2: splits
	
5: LISTS
	5.1: list1
	
6: BOXES
	6.1: box1

7: MISCELLEANOUS
	7.1: headings
	7.2: mark
	7.3: crew_links
	7.4: ui
	7.5: tabs
	7.6: hr
	7.7: align
	7.8: float

8: FOOTER
	8.1: menu
	
*/

/************************************************************************************************/
/*1: TEMPLATE*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:helvetica; font-size:12px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{background:white; }
p{color:white; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;}
#division.d2 #right a, #division.d2 #right em{color:#ffcc00; font-style:normal;}

/************************************************************************************************/
/*1: CONTAINER*/
/************************************************************************************************/
#container{width:1018px; margin:auto auto;}
#container #page{background:url(../images/page.gif) repeat-y top left; position:relative;}
#container #page .lint{width:978px; height:53px; left:20px; bottom:0px; margin-bottom:30px; z-index:500; position:absolute; background:url(../images/lint.png) no-repeat top left; }
#container #page.subpage_wide .lint{display:none;}

/*homepage*/
#container #page.homepage #background{height:560px; background:url(../images/background_homepage.jpg) no-repeat bottom left; }

/*subpage_small*/
#container #page.subpage_small #background{padding:0px 0px 60px 0px; position:relative; background:url(../images/background_subpage_small.jpg) no-repeat bottom left; zoom:1}

/*subpage_wide*/
#container #page.subpage_wide #background{padding:0px 0px 100px 0px; position:relative; background:url(../images/background_subpage_wide.jpg) no-repeat bottom left; zoom:1}

/************************************************************************************************/
/*3: HEADER*/
/************************************************************************************************/
#header{height:155px; position:relative; }
#page.homepage #header{height:60px; }

/*logo*/
#header .logo{width:103px; height:54px; top:40px; left:45px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/logo2.gif) no-repeat top left; }
#page.homepage #header .logo{top:34px; left:auto; right:50px; width:116px; height:69px; background:url(../images/logo.gif) no-repeat top left;}

/*menu*/
#header .menu{left:54px; top:32px; position:absolute; }
#header .menu li{float:left; padding-right:10px;}
#header .menu li a{color:#737578; text-decoration:none; font-weight:bold; font-size:11px; }

/*banner*/
#header .banner{width:532px; height:280px; top:0px; left:205px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/header_banner.gif) no-repeat top left;}

/************************************************************************************************/
/*4: DIVISIONS, SPLITS & PADDINGS*/
/************************************************************************************************/
/*division*/
#division{}
#division.d1{position:relative;}

.d2{width:690px; margin:0px 0px 0px 44px; padding:0px 0px 40px 0px; background:url(../images/division_d2.gif) repeat-y top left; }
#division.d2 #left{width:215px; margin:0px 38px 0px 11px; display:inline; position:relative; float:left; padding-bottom:55px;}
#division.d2 #right{width:393px; padding:25px 0px 0px 0px; position:relative; float:left;}

#page.subpage_wide .d2{width:919px; padding:0px; background:url(../images/division_d2_wide.gif) repeat-y top left; }
#page.subpage_wide #division.d2 #left{width:215px; margin:0px 34px 0px 11px; display:inline; position:relative; float:left;}
#page.subpage_wide #division.d2 #right{width:631px; padding:25px 0px 20px 0px; position:relative; float:left;color:White;}
#page.subpage_wide #division.d2 .bottom{width:919px; height:10px; background:url(../images/division_d2_bottom.gif) no-repeat top left; }

/*splits*/
.split{}
.split.s1{position:relative; zoom:1;}
.split.s1 .left{width:350px; margin:0px 30px 0px 0px; float:left; position:relative; display:inline;}
.split.s1 .right{width:251px; float:left; position:relative; }

/************************************************************************************************/
/*5: LISTS*/
/************************************************************************************************/

/*list 1*/
.list.l1{padding-top:10px;}
.list.l1 li{padding:5px 0px 5px 10px; border-bottom:1px solid #806600; font-size:11px; position:relative;}
.list.l1 li.on{ background:url(../images/list_l1_mark.gif) no-repeat 200px 0px; }
.list.l1 li a{padding:0px 0px 0px 10px; color:white; text-decoration:none; font-size:11px; background:url(../images/list_l1.gif) no-repeat center left; }
.list.l1 li.on a, .list.l1 li a:hover{color:#ffcc00; background:url(../images/list_l1_on.gif) no-repeat center left;}

.list.l1 li ul{padding:0px 0px 5px 0px;}
.list.l1 li ul li{padding:0px 0px 0px 10px; line-height:17px; border-bottom:0px; font-size:11px; }
.list.l1 li ul li a{padding:0px 0px 0px 0px; background:none; }
.list.l1 li.on ul li a{color:white; background:none;}
.list.l1 li ul li span{width:8px; height:4px; display:block; right:5px; top:-25px; position:absolute; background:url(../images/list_l1_mark.gif) no-repeat top left; }
.list.l1 li ul li.on a, .list.l1 li ul li a:hover{color:#ffcc00; background:none;}
.list.l1 li ul li.on{background:none;}
.list.l1 li ul li.on ul li a{color:white; background:none;}
.list.l1 li ul li ul li.on a, .list.l1 li ul li ul li a:hover{color:#ffcc00; background:none;}

/************************************************************************************************/
/*6: BOXES*/
/************************************************************************************************/
/*box 1*/
.box1{}
.box1 .heading{width:631px; height:31px; position:relative; background:url(../images/box1_heading.gif) no-repeat top left; }
.box1 .heading h1{line-height:30px; padding:0px 0px 0px 45px; font-size:12px; color: Black; }
#division.d2 #right .box1 .heading a.all{line-height:30px; right:15px; top:0px; position:absolute; color:black; text-decoration:none; font-size:11px; }

.box1 ul{}
.box1 ul li{width:631px; height:39px; display:block; position:relative; background:url(../images/box1_li.gif) no-repeat top left; border-bottom:1px solid #a5a6a8; }
.box1 ul li.last{background:url(../images/box1_li_last.gif) no-repeat top left; border:0px;}
.box1 ul li.last:hover{background:url(../images/box1_li_last_hover.gif) no-repeat top left;}

.box1 ul li:hover{background:url(../images/box1_li_hover.gif) no-repeat top left; }
#division.d2 #right .box1 ul li h2 a{left:45px; top:5px; font-size:11px; position:absolute; color:black; text-decoration:none; }
.box1 ul li p{left:45px; top:18px; font-size:11px; position:absolute; color:#67696c;}
#division.d2 #right .box1 ul li a.all{font-size:11px; color:#67696c; width:75px; text-decoration:none; top:20px; margin:0px 0px 0px 552px; display:block; padding-top:18px; }

.box1 .content{padding:25px 0px 0px 45px;}
.box1 .content p, .box1 .content a, .box1 .content strong{font-size:11px;}
 
/************************************************************************************************/
/*7: MISCELLEANOUS*/
/************************************************************************************************/
table{ border-collapse:collapse;}
strong.alt{color:#ffcc00;}
span.alt{font-weight:normal;}
#division.d2 #right a.alt{color:white;}

/*headings*/
#page.homepage #division.d1 h1{display:none;}
h2{color:#ffcc00; font-size:15px; }
h3{color:#ffcc00; font-size:12px; font-weight:normal;}

/*mark*/
.mark{line-height:35px; display:block; padding:0px 30px 0px 0px; right:0px; top:15px; position:absolute; text-decoration:none; background:url(../images/ico_mark.gif) no-repeat center right; font-weight:normal; }

/*crew links*/
.crew_links a{position:absolute; overflow:hidden; text-indent:-4000px; }
.crew_links .crew_left{width:202px; height:410px; left:303px; top:90px; }
.crew_links .crew_center{width:221px; height:493px; left:496px; top:0px;}
.crew_links .crew_right{width:183px; height:421px; left:709px; top:73px;}

/*ui*/
.ui{}
.ui.text{border:1px solid #cfcfcf; margin-bottom:3px; width:280px; padding:1px 0px 1px 0px; }
.ui.submit1{width:74px; height:22px; background:url(../images/ui_submit1.gif) no-repeat top left; border:0px; cursor:pointer; }

/*tabs*/
.tabs{height:9px; margin:0px 0px 0px 0px; position:relative; }
.tabs .tab_menu{width:108px; height:38px; top:-38px; left:0px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/tab_menu.gif) no-repeat top left;}
.tabs .tab_mijngegevens{width:98px; height:24px; top:-24px; left:103px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/tab_mijngegevens.gif) no-repeat top left;}
#page.subpage_small .tabs{background:url(../images/tabs.gif) no-repeat bottom left;}
#page.subpage_wide .tabs{background:url(../images/tabs2.gif) no-repeat bottom left;}

/*hr*/
.hr{border-bottom:1px solid #806600; }
.hr hr{display:none;}

/*align*/
.align_right{text-align:right;}

/*float*/
.float_right{float:right; padding:0px 0px 10px 15px; }

/************************************************************************************************/
/*8: FOOTER*/
/************************************************************************************************/
#footer{position:relative; height:30px;}

/*menu*/
#footer ul{right:100px; top:0px; position:absolute; }
#footer ul li{float:left;}
#footer ul li a{color:#7f7f7f; font-size:9px; text-decoration:none; }
#footer ul li span{padding:0px 3px 0px 3px; color:#7f7f7f; font-size:11px; }

#divSiteMap ul{ padding:0px 3px 0px 25px;}

/*---------- Get Active--------------*/


div#right table.tbl-activities, div#right table.tbl-products{margin-bottom: 20px;}
div#right table.tbl-activities tr td, div#right table.tbl-products tr td{color: White;height: 20px;	width: 200px;vertical-align:bottom;	height: 30px;}
div#right table.tbl-products tr td label{color: Black;}
div#right div.activities div#content{padding: 5px 10px;color: Black;}
div#right div.activities .heading{margin-bottom: 30px;}
div#right div.activities{background-color: #E3E4E5;}
div#right div.activities textarea{vertical-align:top;margin-left:20px;margin-bottom:10px;width: 420px;}
div#right span#tipNoProducts{margin: 40px 0px;}
div#right div.activitie div#content{padding: 10px 20px;}
div#right div.activities select{margin:0px 2px;}


/*%%%%%%%%%% 20/11/2008	%%%%%%%%%%*/

#right div.bodytext ul,
#right div.bodytext ul li {
	list-style:disc inside;
	}
#right div.bodytext ol,
#right div.bodytext ol li {
	list-style:decimal inside;
	}
#right div.bodytext li * {
	color:#FFFFFF !important;
	}
div.bodytext em {
	font-style:italic !important;
}
div.bodytext div.visual {
	float:right;
	border-top:0px solid #000000;
	border-right:0px solid #000000;
	border-bottom:10px solid #000000;
	border-left:10px solid #000000;
	}
label {padding:0 0 0 5px;}

.activities  #content {
	overflow:hidden;
	}
.activities  table {
	clear:left;
	}
.activities  textarea {
	position:relative;
	float:left;
	clear:both !important;
	margin-left:0px !important;
	width:600px !important;
	margin-top:10px;
	}
div.submitButton {
	clear:both;
	overflow:hidden;
	text-align:right;
	padding:0 9px 10px 0;
	}
	
div.hometxt {
	position:absolute;
	top:7px;
	left:33px;
	}