/*********************************************

  CSS styles (screen) for RSZdesign website
  
  (c) 2004 RSZdesign
  File created and modified by RSZdesign

 ********************************************/

a:link    { background-color: transparent; color: #B70909; text-decoration: none; font-weight: bold; }
a:visited { background-color: transparent; color: #7B0C0C; text-decoration: none; font-weight: bold; }
a:hover   { background-color: transparent; color: #FF3333; text-decoration: none; font-weight: bold; }
a:active  { background-color: transparent; color: #B70909; text-decoration: none; font-weight: bold; }

html {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    background: #181E23 url("../images/gui/page_bg_plus.jpg") repeat-y left top;
    color: #666666;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 75%;
}

table, textarea {
    font-size: 100%;
}

div, form {
    margin: 0;
}

textarea {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

label {
    cursor: pointer;
}

img, a img {
    border: none;
}

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }
h1 { background-color: transparent; color: #000000; font-weight: bolder; font-size: 180%; }
h2 { background-color: transparent; color: #000000; font-weight: bolder; font-size: 160%;
     margin: 0; margin-bottom: 10px; }
h3 { background-color: transparent; color: #000000; font-weight: bolder; font-size: 150%;
     margin: 0; margin-bottom: 10px; text-transform: uppercase; }
h4 { margin: 0 0 0.2em 0; background-color: transparent; color: #666666; font-weight: bold; font-size: 100%; }

p { margin: 0 0 1.5em 0; }

strong { background-color: transparent; color: #666666; }

acronym, abbr, .help { border-bottom: 1px dashed #00CC00; }
@media screen {
    acronym, abbr, .help { cursor: help; }
}

/* text formatting styles */
.tinytext   { font-size: 85%;  }
.smalltext  { font-size: 90%;  }
.normaltext { font-size: 100%; }
.bigtext    { font-size: 120%; }
.hugetext   { font-size: 150%; }
.errortext  { font-size: 90%;  font-weight: bold; background-color: transparent; color: #FF0000; }

.first      { margin-top: 0px; }
.vmiddle    { vertical-align: bottom; }
.revise     { text-decoration: line-through; }
.navhelp    { display: none; visibility: hidden; }

img.left    { float: left; margin-right: 5px; }
img.right   { float: right; margin-left: 5px; }

.clear, .spacer { clear: both; }


/* news headlines styles */
h3#nieuws { margin-bottom: 20px; }

#news-headlines { margin-bottom: 1.5em; }

.news-message-short               {  }
.news-message-short .news-subject { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; }
.news-message-short .news-info    { font-size: 90%; }

#recent {
    margin-top: 30px;
}


/*** webdesign portfolio page controls styles ***/
#portfolio-web {

}
#portfolio-web .page-controls {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFFF;
    color: #BBBBBB;
    font-size: 90%;
    text-align: right;
}
#portfolio-web .page-controls .flashtoggle { float: left; text-align: left; }
#portfolio-web .page-controls strong       { background-color: transparent; color: #999999; }
#portfolio-web .page-controls .separator   { background-color: transparent; color: #EAEAEA; }
#portfolio-web .page-controls img          { vertical-align: middle; }


/*** Portfolio web styles ***/
.pf-web {
    margin: 0px;
    margin-bottom: 50px;
}
.pf-web .pf-web-image                 { float: left; }
.pf-web .pf-web-content               { float: right; width: 45%; padding: 6px 0; text-align: left; }
.pf-web .pf-web-content .pf-web-title { padding: 4px; background: #CCCCCC; color: #333333; font-size: 100%; }
.pf-web .pf-web-description           { font-size: 90%; }
.pf-web .pf-web-url                   { padding: 2px 10px 0 0; margin-top: 20px;
                                        background-color: #FFFFFF!important; color: #666666;
                                        font-size: 90%; text-align: right; }



/*** contact form styles ***/
#contactform {
    width: 55%;
}
#contactform p               { margin: 0 0 4px 0; }
#contactform input, #contactform textarea
                              { width: 100%; }
#contactform .message        { padding: 4px; background-color: #EFEFEF; color: #333333; }
#contactform .buttons        { text-align: right; }
#contactform .buttons input  { width: auto; }
/*
#contactform .buttons input {
    background-color: #EFEFEF;
    background-image: url("../images/gui/menu_bg.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    color: #333333;
    font-size: 90%;
    font-weight: bold;
    border: solid 1px #FFFFFF;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    border-left: solid 1px #FFFFFF;
    border-top: solid 1px #FEFEFE;
}
*/





/* layout styles */
#container {
    width: 800px;
    padding-bottom: 20px;
    background: #FFFFFF url("../images/gui/page_bg.jpg") repeat;
    color: #666666;
    _height: 100%;
    min-height: 100%;
}

html, body {
    height: 100%;
    min-height: 100%;
}

#header                       { margin: 0; width: 748px; background-color: #2D2D2D; color: #FFFFFF; }

#skipnav                     { padding: 4px 4px 0 4px; display: none; visibility: hidden; }

#header #header-top           { padding: 10px; }
#header h1                    { margin: 0; padding: 0; position: relative; height: 103px;
                                border: solid 4px #FFFFFF; text-align: right;
                                background: transparent left top no-repeat; }
#header h1 img                { border-left: solid 4px #FFFFFF; }

#header #menu {
    padding: 5px;
    padding-left: 10px;
    background: #EAEAEA url("../images/gui/menu_bg.jpg") repeat-x left top;
    color: #2D2D2D;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 6px #2D2D2D;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: bold;
    font-variant: small-caps;
}
#header #menu ul#nav    { margin: 0; padding: 0; list-style-type: none; }
#header #menu ul#nav li {
    margin-right: 20px;
    padding-left: 25px;
    background: transparent url("../images/menuitem_bullet.gif") no-repeat center left;
    float: left;
}
#header #menu ul#nav li a:link, #header #menu ul#nav li a:active, #header #menu ul#nav li a:visited
                                  { display: block; padding: 0 8px 0 6px;
                                    background-color: transparent; color: #2D2D2D; }
#header #menu ul#nav li a:hover   { background-color: transparent; color: #666666; }
#header #menu ul#nav li.current a:link, #header #menu ul#nav li.current a:active, #header #menu ul#nav li.current a:visited
                                  { background-color: #EAEAEA; color: #2D2D2D; }
#header #menu ul#nav li.current a:hover
                                  { background-color: #EAEAEA; color: #666666; }

@media screen {
    #header #menu, #subcategories {
        cursor: default;
    }
}

#container br.clear { margin: 0; padding: 0; }


#tracker {
    clear: both;
    padding-left: 12px;
    width: 191px;
    float: left;
}
#tracker #tracker-header {
    margin: 0 0 2px 0;
    position: relative;
    height: 32px;
    background: transparent url("../images/recent.gif") no-repeat left top;
}
#tracker #tracker-header  span { display: none; visibility: hidden; }
#tracker #tracker-content {
    padding: 6px;
    min-height: 50px;

    background-color: #EAEAEA;
    background-image: url("../images/gui/tracker_bg.jpg");
    background-repeat: repeat-x;
    background-position: bottom;
    color: #666666;
    font-size: 90%;
    text-align: left;
    line-height: 130%;
}
#tracker h3             { margin: 0 0 0.5em 0; font-size: 110%; font-weight: bold; }
#tracker .tracker-image { float: left; margin: 0 6px 0 0; }
#tracker .tracker-url   { text-align: right; }

#content-title          { display: none; visibility: hidden; }

#content-border         { margin-top: 3px;   }

#content {
    padding-left: 10px;
    padding-right: 0px;
    text-align: justify;
    line-height: 140%;
    width: 535px;
    float: left;
}

#text {
    margin: 0px;
    padding: 20px;
    padding-bottom: 50px;
    background-color: #EAEAEA;
    background-image: url("../images/gui/content_bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    color: #666666;
}

#text div, #text table {
    background-color: transparent;
    color: #666666;
}

.subpagemenu ul { margin: 0; padding: 0; list-style-type: none; }

.subpagemenu ul li {
    float: left;
    padding: 1px 4px 1px 1px;
    padding-left: 20px;
    margin: 0;
    margin-right: 10px;
    border-right: solid 2px #CCCCCC;
    background: #EEEEEE url("../images/gui/sub_arrow.gif") no-repeat 5px center;
    color: #666666;
    text-align: center;
    font-size: 85%;
    font-weight: bold;
}
.subpagemenu ul a:link, .subpagemenu ul a:active, .subpagemenu ul a:visited
                        { display: block; margin: 0; padding: 0; background-color: transparent; color: #333333; }
.subpagemenu ul a:hover { background-color: transparent; color: #999999; }

#copyright {
    text-align: right;
}

#stats { margin: 1em 0 0 0; background: transparent; color: #999999; font-size: 75%; text-align: center; }