body {
  background-color: #ffffff;
  font-family: Century Gothic, verdana, geneva, helvetica, arial, tahoma, verdana, sans-serif;
  font-size: 11px;
  color: #000000;
}

h1 {
  font-size: 1.6em;
  line-height: 1.2em;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 0 2px 0 ;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  position: relative;
  clear: both;
  width: 100%;
}

h2 {
  font-size: 1.4em;
  color: #000000;
  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: #7f7f7f;
  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: #000000;
}


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: #000000;
  padding-bottom: 10px;
}

a {
  color: #000000;
}
a:hover {
  color: #7f7f7f;

}

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: #ffffff url(../imgs/logo.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 #000000;

}

#logo_img {
  position: absolute;
  width: 600px;
  height: 100px;
}
#logo_footer img {
	width: 46px;
	height: 35px;
	background: #ffffff url(../imgs/logo_mini_inv.gif) 0 0 no-repeat;
	padding: 0;
	margin: 0;
}
#link_korean img {
  width: 25px;
  height: 10px;
  background: #ffffff url(../imgs/korean_inv.jpg) 0 0 no-repeat;
  padding: 0;
  margin: 0;
}
#link_korean img:hover {
  width: 25px;
  height: 10px;
  background: #ffffff url(../imgs/korean_hover_inv.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: #000000;
  text-decoration: none;
  cursor:pointer;
}

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

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

#navi {
  width: 908px;
  height: 29px;
  margin: 0 0 0 0px;
  color: #000000;
  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: #000000;
  text-decoration: none;
}


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

#navi a.emph {
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  background-color: #000000 !important;
  padding: 0px 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 #000000;
  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: #000000;
  color: #ffffff;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
}
.col2_center a, .col2_center .box_main .text a {
  color: #000000;
  padding: 0 0 0 12px;
  background: url(../imgs/raquo_inv.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: #000000;
  color: #ffffff;
  padding: 10px 20px 10px 20px;

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

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

.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: #ffffff;
  color: #000000;
  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: #ffffff;
  text-decoration: none;
  background-color: #000000;
  padding: 0px 0px 0px 5px;
}
.col2_center.sitemap  ul li a {
  color: #000000;
  padding: 10px 0 5px 0;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0 0 12px;
  background: url(../imgs/raquo_inv.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: #000000;
  background-color: #000000;
  line-height: 11px;

}
.col2_right .box_content ul li .level_03 a:hover {
  color: #7f7f7f;
}
.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: #000000;
  padding: 10px 0px 0px 0px;
  margin: 0 0 20px 0;
  border-top: 1px solid #000000;
  letter-spacing: 1px;
}
.footer, .footer span, .footer a  {
  font-size: 0.9em;
  line-height: 1.4em;
  color: #000000;
  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: #000000;
  text-decoration: none;
  cursor:pointer;
}

.footer.navi a:hover {
  color: #7f7f7f;
  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: #ffffff;
  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-top: 20px;

}
.box.main.even {
  display: block;
  margin-left: 0px;
  margin-top: 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: #ffffff;
  background: #000000;
}
.box .main .box_content img.float {
  float: left;
  margin: 0;
  padding: 0 35px 10px 0;
}
.box.main img.emph {
  border: 2px solid #7f7f7f;
}
.box.main.emph {
  width: 280px;
  background-color: #7f7f7f !important;
  padding: 10px 10px 20px 10px;
  color: #000000;
  position: relative;
}
.box.main.bright {
  width: 280px;
  background-color: #000000;
  padding: 10px;
  color: #000000;
}
.box_main p {
  width: 100%;
}
.box_main p a {
	background: url(../imgs/raquo_inv.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 #ffffff;
}

.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.gif) 0 2px no-repeat;
}
.box.main.bright a:hover {
  color: #7f7f7f;
}
.box.main.emph a {
  background: url(../imgs/raquo_grey.gif) 0 2px no-repeat;
}
.box.main.emph a:hover {
  color: #000000;
}
.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: #ffffff;
  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: #ffffff;
  position: relative;
  background-color: #7f7f7f;
}
.box.main.bright h1 {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}
.box.main.bright h1, .box.main.bright h3, .box.main.bright p, .box.main.bright a {
  color: #ffffff;
}
.box.sub {
  width: 310px;
  margin-top: 20px;
  margin-right: 0;
  float: left;

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

.box.sub img {
  float: left;
  padding: 0 5px 5px 0;
}
.box.sub img.emph {
  border: 2px solid #000000;
}
.box.sub a {
  background: url(../imgs/raquo_inv.gif) 0 2px no-repeat;
  padding-left: 15px;
  font-size: 1.0em;
  text-decoration: underline;
}
.box.sub a.lightbox {
  background: none;
	position: relative;
	float: left;
	padding-left: 0;
}
.box.sub.bright {
  width: 290px;
  background-color: #000000;
  padding: 10px;
  color: #ffffff;
}
.box.sub .box_content.bright {
  background-color: #000000;
}
.box.sub.bright p {
  color: #ffffff;
}
.box.sub.bright a {
  color: #ffffff;
  background: url(../imgs/raquo.gif) 0 2px no-repeat;
}
.box.sub.bright a:hover {
  color: #7f7f7f;
}
.box.sub.bright h1 {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
}
.box.sub.emph {
  width: 290px;
  background-color: #7f7f7f;
  padding: 0px 5px 0px 5px;
  color: #ffffff;
}
.box_content.emph {
  background-color: #7f7f7f !important;
  padding: 0px 5px 10px 5px;
  color: #ffffff;
  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: #ffffff;
  font-style: normal;
  border-bottom: 1px dotted #ffffff;
}
.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: #ffffff;
}
.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_login {
  width: 204px;
  background-color: #000000;
  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;
}

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

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

.calendar_new {
  font-size: 1.0em;
  float: right;
  color: #000000;
  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: #000000;
  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: #000000;
  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: #ffffff;
}
.calendar_js_text {
  font-size: 1.1em;
  color: #7f7f7f;

}

img.emph {
  border: 1px solid #7f7f7f;
  margin: 5px 0 20px 0;
  padding: 0;
  position: relative;
}

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

img.large {
  width: 605px;
  border: 10px solid #f0f0f0;
  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_inv.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: #ffffff;
}

.rss {
  background: url(../imgs/icons/silk/rss.png) 0px -2px no-repeat;
  padding: 0 0 0px 20px;
  height: 20px;
  margin: 0 0 0px 6px;
}
.print {
  background: url(../imgs/icons/silk/printer.png) 0px -0px no-repeat;
  padding: 0 0 0 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 0 0 3px;
}
.phone {
  background: url(../imgs/icons/silk/phone.png) 0px -2px no-repeat;
  padding: 0 0 0 16px;
  margin: 0 0 0 3px;
}

input, textarea, select {
  background-color: #f0f0f0;
}
input[type=text] {
  width: 300px;
}
input[type=textarea] {
  width: 600px;
}
input[type=submit]:hover {
  cursor: pointer;
}
#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;
}

#compositions td b, #videography td b, #performances td b {
  font-weight: normal;
  color: #ffffff;
  background-color: #000000;
  padding-left: 3px;
  padding-right: 2px;
}
#compositions td a, #videography td a, #performances td a {
  background: url(../imgs/raquo_inv.gif) 0 1px no-repeat;
  text-decoration: underline;
  padding-left: 15px;
}
.comment, b.emph {
	font-weight: normal;
	color: #ffffff;
	background-color: #000000 !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 a {
  background: none;
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  clear: both;
  float: left;
}
#bookmarks ul { background: none; border: none; }
#bookmarks li { padding: 0px 5px; }