body {background-color: #737F78; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 100%;}

/* Globale stijlen. */
h1 {font-size: 12px; font-weight: bold; color: #34453B;}
p {font-size: 11px; text-align: justify;}
a {color: #000000; text-decoration: underline;}
a:hover {color: #96C814; text-decoration: none;}
hr {border-style: dotted; border-width: 1px 0px 0px;}
img {border: none;}
iframe {border: none;}
table {font-size: 11px;}

dd {margin: 0px;}
dd img {vertical-align: middle; margin: 0px 4px 0px 0px;}


/* DIV voor het gecentreerd uitlijnen van de content. */
#container {position: absolute; margin: 0px auto; width: 1000px; margin-left: -500px; left: 50%; padding: 0px; overflow: visible; height: 100%;} 

/* DIV voor logo van de portal. */
#container div#portal {position: absolute; top: 8px; right: 32px; width: 84px; height: 55px; background-image: url("../images/portal.png"); *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fileadmin/template/stadsomroep/images/portal.png",sizingMethod="scale");}


/* Hoofd tabel met verschillende kolommen. */
#root {height: 100%;} 


/* Schaduwen. */
td#shade-l, td#shade-r {width: 7px;}
td#shade-l { background-image: url("../images/shade-l.gif");}
td#shade-r {background-image: url("../images/shade-r.gif");}


/* Kolom met logo. */
td#logo {width: 65px; background-color: #34463B; padding: 49px 0px 0px; vertical-align: top;}
td#logo img {display: block;}


/* Kolom voor header, navigatie, portal en content. */
td#main {vertical-align: top; height: inherit;}


/* TABLE voor content (banner + hoofdcontent en zijbalk). */
table#main {height: 100%;}


/* Header. */
td#header {height: 49px;}


/* Navigatie + portal-tekst. */
td#nav {height: 32px; padding: 0px; margin: 0px;} /* TD voor tabel met twee kolommen voor navigatie en portal-tekst. */
table#nav {width: 100%; margin: 0px; padding: 0px; height: 100%;} /* TABLE met twee kolommen voor navigatie en portal-tekst. */

td#navmain {background-color: #FFFFFF; padding: 0px 12px; vertical-align: top; font-size: 12px;}
td#navmain .navitemmain a {font-weight: bold; text-transform: uppercase; color: #34453B; padding: 9px; line-height: 20px;}
td#navmain .navitemmain a:hover, td#navmain .navitemmain-active a {color: #FFFFFF; text-decoration: none; background-color: #34453B;}

td#portal {background-color: #FFFFFF; text-align: right; font-size: 11px; padding: 0px 8px;} /* TD voor portal-tekst. */


/* Random image. */
td#randomimage {height: 92px; width: 640px; vertical-align: top; background-color: #FFFFFF;}


/* Hoofdcontent. */
td#normal {background-color: #FFFFFF; padding: 25px 25px 25px 20px; font-size: 11px; line-height: 16px; vertical-align: top; height: auto;}
td#normal h1 {margin: 0px 0px 16px; text-transform: uppercase;}
td#normal h3 {margin: 0px 0px 16px; font-size: 11px}
td#normal p {margin: 0px 0px 14px; color: #34453b;}
td#normal .more {color: #34453b; text-decoration: underline; margin: 0px 0px 0px 4px;}

td#normal table.macina-banner-table {width: 100%; margin-top: 24px; clear: both;}
td#normal td.macina-banner-image {text-align: center;}

td#normal .csc-textpic {width: 100%; text-align: center;}
td#normal .csc-textpic dl {margin-bottom: 16px;}

/* News LIST en LATEST. */
td#normal .news-latest-container, td#normal .news-list-container {margin: 0px 0px 16px;}
td#normal .news-latest-item, td#normal .news-list-item {margin: 0px 0px 8px; padding: 0px 0px 8px; border-bottom-color: #34463B; border-bottom-style: dotted; border-bottom-width: 1px;}
td#normal .news-latest-item:after, td#normal .news-list-item:after {display: block; content: "."; height: 0px; overflow: hidden; visibility: hidden; none; clear: both;}
td#normal .news-latest-item h1, td#normal .news-list-item h1 {margin: 0px; font-size: 11px; font-weight: bold; color: #34453b; text-transform: none;}
td#normal .news-latest-item h1 .news-latest-date, td#normal .news-list-item h1 .news-list-date {font-weight: normal; text-transform: lowercase;}
td#normal .news-latest-item p, td#normal .news-list-item p {margin: 0px; font-size: 11px; display: inline;}
td#normal .news-latest-archive, td#normal .news-list-archive {font-weight: bold; margin: 0px 0px 32px;}
td#normal .tx-ttnews-browsebox-SCell {text-decoration: underline;}

td#normal .news-single-image {float: left; margin: 4px 8px 0px 0px; height: auto; padding: 0px;}

/* Tabellen voor uizendingen. */
td#normal table.uitzendingen {width: auto;}
td#normal table.uitzendingen h1 {font-size: 11px; font-weight: bold; text-transform: none; margin: 0px;}
td#normal table.uitzendingen h2 {font-size: 11px; font-weight: normal; text-transform: none; font-style: italic; margin: 0px;}
td#normal table.uitzendingen td {vertical-align: top;}
td#normal table.uitzendingen .td-0 {width: 128px;}
td#normal table.uitzendingen .td-last {padding: 0px;}

/* Pagina overzicht met samenvatting. */
td#normal .csc-menu {margin: 0px 0px 16px; padding: 0px;}
td#normal .csc-menu dd {margin: 0px; font-style: italic; padding: 0px 0px 8px;}
td#normal .csc-menu a {padding: 0px; font-weight: bold; color: #34453B;}
td#normal .csc-menu a:hover {text-decoration: underline;}

/* Formulieren */
td#normal form {padding: 0px;}

/* Zoeken */
td#normal .csc-searchform {margin: 16px 0px 0px; width: 320px;}
td#normal .csc-form-labelcell {vertical-align: middle; padding: 10px 0px 0px; width: 96px;}
td#normal .csc-form-label {font-weight: bold; color: #34453B;}
td#normal .csc-searchform input[type="text"], td#normal .csc-searchform select {width: 100%;}
td#normal .csc-searchform input[type="submit"] {background: none; border: none; margin: 4px 0px 0px; cursor: pointer; font-weight: bold;}

td#normal h3.csc-searchResultHeader {margin: 8px 0px 0px; font-size: 11px; font-weight: bold; color: #34453b; text-transform: none;}
td#normal p.csc-searchResult {margin: 0px; font-size: 11px; display:}

/* Mailen */
td#normal fieldset.csc-mailform {border: 0px solid #000000; margin: 0px; padding: 0px; width: 480px; text-align: left}
td#normal div.csc-mailform-field {margin: 0px; padding: 0px; text-align: left;}
td#normal form label {display: block; font-weight: bold; color: #34453B; text-align: left;}
td#normal .csc-mailform input[type="text"], td#normal .csc-mailform textarea {width: 60%; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
td#normal .csc-mailform textarea {height: 140px;}
td#normal .csc-mailform input[type="submit"] {background: none; border: 1px solid #000000; margin: 4px 0px 0px; cursor: pointer; font-weight: bold;}

td#normal .csc-textpic {padding: 0px;}
td#normal .csc-textpic img {padding: 0px; margin: 0px;}
td#normal .csc-textpic-intext-right .csc-textpic-imagewrap {margin: 0px; padding:  0px 0px 8px 24px;}
td#normal .csc-textpic-intext-left .csc-textpic-imagewrap {margin: 0px 24px 8px 0px;}


/* Zijbalk. */
td#border {background-color: #96C814; padding: 8px 0px; font-size: 11px; width: 281px; vertical-align: top;}

td#border table#streams {width: 100%; margin: 0px 0px 8px;}
td#border table#streams td {text-align: center; padding: 0px 0px 4px;}

td#border table#quicklinks {width: 100%; margin: 0px 0px 8px;}
td#border table#deejays, td#border table#presentatoren {margin: 0px 0px 8px 3px;}
td#border table#deejays tr, td#border table#deejays td, td#border table#presentatoren tr, td#border table#presentatoren td {padding: 0px; margin: 0px;}

td#border table.macina-banner-table {width: 100%; margin-top: 24px}
td#border td.macina-banner-image {text-align: center;}

/* Uitzendingen */
td#border .csc-header {background-image: url("../images/border_h1.gif"); height: 20px; *height: 32px; padding: 12px 16px 0px;}
td#border .csc-header h1 {margin: 0px; color: #ffffff; text-transform: uppercase;}

td#border table.uitzendingen {display: block; margin: 0px; padding: 8px 8px 18px;  background-image: url("../images/border_table_uitzendingen.gif"); background-position: bottom; width:281px;}
td#border table.uitzendingen td {padding: 0px; color: #ffffff; }
td#border table.uitzendingen .td-0 {width: 100px; padding: 0px 4px; vertical-align: top; font-size: 11px;}
td#border table.uitzendingen .td-last {vertical-align: top; padding: 0px 0px 0px 8px;}
td#border table.uitzendingen .td-last h1 {font-weight: normal; font-size: 11px; color: #ffffff; margin: 0px;}
td#border table.uitzendingen .td-last p {display: none;}

/* Padding voor cellen in IE omdat padding van de TABLE niet ondersteund is. */
*td#border table.uitzendingen .td-0 {padding: 0px 4px 0px 12px;}
*td#border table.uitzendingen .td-last {padding: 0px 8px 0px 8px;}
*td#border table.uitzendingen .tr-0 td {padding-top: 8px;}
*td#border table.uitzendingen .tr-last td {padding-bottom: 18px;}

/* Submenu-items in zijbalk. */
td#border .csc-menu {margin: 8px 0px; padding: 0px; display: block; border-width: 1px 0px 0px; border-style: dotted; border-color: #FFFFFF;}
td#border .csc-menu li {margin: 0px; padding: 0px; display: inline; list-style: none;}
td#border .csc-menu a {display: block; padding: 4px 8px; font-weight: bold; color: #34453B; border-width: 0px 0px 1px; border-style: dotted; border-color: #FFFFFF; text-decoration: none;}
td#border .csc-menu a:hover, td#border .csc-menu .navitemsub-active a {background-color: #34453B; color: #FFFFFF; text-decoration: none;}


/* E-cards */

.tx-srsendcard-pi1 { width: 100%;  } 
.tx-srsendcard-pi1 p { } 
.tx-srsendcard-pi1 object, .tx-srsendcard-pi1 img { margin: 0; padding: 0; border: 0px solid #34453B; } 
.tx-srsendcard-pi1 a { background-color: transparent; text-decoration: none;  } 
 
.tx-srsendcard-pi1 input, .tx-srsendcard-pi1 select, .tx-srsendcard-pi1 textarea {width: 300px  } 
.tx-srsendcard-pi1 input[type=checkbox], .tx-srsendcard-pi1 input[type=radio] { } 
.tx-srsendcard-pi1 input[type=submit] {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-submit { width: 140px } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-clear-float { clear: left; height: 1px; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-selection-prompt {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-series-header { } 

.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector { margin: 0; padding: 0; width: 100%; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-image-selector-column { margin:0; padding:0; float:left;} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-first-column { clear: left; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt { padding: 0.5em 0; text-align: center; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd { margin: 0; padding: 0.5em 0; text-align: center; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt a, .tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd a { margin: 0 auto; padding: 0;  width: auto; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector img { margin: 0; padding: 0; border: 1px solid #34453B; } 

.tx-srsendcard-pi1 .tx-srsendcard-pi1-video-clip-highlight { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-flash-clip-highlight {  } 

.tx-srsendcard-pi1 fieldset { border: none ; color:#000000    } 
.tx-srsendcard-pi1 label, .tx-srsendcard-pi1 .tx-srsendcard-pi1-field {} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form .tx-srsendcard-pi1-card-image-wrap a { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form .tx-srsendcard-pi1-card-caption {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form .tx-srsendcard-pi1-card-form-wrap {} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form form { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset.tx-srsendcard-pi1-no-border { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form legend {  } 


.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset label {} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset div.tx-srsendcard-pi1-label-place-holder { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset label.tx-srsendcard-pi1-hidden-label { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset .tx-srsendcard-pi1-delivery-notify label {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset .tx-srsendcard-pi1-delivery-notify input { } 
* html .tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset .tx-srsendcard-pi1-delivery-notify input {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset div.tx-srsendcard-pi1-field { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form fieldset div.tx-srsendcard-pi1-field .tx-srsendcard-pi1-error-message {  } 

.tx-srsendcard-pi1 .tx-srsendcard-pi1-card { background-image: url("../images/postcard_back.gif"); display: block; width: 595px; height: 250px; border: 0px solid #000000; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-image {} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-image-wrap {   } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-image-wrap img {float: left; margin: 8px; width: 300px;} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-image-wrap object {  border: 1px solid #000000;} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-image-wrap .tx-srsendcard-pi1-card-music-object { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-caption {  display: none} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-message {float: right; margin: 8px 32px 8px 0px; width: 232px; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-message-block {padding: 16px 0px; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-stamp {float: right; position: relative; border: 0px; margin: 0px 0px 8px 8px;} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-title {font-weight: bold;} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-text { margin: 0 0 0 0; } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card .tx-srsendcard-pi1-card-signature {   }

 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-buttons {margin-top: 16px; margin-right: 1em;  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-buttons form { margin-right: 1em;  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-captcha {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-captcha .tx-srsendcard-pi1-captcha-error {} 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-captcha div {  } 
.tx-srsendcard-pi1 
.tx-srsendcard-pi1-captcha input {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-captcha .tx-srfreecap-pi2-image { } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-sent p {  } 
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-not-found p {  }







/* Zoeken */
td#border .csc-searchform {margin: 0px 8px;}
td#border .csc-form-labelcell {vertical-align: middle;}
td#border .csc-form-label {font-weight: bold;}
td#border .csc-searchform input[type="text"], td#border .csc-searchform select {width: 180px;}
td#border .csc-searchform input[type="submit"] {background: none; border: none; margin: 4px 0px 0px; cursor: pointer; font-weight: bold;}


/* Footer. */
td#footer {background-color: #FFFFFF; height: 18px; text-align: center; font-size: 10px; padding: 0px 0px 4px;}
td#footer a {color: #000000; text-decoration: none;}
td#footer a:hover {color: #000000; text-decoration: underline;}
