@charset "utf-8";
/* CSS Document */
@media all {
	.fadein	{ visibility:hidden; }
	#fade1	{ }
	#fade2	{  }
	#fade3	{ }
}
@media handheld {
	.fadein	{ visibility:visible; }
}
body {
	
font-family:'Helvetica Neue','Helvetica','Arial',sans-serif; font-size:14px;	
	color:#000;
	height: 100%;
	padding-top:1px;
}
p {
	padding-left:3px;
}
strong {
	font-size:13px;
}
a:link {
	color:#0099FF;
	text-decoration: none;
}
a:visited {
	color:#0099FF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#0099FF;
}
.largeinput {
	font-size:20px;
}
.small {
	font-size:11px;
}

.ipip {
	width: 115px;	
	text-align:left;
	background-color:#ffffcc;
	border:1px dotted black;
	font-size:10px;
}
.highlight {
	width: 95%;
	font-size:12px;
	padding-left:1px;
	text-align:left;
	background-color:#ffffcc;
	border:1px dotted black;
}
.searchhighlight {
	
	padding-left:5px;
	text-align:left;
	background-color:#f3fafe;
	border:1px dotted black;
}

.yellow {
	width: 205px;
	text-align:left;
	background-color:#ffffcc;
	border:1px dotted black;
	}
.hleft {
	text-align: left;
	vertical-align:top;
	
}
.hright {
	text-align: right;
	vertical-align:top;
}
.error {
	border-style:solid;
	border-width:1px;
	border-color:#bd5748;
	background-color:#eedbd5;
	padding-left:5px;
}
.activity-post-container{background-color:#e9f4fa;border:1px solid #d0e2ec;background-image:url(http://www.foobie.nl/images/foreground_bg.png);background-repeat:repeat-x;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:10px }
.success {
	border-style:dotted;
	border-width:1px;
	border-color: #060;
	background-color:#eaffe9;
	padding-left:5px;
}
.bluebox {
	border-style:dotted;
	border-width:1px;
	border-color: #5e859f;
	background-color:#ccebff;
	padding-left:5px;
}
.orangebox {
	border-style:dotted;
	border-width:1px;
	border-color: #998950;
	background-color:#ffe89a;
	padding-left:5px;
}
.whitebox {
	border-style:dotted;
	border-width:1px;
	border-color: #cdcdcd;
	background-color:#ffffff;
	padding-left:5px;
}
.thicky {
	border-style:dotted;
	border-width:1px;
	border-color: #999;
	background-color:#FFF;
}
.lightgreen {
	border-style:solid;
	border-width:1px;
	border-color: #999;
	background-color:#eaffec;
	padding-left:5px;
}
.tekst { 
	zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; 	
}
.headblue {
	background-color:#dbf1ff;
	line-height: 35px;
}
.headgreen {
	background-color:#eaffb7;
	line-height: 35px;
}
.headorange {
	background-color:#ffe89a;
	line-height: 35px;
}
.right {
	text-align:right;
}
.redfont {
	color:#F00;
}
.largebut {
	border-style:dotted;
	border-width:2px;
	border-color: #cdcdcd;
	background-color:#ffffff;
	padding-left:5px;
	font-size:20px;
}
.headerclass {
	width:100%;
}
table {
	width:100%;
	border:0px;
}

td {
	vertical-align:top;
	text-align:left;
}
tt {
	vertical-align:top;
	text-align:left;
}
.alignleft {
	text-align:left;
}
.aligncenter {
	text-align:center;
}
.alignright {
	text-align:right;
}

.subcontainer {
	width: 100%;
	height:320px;
}

.headcontainer {
	width: 100%;
	vertical-align:top;
}

.somecontainer {
	width: 100%;
	height: 214px;
}

.headright {
	float:right;
	text-align:right;
	vertical-align:top;
	width:45%;	
}

.headleft {
	float:left;
	text-align:left;
	width:55%;	
	vertical-align:top;
}

.subright {
	float:right;
	width:50%;	
	height:100%;
}
.subleft {
	float:left;
	width:50%;
	height:100%;
}
img {
	border:0px;
}
div {
	vertical-align:top;
}
pre {
  border:solid 1px #aaa;
  background-color:#fff4db;
  padding:5px;
  margin:5px;
}

.step {
  clear:both;
 
}
#thecontextmenu {
  position:absolute;
  visibility:hidden;
}


.contextmenu {
  list-style:none;
  width:165px;
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2 #4a494a #4a494a #b2b2b2;
  background-color:#d6d3ce;
  font-family:helvetica,arial,sans-serif;
  line-height:20px;
  cursor:default;
  font-size:small;
  text-align:left;
  padding:2px;
  padding-top:0;
  margin:0;
  min-width:200px;
  z-index:20000;
}


.contextmenu li.title {
  /*background-color:#b2b1b0;*/
  border-bottom:solid 1px #bbb;
  /*font-style:italic;*/
  padding:2px;
  font-size:16px;
}

.contextmenu li {
  padding-left:5px;
  padding-right:10px;
  margin-top:1px;
  font-size:12px;
  white-space:nowrap;
}

.contextmenu li .icon {
  text-align:right;
  width:20px;
  vertical-align:middle;
  /*border:solid 1px #000;*/
}

.contextmenu li .icon img{
  vertical-align:middle;
  margin-right:2px;
  /*border:solid 1px #000;*/
}

.contextmenu li .text {
  font-weight:normal;
  background-color:transparent;
  white-space:nowrap;
}

.contextmenu li.highlight {
  padding-left:5px;
  padding-right:10px;
  margin-top:1px;
  color:#ffffff;
  background-color:#08246b;
}

.contextmenu li.highlight img{
  visibility:hidden;
  margin-right:2px;
}
.bmarks { background:#eaffb7; color:#000; margin:5px; width:250px; text-align:center; }
.bmarks * { margin:0; padding:0; }
.bmarks .inner { padding:10px 25px; }
.bmarks h3 { color:#000; }
.bmarks p { margin:5px 0; }
.bmarks p.tip { margin:0; font-size:11px; }
.bmarks a { padding:5px; }

/* ================================================================ 

This copyright notice must be kept untouched in the stylesheet at 

all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/circular.htmml

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

 =================================================================== */



#circularMenu {padding:0; margin:0; list-style:none; position:relative; width:300px; height:280px; background:#fff url(circular/background.gif);}

#circularMenu li {display:block; width:60px; height:60px; position:absolute;}

#circularMenu li.home {left:120px; top:4px; background:url(http://www.foobie.nl/images/circular/search.png) no-repeat center center;}

#circularMenu li.chat {left:200px; top:40px; background:url(http://www.foobie.nl/images/circular/artikelen.png) no-repeat center center;}

#circularMenu li.upload {left:35px; top:40px; background:url(http://www.foobie.nl/images/circular/contact.png) no-repeat center center;}

#circularMenu li.email {left:230px; top:115px; background:url(http://www.foobie.nl/images/circular/youtube.png) no-repeat center center;}

#circularMenu li.address {left:5px; top:115px; background:url(http://www.foobie.nl/images/circular/forum.png) no-repeat center center;}

#circularMenu li.shop {left:200px; top:190px; background:url(http://www.foobie.nl/images/circular/vacatures.png) no-repeat center center;}

#circularMenu li.search {left:35px; top:190px; background:url(http://www.foobie.nl/images/circular/modules.png) no-repeat center center;}

#circularMenu li.delivery {left:120px; top:225px; background:url(http://www.foobie.nl/images/circular/helpcentrum.png) no-repeat center center;}



#circularMenu li a b {display:none;}

#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}



#circularMenu li a:hover {background:url(circular/circle.gif); text-decoration:none; font-family:georgia, serif;}

#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}

#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}



#circularMenu li.home a:hover b {left:-22px; top:100px;}

#circularMenu li.chat a:hover b  {left:-102px; top:64px;}

#circularMenu li.upload a:hover b  {left:63px; top:64px;}

#circularMenu li.email a:hover b  {left:-132px; top:-11px;}

#circularMenu li.address a:hover b  {left:93px; top:-11px;}

#circularMenu li.shop a:hover b  {left:-102px; top:-87px;}

#circularMenu li.search a:hover b  {left:63px; top:-87px;}

#circularMenu li.delivery a:hover b  {left:-22px; top:-121px;}