/******* reset *********/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,object,iframe,img,ins,kbd,q,a,abbr,acronym,address,big, cite,code,tt,var,del,dfn,samp,sub,sup,em,strong,small,strike {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
blockquote, q {quotes: none;}
:focus {outline: 0;}/* remember to define focus styles! */

body {font-size:100%; /* defaults to 1em=16px -- 0.875em=14px -- 0.75em=12px -- 1.125=18px etc... */
line-height:1.125em; /* default 18px vertical rhytm */
text-align:center; 
background: #4D770B url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/body_bg.png) top left repeat-x;
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
}

#wrapper {width: 990px;margin: 0 auto;text-align: left;position:relative;}
#printheader {display:none;}
#header {width: 990px;height: 80px;position:relative;border-bottom: 1px solid #E8EEE0;}

/******* company logo *********/
#header h1 {width: 448px;height: 79px;background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/logo.png) top left no-repeat;text-indent: -6000px;margin: 0 0 0 52px;} 


/******* language switcheroo *********/
#languageswitch {float: right;width: 240px;height: 40px;background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/language_switch_bg.jpg) top left no-repeat;margin: 40px 0 0 0;}
#languageswitch li {float: left;margin: 20px 0 0 13px;}
#languageswitch li.t_de {margin: 20px 0 0 8px;}
#languageswitch li a:link, #languageswitch li a:visited, #nav li a:link, #nav li a:visited  {float: left;display: block;text-decoration: none;color: #D2DCC1;font-family: "Trebuchet MS", sans-serif;font-size: 0.65em;text-transform: uppercase;}
#languageswitch li a:hover {color: #101B01;}


/******* main navigation *********/
#nav {width: 990px;height: 40px;float: left;background-color: #101B01;margin: 1px 0 0 0;}
#nav li {float: left;height: 40px;width: auto;margin: 0;}
#nav li a:link, #nav li a:visited {height: 40px;line-height: 40px;font-size: 0.75em;padding: 0 10px;}
#nav li a:hover, #nav li.current_page a {background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/navtab_bg.jpg) top left repeat-x;}


/******* visual or flash banner op homepage *********/
#visual {width: 990px;height: 325px;background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/visual.jpg) top right no-repeat;text-indent: -6000px;}


/******* typography *********/
p {color: #525252; font-size: 0.875em; line-height: 1.313em; margin: 0 0 1.313em 0;}
dt p, dd p {font-size: inherit;} /* Tiny introduces extra p tags --> check fontsize in dl */
h2 {font-size: 24px; margin-bottom: 16px;line-height: 36px;color: #333333;}
div.blc h2.title {margin: 0 0 20px 20px;}
h3 {color: #6C9900; /* green */
font-size: 1em; line-height: 1.5em; margin: 0 0 0.25em 0;}

/*  these are replaced by SIFR but visible when Flash is blocked */
h2.title, h2.playertitle {font-size: 24px; margin-bottom: 16px;line-height: 36px;color: #333333;}
h2.playertitle {color: #ffffff;}
p b, p strong, b, strong {font-weight:bold;}
i,em{font-style:italic;}

/******* main content *********/
#content {width: 990px;float: left;background-color: #fff;}
#content .left{width: 450px; float:left;margin: 50px;padding: 0 30px 0 0;;}
#content .right{width: 300px; float:right;margin: 50px 50px 50px 0;}
#content .col1{width: 890px; margin: 50px;}


/******* footer *********/ 
#footer {clear: both;width: 990px;background: #4D770B url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/content_bottom.gif) top left no-repeat;padding: 25px 0;}
#footer p {font-size: 0.75em;color:  #fff;}
#footer p a {color: #fff;text-decoration: none;border-bottom: 1px solid #fff;}
#copyright {margin: 5px 0 0 55px;}
#credit {float:  right;margin: 5px 55px 0 0;}


/************* homepage specific  *************/
#home #content .left{width:550px; float:left;margin: 50px; padding: 0;}
#home #content .right{width:300px; float:right;margin: 50px 30px 50px 0;}
#logos{clear:both; margin:0 50px}


/* ********* blue + green containers - rounded corners **********/
div.blc {width: 300px;background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/bg_container_blue_bottom.gif) bottom center no-repeat;padding: 0 0 15px 0;margin: 0 0 25px 0;overflow: hidden;zoom: 1;}
div.blc span.blc_top {display: block;width: 300px;background:transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/bg_container_blue_top.gif) top center no-repeat;padding: 10px 0 0 0;}

div.blc blockquote {margin: 20px;}
div.blc blockquote p {font-size: 0.75em;font-style: italic;margin: 0;}
div.blc blockquote span.quotee {color: #688BB5;font-size: 0.75em;}

div.grc {width: 300px;background: #99CA16 url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/bg_container_green_bottom.gif) bottom center no-repeat;padding: 0 0 10px 0;}
div.grc span.grc_top {display: block;width: 300px;background:transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/bg_container_green_top.gif) top center no-repeat;padding: 10px 0 0 0;}
div.grc p,div.grc h2,div.grc h3,div.grc h4,div.grc h5 {margin: 0 20px 1.0em 20px; color:#fff;}
div.grc a, div.grc b, div.grc strong, div.grc h4 {font-weight:bold;color:#fff;}


/* ********* search form inside green box   **********/
#player_search {margin: 10px 0 20px 20px;}
#player_search legend {display: block;padding:  0 0 15px 0;color: #525252;}
#player_search input.submit {margin: 0 0 0 10px; background-color:#4D770B; color:#fff; padding:3px 6px; border:none;}
#player_search label {font-size: 0.875em;}
#player_search select {margin: 5px 0 0 0;}


/* ********* about page **********/
#history dt {color: #6C9900;font-size: 0.9em;font-weight: bold;}
#history dd {color: #525252;font-size: 0.875em;margin: 0 0 10px 0;}

/*
#members {width: 475px;overflow: hidden;zoom: 1;margin: 25px 0;}
#members dt {width: 90px;float:  left;}
#members dd {width: 355px;float:  right;color: #525252;font-size: 0.875em;}
#members dd.clear {width: 475px;clear: both;}
*/

#members {width: 420px; float:left; overflow: hidden;zoom: 1;margin-right: 20px;}
#members .member_pic {width: 90px;float:  left;}
#members .member_pic img {display: block;}
#members .member_bio {width: 310px; float: right; color: #525252; font-size: 0.875em;}
.member_name {color: #6C9900; font-size: 0.875em; margin-top:0; padding-top:0;}



/* *************** overview players *****************/
#player_overview #content div.left {width: 890px;margin: 50px 0 0 50px;padding: 0;overflow: hidden; zoom: 1;}
#player_overview #content div.left div.blc {width: 890px;background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/container_890x200_blue_bottom.gif) bottom center no-repeat;}
#player_overview #content div.left div.blc span.blc_top {width: 890px;background: transparent url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/container_890x200_blue_top.gif) top center no-repeat;padding: 15px 0 0 0;}
#player_overview #content div.left div.blc p {margin: 10px 0 10px 20px;}
#player_overview #content div.left form {float: right;margin: 10px 20px 0 0;}


/* *************** overview players  table   *****************/
#players {width: 100%;border-collapse: collapse;}
#players tr td {vertical-align:  top;padding: 0 20px 30px 0;}
#players tr td.img_link a:link, #players tr td.img_link a:visited {border: 2px solid #fff;width: 90px;height: 90px;display: block;}
#players tr td.img_link a:hover {border: 2px solid #415578;}
#players tr td h3 {margin: 0;}
#players tr td h3 a:link, #players tr td h3 a:visited {text-decoration: none;color: #6C9900;}
#players tr td h3 a:hover {text-decoration: underline;}
#players tr td h4 {color: #688BB5;font-size: 0.875em;}
#players tr td p {margin: 0;font-size: 0.75em;}
#pag_links {position: absolute;top: 538px;left: 70px;} /* move pagination links */
#pag_links a {color: #000;font-weight: bold;}


/* *************** player_detail page  *****************/
#player_detail .pos{display:none;}
#player_detail #content div.left {width: 619px;background: #101B01 url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/stadion_bg.jpg) top left no-repeat;margin: 0;padding: 0;}
#player_info {margin: 50px 50px 0 50px;position: relative;}
#player_info img {display: block;}
#player_info div.field {float: right;width: 220px;margin: 0 -25px 0 0;position: relative;}
#player_info ul {position: absolute;top: 226px;left: 245px;color: #fff;font-size: 0.875em;}
#player_info ul li strong {font-weight: bold;}

#player_detail #content div.right p {margin-left: 25px;}
#player_detail #content h2 {color: #fff;margin: 20px 0px 0px 50px; clear:both;}
#player_detail #content table {color: #fff;margin: 0px 0px 0px 50px;}
#player_detail #footer {background: #4D770B url(http://ismantwerp.accounts.moonbeetle.com/images/graphics/player_detail_bottom.jpg) top left no-repeat;}
#player_detail #content table {width: 85%;}
#player_detail #content table td {padding: 2px;font-size: 0.875em;}
#player_detail #content table tr.odd td {background-color: #1B2E01;}

#player_info div.field span {position: absolute;font-weight: bold;font-size: 1em;z-index: 2000;color: #fff;display: block;}
#middenvelder span {top: 100px;right: 25px;}/* deze waarden kloppen niet maar zijn om het idee te illustreren */


/* *************** realisations page  *****************/
#realisations #content .left{width:890px; float:left;margin: 50px;padding: 0 30px 0 0;}
#realisations #content .col{float: left; width: 45%; color: #525252;font-size: 0.875em;margin: 0 20px 10px 0;}

/* *************** news page  *****************/
#news #content .left{width:890px; float:left;margin: 50px;padding: 0 30px 0 0;}
.news_entry{background-color:#E2EBF4; padding:5px 15px; margin-bottom:1px;}
.news_entry .entry_date {float:left; width:120px;}
.news_entry h5 {float:left; width:720px; font-size:0.875em; font-weight:normal;}
.news_pic img{float:left; margin:0 20px 20px 0;}

.clearfloat {clear:both;height:0px;}