/* CSS Document */

body {
margin: 0; padding: 0; /* Need to set body margin and padding to get consistency between browsers. */
text-align: center; /* Hack for IE5/Win */
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
color: #333333;
background: #fff;
font-family: Helvetica, Verdana, Arial, sans-serif;
}
/* ----- hidden focus borders from mozilla ----- */
:focus { -moz-outline-style: none; } /* Remove dot van http://codylindley.com/blogstuff/js/dottedfocus.htm */

/* Hidden elements */
#logo h1, #logo h2, #logo h3, #leftbottom1 h2, #leftbottom1 h3, #righttop1 h2, #righttop1 p, #righttop1 ul li {
position: absolute;
overflow: hidden;
clip: rect(0,0,0,0);
height: 0;
}

/* intro page  */
div#container {
position: absolute;
left: 50%;
top: 50%;
margin-left: -483px;
margin-top:-289px;
width: 966px;
height: 578px;
text-align:left; /* Counteract to IE5/Win Hack */
padding: 0;
background: #FFF;
overflow: hidden;
border: 1px solid #9E9FAF;
}
#page
  {
    /*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */
 
    /* Use a 11px base font size with a 18px line height */
    font-size: 0.6875em; /* 16px x .6875 = 11px */
    line-height: 1.636em; /* 11px x 1.6363 = 18px */
  }
 
  body, caption, th, td, input, textarea, select, option, legend, fieldset
  {
    /* The following font family declarations are based on the Microsoft core
     * web fonts which are common fonts available on most computer systems. The
     * Bitstream Vera fonts are commonly available on Linux systems where the MS
     * fonts are less common.
     *
     * A user's web browser will look at the comma-separated list and will
     * attempt to use each font in turn until it finds one that is available
     * on the user's computer. The final "generic" font (sans-serif or serif)
     * hints at what type of font to use if the web browser doesn't find any
     * of the fonts in the list.
 
    font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
    font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
 
    font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
 
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
 
     */
 
    font-family: Helvetica, Verdana, Arial, sans-serif;
  }

/* Menu links specs */
div#menumain {
  position: absolute;
  left: 20px;
  top: 266px;
  width: 164px;
  color: #676789;
  font-weight: bold;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  z-index: 1800;
}
div#menumain ul {
	list-style: none;
	padding: 0 0 10px 0;
    margin: 0;
	border: 0;
    background: #FFF;
	}
div#menumain li {
	line-height: 1.2em;
	margin: 0;
	padding: 4px 0 6px 0;
    background: transparent url(../img/nav/menu_links.gif) bottom left no-repeat;
	}
div#menumain a {
	font-size: 1em; 
    font-weight: bold;
	color: #676789;
	margin: 0;
	padding: 1px 0 2px 10px;
	display: block;
	text-decoration: none;
	}
div#menumain a:hover {
	font-size: 1em; 
    font-weight: bold;
	color: #9E9FAF;
    margin: 0;
	padding: 1px 0 2px 10px;
	display: block;
	}
div#menumain #currentpage a {
	font-size: 1em; 
    font-weight: bold;
	display: block;
    padding: 1px 0 2px 10px;
    color: #cc3300;
	text-decoration: none;
	}
div#menumain p	{
	margin: 0 0 0 4px;
	padding: 0;
    display: block;
    width: 146px;
    height: 34px;
    background: #E6E3DE; 
	}
/* SUBMENU specs, horizontale list */

div#submenuhome
{
position: absolute;
left: 0;
top: 194px;
height: 26px;
width: 968px;
padding: 1px 0 0 330px;
margin: 5px 0;
text-align: left;
border: 0;
z-index: 333;
}

div#submenu
{
position: absolute;
left: 0;
top: 194px;
height: 26px;
width: 968px;
background: transparent url(../img/nav/stipjesmenu.gif) bottom left no-repeat;
padding: 1px 0 0 330px;
margin: 5px 0;
text-align: left;
border: 0;
z-index: 333;
}
#submenu ul li a
{
padding: 3px 9px 3px 9px;
margin: 0;
font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-size: 1.2em; 
font-weight: bold;
color: #4D4C72;
text-decoration: none;
}
#submenu ul, 
#submenu ul li
{
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
}
div#submenu ul li a:hover
{
color: #9E9FAF;
text-decoration: none;
}
div#submenu a:active
{
color: #cc3300;
text-decoration: none;
}
div#submenu li#active a
{
color: #cc3300;
text-decoration: none;
}
/* logo */
#logo {
position: absolute;
left: 0;
top: 0;
width: 970px;
height: 120px;
margin: 0;
padding: 0;
z-index: 222;
}
/* footer */
#footer {
position: absolute;
left: 0;
top: 358px;
width: 970px;
height: 20px;
margin: 0;
padding: 0;
border-top: 1px solid #9E9FAF;
border-bottom: 1px solid #9E9FAF;
text-align: right;
z-index: 999;
}
#footer ul li a
{
font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-size: 1em; 
font-weight: bold;
color: #9E9FAF;
text-align: right;
padding: 0;
margin: 0;
}
#footer ul, 
#footer ul li
{
list-style-type: none;
display: inline;
padding: 3px 28px 0 27px;
margin: 0;
text-align: right;
font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-size: 1em; 
font-weight: bold;
color: #9E9FAF;
}
div#footer ul li a:hover
{
color: #4C4A77;
}
div#footer a:active
{
color: #cc3300;
}
div#footer li#active a
{
color: #cc3300;
}
div#footer strong
{
color: #3D3E5E;
}
/* txtvlak contact */
#contacttxt {
position: absolute;
left: 66px;
top: 150px;
width: 840px;
height: 400px;
margin: 0;
padding: 0;
z-index: 8;
}
/* zeilcoachfoto HOME */
#zeilcoachfotohome {
position: absolute;
left: 0px;
top: 105px;
width: 967px;
height: 158px;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 200;
}
#fototeksthome {
position: absolute;
left: 340px;
top: 240px;
width: 600px;
height: 28px;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 224;
}
/* zeilcoachfoto */
#zeilcoachfoto {
position: absolute;
left: 0px;
top: 105px;
width: 967px;
height: 93px;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 200;
}
#fototekst {
position: absolute;
left: 340px;
top: 176px;
width: 600px;
height: 28px;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 224;
}

/* zeilcoachhome tekstvlak HOME */
#zeilcoachhome {
position: absolute;
left: 210px;
top: 260px;
width: 740px;
height: 300px;
margin: 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: bold; 
z-index: 8;
}
#zeilcoachhome p {
width: 700px;
margin: -2px 10px 0 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: bold; 
float: left;
display: block;
}
#zeilcoachhome img.team {
margin: -11px 0 0 0;
border: 0px solid #FFF;
border-width: 0px 0px 1px 25px;
padding: 0;
float: right;
display: block;
}
#zeilcoachhome strong {
color: #706F92;
font-style: bold; 
padding: 0;
margin: 2px 0 1px 0;
display: block;
}
#zeilcoachhome h3 {
font-size: 1.4em;
font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-weight: bold;
line-height: 1em;
color: #403E68;
margin: 0;
padding: 0;
}
/* zeilcoachhome ul, li  vaak gezochte links */
div#zeilcoachhome ul {
float: left; 
width: 150px; 
margin: 0 40px 20px 0;
padding: 0;
display: block;
border: 0;
background: #FFF;
}
div#zeilcoachhome ul li {
line-height: 1.4em;
margin: 0;
padding: 0 0 0 10px;
display: block;
border-bottom: 1px solid #d1d1d1;
}
div#zeilcoachhome ul li a {
font-size: 1em; 
font-weight: normal;
color: #9E9FAF;
margin: 0;
padding: 2px 0 2px 0;
display: block;
text-decoration: none;
	}
div#zeilcoachhome ul li a:hover {
font-size: 1em; 
font-weight:normal;
color: #9E9FAF;
	}
div#zeilcoachhome .stippen {
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0 200px 5px 0;
    display: block;
    background: transparent url(../img/nav/menu_links.gif) bottom left repeat-x;
    width: 460px;
	}
div#zeilcoachhome p.break {
	margin: 0 0 220px 0;
	padding: 0;  
}

/* zeilcoachtekst tekstvlak */
#zeilcoachtekst {
position: absolute;
left: 210px;
top: 42px;
width: 420px;
height: 300px;
margin: 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
z-index: 8;
}
/* zeilcoachtekst ol, li gebruiken voor lists */
div#zeilcoachtekst ol {
	float: left; 
	margin: 2px 40px 2px 0;
    padding: 0;
	border: 0;
    background: #FFF;
	}
div#zeilcoachtekst ol li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;  
    margin: 0;
	padding: 0 0 2px 12px;
    display: block;
    background: transparent url(../img/nav/olli.gif) top left no-repeat;
	}
div#zeilcoachtekst ol li a {
	font-size: 100%; 
    font-weight: normal;
	color: #676789;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}
div#zeilcoachtekst ol li a:hover {
	font-size: 1em; 
    font-weight:normal;
	color: #9E9FAF;
	}
/* zeilcoachtekst ul, li  vaak gezochte links */
div#zeilcoachtekst ul {
	float: left; 
	width: 150px; 
	margin: 0 40px 20px 0;
    padding: 0;
	display: block;
	border: 0;
    background: #FFF;
	}
div#zeilcoachtekst ul li {
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 0 10px;
    display: block;
    border-bottom: 1px solid #d1d1d1;
	}
div#zeilcoachtekst ul li a {
	font-size: 1em; 
    font-weight: normal;
	color: #9E9FAF;
	margin: 0;
	padding: 2px 0 2px 0;
	display: block;
	text-decoration: none;
	}
div#zeilcoachtekst ul li a:hover {
	font-size: 1em; 
    font-weight:normal;
	color: #9E9FAF;
	}
div#zeilcoachtekst .stippen {
	line-height: 1.4em;
	margin: 0 0 10px 0;
	padding: 0 200px 5px 0;
    display: block;
    color: #9E9FAF;
    background: transparent url(../img/nav/menu_links.gif) bottom left repeat-x;
	}
/* zeilcoachteam tekstvlak TEAM */
#zeilcoachteam {
position: absolute;
left: 210px;
top: 42px;
width: 740px;
height: 300px;
margin: 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
z-index: 8;
}
#zeilcoachteam p {
width: 700px;
margin: -2px 10px 0 0;
border: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
float: left;
display: block;
}
#zeilcoachteam img.team {
margin: -11px 0 0 0;
border: 0px solid #FFF;
border-width: 0px 0px 1px 25px;
padding: 0;
float: right;
display: block;
}
#zeilcoachteam strong {
color: #706F92;
font-style: bold; 
padding: 0;
margin: 2px 0 1px 0;
display: block;
}
#zeilcoachteam h3 {
font-size: 1.4em;
font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-weight: bold;
line-height: 1em;
color: #403E68;
margin: 0;
padding: 0;
}
/* zeilcoachteam ul, li  vaak gezochte links */
div#zeilcoachteam ul {
float: left; 
width: 150px; 
margin: 0 40px 20px 0;
padding: 0;
display: block;
border: 0;
background: #FFF;
}
div#zeilcoachteam ul li {
line-height: 1.4em;
margin: 0;
padding: 0 0 0 10px;
display: block;
border-bottom: 1px solid #d1d1d1;
}
div#zeilcoachteam ul li a {
font-size: 1em; 
font-weight: normal;
color: #9E9FAF;
margin: 0;
padding: 2px 0 2px 0;
display: block;
text-decoration: none;
	}
div#zeilcoachteam ul li a:hover {
font-size: 1em; 
font-weight:normal;
color: #9E9FAF;
	}
div#zeilcoachteam .stippen {
line-height: 1.4em;
margin: 0 0 10px 0;
padding: 0 200px 5px 0;
    display: block;
    background: transparent url(../img/nav/menu_links.gif) bottom left repeat-x;
    width: 460px;
	}
div#zeilcoachteam p.break {
	margin: 0 0 220px 0;
	padding: 0;  
}
/* foto rechts */
#fotorechts {
position: absolute;
left: 472px;
top: 40px;
width: 266px;
height: 266px;
border: 1px solid #FFF;
margin: 0;
border: 0;
padding: 0;
z-index: 80;
}
#fotorechts img {
border: 0;
}

/* transparantie png */
#trans          {
behavior: url(/css/png-opacity.htc);
}

/* text appearance */
p {
	margin: 8px 0 8px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;  
}
p strong, li strong {
color: #706F92;
font-style: bold; 
}
p.break {
	margin: 0 0 220px 0;
	padding: 0;  
}
/** headings text-transform: uppercase;**/
  h1
  {
    font-size: 2.2em;
    font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-weight: bold;
    line-height: 1em;
	color: #403E68;
    margin: 0;
    padding: 0;
    }
    /* 0.5em is equavalent to 1em in the page's base font.
   Remember, a margin specified in ems is relative to
   the element's font-size, not to the pages' base
   font size. So, for example, if we want a 1em margin
   (relative to the base font), we have to divide that
    length by the element's font-size:
    1em / 2em = 0.5em */
h2  {
    font-size: 1.6em;
    font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-weight: bold;
    line-height: 1em;
	color: #403E68;
    margin: 0;
    padding: 0.4em 0 0 0;
  }
h3 {
    font-size: 1.4em;
    font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-weight: bold;
    line-height: 1em;
	color: #403E68;
    margin: 0;
    padding: 0.4em 0 0 0;
}

/* Link */
a:link {
font-weight: bold;
text-decoration: none;
color: #706F92;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #403E68;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #cc3300;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #cc3300;
}
/*  TABLE specs FORMULIEREN*/
table#forms
{
margin: -20px 0 0 10px;
padding: 0;
height: 250px;
width: 720px;
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
color: #333333;
background: #fff;
font-family: Helvetica, Verdana, Arial, sans-serif;
position: absolute;
left: 0;
top: 0;
}
table#forms td
{
padding: 2px 4px 0 4px;
font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
color: #333333;
background: #fff;
font-family: Helvetica, Verdana, Arial, sans-serif;

}
table#forms td.leeg
{
padding: 0;
margin: 0;
display: block;
height: 8px;
}


INPUT               {border: 0px solid #C2C2C2; border-width: 1px 1px 1px 1px; color: #2A1D49; font-family: Arial, Verdana, Helvetica, Freesans, sans-serif; font-size: 8pt; padding: 0; margin: 0;}
TEXTAREA            {border: 1px solid #C2C2C2; color: #2A1D49; font-family: Arial, Verdana, Helvetica, Freesans, sans-serif; font-size: 8pt; padding: 0; margin: 0;}
SELECT              {border: 1px solid #C2C2C2; color: #2A1D49; font-family: Arial, Verdana, Helvetica, Freesans, sans-serif; font-size: 8pt; padding: 0; margin: 0;}

.radio              {border: 0; color: #DF002C; background: #FFF; padding: 0; margin: 0;}
/*.verzendbutt        {border: 0; background: transparent url(http://www.eus.nl/img/nav/stuur.gif) bottom left no-repeat; color: #000; font: bold 11px/16px verdana, lucida, sans-serif; padding: 1px 10px 1px 20px; width: 200px;}
*/
.verzendbutton      {
border: 1px solid #000; 
background: #cc0033; 
color: #fff; 
font-size: 1.4em;
font-family: Helvetica, Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
font-weight: bold;
line-height: 1.4em;
}

/*ACCES specs*/
.access{
display: none;
}