/* reset all margins */
* { padding:0; margin:0; }




/*Default styling*/
h1 { 
	text-align: left; 
	line-height: 130%; 
	color: RGB(70,70,70);
	/*Adjust margin to compensate for menu*/
	margin: 0px 0 10px 15px;
	font-size: 180%; 
	}

h2 { 
	text-align: left; 
	line-height: 110%; 
	color: RGB(70,70,70);
	/*No margins in enclosing div, set margins via h1, p definitions*/
	margin: 0px 0 10px 15px;
	font-size: 160%; 
	}


h3 { 
	text-align: left; 
	line-height: 100%; 
	color: RGB(70,70,70);
	/*No margins in enclosing div, set margins via h1, p definitions*/
	margin: 0px 0 10px 15px;
	font-size: 140%; 
	}


p { 
	font-size: 100%; 
	text-indent: 0px; 
	line-height: 150%; 
	text-align: left; 
	padding: 0;
	margin: 10px 20px 10px 15px;
	font-weight: normal;
	color: RGB(70,70,70);
	}

pre { 
	font-size: 120%; 
	text-indent: 0px; 
	line-height: 150%; 
	text-align: left; 
	padding: 0;
	margin: 10px 20px 10px 15px;
	font-weight: normal;
	color: RGB(70,70,70);
	}

/*For subtitles*/
sub { 
font-size: 100%; 
text-indent: 0px; 
line-height: 150%; 
text-align: left; 
padding: 0;
margin: 2px 20px 10px 15px;
font-weight: normal;
color: RGB(70,70,70);
}

h2.bericht { 
text-align: left; 
line-height: 100%; 
color: RGB(70,70,70);
margin: 5px 0 0 0;
font-size: 120%; 
}

h2.algemeen { 
text-align: left; 
line-height: 100%; 
color: RGB(70,70,70);
margin: 5px 0 0 0;
font-size: 120%; 
}

p.algemeen { 
margin: 2px 0 10px 0;
text-align: left; 
line-height: 110%; 
color: RGB(70,70,70);
font-size: 100%; 
}

p.algemeen a { 
text-decoration:none; 
color: RGB(56,82,115);
font-weight: bold;
}
	
p.algemeen a:hover { 
text-decoration: underline; 
color:#990000; 
}

a { 
text-decoration:none; 
color: RGB(56,82,115);
font-weight: bold;
padding: 0;
margin: 0;
}
	
a:hover { 
text-decoration: underline; 
color:#990000; 
padding: 0;
margin: 0;
}
		
a.tabbed { 
 float: left;
 width: auto;
 background: transparent; 
 border-left: none;
 border-right: solid 2px RGB(187,187,187);
 border-top: none; 
 border-bottom: none;
 color: #000000; 
 margin: 0;
 padding: 2px 10px 3px 10px; 
 display: block; 
 text-decoration: none; 
 position: relative; 
 font-weight: normal;
 }

a.tabbed:hover { 
float: left;
width: auto;
border-left: none;
border-right: solid 2px RGB(187,187,187);
border-top: none; 
border-bottom: none;
color: #000000; 
margin: 0;
padding: 2px 10px 3px 10px; 
display: block; 
text-decoration: none; 
position: relative; 
font-weight: normal;
background: gray; 
}
	
a.tabbedhot { 
 float: left;
 width: 100px;
 background-color: RGB(132,68,68);
 border-left: none;
 border-right: solid 2px RGB(187,187,187);
 border-top: none; 
 border-bottom: none;
 color: #000000; 
 margin: 0;
 padding: 2px 10px 3px 10px; 
 display: block; 
 text-decoration: none; 
 position: relative; 
 font-weight: normal;
 }

 a.tabbedhot:hover { 
float: left;
width: 100px;
border-left: none;
border-right: solid 2px RGB(187,187,187);
border-top: none; 
border-bottom: none;
color: #000000; 
margin: 0;
padding: 2px 10px 3px 10px; 
display: block; 
text-decoration: none; 
position: relative; 
font-weight: normal;
background: #AAA; 
}
	
form{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px 10px 0px 0px;
	width: auto;
	font-size: 100%; 
	text-indent: 0px; 
	line-height: 120%; 
	text-align: left; 
	padding: 0;
	font-weight: normal;
	color: RGB(70,70,70);
	}

form.retrieve {
	margin-left: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px 2px 0px 0px;
	width: auto;
	font-size: 100%; 
	text-indent: 0px; 
	line-height: 120%; 
	text-align: left; 
	padding: 0;
	}
	
form.search {
	padding: 0;
	margin: 0;
	}
	
form fieldset {
	padding: 10px 10px 10px 10px;
	margin: 0 0 10px 0;
	display: table;
	background-color: transparent;
	}

form fieldset legend{
	font-weight: bold;
	font-size: 120%;
	color: RGB(70,70,70);
	padding: 4px 12px 4px 12px;
	}
	
form label{
	margin: 10px 10px 8px 0px;
	width: auto;
	font-weight: bold;
	font-size: 100%;
	color: RGB(70,70,70);
	text-align:right;
	}

form select{
	margin: 10px 0px 8px 0px;
	}

form input {
	margin: 5px 10px 5px 10px;
	background: #ccc;
	}

form input.submit {
	margin: 10px 10px 8px 10px;
	background: #ccc;
	float: left;
	}
	

	
form input.submitinline {
	margin: 10px 2px 8px 2px;
	background: #ccc;
	}
	
form input.file {
	margin: 10px 2px 8px 2px;
	background: #ccc;
	}
	
form textarea {
	margin: 10px 10px 8px 20px;
	}

form p {
	margin-bottom: 1.0em;
	margin-left: 0;
	}
	
ol { 		
	margin: 10px 0px 10px 20px; 
	padding: 10px 10px 10px 20px; 
	}

ol li{ 			
	padding: 4px 0 0 4px;
	font-size: 100%;
	font-weight: normal;
	color: RGB(70,70,70);
	}
	
ul { 		
	margin: 10px 0px 10px 20px; 
	padding: 10px 10px 10px 20px; 
	}

ul li { 			
	padding: 4px 0 0 4px;
	font-size: 100%;
	font-weight: normal;
	color: RGB(70,70,70);
	}

img.inline {
height: 1em;
}

/*table definitions*/
table {
	margin: 0 0 0 20px;
	border: 0;
	padding: 2px 2px 2px 2px;
	font-weight: normal;
	font-size: 100%;
	text-indent: 0px;
	color: RGB(70,70,70);
	}
	
table th {	
   font-weight: bold;
   text-align: left;
   padding: 0;
	}
	
table td {	
	padding: 0;
	}
	
table.problem {
	margin: 0 0 0 0;
	border: 0;
	padding: 0;
	font-weight: normal;
	font-size: 90%;
	text-indent: 0px;
	color: RGB(100,110,150);
	}
	
table.problem th {	
   font-weight: bold;
   text-align: left;
   padding: 0;
	}
	
table.problem td {	
	padding: 0;
	}
	
/*table definitions*/
table.bordered {
margin: 0 0 0 20px;
padding: 2px 2px 2px 2px;
font-weight: normal;
font-size: 100%;
text-indent: 0px;
color: RGB(70,70,70);
}

table.bordered td {	
padding: 0 2px;
border: 1px solid gray;
}
	
/*table width auto-width, background and text changed.*/
table.stand {
	margin: 10px 10px 10px 20px;
	border: 3px solid gray;
	padding: 2px 2px 2px 2px;
	color: RGB(70,70,70);
	font-size: 100%;
	text-indent: 0px;
	background: RGB(220,220,220);
}
	
table.stand th {	
   font-weight: bold;
   text-align: left;
   padding: 2px 4px 2px 4px;
	}
	
table.stand td {	
	padding: 2px 4px 2px 4px;
	text-align: left;
	}

/*table width auto-width, background and text changed.*/
table.standfixed {
	margin: 10px 10px 10px 20px;
	border: 3px solid gray;
	padding: 2px 2px 2px 2px;
	color: RGB(70,70,70);
	font-size: 100%;
	text-indent: 0px;
	background: RGB(220,220,220);
	width: 500px;
}
	
table.standfixed th {	
   font-weight: bold;
   text-align: left;
   padding: 2px 4px 2px 4px;
	}
	
table.standfixed td {	
	padding: 2px 4px 2px 4px;
	text-align: left;
	}
	
table.standtopsport {
	margin: 10px 10px 10px 20px;
	border: 3px solid gray;
	padding: 2px 2px 2px 2px;
	color: RGB(70,70,70);
	font-size: 100%;
	text-indent: 0px;
	background: RGB(220,220,220);
}
	
table.standtopsport th {	
   font-weight: bold;
   text-align: left;
   padding: 2px 4px 2px 4px;
   	border: 1px solid gray;
	}
	
table.standtopsport td {	
	padding: 2px 4px 2px 4px;
	text-align: left;
	border: 1px solid gray;
	}
	
table.standsmall {
	margin: 10px 0px 10px 15px;
	border: 3px solid gray;
	padding: 2px 2px 2px 2px;
	color: RGB(70,70,70);
	font-size: 80%;
	text-indent: 0px;
	background: RGB(220,220,220);
}

table.standsmall td {	
	padding: 1px 4px 1px 4px;
	text-align: left;
	}

table.stand td.start {	
	padding: 2px 4px 2px 4px;
	text-align: left;
	}
	
table.standlinks {
	margin: 10px 10px 10px 20px;
	border: 2px solid gray;
	padding: 2px 2px 2px 2px;
	color: RGB(70,70,70);
	font-size: 100%;
	text-indent: 0px;
	background: RGB(220,220,220);
	}
	
table.standlinks th {	
   font-weight: bold;
   text-align: left;
   padding: 2px 4px 2px 4px;
	}
	
table.standlinks td {	
	padding: 2px 4px 2px 4px;
	text-align: left;
	}

table.standlinks td.start {	
	padding: 2px 4px 2px 4px;
	text-align: right;
	}
	
/*accented quotes*/
#pullquoteright {
	float: right;
	margin: 0 6px 20px 15px;
	width: 180px;
	position: relative;
	}
	
#pullquoteleft {
	float: left;
	margin: 0 15px 20px 6px;
	width: 180px;
	position: relative;
	}
	
#pullquoteright p, #pullquoteleft p {
	color: RGB(110,110,260);
	font-size: 140%;
	font-weight: bold;
	}
	
/*in case of images override default padding*/
td.img {
	padding:0;
	}

/*separators to shift footer*/
.Separator {
	clear: both;
	width: 100%;
	height: 5px;
	background: transparent;
	}
	
a img { 
	border:none; 
	}
	
img.rechts {
	float: right;
	margin: 7px 12px 4px 5px;
	border: none;
	}

img.links{
	float: left;
	margin: 7px 10px 4px 5px;
	border: none;
	}

.break{
	clear: left;
	}

.breakfull{
	clear: both;
	}

hr{
	margin-left: 15px;
	margin-right: 15px;
	}
	
/*Global divisions*/
body {
text-align: left; 
font-family: 'Verdana',Arial,sans-serif;
font-size: 0.70em;
background: RGB(255,255,255);
border: 0;
}
	
#wrapper {
width: 915px;
height: auto;
margin: 10px auto 0 auto; /*Force horizontal centering*/
text-align:left;
background: RGB(255,255,255);
border: 1px solid white;
padding: 0;
}
	
#header { 
height: 70px; 
width: 100%;
border: 0;
padding: 0;
margin: 0;
/*background: transparent;*/
/*background: URL(http://gobond.nl/images/Headers/Banner2.jpg);*/
background: URL(http://www.gobond.nl/Stylesheets/header.gif);
}

#header h1 {
text-align: left; 
line-height: 90%; 
color: RGB(233,165,104);
/*Adjust margin to compensate for menu*/
margin: 2px 0 0 5px;
padding: 2px 0 0 0;
font-size: 40px; 
}

#header h2 {
text-align: left; 
line-height: 90%; 
color: RGB(233,165,104);
/*Adjust margin to compensate for menu*/
margin: 0px 0 2px 7px;
padding: 2px 0 0 0;
font-size: 20px; 
}

#shortcuts{
position: relative;
right: 40px;
width: auto;
text-align: right;
top: 10px;
color: RGB(233,165,104);
}

#shortcuts a{
color: RGB(233,165,104);
}

#search {
position: relative;
height: auto;
width: auto;
top: 0px 4px 0 0;
border: 0;
padding: 0;
float: right;
margin: -40px 4px 0 8px;
_margin: -50px 10px 0 6px;
}
	
#menu {
color: RGB(233,165,104);
clear: both;
position: relative;
height: 25px;
background-color: black;
top: 0px;
margin: 0px 0 20px 0px;
width: 100%;
}
	
#footer { 
clear: both;
height: auto; 
background: transparent;
width: 910px;
margin: 0;
padding: 20px 0 0 0;
}
	
#footer p{
margin: 0;
padding: 0;
font-size: 90%;
font-weight: normal;
text-align: center;
color: RGB(70,70,70);
}
	
.tabs {
float: left;
width: 590px;
height: auto;
padding: 0;
margin: 0 0 0 25px;
background: transparent;
border: 1px solid gray;
border-bottom: none;
}

.tabbed {
float: left;
width: 590px;
padding: 0 0 10px 0;
margin: 0 0 10px 25px;
background: transparent;
border: 1px solid gray;
}
	
.subtabbed {
float: left;
width: 570px;
padding: 0 0 10px 0;
margin: 0 0 0 25px;
background: transparent;
border: 1px solid gray;
border-top: 0;
}
	
/*News page, div for messages*/
.Bericht {
display: block;
width: 95%;
height: auto;
padding: 2px 4px 2px 4px;
text-align: left; 
color: RGB(70,70,70);
/*No margins in enclosing div, set margins via h1, p definitions*/
margin: 0 0 5px 15px;
font-size: 100%; 
}
	
.full {
clear: both;
background: RGB(243,248,254);
width: 95%;
height: auto;
margin: 0 10px 20px 20px;
padding: 0;
border: 0;
}
	
/*Main content div*/
/*Split in two colums, used for all pages except the home page*/
#left2col
{
float: left;
width: 240px;
margin: 0 0 0 6px;
padding: 0;
border: none;
}
html>body #left2col  { width:234px; }
	
#left2col h2{
margin: 0 2px 5px 2px;
}

#left2col h3{
margin: 4px 2px 5px 2px;
}

#left2col p{
margin: 0 2px 5px 2px;
}

#left2col ul { 		
margin: 5px 0px 10px 15px; 
}

#left2col ul li { 			
padding: 4px 0 0 1px;
}
	
#left2col form select{
margin: 10px 0px 8px -15px;
font-size: 10px;
}


#right2col {
background: transparent;
width: auto;
margin: 0 10px 20px 250px;
padding: 0;
border: 0;
}

.mediumbulletin {
float: left;
/*width: 330px;*/
width: 315px;
/*margin: 0 0px 5px 0;*/
margin: 0px 5px;
display: inline;
background: transparent;
}

.minibulletin {
float: left;
width: 315px;
margin: 0px 5px;
display: inline;
background: transparent;
}

.rightbulletin {
float: left;
width: auto;
margin: 0px 5px;
display: inline;
background: transparent;
}

/*And split into three columns, home page only*/
#left3col
	{
	clear: both;
	float: left;
	width: 240px;
	margin: 0 5px 0 5px;
	padding: 0 0 0 0;
	border: none;
	/*fix margin-bug for internet explorer*/
	position: relative;
	}
	html>body #left3col  { width:240px; }
	
#center3col
	{
	float: left;
	width: 490px;
	padding: 0px;
	margin: 0;
	background: transparent;
	border-left: 0;
	border-right: 0;
	/*fix margin-bug for internet explorer*/
	}
	html>body #center3col  { width: 490px; }

#right3col {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
	background: transparent;
	width: 250px;
	/*fix margin-bug for internet explorer*/
	}
	html>body #right3col  { width:24%; }
	
/*Extra large break*/
br.large {
	line-height: 14px;
	}


	
/*Dummy to use for displaying demo newsmessages*/
#demo
/*used for verifying newsmessages*/
	{
	width:100%;
	width: 450px;
	padding: 0;
	margin: 0 0 0 10px;
	background: transparent;
	}
	
#demo h2 { 
	display: block;
	width: 440px;
	height: auto;
	border-top: 1px solid RGB(140,140,140);
	border-right: 1px solid RGB(140,140,140);
	border-left: 1px solid RGB(140,140,140);
	border-bottom: none;
	padding: 4px;
	text-align: left; 
	line-height: 100%; 
	color: RGB(170,170,170);
	/*No margins in enclosing div, set margins via h1, p definitions*/
	margin: 0;
	font-size: 120%; 
	background-color: RGB(30,30,100);
	}
	
#demo p { 
	display: block;
	width: 440px;
	height: auto;
	border: 1px solid RGB(140,140,140);
	padding: 4px;
	text-align: left; 
	line-height: 100%; 
	color: RGB(70,70,70);
	/*No margins in enclosing div, set margins via h1, p definitions*/
	margin: 0 0 10px 0;
	font-size: 100%; 
	}

ul { 
padding: 0 0 0 5px; 
margin: -5px 0 0 25px; 
}

ul li { 
margin: 0;
}

ul#nav { 
list-style: none; 
padding: 0 0 0 0; 
margin: 0; 
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; 
width: 915px; 
voice-family: "\"}\"";/* NOT applied by IE 5.5- */ voice-family: inherit; width: 953px; 
}

html>body ul#nav { width: 915px; }

#nav li { 
float: left; 
position: relative; 
height: 20px; 
text-align: center; 
width: 80px; 
}

/* not applied by IE Mac or PC \*/
html>body #nav li { width:auto; }

#nav a { 
display: block; 
height: 20px; 
padding: 0 10px; 
line-height: 20px; 
color: RGB(233,165,104);
text-decoration: none; 
border-bottom:none; 
font-size: 100%;
}

#nav li a:hover { 
background-color: gray; 
color: RGB(233,165,104);
}

#nav li ul { 
display: none; 
width:160px; 
list-style: none; 
position: absolute; 
top: 100%; 
left: 0; 
font-weight: normal; 
background-color: RGB(230,230,230);
border:1px solid #333; 
border-bottom:none; 
padding:0; 
margin:0;
font-size: 80%;
z-index: 100;
}

#nav li>ul { 
z-index: 100;
top: auto; 
left: auto; 
}

#nav li li { 
display: block; 
width:160px; 
text-align: left; 
float: none; 
height: auto; 
line-height:1em; 
background-color: transparent; 
border-bottom:1px solid #333; 
}

#nav li li a { 
display: block; 
width: 140px; 
padding: 4px 10px; 
font-size: 12px;
font-weight: normal; 
color: #644D1D; 
line-height:1.1em; 
height: auto; 
background-color: transparent; 
}

#nav li li a.members { 
display: block; 
width: 140px; 
padding: 4px 10px; 
font-size: 12px;
font-weight: normal; 
color: #DD1111; 
line-height:1.1em; 
height: auto; 
background-color: transparent; 
}

#nav li li a:hover { 
background-image:none; 
color: RGB(200,10,10); 
background-color: transparent; 
}

#nav li:hover ul, #nav li.over ul { 
display: block; 
}

#dhtmltooltip{
position: absolute;
width: 250px;
border: 1px groove grey;
margin: 0;
padding: 4px 6px 4px 6px;
/*background-color: #F3CCFF;*/
background-color: RGB(200,200,200);
color: RGB(30,30,30);
visibility: hidden;
font-size: 110%;
z-index: 200;
}