/**
 * Main Stylesheet for Uni Siegen -> Medienästhetik -> Seminars
 * (c) 2009 S. Teuber
 */
html {
  overflow:      hidden;
}

body {
  margin-top:      0;
}

#container {
  margin:        0;
  position:      absolute;
  top:        0;
  bottom:        110px;
  width:        1000px;
  overflow:       auto;
}

#fncontent {
  width:        760px;
  font-size:      90%;
}

#fncontent p.align-center {
  text-align:      center;
  width:        400px;
  margin:        8em auto;
}

#logo {
  margin:        1.5em 0 0 1.5em;
}

#vllogo {
  position:      absolute;
  top:        1.5em;
  left:        920px;
}

#dname {
  position:      absolute;
  top:        32px;
  left:        145px;
  font-size:      1em;
  font-weight:    bold;
}

#headline {
  position:      absolute;
  top:        63px;
  left:        145px;
  font-size:      1.4em;
  font-weight:    bold;
}

#subheadline {
  position:      absolute;
  top:        115px;
  left:        145px;
  font-size:      1em;
  font-weight:    normal;
}

#commentNav {
  position:      fixed;
  bottom:        150px;
  left:        920px;
}

#commentIconOn, #commentIconOff {
  position:      absolute;
  display:      none;
}

#questionmark {
  position:      fixed;
  bottom:        127px;
  left:        960px;
  width:        17px;
  height:        17px;
  border:        1px solid #EEBBAA;
}

#pageNav {
  list-style-type:  none;
  margin:        0;
  position:      absolute;
  top:        116px;
  left:        920px;
}

#pageNav #top {
  position:      absolute;
  top:        0;
  left:        20px;
  z-index:      255;
  width:        17px;
  height:        17px;
  border:        1px solid #EEBBAA;
}

#pageNav #prev {
  position:      absolute;
  top:        25px;
  left:        1px;
  z-index:      240;
  width:        17px;
  height:        17px;
  /*border:        1px solid #CC3300;*/
  border:        1px solid #EEBBAA;
}

#pageNav #next {
  position:      absolute;
  top:        25px;
  left:        39px;
  z-index:      240;
  width:        17px;
  height:        17px;
  border:        1px solid #EEBBAA;
}

#comment, #commentBackground {
  position:      absolute;
  top:        145px;
  left:        107px;
  display:      none;
}

#comment {
  width:        750px;
  margin:        30px;
  padding:      10px;
  z-index:      250;
  color:        #222;
}

#content a, #comment a, #fncontent a {
  color:        #D15D00;
}

#content a:hover, #content a:active, #comment a:hover, #comment a:active, #fncontent a:hover, #fncontent a:active {
  color:        #FCC601;
}

#commentBackground {
  width:        780px;
  margin:        30px;
  background-color:  #CCC;
  min-height:      500px;
  z-index:      230;
  /*opacity:      .5;*/
}

#contentBackground {
  position:      absolute;
  top:        155px;
  left:        107px;
  width:        760px;
  padding:      30px 0 0 40px;
  background:      url('../media/bg_corner_tl.gif') top left no-repeat;
  z-index:      120;
  min-height:      300px;
}

#footer {
  position:      absolute;
  bottom:        0;
  left:        145px;
  z-index:      255;
  width:        760px;
  height:        100px;
}

#footer html {
  left:        0;
}

.twocols .left, .twocols .right {
  width:        330px;
  float:        left;
}

.twocols .left {
  margin-right:    10px;
}

.twocolsRel .left, .twocolsRel .right {
  float:        left;
}

.twocolsRel .left {
  margin-right:    10px;
}

#content div.csc-textpic-intext-left div.csc-textpic-imagewrap,
#content div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-right:    20px !important;
}

#content div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#content div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left:    20px !important;
}

.csc-textpic-caption {
  font-size:      0.8em;
}

.objectContainer {
  position:      relative;
}

.objectStill {
  position:      absolute;
  top:        0;
  left:        0;
  display:      none;
  background-color:  #CCC;
  background:      url('../media/rauschen.jpg') top left;
}


.langNav {
 position: absolute;
  left: 925px;
 top: 90px; 
}