/* stylesheet for www.CynicDickClinic.nl */

* {
margin: 0;
padding: 0;
}

body {
background: #323232;
}

#container {
width: 800px;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border: 0;
}

#header {
height: 144px;
background: url(images/header.jpg) no-repeat;
}

#navigation {
position: relative;
top: 0px;
height: 48px;
background: url(images/content.jpg) repeat-y;
}

#navigation ul
{
margin: 0;
padding: 0;
border: 0;
}

#navigation li {
display: block;
width: 128px;
height: 48px;
padding: 0;
border: 0;
float: left;
}

#navigation li.home a {
display: block;
background: url(images/button_home_a.jpg) no-repeat;
width: 128px;
height: 48px;
}

#navigation li.home a:hover {
background: url(images/button_home_b.jpg) no-repeat;
}

#navigation li.comedians a {
display: block;
background: url(images/button_comedians_a.jpg) no-repeat;
width: 128px;
height: 48px;
}

#navigation li.comedians a:hover {
background: url(images/button_comedians_b.jpg) no-repeat;
}

#navigation li.multimedia a {
display: block;
background: url(images/button_multimedia_a.jpg) no-repeat;
width: 128px;
height: 48px;
}

#navigation li.multimedia a:hover {
background: url(images/button_multimedia_b.jpg) no-repeat;
}

#navigation li.overcdc a {
display: block;
background: url(images/button_overcdc_a.jpg) no-repeat;
width: 128px;
height: 48px;
}

#navigation li.overcdc a:hover {
background: url(images/button_overcdc_b.jpg) no-repeat;
}

#navigation li.speellijst a {
display: block;
background: url(images/button_speellijst_a.jpg) no-repeat;
width: 128px;
height: 48px;
}

#navigation li.speellijst a:hover {
background: url(images/button_speellijst_b.jpg) no-repeat;
}

#content {
position: relative;
top: 0px;
height: 520px;
background: url(images/content.jpg) repeat-y;
padding-top: 12px;
}

#leftcolumn.home {
width: 276px;
height: 508px;
background: url(images/comedians_tijdelijk.jpg) no-repeat;
margin-left: 30px;
float: left;
}

#leftcolumn.overcdc {
width: 276px;
height: 508px;
background: url(images/overcdc.jpg) no-repeat;
margin-left: 30px;
float: left;
}

#leftcolumn.speellijst {
width: 276px;
height: 508px;
background: url(images/speellijst.jpg) no-repeat;
margin-left: 30px;
float: left;
}

#leftcolumn.multimedia {
width: 281px;
height: 508px;
margin-left: 30px;
float: left;
}

#header.multimedia {
height: 94px;
background: url(images/header_multimedia.jpg) no-repeat;
}

#content.multimedia {
height: 390px;
background: url(images/content_multimedia.jpg) repeat-y;
}

#footer.multimedia {
height: 24px;
background: url(images/footer_multimedia.jpg) no-repeat;
}

#text.multimedia {
height: 390px;
margin-left: 24px;
margin-right: 10px;
overflow: auto;
}

#rightcolumn.multimedia {
width: 433px;
height: 508px;
margin-left: 25px;
text-align: center;
float: left;
}

#rightcolumn.home {
width: 433px;
height: 508px;
margin-left: 30px;
float: left;
}

#rightcolumn.comedians {
width: 433px;
height: 508px;
margin-left: 25px;
float: left;
}

#header.home {
height: 94px;
background: url(images/header_home.jpg) no-repeat;
}

#header.overcdc {
height: 94px;
background: url(images/header_overcdc.jpg) no-repeat;
}

#header.speellijst {
height: 94px;
background: url(images/header_speellijst.jpg) no-repeat;
}

#header.dialogen {
height: 94px;
background: url(images/header_dialogen.jpg) no-repeat;
}

#header.comedyondrugs {
height: 94px;
background: url(images/header_comedyondrugs.jpg) no-repeat;
}

#header.fotos {
height: 94px;
background: url(images/header_fotos.jpg) no-repeat;
}

#header.comedians {
height: 94px;
background: url(images/header_comedians.jpg) no-repeat;
}

#content.comedians {
height: 306px;
background: url(images/content_home.jpg) repeat-y;
}

#text.comedians {
height: 306px;
overflow: auto;
margin-left: 24px;
margin-right: 10px;
}

#header.adam {
height: 180px;
background: url(images/header_comedian_adam.jpg) no-repeat;
}

#header.chris {
height: 180px;
background: url(images/header_comedian_chris.jpg) no-repeat;
}

#header.floor {
height: 180px;
background: url(images/header_comedian_floor.jpg) no-repeat;
}

#header.hank {
height: 180px;
background: url(images/header_comedian_hank.jpg) no-repeat;
}

#header.jasper {
height: 180px;
background: url(images/header_comedian_jasper.jpg) no-repeat;
}

#header.jennifer {
height: 180px;
background: url(images/header_comedian_jennifer.jpg) no-repeat;
}

#header.jeroen {
height: 180px;
background: url(images/header_comedian_jeroen.jpg) no-repeat;
}

#header.lambert {
height: 180px;
background: url(images/header_comedian_lambert.jpg) no-repeat;
}

#header.patrick {
height: 180px;
background: url(images/header_comedian_patrick.jpg) no-repeat;
}

#header.roel {
height: 180px;
background: url(images/header_comedian_roel.jpg) no-repeat;
}

#header.ronald {
height: 180px;
background: url(images/header_comedian_ronald.jpg) no-repeat;
}

#header.soula {
height: 180px;
background: url(images/header_comedian_soula.jpg) no-repeat;
}

#content.home {
height: 390px;
background: url(images/content_home.jpg) repeat-y;
}

#text.home {
height: 390px;
overflow: auto;
margin-left: 24px;
margin-right: 10px;
}

#footer.home {
height: 24px;
background: url(images/footer_home.jpg) no-repeat;
}

#footer {
position: relative;
top: 0px;
height: 20px;
background: url(images/footer.jpg);
}

#copyright {
position: relative;
top: 0px;
height: 10px;
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: 9pt;
color: #000000;
text-align: center;
}

p {
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: 10pt;
font-weight: none;
color: #000000;
}

a {
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #000000;
}

td.media {
width: 90px;
height: 70px;
vertical-align: middle;
text-align: center;
}