/****************************************************/
/*****         CSS for joosth.nl (c)            *****/
/*****  ontwikkeld door OrangeWindow.nl 2009    *****/
/****************************************************/

@import url(contentbox.css);
@import url(menu.css);

/***** STYLES IN BODY ******/

body{ margin: 0; background:#000000;}


/***** IMPORTANT TEXT STYLES ******/


a.text:link { color: #000000; text-decoration:underline; }
a.text:visited { color: #000000; text-decoration:underline;}
a.text:hover { color: #000000; text-decoration:underline;}
a.text:active { color: #000000; text-decoration:underline;}

a.sm:link { color: #ffffff; text-decoration: none; }
a.sm:visited { color: #ffffff; text-decoration: none;}
a.sm:hover { color: #ffffff; text-decoration:underline;}
a.sm:active { color: #ffffff; text-decoration: line-through;}

a.sm:link { color: #ffffff; text-decoration: none; }
a.sm:visited { color: #ffffff; text-decoration: none;}
a.sm:hover { color: #ffffff; text-decoration:underline;}
a.sm:active { color: #ffffff; text-decoration: line-through;}

a.s:link { color: #b3c620; text-decoration: none; }
a.s:visited { color: #b3c620; text-decoration: none;}
a.s:hover { color: #b3c620; text-decoration:underline;}
a.s:active { color: #b3c620; text-decoration: line-through;}


h1, h2
{margin:20px 0 20px 0; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:17px; width:300px; font-weight: normal;}

h3
{margin:20px 0 20px 0; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:17px; width:300px; font-weight: normal;}

h4
{margin:20px 0 20px 0; color:#999999; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; width:300px; font-weight: normal;}


span.zw {color:#000000;}
span.wi {color:#FFFFFF;}
span.gr {color:#b3c620;}


/***** STYLES ALGEMEEN ******/

.header_out_index
{margin:0; width:100%; height: 300px; background:url(../visuals/head_bg_index.gif) repeat-x;}

.header_out
{margin:0; width:100%; height: 300px; background:url(../visuals/head_bg.gif) repeat-x;}

.head_in
{width: 960px; margin-left: auto; margin-right: auto;}

.header_index
{float:left; margin:10px 0 0 0; width:960px; height:355px;}

.header
{float:left; margin:10px 0 0 0; width:960px; height:257px;}

.main_out
{margin:0; width:100%; background:#1a1a1a;}

.main
{width: 960px; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom:0;}

.main_white
{margin:0; width: 960px; background: url(../visuals/cb_main_bg.gif) repeat-y;}

.main_gray
{margin:0; width: 960px; background: url(../visuals/sub_in_bg.gif) repeat-y;}



/***** STYLES FOOTER ******/

.footer_out
{margin:0; width:100%; background: url(../visuals/footer_bg.gif) repeat-x;}

.footer_in
{width: 960px; margin-left: auto; margin-right: auto; padding:45px 0 0 0; height:70px; background:url(../visuals/footer_in_bg.gif) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-align:right; }


.ontwikkeld_door
{visibility: hidden; margin-left: auto; margin-right: auto; width: 960px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/****************************************************/
/*****         END of CSS joosth.nl (c)         *****/
/****************************************************/