*
{
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-size: 9pt;
    color: black;
}

body
{
    margin: 0;
    padding: 0;
    background-color: #e7e5e6;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}

a img
{
    border: none;
}

/* remove dotted lines from links in IE */
a:active
{
    outline: none;
}

ul, ol
{
    margin: 0 0 1em 0;
    padding: 0 0 0 3em;
}

.clear
{
    clear: both;
}

.pages
{
    text-align: center;
    margin: 0 0 1em 0;
}

.previous_page
{
    padding-right: 10px;
}
.next_page
{
    padding-left: 10px;
}

input,
textarea,
select
{
    border: solid #444444 1px;
    width: 190px;
    color: black;
}

label
{
    display: block;
}

.checkbox input,
.radio input
{
    width: auto;
    float: left;
    border: none;
}

.error
{
    color: red;
    display: block;
}

input.small_button
{
    width: 100px;
}

#banner
{
    position: absolute;
    top: 48px;
    left: 870px;
}

#navigation #peiling
{
    overflow: hidden;
    padding: 5px;
    margin: 0 2px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

#navigation #peiling *
{
    width: auto;
    color: white;
    margin: 0;
    padding: 0;
    font-size: 8.5pt;
}

#navigation #peiling .radio input
{
    margin-right: 5px;
}

#navigation #peiling input
{
    color: black;
}

#navigation #peiling p
{
    margin-bottom: 5px;
}

#navigation #peiling ul
{
    list-style: none;
}

#navigation #peiling li div.uitslag
{
    height: 10px;
    background: white url(http://sitemedia.gordon.nl/img/golden_tube.png) repeat-x;
    overflow: hidden;
}

#navigation #peiling li
{
    margin: 0 0 10px 0;
}

#page_top
{
    width: 899px;
    background: transparent url(http://sitemedia.gordon.nl/img/top-white.jpg) no-repeat center top;
}

#photo_theme #page_top
{
    background-image: url(http://sitemedia.gordon.nl/img/top-black.jpg);
}

#page_middle
{
    width: 899px;
    background: transparent url(http://sitemedia.gordon.nl/img/middle-white.jpg) repeat-y center top;
}

#photo_theme #page_middle
{
    background-image: url(http://sitemedia.gordon.nl/img/middle-black.jpg);
}

#page_bottom
{
    width: 899px;
    background: transparent url(http://sitemedia.gordon.nl/img/bottom-white.jpg) no-repeat center bottom;
    /* These paddings prevent the "collapsing margins" of CSS in modern browsers. */
    padding: 1px 0;
}

#photo_theme #page_bottom
{
    background-image: url(http://sitemedia.gordon.nl/img/bottom-black.jpg);
}

#main
{
    width: 750px;
    margin: 48px 0 63px 100px;
}

#bg
{
    background: transparent url(http://sitemedia.gordon.nl/img/orange-bg.png) repeat-y right top;
}

#orange_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/orange-bg.png);
}

#purple_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/purple-bg.png);
}

#green_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/green-bg.png);
}

#red_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/red-bg.png);
}

#pink_theme #bg,
#colofon_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/pink-bg.png);
}

#gray_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/gray-bg.png);
}

#blue_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/blue-bg.png);
}

#yellow_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/yellow-bg.png);
}

#lblue_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/lblue-bg.png);
}

#black_theme #bg
{
    background-image: url(http://sitemedia.gordon.nl/img/black-bg.png);
}

#photo_theme #bg
{
    background-image: none;
}

#content
{
    width: 580px;
    min-height: 300px;
    float: left;
    background: transparent url(http://sitemedia.gordon.nl/img/orange_bg.jpg) bottom right no-repeat;
}

#content #subcontent
{
    padding: 20px 50px 200px 0;
    margin-bottom: 220px;
}

#orange_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-oranje.jpg);
}

#orange_theme #subcontent
{
    margin-bottom: 200px;
}

#purple_theme #content
{
    background-image: none;
}

#green_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-groen.jpg);
}

#green_theme #subcontent
{
    margin-bottom: 380px;
}

#red_theme #content
{
    background-image: none;
}

#pink_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-roze.jpg);
}

#colofon_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-colofon.jpg);
}

#colofon_theme #subcontent
{
    padding-bottom: 0;
}

#gray_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-grijs.jpg);
}

#gray_theme #subcontent
{
    margin-bottom: 0;
}

#blue_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-blauw.jpg);
}

#yellow_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-geel.jpg);
}

#yellow_theme #subcontent
{
}

#lblue_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-lichtblauw.jpg);
    background-position: center bottom;
}

#lblue_theme #subcontent
{
    margin-bottom: 250px;
}

#black_theme #content
{
    background-image: url(http://media.gordon.nl/images/original/foto-zwart.jpg);
}

#black_theme #subcontent
{
    padding-bottom: 470px;
}

#photo_theme #content
{
    background-image: none;
}

#orange_theme #subcontent
{
    padding-bottom: 100px;
}

#subcontent p
{
    margin: 0 0 1em 0;
}

#subcontent h1
{
    font-size: 11pt;
    border-bottom: solid white 2px;
    margin: 0 0 1em 0;
}

#subcontent h2
{
    font-size: 11pt;
    margin: 0 0 5px 0;
    border-bottom: solid 2px gray;
}

#col_left
{
    width: 200px;
    float: left;
    overflow: hidden;
}

#col_right
{
    padding-left: 20px;
    width: 310px;
    float: right;
    overflow: hidden;
}

#navigation
{
    width: 170px;
    float: right;
}

#navigation ul
{
    list-style-type: none;
    margin: 20px;
    padding: 0;
    width: 130px;
}

#navigation li
{
    width: 130px;
    margin: 0;
    padding: 0;
    height: 22px;
}

#navigation li a
{
    height: auto;
    font-size: 11pt;
    display: block;
    text-align: right;
    color: white;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#navigation a:hover
{
    color: black;
}

#header
{
    height: 70px;
}

#header h1
{
    font-size: 20px;
    font-weight: normal;
    padding: 40px 0 0 0;
    margin: 0;
    height: 28px;
    border-bottom: 2px solid #ff6300;
    overflow: hidden;
}

.textblock
{
    margin-bottom: 20px;
}

#col_left .textblock
{
    margin-left: 20px;
}

#content a
{
    color: #800040;
}

#content a:hover
{
    color: #ff0080;
}

#orange_theme #header h1,
#orange_theme #content h2
{
    color: #ff6300;
    border-bottom-color: #ff6300;
}

#orange_theme #content a
{
    color: #803200;
}

#orange_theme #content a:hover
{
    color: #ff6300;
}

#orange_theme .textblock
{
    padding-left: 20px;
    border-left: solid 1px #ff6300;
}

#orange_theme .textblock2
{
}

#purple_theme #header h1,
#purple_theme #content h2
{
    color: #820e92;
    border-bottom-color: #820e92;
}

#purple_theme #content a
{
    color: #3d0745;
}

#purple_theme #content a:hover
{
    color: #820e92;
}

#green_theme #header h1,
#green_theme #content h2
{
    color: #20a20a;
    border-bottom-color: #20a20a;
}

#green_theme #content a
{
    color: #105205;
}

#green_theme #content a:hover
{
    color: #20a20a;
}

#red_theme #header h1,
#red_theme #content h2
{
    color: #cd2d2d;
    border-bottom-color: #cd2d2d;
}

#red_theme #content a
{
    color: #661616;
}

#red_theme #content a:hover
{
    color: #cd2cd2;
}

#pink_theme #header h1,
#pink_theme #content h2,
#colofon_theme #header h1,
#colofon_theme #content h2
{
    color: #f64a4a;
    border-bottom-color: #f64a4a;
}

#pink_theme #content a,
#colofon_theme #content a
{
    color: #782424;
}

#pink_theme #content a:hover,
#colofon_theme #content a:hover
{
    color: #f64a4a;
}

#gray_theme #header h1,
#gray_theme #content h2
{
    color: #828282;
    border-bottom-color: #828282;
}

#blue_theme #header h1,
#blue_theme #content h2
{
    color: #1f55c2;
    border-bottom-color: #1f55c2;
}

#blue_theme #content a
{
    color: #0f2a61;
}

#blue_theme #content a:hover
{
    color: #1f55c2;
}

#yellow_theme #header h1,
#yellow_theme #content h2
{
    color: #dac510;
    border-bottom-color: #dac510;
}

#yellow_theme #content a
{
    color: #6e6308;
}

#yellow_theme #content a:hover
{
    color: #dac510;
}

#yellow_theme .textblock
{
    border-color: #dac510;
}

#yellow_theme .textblock2
{
}

#lblue_theme #header h1,
#lblue_theme #content h2
{
    color: #1fa8e8;
    border-bottom-color: #1fa8e8;
}

#lblue_theme #content a
{
    color: #0f5373;
}

#lblue_theme #content a:hover
{
    color: #1fa8e8;
}

#black_theme #header h1,
#black_theme #content h2
{
    color: #242424;
    border-bottom-color: #242424;
}

#photo_theme #header h1,
#photo_theme #content h2
{
    color: #444444;
    border-bottom-color: #444444;
}

#gordon_logo
{
    width: 170px;
    height: 68px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid white;
}

#photo_theme #gordon_logo
{
    border-color: #444444;
}

#sub_menu
{
    position: relative;
    text-align: right;
    padding: 20px;
}

#sub_menu a
{
    display: block;
    text-decoration: none;
    color: white;
}

/* Discografie */

#discografie h2
{
    color: #1f55c2;
    margin: 1em 0 5px 0;
    border-bottom-color: #1f55c2;
    clear: both;
}

#discografie .no-pic
{
    background-color: #e7e5e6;
    height: 90px;
    width: 100px;
    text-align: center;
    padding: 5px 0;
    float: left;
    margin: 0 5px 0 0;
}

#discografie h3
{
    clear: both;
}

/* Shoots */
#shoots *
{
    color: white;
}

#shoots input
{
    color: black;
}

#shoots .textblock
{
    margin: 0 0 1em 0;
    padding: 0;
}

#shoots .textblock a
{
    width: 150px;
    height: 150px;
    display: block;
    float: left;
    text-align: center;
    background-color: black;
    padding: 5px;
}

#shoots .textblock img
{
}

#shoots .textblock p,
#shoots .textblock h2
{
    margin-left: 200px;
    width: 300px;
}

/* Lifestyle */

#top5 li
{
    padding-right: 70px;
}

#top5 a
{
    color: black;
    text-decoration: none;
}

#top5 a:hover
{
    color: #ff0080;
}

/* Forum */
    
/*
#forum
{
    overflow:hidden;
}
*/

#forum #actions div
{
    width: 64px;
    float: left;
    text-align: center;
    margin: 0 10px 10px 0;
}

#forum #actions div *
{
    font-size: 8pt;
    text-decoration: none;
}

#forum table
{
    width: 100%;
    border-collapse: collapse;
    clear:both;
}

#forum th
{
    text-align: left;
    border: #820e92 1px solid;
    border-bottom-width: 2px;
    padding: 2px;
    overflow:hidden;
}

#forum td
{
    border: #820e92 1px solid;
    padding: 2px;
    vertical-align: top;
    overflow:hidden;
}

#forum td.poster
{
    width: 150px;
}

#forum td.message p
{
    width: 350px;
    overflow: hidden;
}

#forum table a
{
    text-decoration: none;
}

#forum .error
{
    color: #820e92;
    font-weight: bold;
}

#forum #author
{
    width: 150px;
}

#forum #smilies div
{
    float: left;
    width: 40px;
    height: 20px;
    text-align: right;
    border: 1px solid #cccccc;
    padding: 3px 10px 3px 3px;
    font-weight: bold;
}
/* Gastenboek */

#gastenboek .textblock
{
    background-color: #cccccc;
    padding: 10px;
}

#gastenboek .textblock strong
{
    color: #1fa8e8;
}

/* Chat */
#chat ul
{
    list-style: none;
}

#chatmessages
{
    float: left;
    width: 350px;
    background-color: white;
    height: 300px;
    overflow: auto;
    border: 1px solid black;
    padding: 3px;
}

#mytext
{
    width: 350px;
}

#chatusers
{
    float: right;
    width: 150px;
    background-color: white;
    height: 300px;
    overflow: auto;
    border: 1px solid black;
    padding: 3px;
}   

#chat .admin_message
{
    color: red;
    font-weight: bold;
}

#chat .system_message
{
    color: blue;
    font-weight: bold;
}

/*----------
    Old cover list
  ----------*/

.old_cover
{
    border:1px solid green;
    float:left;
    height:165px;
    margin:4px;
    padding:3px;
    text-align:center;
    width:160px;
}

.old_cover .ondertitel
{
    font-size: 11pt;
}

.old_cover .datum
{
    font-size: 8pt;
}

.old_cover img
{
    margin-top: 4pt;
}

div#pagination
{
    text-align: center;
    font-size: 10pt;
    clear: both;
}

div#pagination a
{
    font-size: 10pt;
}

div#pagination span.current
{
    font-size: 14pt;
}

img.left {
    float: left;
}

img.right {
    float: right;
}