/* 

STYLE SHEET FOR GAST.NL
Created by Tiger Media
www.tigermedia.nl

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks
	7. content

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #000 url(../images/background.jpg) no-repeat  top center;
		color:#fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		}
		
	
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 800px;
		margin: 0 auto;
		}
		
#logo {
		margin-left:190px;
		margin-top:46px;
		}
		
					
#navContainer {
		background:url(../images/menu-back.jpg) no-repeat;
		width: 628px;
		height:44px;
		margin-left:102px;
		margin-top:7px;
		}

#content {
		margin-top:10px;
		}
		


#footer {
		height:20px;
		color: #656363;
		padding-top: 5px;
		font-size: 10px;
		clear: both;
		width:100%;
		margin-bottom:25px;
				}

#footer span {
	float:left;
}
#footer span#footerLogo{
	float:right;
}
.separator {
		clear: both;
		height: 0;
		 display: block;
		}

/* ---------- 3. links and navigation ---------- */

a {
	color:#cd4407;
		}
		
a:hover {
	color:#ed8355;
		}
		
a.wit {
	color:#000;
	text-decoration:none;	
}

a.wit:hover {
	text-decoration:underline;
}

#footer a {
		color:#656363;
		text-decoration:none;
		}
		
#footer a:hover {
		text-decoration:underline;
		}	
		
		
		
#nav {
		height:43px;
		float: left;
		margin: 0;
		padding:0;
		padding-top:1px;
		padding-left:131px;
	}
#nav li {
		list-style: none;
		float: left;
	}
#nav a {
		float: left;
		display: block;
		text-decoration: none;
		text-transform:uppercase;
	}
	
/* hover state */

#nclub {
		background:url(../images/menu-club.gif) top left no-repeat;
		width:51px;
		height:43px;
}

#nclub:hover, #nclub.active {
		background:url(../images/menu-club.gif) top right no-repeat;
		width:51px;
}

#nnieuws {
		background:url(../images/menu-nieuws.gif) top left no-repeat;
		width:70px;
		height:43px;
}

#nnieuws:hover,  #nnieuws.active {
		background:url(../images/menu-nieuws.gif) top right no-repeat;
		width:70px;
}

#nfotos {
		background:url(../images/menu-fotos.gif) top left no-repeat;
		width:59px;
		height:43px;
}

#nfotos:hover,  #nfotos.active {
		background:url(../images/menu-fotos.gif) top right no-repeat;
		width:59px;
}

#nmsgboard {
		background:url(../images/menu-msg.gif) top left no-repeat;
		width:91px;
		height:43px;
}

#nmsgboard:hover,  #nmsgboard.active {
		background:url(../images/menu-msg.gif) top right no-repeat;
		width:91px;
}

#ngast {
		background:url(../images/menu-gast.gif) top left no-repeat;
		width:70px;
		height:43px;
}

#ngast:hover,  #ngast.active {
		background:url(../images/menu-gast.gif) top right no-repeat;
		width:70px;
}



/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		font-size:18px;
		margin-bottom: 10px;
		}

h2 {
		font-size:14px;
		margin-bottom: 5px;
		}

h3 {
		}
		
h4 {
		}

p {
		}

ul {
		list-style-type: none;
		}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  

/* ---------- 7. content ---------- */

#welkom {
		background:url(../images/welkom-bij-club-friends.jpg) no-repeat;
		width: 355px;
		height: 116px;
		padding:144px 274px 0 171px;
}

#nieuwsCon {
	background: url(../images/friends-nieuws-back.jpg) no-repeat;
	width: 371px;
	height: 175px;
	margin-top:3px;
	padding: 55px 39px 22px 49px;
	float:left;
}

#nieuwsCon h1 {
	float:left;
	font-size:14px;
	margin-top:-4px;
}

#nieuwsCon span#datum {
	font-size:11px;
	float:right;
	clear:right;
}

#nieuwsCon img {
	max-width: 372px;
	max-height:150px;
}
		

#fotoHome a{
	background: url(../images/foto-home.jpg) left no-repeat;
	width:338px;
	height:252px;
	float:left;
	margin-top:3px;
	margin-left:3px;
	text-decoration:none;
}

#fotoHome a:hover{
		background: url(../images/foto-home.jpg) right no-repeat;
}

.nieuwsContainer {
		background:url(../images/nieuwsback.png) repeat ;
		border: 1px solid #fff;
		padding:5px 5px 5px 5px;
		margin-bottom: 10px;
}

.nieuwsContainer span {
	float:right;
	margin-top:5px;
}

#msgFormContainer {
	background:url(../images/msgback.jpg) no-repeat;
		width: 800px;
		height: 491px;
		clear:both;
		margin-bottom:10px;
		padding:20px 10px 10px 20px;
}

.thumbscontainer {
	background:url(../images/nieuwsback.png) repeat ;
	padding:10px 10px 10px 10px;
		border: 1px solid #fff;
}

.thumbscontainerHidden { 
display:none;
}

.thumbs img {
	padding: 4px;
}


.thumbs img:hover {
	border: 4px solid #fff;
	padding: 0;
}

.childscontainer {
		background:url(../images/nieuwsback.png) repeat ;
	padding:10px 10px 10px 10px;
		border: 1px solid #fff;
}

#smiliesCon {
	display: none;
	float:left;
	width: 150px;
	background: #fff;
	border: #333;
	margin-left:5px;
	padding:5px;
}

#smiliesCon img{
	margin:2px;
}

.adminreply {
	background-color:#ac4040;
	width:80%;
	padding:5px;
	border:1px solid #e9e9e9;
}