/******************
 *  GLOBAL RESET  *
 ******************/

*
{
  font-family:                Helvetica, Arial, Verdana;
  margin:                     0;
  padding:                    0;
}

html, body
{
  font-family:                Helvetica, Arial, Verdana;
  width:                      100%;
  height:                     100%;
}


/***************
 *  CENTERING  *
 ***************/

body
{
  font-family:                Helvetica, Arial, Verdana;
  background:                 #fff;
  text-align:                 center;
  font-weight:                none;
}


#wrapper
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   relative;
  text-align:                 left;
  width:                      989px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

#page
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   relative;
  width:                      989px;
  horizontal-align: center;
  padding:                    0 5px 0 0;
}

#header
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   relative;
  padding-top:                3px;
  height:                     150px;
  background:                 transparent;
}

#slogan
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   absolute;
  left:                       10px;
  top:                        80px;
  font-size:                  15px;
  color:                      #73737b;
  font-weight:                bold;
  font-style:                 italic;
}

#leftcol
{
  font-family:                Helvetica, Arial, Verdana;
  border:                     solid 1px #ffd6c6;
  width:                      154px; /* 156 - 20 */
  height:                     300px;/*285px;*/
  float:                      left;
  background-color:           #fff;
  background-repeat:          no-repeat;
  background-position:        left bottom;
  padding:                    0 0 200px 2px;
}

#sponsorcol
{
  font-family:                Helvetica, Arial, Verdana;
  width:                      154px; /* 156 - 20 */
  height:                     100px;/*285px;*/
  top: 680px;
  left: 0px;
  position:                      absolute;
  background-color:           transparent;
  background-repeat:          no-repeat;
  padding:                    0 0 100px 2px;
}

#middlecol
{
  font-family:                Helvetica, Arial, Verdana;
  width:                      575px; /* 602 - 20 */
  margin-left:                172px; /* 156 + 8 */
  padding:                    5px 4px 5px 9px;
}

a.fbutton, a.fbutton:link, a.fbutton:visited, a.fbutton:active, a.fbutton:hover
{
  cursor: pointer;
  font-family:                Helvetica, Arial, Verdana;
  text-decoration:            none;
  border:                     none;
  float:                      left;
  background:                 transparent url( '../img/buttons/button.png' ) no-repeat 0 0;
  width:                      150px;
  height:                     26px;
  text-align:                 center;
  vertical-align:             middle;
  font-size:                  10pt;
  font-weight:                bold;
  padding-top: 5px;
  margin: 2px 1px 1px 1px;
  white-space: nowrap;
}

a.fbutton:hover
{
  background: transparent url( '../img/buttons/button_1.png' ) no-repeat 0 0;
}


.inputcontact
{
    background: url(../img/input.gif) repeat-x scroll 0 0 transparent;
    border: 1px solid #41426D;
    clear: right;
    color: #333333;
    font-family: Helvetica,Arial,Verdana;
    width: 98%;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 2px;
}

/*old #middlecol
{
  width:                      575px;
  margin-left:                172px;
  padding:                    5px 4px 5px 9px;
}
*/

#middlecol-border
{
  font-family:                Helvetica, Arial, Verdana;
  border:                     solid 1px #ffd6c6;
  width:                      575px; /* 602 - 20 */
  margin-left:                172px; /* 156 + 8 */
  padding:                    5px 4px 5px 9px;
}

#rightcol
{
  font-family:                Helvetica, Arial, Verdana;
  width:                      215px; /* 215 - 20 */
  float:                      right;
  padding:                    2px 0 0 0px;
}

div.icontextdiv
{
  white-space: nowrap;
  color: #ef4036;
}

div#newswrapper
{
  position: absolute;
  top: 3px;
  right: 10px;
  overflow: hidden;
  height: 340px;
  width: 200px;
}

div#newsnav
{
  position: absolute; top: 352px; right: 15px;
}

div#newsarchivelink
{
  position: absolute; top: 352px; left: 15px;
}

div#slideshowdiv
{
  position: relative; width: 215px; height:265px; margin: 0; padding: 0;
}

div#randomdiv
{
  width: 151px;
  height: 130px;
  text-align: center;
  vertical-align: middle;
  padding-top: 20px;
}

div#news
{
  width:                      190px;
  min-height:                 380px;
  position: relative;
  font-family:                Helvetica, Arial, Verdana;
  border:                     solid 1px #ffd6c6;
  padding:                    5px 10px 5px 10px;
  margin:                     0 0 8px 0;
}

#footer
{
  position:                   relative;
  float:                      none;
  clear:                      both;
  padding-top:                15px;
}

#footer-menu
{
  position:                   absolute;
  left:                       0px;
  top:                        13px;
  float:                      left;
}

#footer-menu a,
#footer-menu a:link,
#footer-menu a:active,
#footer-menu a:visited,
#footer-menu a:hover
{
  font-size:                  8pt;
  color:                      #73737b;
  text-decoration:            none;
  margin-right:               40px;
  font-weight: bold;
}

#footer-menu a:hover
{
  text-decoration:            underline;
}

#footer-slogan
{
  text-align:                 center;
  font-size:                  8pt;
  color:                      #73737b;
  font-weight:                bold;
  font-style:                 italic;
}

/****************
 *  TYPOGRAPHY  *
 ****************/

body
{
  font-family:                Helvetica, Arial, Verdana;
  font-family:                Arial, Verdana;
  color:                      #676767;
  font-size:                  9pt;
  font-weight:                normal;
  font-style:                 normal;
  line-height:                1.8em;
}

a:link, a:visited, a:active
{
  font-family:                Helvetica, Arial, Verdana;
  outline: none;
  color:                      #ef4036;
  text-decoration:            underline;
  border:                     none;
}

a:hover
{
  text-decoration:            none;
}

a.button, a.button:link, a.button:visited, a.button:active, a.button:hover
{
  font-family:                Helvetica, Arial, Verdana;
  outline: none;
  color:                      #505050;
  text-decoration:            none;
  border:                     none;
  float: left;
  background: transparent url( '../img/button.png' ) repeat-x 0 0;
  width: 150px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  padding-top: 6px;
  font-size: 10pt;
}

a.button:hover
{
  background: transparent url( '../img/button_1.png' ) repeat-x 0 0;
}


h1
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                  24px;
  font-weight:                bold;
  margin:                     10px 0 7px 0;
  color:                      #ef4036;
  padding-bottom:             5px;
  font-style:                 normal;
}

h2
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                  16px;
  font-weight:                bold;
  color:                      #ef4036;
  padding:                    7px 0 5px 0;
  font-style:                 normal;
}

h3
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                  13px;
  font-weight:                bold;
  color:                      #ef4036;
  margin:                     0.1em 0 0.15em 0;
  line-height:                1.1em;
}

h4
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                   1.2em;
  line-height:                 1.6em;
  color:                       #ef4036;
  display:                     block;
  padding-top:                 5px;
  border:                      none;
}

h5
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                   1.1em;
  line-height:                 1.5em;
  color:                       #333333;
  display:                     block;
  padding-top:                 5px;
}

h6
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                   19px;
  line-height:                 1.4em;
  color:                       #316595;
  display:                     block;
}

p
{
  font-family:                Helvetica, Arial, Verdana;
  text-align:                 justify;
}


ul
{
  padding-left:               15px;
}

li
{
  font-family:                Helvetica, Arial, Verdana;
  padding-bottom:             5px;
  line-height:                1.8em;
}

ol
{
  padding-left:               15px;
}

img
{
  border:                     none;
}

table
{
  font-family:                Helvetica, Arial, Verdana;
  color:                      #73737b;
  font-weight:                none;
  font-family:                Arial, Verdana, Helvetica, sans-serif;
  font-size:                  9pt;
}

td, td p
{
  font-family:                Helvetica, Arial, Verdana;
  font-size:                  9pt;
  color:                      #73737b;
  vertical-align:             top;
  font-weight:                none;
}

input
{
  font-family:                Helvetica, Arial, Verdana;
  width:                      98%;
}

textarea
{
  font-family:                Helvetica, Arial, Verdana;
  width:                      98%;
}

.red
{
  font-family:                Helvetica, Arial, Verdana;
  color:                      #ef4036;
}

.gray
{
  font-family:                Helvetica, Arial, Verdana;
  color:                      #73737b;
}

/*************************************************
 *                                               *
 *                   TOPMENU                     *
 *                                               *
 *************************************************/

#topmenu
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   absolute;
  left:                       190px;
  top:                        60px;
  height: 60px;
}

#banner
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   absolute;
  left:                       230px;
  top:                        5px;
}

div.topmenu-item
{
  height: 60px;
  width:                      63px;
  float:                      left;
  text-align:                 center;
  font-size:                  8pt;
  line-height:                1em;
  padding-top: 10px;
}

/*************************************************
 *                                               *
 *                  SIDEMENU                     *
 *                                               *
 *************************************************/

#sidemenu
{
}

#sidemenu ul
{
  list-style:                 none;
  list-style-image:           none;
  margin:                     0;
  padding:                    0;
}

#sidemenu li
{
  font-family:                Helvetica, Arial, Verdana;
  padding:                    5px 0 5px 0;
}

#sidemenu ul ul
{
  list-style:                 none;
  list-style-image:           none;
  margin:                     0;
  padding:                    0 0 0 10px;
}

#sidemenu li li
{
  font-family:                Helvetica, Arial, Verdana;
  padding:                    1px 0px 0px 0px;
}

#sidemenu li a,
#sidemenu li a:link,
#sidemenu li a:active,
#sidemenu li a:visited,
#sidemenu li a:hover
{
  font-family:                Helvetica, Arial, Verdana;
  font-weight:                bold;
  font-size:                  15px;
  color:                      #73737b;
  text-decoration:            none;
}

#sidemenu li li a,
#sidemenu li li a:link,
#sidemenu li li a:active,
#sidemenu li li a:visited,
#sidemenu li li a:hover
{
  font-family:                Helvetica, Arial, Verdana;
  font-weight:                normal;
  font-size:                  12px;
  color:                      #73737b;
  text-decoration:            none;
}

#sidemenu a.active,
#sidemenu a.active:link,
#sidemenu a.active:active,
#sidemenu a.active:visited,
#sidemenu a.active:hover
{
  color:                      #ef4036;
}

#sidemenu li a:hover,
#sidemenu li li a:hover
{
  color:                      #ef4036;
}

/*************************************************
 *                                               *
 *                  LOGINBOX                     *
 *                                               *
 *************************************************/

div#loginbox
{
  font-family:                Helvetica, Arial, Verdana;
  position:                   absolute;
  left:                       767px;
  width:                      205px;
  top:                        0px;
  padding:                    10px;
  background:                 transparent url( ../img/login_bg.png ) no-repeat 0 0;
  color:                      white;
  font-size:                  10pt;
}

div#loginbox ul
{
  list-style:                 none;
  list-style-image:           none;
  margin:                     0;
  padding:                    0;
}

div#loginbox ul li
{
  margin:                     0;
  padding:                    0;
  padding-left:               15px;
}

div#loginbox ul li a:link
{
  text-decoration: none;
}

div#loginbox ul li a:hover
{
  text-decoration: underline;
}

div#loginbox .header
{
  font-size:                  14px;
  font-weight:                bold;
}

div#loginbox input
{
  border:                     none;
  width:                      95px;
}

div#loginbox a,
div#loginbox a:link,
div#loginbox a:active,
div#loginbox a:hover,
div#loginbox a:visited
{
  color:                      white;
}

/*************************************************
 *                                               *
 *                      CALL                     *
 *                                               *
 *************************************************/

div#call
{
  position:                   absolute;
  left:                       790px;/*921px;*/
  top:                        120px;
}

div#call-box
{
  position:                   absolute;
  z-index:                    99;
  left:                       773px;
  top:                        148px;
/*
  width:                      220px;
*/
  width:                      200px;
  padding:                    8px;
  color:                      white;
  background:                 #ef4036 url(../img/login-line.gif) no-repeat bottom right;
  border:                     solid 2px white;
}

div#call-box input
{
  border:                     none;
  width:                      140px;/*140px;*/
}

div#call-box a,
div#call-box a:link,
div#call-box a:active,
div#call-box a:hover,
div#call-box a:visited
{
  color:                      white;
}

div#call-done
{
  position:                   absolute;
  z-index:                    100;
  left:                       773px;
  top:                        148px;
  width:                      200px;
  padding:                    8px;
  color:                      white;
  background:                 #ef4036 url(../img/login-line.gif) no-repeat bottom right;
  border:                     solid 2px white;
}

div#call-done a,
div#call-done a:link,
div#call-done a:active,
div#call-done a:hover,
div#call-done a:visited
{
  color:                      white;
}

/*************************
 *       BLOGVIEW        *
 *************************/

div.blogview
{
}

h2.blogview
{
  margin:                     0;
}

div.blogview-archive
{
  text-align:                 right;
}

div.blogview-readmore
{
  margin-bottom:              8px;
  text-align: left;
}

div.blogview-readmore a
{
}

div.blogview-archive a
{
}

div.datebox
{
  border:                     solid 1px #ef4036;
  margin-right:               5px;
  color:                      #fff;
}

div.datebox-border
{
  border:                     solid 1px #fff;
}

div.datebox-inner
{
  background:                 #ef4036;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday
{
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day
{
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month
{
  color:                      #fff;
}

div.datebox-year
{
  font-size:                  10px;
  color:                      #fff;
}

/*************************
 *       LATEST MEMBERS  *
 *************************/

#imageBox1
{
  margin: auto;
  width: 130px;
  height: 190px;
  border: 1px #000 solid;
  overflow: hidden;
  position: absolute;
  top: 23px;
  left: 13px;
  float: left;
}

#imageBoxInside1
{
  height: 10000px;
}

#imageBox1 img
{
  float: left;
  padding: 10px 0px 0px 0px;
  margin: 0px;
}

div#latestmembers_div
{
  position: absolute;
  top: 260px;
  left: 0px;
  height: 90px;
  padding: 10px;
  width: 130px;
  background: transparent;
}

div.profiel_foto_div ul
{
  list-style:                 none;
  list-style-image:           none;
  margin:                     0px;
  padding:                    0px;
}
div.profiel_foto_div ul li
{
  width: 130px;
  text-align: center;
}

.tooltip
{
  background-color:#ef4136;
  border:1px solid #fff;
  padding:10px 15px;
  width:200px;
  display:none;
  color:#fff;
  text-align:left;
  font-size:12px;
  font-family: tahoma;

  /* outline radius for mozilla/firefox only */
  -moz-box-shadow:0 0 10px #000;
  -webkit-box-shadow:0 0 10px #000;
}