/* OFFSHORE SURFCLUB STYLESHEET */

body
{

color: #FFFFFF;

/*font-size: 100%;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
font: 11px Verdana, Helvetica, sans-serif;
line-height: 1.4em;
text-align: center; /*voor IE*/
margin: 0px;
margin-bottom: 120px;
padding: 0px;
background-color: #333333;

}

#container
{
text-align: left; /*voor IE */
margin: 0 auto;
width:800px;
line-height: 1.2;
}

a:link, a:visited, a:active
{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:hover
{
color: #ee0000;
text-decoration: none;
border-bottom: 1px #ee0000 solid;
}

#header
{
margin-top:20px;
width: 800px;
height: 253px;
background-image: url(images/OFFSHORE_HEADER.jpg);
}

#header h1
{
display: none;
}

#navcontainer
{
width: 800px;
background-repeat:no-repeat;
background-image: url(images/OFFSHORE_NAVIGATIE.jpg);
}

#nav
{
margin: 0px;
padding: 0px;
padding-top: 6px;
margin-left: 50px;
margin-right: 0px;
padding-bottom: 30px;
list-style-type: none;
word-spacing: 2em;
font-size: 11px;
}

#center{
list-style-type: none;
}
#nav li
{
display: inline;
}

#contenttitles
{
margin-top: -10px;
width: 800px;
height: 46px;
background-image: url(images/OFFSHORE_TITLES.jpg);
}

.left 
{
	float:left;
} 

.right 
{
	float:right;
}

.inside {
	border: 4px solid #FFFFFF; 
	background: #6197dd;            
	color: #FFFFFF;    
	margin-top: 10px;
	padding-left: 10px;             
	padding-right:10px;  
	width:526px;
	margin-left:30px;
	}

.inside2 {
	border: 4px solid #FFFFFF; 
	background: #6197dd;            
	color: #FFFFFF;    
	margin-top: 10px;
	padding-left: 10px;             
	padding-right:10px;  
	width:705px;
	margin-left:30px;
	}


	
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

.POTW {
	border: 4px solid #FFFFFF; 
	background: #6197dd;            
	color: #FFFFFF;    
	margin-top: 10px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 5px;             
	padding-right:6px;  
	width:140px;
	margin-left:12px;
	}

.SHOUTTitle
 {
	background-image: url(images/OFFSHORE_SHOUT.jpg);
	background-repeat:no-repeat;
	margin-top: 15px;
	margin-left:12px;
	height:35px;
	width:168px;

}


.SHOUT {
	border: 4px solid #FFFFFF; 
	background: #6197dd;            
	color: #FFFFFF;    
	margin-top: 10px;
	padding-left: 10px;             
	padding-right:10px;  
	width:140px;
	margin-left:12px;
	}

.shoutbox
{
 visibility: hidden;
 margin-top:15px;
}


	
#footer
{
clear: both;
margin-top:5px;
width: 800px;
height: 42px;
background-image: url(images/OFFSHORE_FOOTER.jpg);
background-repeat:no-repeat;
}

#rightcontainer {
float: left;
background-color: white;
}

#surfclub2
{
margin-top: -10px;
width: 800px;
height: 46px;
background-image: url(images/SURFCLUB_HEADER.jpg);

}

#surfclub
{
margin-left: 30px;
margin-top: -10px;
width: 705px;
height: 21px;
background-color: #6197dd;
border: 4px solid #FFFFFF; 
}

.surfclub
{
padding-left: 20px;
padding-top: 6px;
font-family: tahoma, verdana;
font-weight: bold;
font-size:12px;
}

.insidecontent
{
margin-top:10px;
width: 705px;

}


.party
{
border: 0px solid #FFFFFF; 
}


.clear {clear:both; }

.weer
{
width:320px;
}
 

.newsitems
{
font-size:11px;
font-weight:normal;

}

.partner
{
border: 3px solid #FFFFFF; 
margin-top:5px;
}

.forum
{
width:400px;
}

.triatlon
{
width:300px;
}

.shoutbox
{
font-weight: normal;
}

.red
{
color: #d90c0c;
font-weight:bold;
}

#content h1{
	font-family: "Century Gothic", Trebuchet MS, Myriad, Verdana, Arial, Helvetica, sans-serif;	
	color: #de5221;
	font-weight: normal;
	font-size: 120%; 
	}

#content h3{
	font-family: "Century Gothic", Trebuchet MS, Myriad, Verdana, Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	font-weight: normal;
	font-size: 110%; 
	}

.oranje
{
	color: #ff7d01;
}

h3 {
color:#fbcf00;
	line-height:100%;
	font:italic 1.4em Georgia;
}

/* p.na{margin:0 0 0 4px;width:525px;height:24px;background:url("images/feather.jpg") no-repeat;} */

/* Offshore riderz Code */

#main {
	float:left;
	width:692px;
	margin:36px 0 0 0;
	}


	#main .section p,
		#main .related-items p  {
		float:left;
		
		text-align:center;
		margin:0 0 18px 36px;
		display:inline;
		border:0px solid #ff0000;
		}
	

	.section span, .related-items span  {
		display:block;
		padding-top:3px;
		}



			span.thumbnail {
				margin:0;padding:0;
				width:101px;height:79px;
				background:#000 url(/css/images/hover.png) no-repeat 0 0;
				}


	

	
#profiel{
	float:left;
	width: 400px;
}
	
#koptje{
	border-style: solid;
	}

.profile{
	border-style: solid;
	margin-left:150px;
	}

.location{
	color:#2a6d90;
}

.event{
background-color:#85db18;
}