/*
***********************************
                                   *
  Created: January, 2009            * 
  Author: Martin Czura               *
  Author URL: www.byteshrine.org    *
                                   *
***********************************

edited by
Stefan Kirsch on behalf of radio multicult2.0
and on purposes of dynamic development

please see original stylesheet @
archiv/original.css

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
             Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, img, q, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
/*    font-family: inherit; */
    vertical-align: baseline;
}

body {
/*    background: #f0f0f0 url(img/body-bg.png) repeat-x;  */
    background: #ffffff;
    font: 75%;
    color: #222;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
         Page Construct
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper,
#wrapper-2cols {
    width: 964px;
    margin: 0 auto 20px auto;
}

#content,
#secondary-content {
    float: left;
    display: inline;
    width: 960px;
    background: #fff;
    border: solid #d7d8d9;
    border-width: 1px 2px 3px 2px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    margin: 30px 0 0 0;
    padding: 0 0 1em 0;
}

#wrapper-2cols #content {
    width: 700px;
}

#secondary-content {
    background: #e5e5e5;
}

#sidebar {
    float: right;
    display: inline;
    width: 240px;
}


#footer { 
    clear: both;
    padding: .5em;
    font-size: 75%;
    text-align: center;
}

#footer a {color:#e45000;text-decoration:none;font-weight:normal;}
/* a { color: #a0522d; } */

#header a img {padding-left:1em;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #content columns
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.column { 
    float: left;
    display: inline;
    margin: 0 10px;
}

.two-columns .column {
    width: 330px;
}

.three-columns .column {
    width: 300px;
}

#wrapper-2cols .three-columns .column {
    width: 213px;
}

.four-columns .column {
    width: 220px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Headings
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  h1, h2, h3, h4 {
    clear: both;
    margin: .5em 0 0 0;
    font-size: 125%;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #ff4000;
}

/* Änderungswunsch Überschriften schwarz

h1 {
    clear: both;
    margin: .5em 0 0 0;
    font-size: 125%;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #ff4000;
}
h2, h3, h4 {
    clear: both;
    margin: .5em 0 0 0;
    font-size: 125%;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #000000;
}

 ------------------------------   */



h1,
#sidebar dt, #sidebar h1 {
    background: #f7f7f7 url(img/sidebar-box-header.png) repeat-x bottom;
    border: solid #d7d8d9;
    border-width: 1px 2px 0 2px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    margin: 30px 0 0 0;
    padding: 5px 10px;
    font-size: 93.75%;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #e45000;
}

h1 {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #d7d8d9;
}

h2 {
    margin: .75em 0 0 0;
    font-size: 112.5%;
}

h3 {
    margin: .5em 0 0 0 ;
    font-size: 93.75%;
    font-weight: bold;
    color: #e45000;
}

h4 {
    margin: .75em 0 0 0;
    font-size: 85%;
    font-weight: bold;
    color: #e45000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#navigation {
    clear: both;
    width: 964px;
    height: 37px;
    background: url(img/navi-bg.png) repeat-x bottom;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    margin: 0;
    font-family:   Georgia, "Century Schoolbook L", "Bitstream Charter", "Bitstream Vera Serif", serif;
    font-size: 75%;
    font-weight: bold;
}

#navigation li {
    float: left;
    background: url(img/navi-border.png) no-repeat right top;
    list-style: none;
}

#navigation a {
    display: block;
    padding: .75em 1.5em;
    text-decoration: none;
    color: #800000;
}

#navigation a:hover {
    background: url(img/navi-bg-hover.png) repeat-x bottom;
    color: #fff;
}

#navigation li.active {
    background: url(img/navi-bg-active.png) repeat-x bottom;
    color: #fff;
}

/* #navigation a:visited {    display: block;    padding: .75em 1.5em;    text-decoration: none;    color: #800000;    font-weight:bold;  } */

#navigation #play {
    background: url(img/play-button-normal.png) no-repeat center;
    width: 105px;
    height:37px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    padding: 0;
}

#navigation #play:hover {
    background: url(img/play-button-hover.png) no-repeat center;
}

#navigation #play.active {
    background: url(img/play-button-active.png) no-repeat center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            Lists
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul { margin: 10px 0 10px 15px; font-size: 81.25%; }
ol { margin: 10px 0 10px 20px; font-size: 81.25%; }

ul ul, ol ol, ul ol, ol ul {
    margin: 0 0 0 10px;
    }
    
ol li {margin-left: 20px;}
    
ul a {color:#e45000;text-decoration:none;font-weight:bold;}
ol a {color:#e45000;text-decoration:none;font-weight:bold;}
/* ul a:visited {color:#e45000;text-decoration:none;font-weight:normal;} */


#secondary-content ol,
#secondary-content ul,
#sidebar ol,
#sidebar ul {
    list-style: none;
    font-size: 81.25%;
    margin: 0;
}

#secondary-content ol,
#sidebar ol {
    margin: 0 0 0 20px;
    list-style: decimal;
}

#secondary-content ul li {
    margin: 0 0 10px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
           Paragraphs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p {
    margin: 1em 1em 0 0;
    font-size: 81.25%;
}

/* Persisch braucht neben Richtung "rtl" optional auch Blocksatz */
.align-justify {text-align:justify;}



#sidebar li {padding: 1em 0 0 0;}

#sidebar dd {
    background: #f7f7f7;
    border: solid #d7d8d9;
    border-width: 1px 2px 3px 2px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    padding: 5px 10px;
}

#sidebar a {color:#e45000;text-decoration:none;font-weight:bold;}

.bodytext a {color:#e45000;text-decoration:none;font-weight:bold;}
.bodytext a:visited {color:#e45000;text-decoration:none;font-weight:normal;}

#content ul li {margin-left:20px;list-style-image:url(img/bullet_16.png);}

/* Header */
#international {padding: 30px 30px 5px 300px; font-size: 81.25%;line-height:93.75%;}
#international a{padding-right:.5em;color:#e45000;text-decoration:none;font-weight:bold;}
#headerimg {float:left;}
#homelink a {margin-top:0; margin-left:1.2em;font-size: 81.25%;color:#e45000;line-height:82%;text-decoration:none;font-weight:bold;}


table p.bodytext {font-size:70%;padding-left:5px; padding-bottom:2px;}
/* table {border: solid 1px #dedede;} */
table h4 {font-size:70%}

/*programmtabelle *************** */
table.programmtab  {font-size:62.5%;background-color:white;border: none;padding:0; border:none}
table.programmtab h4 {font-size:100%; color:#ff4000;padding-left:1px;}
table.programmtab td {padding-left: -2px;}
table.programmtab a {color:#e45000;text-decoration:none;font-weight:bold;}
table.programmtab a:visited {color:#e45000;text-decoration:none;font-weight:normal;}
.darkorange {background-color:#f0f0f0;}
/* .yellow {background-color:yellow;} orange {background-color:white;} */
p.pramwochenheader {font-size:100%;color:lightgrey; text-align:right;margin-top:30px; margin-bottom:10px;margin-right:0px;font-weight:bold;}
table.pramwochenlinks {margin-left:20px;font-size:110%;}
table.pramwochenlinks a {color: grey;font-weight:normal;font-size:110%;}
table.pramwochenlinks a:active {color: grey;font-weight:normal;font-size:110%;}
table.pramwochenlinks a:visited {color: grey;font-weight:normal;font-size:110%;}
table.pramwochenlinks a.aktivewoche {color:#e45000;font-weight:bold;font-size:110%;}


/* Playlisttabelle Content-Pages */
table.playlist  {font-size:62.5%;padding-left:30px;background-color:white;}
table.playlist h4 {font-size:100%; color:#ff4000;padding-left:1px;}
table.playlist td {border: none;padding-left:.5px}

/* bilder in der hauptspalte - contentbereich */
.csc-textpic {margin-top:2px;} 
.csc-textpic-image {margin:5px 5px 5px 5px;}
.csc-textpic-caption {font-size: 70%;color:#333333;padding:3px 0px 2px 0px;}
.csc-textpic-text {margin-right: 5px; margin-left: 0px;}
.csc-textpic-center  {margin:10px auto 5px auto;}
.csc-textpic-caption a {color:#e45000;text-decoration:none;font-weight:normal;}


/* anpassung für rechte_spalte_werbung */
#inhalt_funktion {    background: #f7f7f7;    border: solid #d7d8d9;    border-width: 1px 2px 3px 2px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    padding: 5px 10px;    margin: 0;    font-size: 81.25%; }

#inhalt_funktion dt {
    background: url() no-repeat;
    border: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    margin: 0px;
    padding: 0px; 
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 100%;
    color: #000000;
    background: #f7f7f7;
}

#inhalt_funktion dd {margin:0px;padding:0px;}
#inhalt_funktion dt {margin:0px;padding:0px;margin-bottom:10px;background:white;}
#inhalt_funktion dl {margin:0px;padding:0px;}
#sidebar #inhalt_funktion {margin:0px;padding:0px;}
#inhalt_funktion p.bodytext {padding-left:8px;}
#inhalt_funktion p.align-center {text-align:center;}

/* bilder in der rechten spalte */
#inhalt_funktion dd.csc-textpic-caption {border:0px;padding: 0 2px 2px 2px;}
#inhalt_funktion .csc-textpic-center  {margin:0px;} 
#inhalt_funktion .csc-textpic-caption .csc-textpic-center {font-size: 70%;color:#333333;padding:3px 0px 2px 0px;}
#inhalt_funktion .csc-textpic-caption a {color:#e45000;text-decoration:none;font-weight:normal;}

/*mailformular */
.csc-mailform {font-family: monospace;}
.csc-mailform-field {width:110px; font-size: 100%;}
/* .csc-mailform-check {width:20px;} */

/* schriftzug über werbeblöcken */
.anzeige {color:#999999;}

/* Playlist-Tabelle (History) */
.tx-lumophpinclude-pi1	         {font-size:68.75%;padding-left:0px;background-color:white;}
.tx-lumophpinclude-pi1 table   {width:600px;}
.tx-lumophpinclude-pi1 th	{font-size:100%; color:#ff4000;padding-left:1px;background-color:#f0f0f0;}
.tx-lumophpinclude-pi1 td	{border: 1px dashed #f0f0f0;padding:.5px;}


/* multipieps */
table.multipieps-flaggen {    background: #ffffff;    font: 60%;    font-style: italic;}
#mixer { width: 430px;
background: #f7f7f7 url(img/hintergrund_playerbox.jpg) center no-repeat;}

p.link_up {text-align:right;}


/* funds4culture */
 div#funds4culture {margin-left:-30px;} 
div#funds4culture ul li  {float:left;list-style:none;}
#funds1 {display:block;width:150px; height:150px;background-image: url(../seite/unterstuetzen/funds4culture/jpg/fun_1.jpg);}
#funds1:hover {background-image: url(../seite/unterstuetzen/funds4culture/jpg/fun_2.jpg);}
#funds2 {display:block;width:150px; height:150px;background-image: url(../seite/unterstuetzen/funds4culture/jpg/ds4_1.jpg);}
#funds2:hover {background-image: url(../seite/unterstuetzen/funds4culture/jpg/ds4_2.jpg);}
#funds3 {display:block;width:150px; height:150px;background-image: url(../seite/unterstuetzen/funds4culture/jpg/cult_1.jpg);}
#funds3:hover {background-image: url(../seite/unterstuetzen/funds4culture/jpg/cult_2.jpg);}
#funds4 {display:block;width:150px; height:150px;background-image: url(../seite/unterstuetzen/funds4culture/jpg/ure_1.jpg);}
#funds4:hover {background-image: url(../seite/unterstuetzen/funds4culture/jpg/ure_2.jpg);}



/* twitter_update_list */
ul#twitter_update_list {margin-left: 10px;margin-right:10px; font-style: italic;}


/* font measures calculated from 100% (16px)
    225%;    36px	    175%;    28px	    162.5%;  26px	    150%;    24px
    137.5%;  22px	    125%;    20px	    112.5%;  18px	    100%;    16px
    93.75%;  15px	    87.5%;   14px	    81.25%;  13px	    75%;     12px
    68.75%;  11px	    62.5%;   10px   */