@import url("reset.css");
@import url("kleuren.css");

/* Standaardelementen */
body 
{
	background-image:url("/Content/images/bg.gif");
	background-repeat:repeat-x;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	line-height:1.5em;
	text-align:center;
	padding-top:25px;
}
	
#container 
{	
	width:790px;
	margin:auto auto 10px auto;
	text-align:left;	
}

#header 
{
	float:left;
	width:790px;
	height:138px;
	background-image:url("/Content/images/header.gif");	
}

#mainmenu 
{
	float:left;
	width:790px;
	height:20px;
}

#mainmenu a
{
	font-family:Impact;
	color:#ffffff;
	text-decoration:none;
	float:left;
	margin-left:20px;
	font-size:1.3em;
	letter-spacing:0.2pt;
	font-weight:100;
}

#logo 
{
	float:left;
	margin:10px;
}

#banner
{
	width:790px;
	height:200px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	float:left;
}

#offerte
{
	width:203px;
	margin:17px 0px 17px -300px;
	height:76px;
	float:left;
	padding:15px;
	padding-top:25px;
	background-repeat:no-repeat;
	color:White;
	font-size:1.3em;
	font-weight:bold;
}
#bannerTooltje
{
	float:left;
	width:350px;
	height:200px;
	background-color:White;
}

#content {
	float:left;
	padding:20px;
	width:750px;
	background-color:#232220;
}

#footer 
{
	background-image:url("/Content/images/header.gif");
	height:30px;
	text-align:center;
	float:left;
	width:750px;
	padding:5px 20px 0px 20px;
	margin-bottom:3px;
	vertical-align:center;
}

#footer a 
{
	color:#ffffff;
}

#home #text 
{
	background-color:#232220;
	width:430px;
	float:left;	
}

#home #form 
{
	width:260px;
	height:330px;
	padding:30px 30px 20px 30px;
	float:right;
	position:relative;
	top:-80px;
	background-image:url("/Content/images/backcontact.png");
	background-repeat:repeat-y;
}

#form label 
{
	color:#333333;
	position:relative;
	top:4px;
	font-size:1em;
}

#form input 
{
}

#text 
{
	background-color:#232220;
}

a {
	color:#b93135;
}

p 
{
	margin:10px 0px 10px 0px;
}

#boatResults
{
	width:520px;
	float:left;
}

#rechts
{
	width:160px;
	float:right;
}
.boatResult
{
	width: 140px;
	height: 180px;
	float: left;
	display: none;
	border:1px solid #6e6e6e;
	background-color: #31302f;
	color: #cccccc;
	margin: 5px;
	padding: 5px;
	line-height:9pt;
}
.boatResult a 
{
    font-size:1.2em;
    color:#ffffff;
    height:30px;
}
.box 
{
    width:200px;
    height:60px;
    float:left;
    border-bottom:1px dotted #666666;
}

.box h2 
{
    font-size:1.1em;
    margin-bottom:5px;
    margin-top:5px;
    color:#ffffff;
}
/* de linkbar */
  div#linkbar {
                position:absolute;
                background-color:#000;
                height:25px;
                padding-top:5px;
                width:100%;
                position: absolute; /* important */
                font: 11pt Arial, Helvetica, sans-serif;
               filter: alpha(opacity=70); /* here you can set the opacity of box with text */
               -moz-opacity: 0.7; /* here you can set the opacity of box with text */
               -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
               opacity: 0.7; /* here you can set the opacity of box with text */
               color: #fff;               
			top:0px;
			clear:both;
            }
            
            div#links 
            {
                width:603px;
                margin:auto;
            }
            
            span.link
            {
                float:left;
                width:200px;
                border-right:1px solid #666;
            }
            
            span.link a 
            {
            	/*color:#666;*/
            	color:#A8A8A8;
            	font-family:Arial;
            	font-size:9pt;
            }
            
            span.link a:hover 
            {
            	color:Orange;
            }