body {
	
    background-image:url(../images/main/background.jpg);
	background-color: #02a2f0;
	background-repeat: repeat;
	/*background-color: #ccc;*/
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5em;  
	padding:0;
	margin:0;
	color:#000;
}


a:link, a:visited {
	color:#02a2d0;
	text-decoration:none;
}

a:hover {
	color:#FF3366;
	text-decoration:none;
	text-decoration:underline;
}

.clearthefloats {
clear:both;
}


#container {
	position: relative;
	width: 986px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	text-align: left;
	overflow:hidden;
	}
	
#schaduw {
background-image: url(../images/bg2.png); width: 1004px; margin: 0 auto; padding: 0;	
}


#kop {
position:absolute;
width:986px;
height:89px;
margin:0;
top:0;
float:left;
position:relative;
float:left;
background-color:#02a2d0;
}
/* MANDJE
-------------------------------------------------------*/
#mandje {
position:absolute;
	width:180px;
	height:68px;
	margin:0;
	padding:10px 0 0 0;
	top:0px;
	right:0px;
	background: #fff;
	background-image: url(/images/rechtstop.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#02a2d0;	
}
#mandje td {
padding:0;
font-size:10px;
}
#mandje img {
margin:0 0 0 25px;
}
#demokop {
position:absolute;
	width:153px;
	height:98px;
	margin:0;
	top:0px;
	left:0px;
	background: #fff;
	background-image: url(/images/rechtstop.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:#02a2d0;	
}
#demokop img {
margin:0;
}

#kop h1 {
display:none;
}

#top
{ position: absolute; top: 0px;}
#bottom { position: absolute; top: 302px; }
#headervisual { position: absolute; left: 0px; }
#header { position: relative; height: 300px; }

/* NAVIGATIE
-------------------------------------------------------*/
#nav {
width:900px;
float:left;
margin:0;
padding: 0px 0 0 190px;
list-style:none;
background: #02A2D0;

}
 /*\*/
 * html #nav { /*hiermee halen we de extra em weg uit IE*/
width:900px;
 }

#nav li {
float:left;
margin:0;
padding:0;
font-size:75%;
}

#nav a {
float: left;
display:block;
margin:0 1px 0 0;
padding:1px 8px;
color: #02a2d0;
text-decoration:none;
border:1px solid #02A2D0;
background: #fff url(/images/bluebottomline.gif) repeat-x bottom left;
}
#nav a:hover{
	color: #FF3366;
	border-bottom:#ccc solid 1px;
	background: #fff;
	background: #fff url(/images/greybottomline.gif) repeat-x bottom left;
}
#nav #hs-1 a{
	color: #FF3366;
	border:1px solid #02A2D0;
	border-bottom:#ccc solid 1px;
	background: #fff;
	background: #fff url(/images/greybottomline.gif) repeat-x bottom left;
}

/* LINKS
-------------------------------------------------------*/

#links {
display:block;
float:left;
margin:0 0 0 0;
padding:20px 0 0 0;
width:190px;/*de afbeelding is 211 pixels. We hebben geen border om links dus de width = 211*/
overflow:hidden;
height:510px;
background: url(/images/blue2.jpg) no-repeat bottom left;
}
img {/* geen border */
  border: 0;
  }
	
#midden {
display:block;
float:left;
margin:0px;
padding:0;
width:796px;
overflow:hidden;
}
#midden p, #midden td, #midden table, #content{
margin:0px; /*10px marin in het blok midden en rechts */
font-size: 10px;
line-height:10px;
}
h1 {
color:#FF0066;
line-height:18px;
margin:20px 0;
} 

#midden p  {
	line-height: 1em;
	font-size:10px;
	/*color: #0087AE;*/
	color:#000;
}
#content {
padding:10px;
font-size:12px;
line-height:1.5em;
}

 
#footer {background-image: url(/images/pbg.png); width: 1004px; height: 35px; margin: 0 auto; }
#footernav {
position: absolute;  
margin:20px 0 0 0;
padding: 0 0 0 20px;
display:block;
clear:both;
}
#footernav img { float: left; padding-top: 5px; }
#footernav .icoon { float: right; padding-right: 25px; margin-top: 0px; }
#footer #footernav, #footer #footernav a {
	font-size: 9px;
	color: #3399CC;
}
#toppertop {
clear:both;
height:0px;
background-image: url(../images/topper2.png); 
width: 1004px; 
height: 10px; 
margin: 0 auto;
line-height:10px;
}


#footerbottom {
clear:both;
height:0px;
background-image: url(../images/footer2.png); 
width: 1004px; 
height: 43px; 
margin: 0 auto;
}
#footer2 {
line-height:12px;
width:800px;
clear:both;
height:10px;/*alleen effect op de mac*/
}

#inloggen{
	display:block;
	float:left;
	margin:0;
	padding:0;
	clear:both;
	
}
#inloggen ul {
display:block;
	float:left;
	margin:0 0 0px 0;
	padding: 0;
	width:140px;/*het complete b;ok - net zo breed als het logo*/
	clear:both;
	background-color:#fff; 
	line-height:18px;
	border-bottom:1px solid #ccc;
}
#inloggen li {
	position:relative;
	margin:4px 0 4px 4px; /*de afstand tussen de cellen*/
	padding:0; /*0.1em;*//*positie van het blok in hetgeen waar deze staat*/
	clear:both;
	list-style-type: none;
}

.flipmenu {
font-size:9px;
}
#opvul {
height:150px;}


tr.give-away td.first
{
   border-left:1px solid #06a0d2; 
}
tr.give-away td.last
{
   border-right:1px solid #06a0d2; 
}
tr.give-away td
{	
   background-color:#e5f6fe;     
   border-bottom:1px solid #06a0d2; 
   line-height:12px;
   vertical-align:top;
}
 
tr.first-give-away-item td{
   border-top:1px solid #06a0d2; 
}
tr.give-away td h3
{
  font-size:12px;
  margin:10px 0 0;
  width:300px;
}
tr.give-away td h3 span
{    
   color:#07a1d3;	
}
 

tr.give-away td  p 
{
	margin: 5px 0 10px;
	width:400px;
}
tr.give-away td select,
tr.give-away td div
{
   margin-top:10px;
}