body {
color : #FFFFFF; 
margin : 0; 
font-size : 10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
background-color: #999999;
}
#wrapper {
width:950px;
margin-left : auto; 
margin-right : auto; 
}
#header {
background-image : url(http://www.titanicboyke.be/new/images/header2.jpg); 
height : 225px; 
width : 950px;
cursor: pointer;
}
.bg { 
background-image : url(http://www.titanicboyke.be/new/images/middle.jpg); 
background-repeat : repeat-y; 
} 
#nav {
width : 950px; 
background-image : url(http://www.titanicboyke.be/new/images/buttons2.jpg); 
background-repeat : no-repeat; 
height : 25px;
line-height : 25px; 
text-align: center; 
}
#sidebar1 {
float : left; 
width : 150px; 
color : #ffcc00;
}
#sidebar2 { 
float: right;
width : 150px; 
color : #ffcc00;
} 
#main {
width : 650px; 
margin : 0; 
padding : 0; 
float : left;
color : #FFFFFF;
}
.maincontent { 
margin : 10px; 
width : auto; 
text-align : justify; 
}
#footer {
clear:both;
text-align : center; 
color : #FFFFFF; 
width : 950px; 
height : 25px; 
bottom : 0; 
line-height : 25px; 
background-image : url(http://www.titanicboyke.be/new/images/footer2.jpg); 
}
#footer a:hover { 
color : #ffcc00; 
text-decoration : underline; 
} 
#footer a { 
color : #ffffff; 
text-decoration : underline; 
}
.left { 
text-align : left; 
} 
.right { 
text-align : right; 
}
hr { 
width : 90%; 
color : #000000; 
height : 1px; 
}
h3 {
	margin: 2px;
	padding: 5px 0;
	font-size: 12px;
	color: #cc9933;
	border-bottom: 1px solid #333;
}
.side_column_section {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #333;
}
.side_menu {
	padding: 0px;
	margin: 2px;
	list-style: none;
}
.side_menu li {
	margin: 0px;
	padding: 2px 0;
	border-bottom: 1px dashed #666;
	text-decoration: none;
}
.side_menu li a {
	color: #000000;
	text-decoration: none;
}
.side_menu li a:hover {
	color: #660000;
	text-decoration: none;
	background-color: #756d62;
	display: block;
	font-weight: bold;
}
.title { 
background: url(http://www.websitebullets.com/bullet/807/2.gif) no-repeat 0 50%;
width : auto; 
padding : 0 0 0 10px; 
border-bottom : 1px solid #990000; 
text-align : left; 
font-weight : bold; 
font-size : 14px;
color : #000000;
}
.poll td { 
height : 25px; 
}
.rood{
color: #990000;
}
.groen{
color: #009900;
}
.oranje{
	color: #ff6600;
}
.blauw{
color: #0000cc;
}
.lblauw{
	color: #00cccc;
}
.kader {
	border: 1px solid #003333;
	background-color: #FDFDFD;
	width: 100%;
}
.rij1 {
	background-color: #FAFAFA;
	height: 21px;
}
.rij2 {
	background-color: #F2F2F2;
	height: 21px;
}
.bottom2 {
	border-bottom: 1px dashed #003333;
	background-color: #F2F2F2;
	height: 20px;
}
.bottom2_tr td {
	border-bottom: 1px dashed #003333;
	background-color: #F2F2F2;
	height: 20px;
}
.crew20{
padding: 5px;
width: 20%;	
}
.crew80{
padding: 5px;
width: 80%;
}
.crewuitleg{
width: 80%;
text-align: justify;
padding: 10px;
}
.crewfo{
	padding: 10px;
	border-right: 1px;
	border-right-style: dashed;
	border-right-color: #003333;
	width: 10%;
}
.crewimg{
border: 1px;
border-style: solid;
border-color: #CCCCCC;
}
.underline{
text-decoration: underline;
}
.center { 
text-align : center;
border-style: none;
} 
p
{
	padding: 4px;
}
#lightbox { 
position : absolute; 
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0; 
} 
#lightbox img { 
width : auto; 
height : auto; 
} 
#lightbox a img { 
border : none; 
} 
#outerImageContainer { 
position : relative; 
background-color : #fff; 
width : 250px; 
height : 250px; 
margin : 0 auto; 
} 
#imageContainer { 
padding : 10px; 
} 
#loading { 
position : absolute; 
top : 40%; 
left : 0%; 
height : 25%; 
width : 100%; 
text-align : center; 
line-height : 0; 
} 
#hoverNav { 
position : absolute; 
top : 0; 
left : 0; 
height : 100%; 
width : 100%; 
z-index : 10; 
} 
#imageContainer > #hoverNav { 
left : 0; 
} 
#hoverNav a { 
outline : none; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
display : block; 
} 
#prevLink{ 
left : 0; 
float : left; 
} 
#nextLink{ 
right : 0; 
float : right; 
} 
#prevLink hover, #prevLink visited{ 
background: url(http://www.titanicboyke.be/images/prevlabel.gif) left 15% no-repeat; }
#nextLink hover, #nextLink visited{
background: url(http://www.titanicboyke.be/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
} 
#imageData { 
padding : 0 10px; 
color : #666; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#imageData #bottomNavClose { 
width : 66px; 
float : right; 
padding-bottom : 0.7em; 
outline : none; 
} 
#overlay { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 90; 
width : 100%; 
height : 500px; 
background-color : #000; 
}
.luvcal {
background: url(http://www.titanicboyke.be/afbeeldingen/love_calculator_bg.gif) no-repeat; 
color : #FFFFFF;
height : 199px; 
width : 399px;
}
.luv1 {
	color: #FFFFFF;
	font-weight: bold;
}
.luv2 {
	color: #FFFF00;
	font-size: 14px;
}
.pone
{
border: 1px dashed #333333;
width: 70%;
background-color:#666666; 
}
fieldset {
border: 1px solid #660000;
width: auto;
padding: 5px;
}
fieldset legend {
font-weight: bold;
color: #660000;
}
.hoofdinhoud {
border: 1px solid #003333;
width: 100%;
height: 25px;
}
.tdinhoud {
border-bottom: 1px solid #003333;
background-color: #dddddd;
} 
.inhoudonder {
background-color: #ededef;
}
img{
border: 0;
}