body {
    background-color: #000000;
    font-family: Century Gothic, verdana, geneva, helvetica, arial, tahoma, verdana, sans-serif;
    font-size: 11px;
    color: #ffffff;
}
img, div {
    behavior: url(iepngfix/iepngfix.htc);
}
h1 {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 0 2px 0 ;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position: relative;
    clear: both;
    width: 100%;
}

h2 {
    font-size: 1.4em;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
    padding: 10px 0px 0px 0px;
    position: relative;
    clear: both;
    width: 100%;
}

h3 {
    text-transform: uppercase;
    font-size: 1.0em;
    padding: 10px 0 0 0;
    margin: 10px 0 10px 0;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    color: #b5b5b5;
    position: relative;
    clear: both;
    width: 100%;
}

h3 a {
    text-decoration: none;
    color: #a3a3a3;

}

h4 {
    font-size: 1.0em;
    color: #a3a3a3;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.3em;
}

p, #inhalt {
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: normal;
    color: #ffffff;
}


ul {
    margin: 20px 0 20px 20px;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    /*list-style: url(../imgs/icons/silk/bullet_white.png);*/
}

li {
    color: #ffffff;
    padding-bottom: 10px;
}

a {
    color: #ffffff;
}
a:hover {
    color: #b5b5b5;

}

sup {
    font-size: 8px;
}

sub {
    font-size: 8px;
}

#container {
    width: 960px;
    height: 100%;
    left: 50%;
    top:0px;
    margin: 0 auto 0 auto;
    z-index:1;

}
#header {
    display: none;
    text-align:center;
    margin: 10px 0 10px 0;
    letter-spacing: 1px;
}
#logo {
    background: #000000 url(../imgs/logo2.gif) no-repeat;
    position: relative;
    top: 30px;
    left: 0px;
    float: left;
    clear: left;
    width: 960px;
    height: 90px;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;

}

#logo_img {
    position: absolute;
    width: 600px;
    height: 100px;
}
#logo_footer img {
    width: 46px;
    height: 35px;
    background: #ffffff url(../imgs/logo_mini.gif) 0 0 no-repeat;
    padding: 0;
    margin: 0;
}
#link_korean img {
    width: 25px;
    height: 10px;
    background: #ffffff url(../imgs/korean.jpg) 0 0 no-repeat;
    padding: 0;
    margin: 0;
}
#link_korean img:hover {
    width: 25px;
    height: 10px;
    background: #ffffff url(../imgs/korean_hover.jpg) 0 0 no-repeat;
    padding: 0;
    margin: 0;
}
#sprache {
    float: right;
    color: #000000;
    margin: 62px 1px 0 0;
    z-index:10;

}
#sprache a {
    font-size: 1.0em;
    letter-spacing: 1px;
    color: #ffffff;
    text-decoration: none;
    cursor:pointer;
}

#sprache a:hover {
    color: #b5b5b5;
    text-decoration: none;
}

#hauptnavi {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    margin: 25px 0 5px 0;
    padding: 0;
}

#navi {
    width: 960px;
    height: 29px;
    overflow: hidden;
    margin: 0 0 0 0px;
    color: #ffffff;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.0em;
    letter-spacing: 0.3em;

}
#navi span {
    position: relative;
    float: left;
    margin: 7px 0 0 0;
    padding: 0;
}

#navi a {
    color: #ffffff;
    text-decoration: none;
}


#navi a:hover {
    color: #b5b5b5;
    text-decoration: none;
}

#navi a.emph {
    font-weight: normal;
    font-style: normal;
    color: #000000;
    background-color: #ffffff !important;
    padding: 2px 5px 0px 5px;
    text-decoration: none;

}
#subnavi {
    margin-bottom: 80px;
}
#inhalt {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
}



.col2_top {
    width: 967px;
    height: 10px;
}
.col2_left { /* total 263px */
             padding: 0;
             width: 180px;
             overflow: hidden;
}

#box_topimage {
    width: 940px;
    height: 360px;
    padding-bottom: 20px;
}
#box_topimage img {
    border: 0px solid #ffffff;
    margin-bottom: 10px;
}
#box_topimage a {
    text-decoration: none;
}
.col2_intro { /* total 263px */
              padding: 0px 0px 0 0px;
              overflow: hidden;

}
.col2_center {
    padding: 25px 0px 100px 0px;
    overflow: hidden;
}
.col2_center a, .col2_center .box_main .text b {
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
}
.col2_center a, .col2_center .box_main .text a {
    color: #ffffff;
    padding: 0 0 0 12px;
    background: url(../imgs/raquo.gif) 0 2px no-repeat;
    text-decoration: underline;
}
.col2_center b {
    /* color: #000000;
     background-color: #ffffff;
     padding: 0 3px 0 3px;
     font-weight: normal;*/
}
.col2_right {
    padding: 25px 0 40px 25px;
    width: 310px;
    overflow: hidden;
}

.col2_center .infobox {
    background-color: #ffffff;
    color: #000000;
    padding: 10px 20px 10px 20px;

}
.col2_center .infobox h1, .col2_center .infobox h2, .col2_center .infobox p  {
    color: #000000;

}
.col2_center .infobox h1 {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.col2_center .twocols {
    margin: 10px 0 10px 0;
    padding: 0;
}

.col2_center .twocols .colleft{
    width: 200px;
    top: 0;
}
.col2_center .twocols .colcenter{
    width: 20px;
}
.col2_center .twocols .colright{
    top: 0;
}

.col2_right h1 {
}
.col2_right h2 {
    margin-top: 0;
    padding-top: 0;
}

.col2_right .box_content {
    background-color: #000000;
    color: #ffffff;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.col2_right .box_content ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    list-style: none;
}

.col2_right .box_content ul li {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 12px;
    padding: 10px 0px 10px 0;
    letter-spacing: 2px;
    text-align: right;
    text-transform: uppercase;
}

.col2_right .box_content ul li.hi {
    padding-left: 20px;
}
.col2_right a {
    text-decoration: none;
}
.col2_right .box_content ul li.hi a {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
    padding: 0px 0px 0px 5px;
}
.col2_center.sitemap  ul li a {
    color: #ffffff;
    padding: 10px 0 5px 0;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 12px;
    background: url(../imgs/raquo.gif) 0 1px no-repeat;
    text-decoration: underline;
}
.col2_right .box_content ul li.level_03 {
    line-height: 1.2em;
    font-size: 0.7em;
    padding: 0 0 0 3px;
    margin: 5px;
}
.col2_right .box_content ul li .level_03 a  {
    color: #ffffff;
    background-color: #000000;
    line-height: 11px;

}
.col2_right .box_content ul li .level_03 a:hover {
    color: #b5b5b5;
}
.col2_center.sitemap ul {

    list-style-type: none;
    list-style: none;
    font-size: 1.0em;

}


.col2_center.sitemap ul li.level_01 {
    margin-left: -20px;
    padding: 10px 0 5px 0;
}

.col2_center.sitemap ul li.level_01 a.level_01 {
    color: #a3a3a3;
}

a.emph {
    padding-left: 15px;
    margin: 7px 0 0 0px;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-family: Helvetica, Arial, sans-serif;

    text-decoration: none;
}
.footer {
    text-align: left;
    color: #ffffff;
    padding: 10px 0px 0px 0px;
    margin: 0 0 20px 0;
    border-top: 1px solid #ffffff;
    letter-spacing: 1px;
}
.footer, .footer span, .footer a  {
    font-size: 0.9em;
    line-height: 1.4em;
    color: #ffffff;
    padding-bottom: 5px;
}
.footer a {
    font-weight: normal;
    text-decoration: none;

}
.footer.navi {
    text-align: right;

}
.footer.navi a {
    font-size: 1.0em;
    padding: 0 0 0 5px;
    letter-spacing: 2px;
    color: #ffffff;
    text-decoration: none;
    cursor:pointer;
}

.footer.navi a:hover {
    color: #b5b5b5;
    letter-spacing: 2px;
    text-decoration: none;
}


.box {
    position: relative;
    float: left;
    margin: 0 0px 10px 0;
    width: 217px;
    overflow: hidden;
}

.box_top {
    display: none;
    background-color: #000000;
    height: 8px;
    overflow: hidden;
}

.box.main {
    width: 300px;
    overflow: hidden;
}
.box.main h1 {
    position: relative;
    width: 100%;
}

.box.main.odd {
    display: block;
    margin-right: 25px;
    margin-bottom: 20px;

}
.box.main.even {
    display: block;
    margin-left: 0px;
    margin-bottom: 20px;
}
.box.main.even h1, .box.main.odd h1 {
    position: relative;
}
.box.main .text p {
    margin-top: 0px;
}
.box.main .text p b.bright {
    color: #000000;
    background: #ffffff;
}
.box .main .box_content img.float {
    float: left;
    margin: 0;
    padding: 0 35px 10px 0;
}
.box.main img.emph {
    border: 2px solid #ffffff;
}
.box.main.emph {
    width: 280px;
    background-color: #b5b5b5 !important;
    padding: 10px 10px 20px 10px;
    color: #000000;
    position: relative;
}
.box.main.bright {
    width: 280px;
    background-color: #ffffff;
    padding: 10px;
    color: #000000;
}
.box_main p {
    width: 100%;
}
.box_main p a {
    background: url(../imgs/raquo.gif) 0 2px no-repeat;
    text-decoration: underline;
    padding: 0 0 0 15px;
}
.box_main a.none, .box_main .text a.lightbox, .box_content.none a.lightbox {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
}

.imgbox {
    padding: 0;
    width: 100%;
    position: relative;
    float: left;
    clear: both;
    margin: 0px 0 3px 0;
    border: 1px solid #000000;
}

.box.main a.link_project, .box.main a.lightbox {
    background-image: none;
    padding:0 3px 0 0 ;
    margin: 0;
    position: relative;
    float: left;
}
.box_main.bright a {
    background: url(../imgs/raquo_inv.gif) 0 2px no-repeat;
}
.box.main.bright a:hover {
    color: #b5b5b5;
}
.box.main.emph a {
    background: url(../imgs/raquo_grey.gif) 0 2px no-repeat;
}
.box.main.emph a:hover {
    color: #ffffff;
}
.box.main.emph h1, .box.main.bright h1{
    margin-top: 5px;
}
.box.main.emph h3, .box.main.bright h3{
    padding-left: 0;
    margin-left: 0;
    margin-top: 10px;
    color: #000000;
    font-style: normal;
    border-bottom: 1px dotted #000000;
}
.box.main.large  {
    width: 625px;
    float: left;
    clear: both;
    margin-right: 0;
    overflow: hidden;
}
.box.main.bright.large  {
    width: 605px;
}
.box.main.emph h1 {
    border: none;
    font-size: 1.2em;
}
.box.main.emph h1, .box.main.emph h3, .box.main.emph p, .box.main.emph a, .box.main.emph li, .box.main.emph div {
    color: #000000;
    position: relative;
    background-color: #b5b5b5;
}
.box.main.bright h1 {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}
.box.main.bright h1, .box.main.bright h3, .box.main.bright p, .box.main.bright a {
    color: #000000;
}
.box.sub {
    width: 310px;
    margin-top: 20px;
    margin-right: 0;
    float: left;

}
.box.sub b {
    color: #000000;
    background-color: #ffffff;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
}
.box.sub i {
    color: #b5b5b5;
}

.box.sub img {
    float: left;
    padding: 0 5px 5px 0;
}
.box.sub img.emph {
    border: 2px solid #ffffff;
}
.box.sub a {
    background: url(../imgs/raquo.gif) 0 2px no-repeat;
    padding-left: 15px;
    font-size: 1.0em;
    text-decoration: underline;
}

.box.sub.bright {
    width: 290px;
    background-color: #ffffff;
    padding: 10px;
    color: #000000;
}
.box.sub .box_content.bright {
    background-color: #ffffff;
}
.box.sub.bright p {
    color: #000000;
}
.box.sub.bright a {
    color: #000000;
    background: url(../imgs/raquo_inv.gif) 0 2px no-repeat;
}
.box.sub.bright a:hover {
    color: #b5b5b5;
}
.box.sub.bright h1 {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    color: #000000;
}
.box.sub.emph {
    width: 290px;
    background-color: #b5b5b5;
    padding: 0px 5px 0px 5px;
    color: #000000;
}
.box_content.emph {
    background-color: #b5b5b5 !important;
    padding: 0px 5px 10px 5px;
    color: #000000;
    position: relative;
    overflow: hidden;
}
.box.sub.emph a {
    background: url(../imgs/raquo_grey.gif) 0 2px no-repeat;
}
.box.sub.emph a:hover {
    color: #ffffff;
}
.box.sub.emph h1, .box.sub.bright h1{
    margin-top: 5px;
}
.box.sub.emph h3, .box.sub.bright h3{
    padding-left: 0;
    margin-left: 0;
    margin-top: 10px;
    color: #000000;
    font-style: normal;
    border-bottom: 1px dotted #000000;
}
.box.sub.emph h1 {
    border: none;
    font-size: 1.2em;
}
.box.sub.emph h1, .box.sub.emph h3, .box.sub.emph p, .box.sub.emph a {
    color: #000000;
}
.box.main.emph h3, .box.sub.emph h3 {
    padding-left: 20px;
}
.box.main.emph h3.information, .box.sub.emph h3.information  {
    background: url(../imgs/icons/silk/information.png) 0 0px no-repeat;
}
.box.main.emph h3.technic, .box.sub.emph h3.technic  {
    background: url(../imgs/icons/silk/cog.png) 0 0px no-repeat;
}
.box.main.emph h3.images, .box.sub.emph h3.images  {
    background: url(../imgs/icons/silk/images.png) 0 0px no-repeat;
}
.box.main.emph h3.movie, .box.sub.emph h3.movie  {
    background: url(../imgs/icons/silk/film.png) 0 0px no-repeat;
}
.box.main.emph h3.sound, .box.sub.emph h3.sound  {
    background: url(../imgs/icons/silk/sound_none.png) 0 0px no-repeat;
}
.box_login {
    width: 204px;
    background-color: #ffffff;
    margin: 0 0 10px 0;
    border: 0;
    padding: 10px 3px 10px 10px;
}
.box_login form {
    margin: 0;
    padding: 0;
}
.box_login form input[type=text], .box_login form input[type=password] {
    width: 190px;
    height: 12px;
    font-size: 1.0em;
}
.box_login form input[type=submit] {
    margin-top: 7px;
    font-size: 1.0em;
}


.error {
    color: red;
}

input, textarea, select {
}
input[type=text] {
    width: 300px;
}
input[type=textarea] {
    width: 600px;
}
input[type=submit]:hover {
    cursor: pointer;
}

#calendar {
    background-color: #000000;
    position: relative;
    float: left;
    clear: both;
}
#tocalendar {
    position: relative;
    float: left;
    clear: both;
}
#calendar td {
    background-color: #000000;
}

#calendar b {
    color: #000000;
    background-color: #ffffff;
    padding: 0 3px 0 3px;
    font-weight: normal;
}

.calendar_new {
    font-size: 1.0em;
    float: right;
    color: #ffffff;
    padding: 0 3px 0 18px;
    margin: 0 0 0 5px;
    height: 18px;
    background: url(../imgs/icons/silk/star.png) 0px 0px no-repeat;
}

.calendar_canceled {
    font-size: 1.0em;
    float: right;
    color: #ffffff;
    padding: 0 3px 0 18px;
    margin: 0 0 0 5px;
    height: 18px;
    background: url(../imgs/icons/silk/cancel.png) 0px 0px no-repeat;
}
.calendar_postponed {
    font-size: 1.0em;
    float: right;
    color: #ffffff;
    padding: 0 3px 0 18px;
    margin: 0 0 0 5px;
    height: 18px;
    background: url(../imgs/icons/silk/clock.png) 0px 0px no-repeat;
}
.calendar_new span, .calendar_canceled span, .calendar_postponed span {
    display: none;
}
.calendar_js_title {
    font-size: 1.0em;
    color: #000000;
}
.calendar_js_text {
    font-size: 1.1em;
    color: #b5b5b5;

}

img.emph {
    border: 10px solid #ffffff;
    margin: 5px 0 20px 0;
    padding: 0;
    position: relative;
}

img.emph.soft {
    border: 2px solid #ffffff;
    padding: 0;
    margin: 0;
    position: relative;
}

img.large {
    width: 605px;
    position: relative;
}
img.medium {
    width: 296px;
    display: block;
    position: relative;
    float: left;
    clear: both;
    padding-right: 10px;
}
img.mediumlarge {
    width: 301px;
    display: block;
    position: relative;
    float: left;
    clear: both;
    padding-right: 10px;
}
img.small {
    width: 201px;

}
* html img.small {  /* nur fuer Internet Explorer */
                    margin: 0px;
                    overflow: hidden;
                    padding: 0px;
                    width:194px;     /* Version 5.x */
                    w\idth:194px;    /* Version 6 */
}
* html img.medium {  /* nur fuer Internet Explorer */
                     margin: 0px;
                     overflow: hidden;
                     padding: 0px;
                     width:296px;     /* Version 5.x */
                     w\idth:301px;    /* Version 6 */
}
* html img.mediumlarge {  /* nur fuer Internet Explorer */
                          margin: 0px;
                          overflow: hidden;
                          padding: 0px;
                          width:296px;     /* Version 5.x */
                          w\idth:296px;    /* Version 6 */
}
* html img.large {  /* nur fuer Internet Explorer */
                    margin: 0px;
                    overflow: hidden;
                    padding: 0px;
                    width:605px;     /* Version 5.x */
                    w\idth:605px;    /* Version 6 */
}
.box_video a {
    background: url(../imgs/raquo.gif) 0 1px no-repeat;
    text-decoration: underline;
    padding-left: 15px;
    font-size: 1.0em;
}
.box_radio {
    background-color: #ffffff;
    margin: 12px 0 20px 0;
    padding: 5px 2px 5px 5px;
}
.box_radio h2 {
    color: #000000;
}

.rss {
    background: url(../imgs/icons/silk/rss.png) 0px -1px no-repeat;
    padding-left: 20px;
}
#aktuell {
    position: relative;
    float: left;
    margin-bottom: 30px;
    margin: 0 0px 10px 0;
    width: 310px;
    overflow: hidden;
}
#aktuell a {
    font-size: 0.85em;
    letter-spacing: 1px;
}

.filmlink {
    background: url(../imgs/icons/silk/film.png) 0px 0px no-repeat;
    padding-left: 15px;
}

.txtlink {
    background: url(../imgs/icons/silk/film.png) 0px 0px no-repeat;
    padding-left: 15px;
}
.doclink {
    background: url(../imgs/icons/silk/film.png) 0px 0px no-repeat;
    padding-left: 20px;
}
.pdflink {
    background: url(../imgs/icons/silk/page_white_acrobat.png) 0px 0px no-repeat;
    padding-left: 15px;
}
.private {
    background: url(../imgs/icons/silk/key.png) 0px 0px no-repeat;
    padding-left: 20px;
}
.new {
    background: url(../imgs/icons/silk/star.png) 290px 0px no-repeat;

}
.status_new {
    background: url(../imgs/icons/silk/star.png) 0px -2px no-repeat;
    width: 40px;
    margin-left: 5px;
    padding-left: 20px;
    font-size: 0.9em;
    line-height: 1.2em;
}
a.link_status_new {
}
.status_inprogress {
    background: url(../imgs/icons/silk/page_white_wrench.png) 0px -2px no-repeat;
    width: 40px;
    margin-left: 5px;
    padding-left: 20px;
    font-size: 0.9em;
    line-height: 1.2em;
}
a .link_status_inprogress {
    color: green;
}
.status_hide {
    background: url(../imgs/icons/silk/page_delete.png) 0px -2px no-repeat;
    width: 40px;
    margin-left: 5px;
    padding-left: 20px;
    font-size: 0.9em;
    line-height: 1.2em;
}
a.link_status_hide {
    display: none;
}
a:hover .link_status_hide {
    color: red;
}
a.lightbox {
    background: none;
    padding: 0;
    position: relative;
    margin: 0;

}
#compositions .title {
    font-weight: normal;
}
#cds i.emph {
    text-decoration: none;
    color: #a3a3a3;
}
#compositions td b, #videography td b, #performances td b, #cds td b, #memberships td b {
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    padding-left: 3px;
    padding-right: 2px;
}
#compositions td a, #videography td a, #performances td a {
    background: url(../imgs/raquo.gif) 0 1px no-repeat;
    text-decoration: underline;
    padding-left: 15px;
}
.comment, b.emph {
    font-weight: normal;
    color: #000000;
    background-color: #ffffff !important;
    padding: 0 3px 0 3px;
}

.bookmarks {
    width: 100%;
    clear: both;
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 0.8em;
    letter-spacing: 1px;
}
#bookmarks {
    width: 100%;
    clear: both;
    float: left;
    padding: 0;
    margin: 0 0 0 0;
}
#bookmarks a {
    background: none;

}
#bookmarks ul {
    background: none; border: none;
}
#bookmarks li {
    padding: 0px 5px;
}

#communities a  {
    background: url(../imgs/raquo.gif) 0 1px no-repeat;
    text-decoration: underline;
    padding-left: 15px;
}

#communities p {
    line-height: 32px;
}
#follow-me-on-twitter {
    width: 100%;
    heigth: 50px;
    background: url(../imgs/icons/twitter_481_24.png) 260px -10px no-repeat;
}
#twitter b {
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
}
.twitterlogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/twitter_32.png) 272px 0px no-repeat;
}
.myspacelogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/myspace_32.png) 272px 0px no-repeat;
}
.facebooklogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/facebook_32.png) 272px 0px no-repeat;
}
.ilikelogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/ilike_32.png) 272px 0px no-repeat;
}
.youtubelogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/youtube_32.png) 272px 0px no-repeat;
}
.lastfmlogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/lastfm_32.png) 272px 0px no-repeat;
}
.rsslogo {
    width: 100%;
    heigth: 70px;
    line-height: 32px;
    background: url(../imgs/icons/komodomedia/rss_32.png) 272px 0px no-repeat;
}