/* @override http://localhost/FB/css/style.css */

/*
	StyleSheet FB
		
*/

body {
padding : 0px;
margin : 0px;
}
p {
	margin: 0;
}

ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 2px;
border-style : none;
background-color : #000000;
margin : 10px 0px;
}
.content {
	margin : 10px;
	width : 800px;
	clear: none;
}
#top {
	padding-top : 0px;
	background : transparent;
	height : 80px;
	top: 0px;
}
#top h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #616F61;
}

#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}

#top #icons {
float : right;
margin : 15px 15px 0;
padding : 0;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

#top #icons a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
color: #848587;
}

#top #icons img {
padding-right : 10px;
border : 0;
}

/* @group MenuTab */
#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 800px;
	margin : 0;
	height : 34px;
	padding-top : 0;
	clear: none;
	top: 50px;
}

#menu li { 
list-style : none;
display : inline;
line-height : 34px;
text-transform: uppercase;
}

#menu li a {
text-decoration : none;
padding : 0 10px 10px 0;
font-weight : bold;
color : #616161;
}

#menu li a:hover {
	color : #848587;
	background : #e5c649;
	margin : 0;
}

#menu li a.current {
	color : #000;
	text-decoration: underline;
}


#main {
	width : 900px;
	margin : 0;
	padding : 0;
	position: relative;
}

#main .intro {
	height : 80px;
	color : white;
	clear: none;
	position: absolute;
	float: none;
	top: 0;
}

#main .intro .pad {
padding : 0 0 0 0;
}

#main .intro .pad li a:visited {
	color : teal;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
	margin: 5px;
	list-style-type: none;
	list-style-image: none;
}

#main .intro a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	list-style-type: none;
}

#main .intro a:hover { font-weight: bold; text-decoration : none; padding-right: 15px; padding-left: 15px; }

/* @end */

/* @group Rechterkant */

#right_side {
	float : right;
	width : 230px;
	overflow : hidden;
	top: 0px;
	position: relative;
	display: none;
}

#right_side .pad {
padding : 35px 10px 10px 17px;
	font-size: 14px;
}

#right_side ul {
padding : 3px 0 8px 0;
}

#right_side li {
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 15px;
color : #b4e04a;
}

#right_side a {
background : inherit;
text-decoration : none;
	color: #848587;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}

#right_side a:hover {
text-decoration : none;
	color: #F0B600;
}
#right_side h3 {
color : #949494;
margin-top : 10px;
	text-transform: uppercase;
	font: bold 13px Arial, Helvetica, Geneva, sans-serif;
}

/* @end */

/* @group linkerkant */

#left_side {
	width : 800px;
	text-align : left;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	top: 170px;
	position: absolute;
	float: none;
	clear: none;
}

#left_side ol { float: none;
	padding-left: 3px;
	margin-left: 20px;
}

#left_side a {
	color: #c39431;
	text-decoration: none;
}

#left_side a:hover {
	color: #848587;
	text-decoration: none;
}

#left_side a:visited {
	color: #c39431;
	text-decoration: none;
}

#left_side h3 {
	margin : 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
}

#left_side img {
padding : 0 10px 5px 0;
}

#left_side ul {
list-style-position : inside;
margin-left : 2px;
}

#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}

/* @end */

/* @group Submenu */

#smenu {
	margin : 0;
	padding-top : 0;
	clear: none;
	position: absolute;
	top: 130px;
	width: 700px;
	text-decoration: none;
}

#smenu a:hover {
	text-decoration: none;
	color: #F0B600;
	}

a.submenu2 {
	color: gray;
	text-transform: uppercase;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding-right: 10px;
	text-decoration: none;
}


a.submenus {
	color: #F0B600;
	text-transform: uppercase;
	padding-right: 15px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/* @end */

/* @group popdownmenu */

.hyperlinkcss {
	margin-left: 0;               /* horizontale positie van het menu t.o.v. de link */
	margin-top:0px;                /* verticale positie van het menu t.o.v. de link */
	visibility: hidden;
	z-index: 1000;
	background-color: #848587;
	width: 170px;
	text-transform: uppercase;
	list-style-position: inside;
	overflow: hidden;
	color: #fff;
	padding-right: 15px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	position: fixed;
}

.hyperlinkcss a{
	color: white;
	text-decoration: none;
}

.hyperlinkcss a:hover{
	color: #848587;
	text-decoration: none;
}

.hyperlinkcss a:visited{
	color: white;
	text-decoration: none;
}

.hyperlinkcss .bottemsub a {
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #F0B600 url(../images/brcorner.gif) no-repeat right bottom;
	width: 100%;
	display: block;
	padding-left: 10px;
}

.hyperlinkcss .sub a{  
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 100%;
	display: block;
	padding-left: 10px;
	background-color: #F0b600;
}

/* @end */

#popmenulayer {
	width: 900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: none;
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
