/* GENERAL */

html {
  height:100%;
  overflow-y:scroll;
}

body {
  height:100%;
  background:url('../img/layout/background-color.jpg') repeat top left;
  text-align:center; /* IE6 */
  font-size:12px;
  font-family:Arial,sans-serif;
}

#wrapper {
  position:relative;
  text-align:left;
  width:1000px;
  margin:0 auto;
  background:url('../img/layout/background.jpg') repeat-y top center;
  min-height:100%;
}

* html #wrapper {
  height:100%; /* IE6-8 */
}

p {
	padding:0 0 10px 0;
}

p.news {
  padding-bottom:0;
}

a {
  text-decoration:none;
  color:#38B275;
}

a:hover {
  text-decoration:underline;
}

.invisible {
  display:none;
}

.toplink {
  position:absolute;
  bottom:90px;
  right:80px;
  display:block;
  padding-right:12px;
  background:url('../img/layout/toplink.png') no-repeat right 5px;
  margin:1.5em 0;
  font-size:11px;
}

.hidetext {
  display:block;
  text-indent:-3000px;
  overflow:hidden;
}

.pdflink {
  background:url('../img/layout/pdf.gif') no-repeat 0 4px;
}

.jpglink {
  background:url('../img/layout/jpg.gif') no-repeat 0 4px;
}

.epslink {
  background:url('../img/layout/eps.gif') no-repeat 0 4px;
}

.externallink {
  background:url('../img/layout/external.gif') no-repeat 0 3px;
}

.internallink {
  background:url('../img/layout/internal.gif') no-repeat -3px 3px;
}

.emaillink {
  background:url('../img/layout/mail.gif') no-repeat -1px 2px;
}


/* HEADER */

#head {
  margin:0 50px;
  position:relative;
  z-index:999;
  font-size:11px;
}

#head td {
  height:100px;
}

#head .inside {
  height:100px;
  background:url('../img/layout/head-ssv-gera.jpg') no-repeat top left;
  margin:0 2px;
}

#head h2 {
  display:none;
}

/* MENU */

#topmenu,
#mainmenu {
  position:absolute;
  right:30px;
}

#topmenu li,
#mainmenu li {
  display:inline;
  position:relative;
}

#topmenu li.last a,
#mainmenu li.last a {
  padding-right:0;
}

#topmenu {
  top:30px;
}

#topmenu a {
  color:#fff;
  padding:0 5px;
}

#topmenu a.active {
  color:#135966;
  padding:0 5px;
}

#mainmenu {
  top:66px;
}

#mainmenu a {
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#2CA683;
  padding:0 8px;
}

#mainmenu a.active {
  color:#135966
}

#mainmenu li .submenu ul {
  padding:5px 10px 0 10px;
  list-style-type:none;
}

#mainmenu li .submenu li {
  display:block;
  margin-left:11px;
}

#mainmenu li .submenu li a {
  display:block;
  padding:3px 0px;
}


#mainmenu li .submenu {
	position: absolute;
	visibility: hidden;
	width: 167px;
	padding: 10px 0 0; 
	top: -10000px;
	left: -10000px;
} 

#mainmenu li:hover .submenu {
	visibility: visible;
	top: 12px;
	left: -12px;
}

#mainmenu .submenu_content {
	background:url('../img/layout/dropdown-background.png') repeat-y;	
}

#mainmenu .submenu_bottom {
	display: block;
	overflow: hidden;
	height: 20px;
	width: 167px;
	background:url('../img/layout/dropdown-bottom.png') no-repeat;
}

/* MAIN */

#main .inside {
  padding:20px 80px 120px 80px;
}

#main {
  line-height:1.5em;
  color:#014D5B;
}

h1 {
  color:#135966;
  font-size:13px;
  line-height:1.3em;
  margin:0.8em 0 0.5em 0;
}

h1 em {
  font-weight:normal;
  font-style:italic;
}

h3 {
  color:#135966;
  font-size:12px;
  line-height:1.3em;
  margin:0.8em 0 0.5em 0;
}

.newsblock {
  clear:both;
  margin-bottom:10px;
  border-top:1px solid #369E6B;
}

.newsblock dd,
.image_column dd {
  font-size:11px;
  line-height:1.3em;
  margin:10px 0 15px 0;
  color:#399;
}


.newsblock .datum {
  display:block;
  font-size:10px;
  margin:0.2em 0 0 0;
}

.newsblock .more {
  font-size:11px;
  display:block;
  margin:0.5em 0 1em 0;
}

#main ul.links {
  font-size:11px;
  margin:0.5em 0 0.8em 0;
  list-style-type:none;
  line-height:1.5em;
}

#main ul.links li {
  padding-left:25px;
}

#main .presselink {
  display:block;
  line-height:1.2em;
  margin:0 0 0.7em 0;
}

.newspaging {
  margin:0.5em 0 1em 0;
  float:right;
  color:#399;
  font-size:11px;
}

.newspaging a.first {
  padding-right:5px;
}

.newspaging a.last {
  padding-left:5px;
}

.flashbanner {
  width:896px;
  height:248px;
  margin:0px 52px;
  background:url('../flash/flash_proxy.jpg') no-repeat;
  position:relative;
  z-index:1;
}

.flashbanner a {
  padding-top:9px;
}

#flashcontainer p {
  position:absolute;
  bottom:9px;
  width:896px;
  padding:3px 0px;
  text-indent:30px;
  background-color:white;
  opacity:0.8;
}

.image_column {
  width:345px;
  float:left;
  margin-bottom:2em;
}

.newsblock .image_column {
  margin-left:0px;
}

.content_column {
  display:inline;
  float:left;
  margin-left:15px;
  width:480px; // 472
}

.newsblock .noimage {
  width:840px;
  padding:0;
  margin-left:0;
}

.content_column .newsblock {
  width:480px;
}

.archiv {
  list-style-type:none;
  margin-top:1em;
}

.archiv li {
  line-height:1.1em;
  margin-bottom:0.5em;
  padding-left:25px;
}

.veranstaltungen .label {
  padding:0 1.5em 0.5em 0;
  font-weight:bold;
}

.veranstaltungen .info {
  width:220px;
}

.veranstaltungen .inforight {
  padding:0 1.5em 0.5em 2em;
  font-weight:bold;
}

.veranstaltungen ul.links {
  margin:0;
}

.datumnavigation {
  clear:both;
  margin:0;
  padding:10px 0px 8px 0px;
  text-align:center;
  background-color:#DBF1F2;
}

.datumnavigation .monat {
  padding:0px 3px;
}

.datumnavigation .jahr {
  font-weight:bold;
  padding:0px 4px;
}

.datumnavigation .jahrlink {
  font-size:14px;
  padding:0px 2px;
}

.datumnavigation .monatlink {
  font-size:14px;
  padding:0px 2px;
}

.datumnavigation .abstand {
  padding:0 10px;
}

.training table {
  width:100%;
  margin:2em 0;
  /* next two styles for showing borders on empty cells in IE6-7 */
  empty-cells:show;
  border-collapse:collapse;
}

.training table th,
.training table td.col1 {
  font-weight:bold;
}

.training table th,
.training table td {
  padding:3px 0;
  vertical-align:top;
  border-bottom:1px solid #369E6B;
}

.training table .col1 {
  width:120px;
}

.training table .col2 {
  width:160px;
}

.training table .col3 {
  width:200px;
}

.training a.emaillink {
  padding-left:22px;
  background-position:-1px 0px;
}

.training .small {
  font-size:10px;
}

.galerie div.box {
  float:left;
  margin:0 5px 5px 0;
  width:170px;
  height:120px;
  overflow:hidden;
}

.galerie div.even {
  margin-right:0;
}

.galerie div.cell {
  width:170px;
  height:120px;
  text-align:center;
  background-color:#f5f5f5;
  display:table-cell;
  vertical-align:middle;
}


/* FOOTER */

#foot {
  height:100px;
  position:absolute;
  bottom:0px;
  left:0;
}

#foot #hauptsponsoren {
  margin:0 50px;
}


/* FADER */

#fader {
  position:relative;
}

#fader img {
  position:absolute;
  top:0px;
  left:0px;
  width:345px;
}

/* AUDIO-CONTROL FOR VIDEO */

.video-controls {
  position:absolute;
  right:2px;
  bottom:10px;
}

.video-controls .hidden {
  display:none;
}
.video-controls button {
  width:32px;
  height:32px;
  border:none;
}

.video-controls button.mute {
  background:url('../img/layout/unmute.png') no-repeat;
}

.video-controls button.unmute {
  background:url('../img/layout/mute.png') no-repeat;
}

.video-controls button.play {
  background:url('../img/layout/play.png') no-repeat;
}

.video-controls button.pause {
  background:url('../img/layout/pause.png') no-repeat;
}