/* 
CSS Sporty VZW
15/02/2009
versie 2.1.9
www.bworx.be
*/

/* GENERAL */

body {
font-family: "Lucida Sans Unicode", verdana, georgia, arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 80%; 
line-height: 160%; 
font-size-adjust: none; 
font-stretch: normal;
background: #cef09d url(images/bg.gif) repeat-x;
text-align: center; /* center in IE5.5*/
}

h1 {
 font-size: 25px;
 padding: 0;
 margin: 0;
}

img {
 border: none;
}

p {
font-family: "Lucida Sans Unicode", verdana, georgia, arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 80%; 
line-height: 160%; 
font-size-adjust: none; 
font-stretch: normal;
}

ul {
font-family: "Lucida Sans Unicode", verdana, georgia, arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 80%; 
line-height: 160%; 
font-size-adjust: none; 
font-stretch: normal;
}

table {
font-family: "Lucida Sans Unicode", verdana, georgia, arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 80%; 
line-height: 160%; 
font-size-adjust: none; 
font-stretch: normal;
}

#wrapper {
 width: 720px;
 margin: 1em auto;
 margin-top: 10px;
/*background-color: #2b2a28; 
color: #6e7e81;*/
text-align: left;
}

#wrapperpdf {
 width: 900px;
 margin: 1em auto;
 margin-top: 10px;
/*background-color: #2b2a28;
color: #6e7e81;*/
text-align: left;
}

/* COLUMNS TOP */

#logo { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 min-height: 40px;
 margin-bottom: 10px;
 width: 720px;
}
* html #logo {height:40px} /* IE Min-Height Hack */ 

#logo h1 {
font-size: 0%; 
font-family: Arial, Helvetica, sans-serif;
padding: 4px;
color:#476c5e;
}

#logo h1 a:link{ 
 font-size: 0%; 
 color: #476c5e;
 text-decoration: none;
}
#logo h1 a:visited{ 
 color: #476c5e;
 text-decoration: none;
}
#logo h1 a:hover{ 
 color: #476c5e;
 text-decoration: none;
}



/* MAINNAV */ 
#mainnavigation {
padding: 0;
margin: 15px 0 0 0;
width: 718px;
}

.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
	font: 12px Arial, Verdana, sans-serif;

	letter-spacing: 1px;
}

.topmenul1 li {
	background-color: #083643;
	padding:2px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
}

/* First level colors for link tags */
.topmenul1 a {
	color:#fff;
	padding:2px 15px 2px 5px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	border:1px solid #083643; 		/* Same as BG color so total width is always the same */
	text-decoration: none;
	border-right: 1px solid #CEF09D; 
}

.topmenul1 a:hover {
	background-color:#f9630d;		/* On hover for a alements, */
	border:1px solid #f9630d;
	border-right: 1px solid #CEF09D;
}

.topmenul1 #active {
	background-color:#f9630d;		
	border:1px solid #f9630d;
	border-right: 1px solid #CEF09D;
}

/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:200px;				/* Default width for sub-menu's */
	border:1px solid #ccc;			/* Border around the sub-menu's */
	border-top: 2px solid #ccc;
	z-index:10;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:18px !important;
	top:19px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:200px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 .topmenul2 li {
	padding:2px 0px;  			/* Controls the height per menu item on second level and lower */
	border-bottom:1px solid #f0f0f0;	/* little color seperator */
	background-color:#fff;
	color: #000; 
	width:100%;
}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding:2px 5px;
	color: #000;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	color:#fff;
	background-color:#f9630d; 
	border:none;				/* no border, remove the style from level1 a tags */

}

.topmenul1 .hoveratag {
	background-color:#f9630d;		/* Hack in javascript, this will highlite teh a tag of the menu above */
	border:1px solid #f9630d;			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
	border-right: 1px solid #CEF09D;
}

#activemain a:link, #activemain a:visited, #activemain a:hover { background-color: #F9630D; color: #fff;}

/* BANNER */ 

.bannertop img {
margin: 10px 0 10px 0;
padding: 3px;
border: 1px solid #f1f4f8;
}

/* breadcrump */

.breadcrump {
font-size: 90%;
color: #083643;
padding: 0 2px 0 9px;
}
.breadcrump a:link, .breadcrump a:visited  {
color: #083643;
text-decoration: none;
padding: 0 2px 0 2px;
} 

.breadcrump a:hover {
color: #083643;
text-decoration: underline;
padding: 0 2px 0 2px;
} 

/* FOOTER */ 
#footer {
 background: #476c5e;
 border-top: 1px solid #fff;
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 9px 27px 29px 20px;
 float: left;
 width: 670px;
 min-height: 15px;
 color: #fff;
 font-size: 90%;  
}
* html #footer {height:15px} /* IE Min-Height Hack */

#footer a:link, #footer a:visited , #footer a:hover {
 color: #fff;
 text-decoration: none;
} 
.bworx {
float: right;
font-size: 90%; 
}

/* MAIN  GENERAL */ 
.mainleftcolumn {
 display: inline; /* IE Hack */
 float: left;
 min-height: 40px;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 447px
}

.mainrightcolumn {

 display: inline; /* IE Hack */
 min-height: 40px;
 width: 250px;
 float: right;
 margin-bottom: 10px;
 color: #fff; 
}


/* RIGHT */
.mainrightcolumn img {
 display: block;
}

.right-mid {
 padding: 16px 16px 0px 16px;
 background-color: #CEF39C; /*#476c5e;*/
 font-size: 95%; 
}
.right-mid  p {
  font-size: 95%; 
}
.right-mid a:link {
 color: #7297C7;
 text-decoration: underline;
}
.right-mid a:visited {
 color: #7297C7;
 text-decoration: underline;
}
.right-mid a:hover {
 color: #305493;
 text-decoration: none;
}
.right-bottom {
 padding: 0;
 margin: 14px;
 background-color: #fff;
}
.right-bottom h1{
 color: #305493;
}

.right-mid h1{
 color: #F9630D;
 padding-bottom: 10px;
}
.right-mid h1 a:link{ 
 color: #F9630D;
 text-decoration: none;
}
.right-mid h1 a:visited{ 
 color: #F9630D;
 text-decoration: none;
}
.right-mid h1 a:hover{ 
 color: #F7AE16;
 text-decoration: none;
}

.right-mid ul , .right-mid li{

 margin: 0;
 padding: 0;
 text-indent: 15px;
 list-style: none;
  font-size: 95%;
}


/* RIGHT NAVIGATION EXTRA*/
.rightnavlist li
{
display: inline;
/* for IE5 and IE6 */
}

.rightnavlist
{
width: 16em;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0 0 1.5em 1em;
padding: 0;
border-top: 1px #ccc solid;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
}

.rightnavlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #CEF39C;/*#476c5e*/;
border-bottom: 1px #ccc solid;
text-decoration: none;
color: #426D5A;
}
.rightnavlist a:link { background-color: #CEF09D; color: #426D5A;text-decoration: none;}
.rightnavlist a:visited { color: #CEF09D; text-decoration: none; color: #426D5A;}
.rightnavlist a:hover { background-color: #F9630D; color: #fff;text-decoration: none;}
.rightnavlist a:active { background-color: #CEF09D; color: #426D5A;text-decoration: none;}
.active a:link, .active a:visited, .active a:hover { background-color: #F9630D; color: #fff;}


/* RIGHT NAVIGATION*/
#rightnavlist li
{
display: inline;
/* for IE5 and IE6 */
}

#rightnavlist
{
width: 16em;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0 0 1.5em 1em;
padding: 0;
border-top: 1px #ccc solid;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
}

#rightnavlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #CEF39C;/*#476c5e*/;
border-bottom: 1px #ccc solid;
/*text-align: center;*/
text-decoration: none;
color: #426D5A;
}

#rightnavlist a:visited { color: #426D5A; }
#rightnavlist a:hover { background-color: #F9630D; color: #fff;}
#active a:link, #active a:visited, #active a:hover { background-color: #F9630D; color: #fff;}

#rightnavlist2 a
{
width: 91.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #CEF39C;/*#476c5e*/;
border-bottom: 1px #ccc solid;
/*text-align: center;*/
text-decoration: none;
color: #F9630D;
padding-left: 15px;
background-color: #CEF09D;
}

#rightnavlist2 a:link { color: #426D5A; background-color: #CEF39C}
#rightnavlist2 a:visited { color: #426D5A; background-color: #CEF39C }
#rightnavlist2 a:hover { background-color: #F9630D; color: #fff;}
#rightnavlist2 a:active { color: #426D5A; background-color: #CEF39C }
#active2 a:link, #active2 a:visited, #active2 a:hover {color: #426D5A; background-color:#F9630D}


/* LEFT */
.main-content {
 margin: 9px;
 color: #476c5e;
 font-size: 130%; 
}

.main-content a:link {
 color: #7297C7;
 text-decoration: underline;
}
.main-content a:visited {
 color: #7297C7;
 text-decoration: underline;
}
.main-content a:hover {
 color: #305493;
 text-decoration: none;
}
.main-content h1 {
 color: #F9630D;
}
.main-content h2 {
 color: #F9630D;
}
.main-content h3 {
 color: #F9630D;
}
.main-content h1 a:link {
 color: #F9630D;
 text-decoration: none;
}
.main-content h1 a:visited {
 color: #F9630D;
 text-decoration: none;
}
.main-content h2 a:link {
 color: #F9630D;
 text-decoration: none;
}
.main-content h2 a:visited {
 color: #F9630D;
 text-decoration: none;
}
.main-content h3 a:link {
 color: #F9630D;
 text-decoration: none;
}
.main-content h3 a:visited {
 color: #F9630D;
 text-decoration: none;
}

.contenttable {/*EXTRA*/
	margin-top: 10px;
}

.contenttable td {/*EXTRA*/
	padding: 0 5px;
	border: 1px solid #F1F4F8;}

/* CSS DIRECT MAIL */
label
{
width: 23em;
float: left;
margin-right: 0.5em;
display: block
}
.csc-mailform-submit
{
color: #000;
border: 2px outset #ccc;
margin-top:  5px;
}
.csc-mailform-field {
margin-top:  5px;
font-family: "Lucida Sans Unicode", verdana, georgia, arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 80%; 
line-height: 160%; 
font-size-adjust: none; 
font-stretch: normal;
}
fieldset
{
border: 0px solid #ccc;
}

.csc-mailform-check {

}

/* RODE VELDEN*/
.red {
color: red;
}

/* NEW LOGIN BOX */
.tx-newloginbox-pi3-searchbox {
padding: 15px 0;
}

.tx-newloginbox-pi3-listrow a {
display: none;
}