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

  CSS styles (print) for RSZdesign website
  
  (c) 2004-2005 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: #FFFFFF;
    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; }

/* 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 0.1em 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; }


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


#copyright {
    margin-top: 2em;
    text-align: right;
}



/*** PRINT styles ***/

body, #container, #content, #text { width: auto; margin: auto; padding: auto; }

input, textarea { border: solid 1px #CCCCCC; }
#contact-form   { width: auto; }

#logo    { text-align: right; }
#content { margin-top: 1em; line-height: 175%; }


acronym:after, abbr:after { content: " (" attr(title) ")"; }


#skipnav, #menu, #tracker, .subpagemenu, #content-border,
#portfolio-web .page-controls, .newsb-pagecontrols, .pf-web-url, .buttons, #stats {
    visibility: hidden;
    display: none;
}

