/* BROADSHEET TEMPLATE CSS */

body {
  background: #EFEFEF;
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #444444;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
}

/* LINKS */

a:link {  font-family: verdana, arial, sans-serif;
  font-size: 12px;color:#06497d; text-decoration: none;} 
a:visited {font-family: verdana, arial, sans-serif;
  font-size: 12px;color:#06497d; text-decoration: none;} 
a:hover,a:active {color:#71a34a; text-decoration: none;}
a img {border: none;}

#top  a:link {color:#FF6600; text-decoration: none; font-weight: bold; border-bottom:none;} 
#top a:visited {color:#FF6600; text-decoration: none;font-weight: bold;} 
#top a:hover, #top a:active {color:#FF6600; text-decoration: underline;font-weight: bold;}

#footer  a:link {color:#F3A90A; text-decoration: none; font-weight: bold; border-bottom:none;} 
#footer  a:visited {color:#F3A90A; text-decoration: none;font-weight: bold;} 
#footer  a:hover, #footer  a:active {color:#FBAF5D; text-decoration: none;font-weight: bold;}

/* LISTS */

#content ul { padding-left: 0px; margin-left: 20px; color: #444444; line-height: 18px; margin-top: 10px;margin-bottom:10px;}
#content li { list-style-type: square;  padding:0px;}

/* TYPOGRAPHY */

p { margin: 0px; padding: 0px; margin-bottom: 10px; }

h1 { font-size: 17px; line-height: 20px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }
h2 { font-size: 17px; line-height: 20px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }
h3 { font-size: 17px; line-height: 19px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }
h4 { font-size: 14px; line-height: 17px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }
h5 { font-size: 12px; color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; letter-spacing: 2px; }

#header h1 { font-size: 28px; line-height: 32px; letter-spacing: -1px; color: #FFFFFF; margin:0px; padding: 0px;  padding-top: 25px;margin-bottom: 5px; padding-left:35px;}
#header h2 { font-size: 14px; line-height: 16px; letter-spacing: 1px; color: #DDDDDD; margin:0px; padding: 0px;  padding-top: 0px;margin-bottom: 5px; padding-left:35px;}

/* CONTAINERS */

#wrapper {
  width:940px;
  margin: 0 auto;
  background:  url('images/content.jpg') top left repeat-y;
  padding: 0px;
}

#top {
  width: 940px;
  height: 40px;
  background:  url('images/top.jpg') top left no-repeat;
  padding: 0px;
}

#top p {
  text-align:left;
  padding-left: 35px;
  padding-top: 9px;
  padding-bottom:0px;
  line-height: 12px;
  font-size:12px
}

#header {
  width: 940px;
  height: 120px;
  background:  #004A80 url('images/header.jpg') top left no-repeat;
  text-align:left;
}

#menu {
  width: 905px;  
  height: 30px; 
  margin: 0 auto;
  clear:both;
}

#content {
  padding: 0px; margin: 0px;
  border: 0px dashed #cccccc;
  padding-top: 0px;
  padding-bottom: 15px;
  clear:both;
  text-align: left;
  padding-left: 35px;
}

#content #inside {
  width:870px;
  text-align: left;
}

#content #inside #left {
  float: left;
  width: 150px;
  padding-bottom: 15px;
}

#content #inside #middle {
  margin-left: 15px;
  float:left;;
  width: 530px;
}

#middlecustom {
  margin-left: 15px;
  float:right;
  width: 650px;
}

#content #inside #right {
  margin-left: 15px;
  float:left;
  width: 150px;
}

#footer {
  width: 940px;
  height: 80px;
  background: #004A80 url('images/footer.jpg') bottom left no-repeat;
}

#footer p {
  text-align:center;
  padding-left: 20px;
  padding-top: 17px;
  padding-bottom:0px;
  line-height: 16px;
  font-size:12px;
  color: #DDDDDD;
}

#bottom {
  width:940px;
  margin: 0 auto;
  padding: 0px;
  text-align:center;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom:0px;
  line-height: 16px;
  font-size:12px
}

/* NAVIGATION */

#navcontainer .navlist
{
  padding-left: 0;
  margin-left: 0;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #F3A90A;
  color: #FFFFFF;
  float: left;
  width: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px; font-weight: bold;
  display: inline;
}

#navcontainer a
{
  padding:10px 15px;
  background-color: #F3A90A;
  color: #FFFFFF;
  text-decoration: none;
  float: left; 
  border-right: 1px solid #fff;
}

#navcontainer a:hover
{
  background-color: #FCC347;
  color: #111111;
}




/* IMAGE PLACEMENT */

.float_left {
  float:left;
  border: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 10px;
}

.float_right {
  float:right;
  border: 0px;
  margin-left: 10px;
  margin-bottom: 5px;  
  margin-top: 5px;
  margin-right: 10px;
}

/* OTHER */

.spacer {
  clear:both;
}





/* Added by batboy for e107 */

.defaulttext {
   background: none;
   font: 10px verdana, arial, sans-serif; 
   color: #000; 
}

.mediumtext {
   font: 10px verdana, arial, sans-serif;
	color:#000;
}

.smalltext {
   font: 9px verdana, arial, sans-serif;
	color:#000;
}

.smalltextLeague {
   font: 11px verdana, arial, sans-serif;
	color:#FFF;
}
.smalltextLeague1 {
background-color:#06497d;
   font: bold 12px verdana, arial, sans-serif;
	color:#FFF;
}
.smallblacktext {
	font: 9px verdana, arial, sans-serif;
	color:#000;
}

.footertext {
	font: 10px verdana, arial, sans-serif;
	color:#FFF;
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.fborder {
	background-color: #fff;
}

.fborderLeague {
	background-color: #06497d;
	font: bold 14px verdana, arial, sans-serif;
	color:#000;
	padding: 3px
}

.tbox{
	background-color: #ddd;
	border: #000000 1px solid;
	color: #000000;
	font: 10px verdana, arial, sans-serif;
}

.button{
	background-color: #ddd;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, arial, sans-serif;
	text-align:center;
}

.nextprev{
	background-color: #fff;
/*	border: #000 1px solid; */
	color: #000000;
	font: 9px verdana, arial, sans-serif;
	text-align:center;
	padding : 2px;
}

.np{
	background-color: #ddd;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, arial, sans-serif;
	text-align:center;
	padding : 2px;
}

.forumheader{
	background-color: #cccccc;
	font: 12px verdana, arial, sans-serif;
	color: #000;
	padding: 4px;
	border: 2px solid #C3BDBD;
}

.forumheader2{
	background-color: #FFF;
	font: 12px verdana, arial, sans-serif;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

.forumheader2bold{
	background-color: #E8E8E8;
	font: bold 12px verdana, arial, sans-serif;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

.forumheader3{
	background-color: #EFEFEF;
	font: 11px verdana, arial, sans-serif;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

.forumheaderLeague{
	background-color: #FFF;
	font: 12px verdana, arial, sans-serif;
	color:#000;
	padding: 4px;
	border: #06497d 2px solid;
}


.forumborder{
	border: #000080 1px solid;
}

.helpbox {
	width: 350px;
	font: 9px verdana, arial, sans-serif;
}

.indent{
background-color:#FFFFFF;
border:1px dashed #000000;
padding:4px;
width:90%;
}



.menu1 {
float:left; 
width:905px; 
font-family: verdana, arial, sans-serif; text-decoration:none;
font-size:13px; font-weight:bold;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #06497d;  border-bottom:3px solid #06497d;
margin-left: 17px; 
margin-bottom: 30px;
}

.menu1 ul {
padding:0;margin:0;list-style-type:none;
}

.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none; color:#FFF; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff;
}

.menu1 ul li:hover {width:auto;} 

.menu1 ul li a.menu1one:hover {border-color:#72a644; color:#FFF;}

.menu1 ul li a.menu1two:hover {border-color:#72a644; color:#72a644;}
.menu1 ul li a.menu1three:hover {border-color:#72a644; color:#FFF;}
.menu1 ul li a.menu1four:hover {border-color:#72a644; color:#FFF;}
.menu1 ul li a.menu1five:hover {border-color:#72a644; color:#FFF;}
.menu1 ul li a.menu1six:hover {border-color:#72a644; color:#72a644;}

.menu1 ul li:hover a.menu1one {border-color:#72a644; color:#FFF;}
.menu1 ul li:hover a.menu1two {border-color:#72a644; color:#72a644;}
.menu1 ul li:hover a.menu1three {border-color:#72a644; color:#FFF;}
.menu1 ul li:hover a.menu1four {border-color:#72a644; color:#FFF;}
.menu1 ul li:hover a.menu1five {border-color:#72a644; color:#FFF;}
.menu1 ul li:hover a.menu1six {border-color:#72a644; color:#72a644;}


.menu1 ul li ul {
display: none;
}

.menu1 table {
margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0; /*text-align:left; border-bottom: 1px solid #000; */
}


/* specific to non IE browsers */ 
.menu1 ul li:hover ul {
display:block;position:absolute; top:32px; margin-top:1px; left:0; width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}

.menu1 ul li:hover ul li a {
display:block;background:#71a84a; color:#FFF; height:auto; line-height:15px; padding:4px 16px; width:120px; border:1px solid #FFF; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#FFF url(images/bullet1.gif) no-repeat -11px 0px; 
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #FFF url(images/bullet1.gif) no-repeat -11px 0px; 
}
.menu1 ul li:hover ul li a:hover.drop {
background: #FFF url(images/bullet1.gif) no-repeat -11px 0px; 
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}

/* specific to IE5.5 and IE6 browsers */ 
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#72a644;color:#FFF; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #FFF; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#72a644 url(images/bullet1.gif) no-repeat -7px 0px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #FFF url(images/bullet1.gif) no-repeat -7px 0px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #72a644 url(images/bullet1.gif) no-repeat -7px 0px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

.stijl2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
#info {left: 17px; width: 905px; background:url(images/menu1.gif) repeat-x top left; position:relative;}
*:first-child+html #info {left: 0px; width: 905px; background:url(images/menu1.gif) repeat-x top left; position:relative;} 
 
.menu2 {left: 45px; width:905px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu2 {width:905px; w\idth:905px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0;margin:0;list-style-type:none;}
.menu2 ul ul {width:90px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 li {float:left;width:90px;position:relative;}
/* style the links for the top level */
.menu2 a, .menu2 a:visited {display:block; font-size:12px;text-decoration:none; color:#fff; width:90px; height:30px; border-left:2px solid #FFF; border-bottom:2px solid #FFF; background:url(images/menu1.gif) repeat-x top left;  padding-left:1px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu2 a, * html .menu2 a:visited {width:149px; w\idth:138px;}
 
/* style the second level background */
.menu2 ul ul a.drop, .menu2 ul ul a.drop:visited {background:#d4d8bd url(images/blue-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu2 ul ul a.drop:hover{background:#72a644 url(images/grey-arrow.gif) no-repeat 130px center;}
.menu2 ul ul :hover > a.drop {background:#72a644 url(images/grey-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {background:#d4d8bd;}
/* style the third level hover */
.menu2 ul ul ul a:hover {background:#72a644;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #FFF;}
/* another hack for IE5.5 */
* html .menu2 ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout menu */
.menu2 ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu2 ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu2 ul ul a, .menu2 ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu2 ul ul a, * html .menu2 ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu2 a:hover, .menu2 ul ul a:hover{color:#FFF; background:#72a644;}
.menu2 :hover > a, .menu2 ul ul :hover > a {color:#FFF; background:#72a644}
 
/* make the second level visible when hover on first level list OR link */
.menu2 ul li:hover ul,
.menu2 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{ visibility:visible;}