html {height:100%;}
body {margin:0px; height:100%; font-family:'Verdana';}
img {border:0px; margin:0px; padding:0px;}
h2{ text-align:center; font-size:xx-large; line-height:1em; margin:0}
h3{ text-align:center; font-size:x-large; line-height:1em; margin-bottom:0;}
a:link, a:visited { color:#aaaaaa; text-decoration:none;}
a:hover, a:focus, a:active { color:#aaaaaa; text-decoration:underline;}
/*div {border:thin outset red;}
/*dunkelgrauer bereich oben-unten*/
#surDiv {width:100%; height:100%; background:#e7e7e7;}
#surTd {width:100%; height:100%; vertical-align:middle;}
/*grauer bereich aussen*/
#stripDiv {background:#ffffff; position: absolute; top:50%; margin-top:-305px; width:100%; text-align:center;}
/*weisser bereich innen*/
#main {padding-top:50px; padding-bottom:50px; padding-right:0px; padding-left:0px; background:#ffffff; width:775px; text-align:center; margin:0px auto;}
#toplogo {width:715px; height:149px; background:url('logo2.gif') no-repeat; margin:0px auto;}
#mainBg {background:url('bg_u.gif') no-repeat; width:715px; height:361px; margin:0px auto;}
#content {width:398px; height:304px; background:#4b4b4d; float:left; margin-top:28px; font-size:7pt; color:#aaaaaa; text-align:left; position:relative; left:28px;}
#content ul {margin-right:0px; position:relative; left:0px; list-style-image:url('pfeil.gif'); margin-top:10px; padding-left: 32px;}
#content ul li {margin-top:0.2em; margin-left:0px; padding-left:6px; padding-right:6px;}
/* If you don't need the link to the Schmetterlingseffekt anymore, this nav1 should be used and the other commented out.  */
/* #nav1 {width:262px; height:207px; float:right; margin-top:58px; text-align:left; line-height:1.2em;}   */
#nav1 {width:262px; height:150px; float:right; margin-top:58px; text-align:left; line-height:1.2em;}
#nav2 {width:262px; height:96px; float:right; background:url('bg_nav2.gif') no-repeat; padding-top:12px; word-spacing:16px;}
#navSchmetterling {width:262px; height:57px; float:right; text-align:left; line-height:1.2em;}
#test {background:#ffffff; width:20px; height:20px; position:absolute; top:0px; left:0px;}
#scrollContent {height:284px; padding:10px; position:absolute; width:372px; clip:rect(0px,372px,284px,0px); overflow:hidden;}
#scrollContent2 {height:284px; padding:12px; position:absolute; width:358px; left:6px;}
#paging {position:absolute; bottom:1px; height:20px; width:378px; background:#9c9d9f; text-align:center; font-size:x-small;}
#paging a:link, #paging a:visited { color:#313033; text-decoration:none;}
#paging a:hover, #paging a:focus, #paging a:active { color:#6d6d6d;}
#contactAdress {float:left; width:45%; position:relative; left:10px; margin-top:5px;}
#contactOpen {float:right; width:51%; margin-top:5px;}
#contactImageKremmen {float:left; width:221px;}
#contactDescrKremmen {float:right; width:170px; margin-top:5px; font-size:7pt; padding-left:0px; padding:0px;}
#picsStart {position:absolute; height:100px; margin-bottom:0px; padding-bottom:0px; clip:rect(0px,398px,100px,0px); overflow:hidden;}
#insidePicsStart {position:relative; right:0px; white-space:nowrap; line-height:100px;}
#singlePicStart {text-align:center; height:180px; position:relative; top:100px;}
#singlePicStart img {	display:none;	position:absolute;	top:0; left:99px;}
#impressum {padding:10px;}
#bigImage {display:none; position:absolute;}
#nav3 {position:relative; left:58px; top:7px; text-align:left; background-color:inherit; font-size:8pt; color:#aaaaaa; word-spacing:2em;}
#disclaimer {position:absolute; height:300px; width:350px; clip:rect(0px,350px,300px,0px); overflow:hidden; left:5px;}
#scrollMe {position:relative; bottom:0px;}
#scrollUp {position:absolute; right:0px; top:0px; }
#scrollDown {position:absolute; right:0px; bottom:0px; }
.cb {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.nElement { word-spacing:1em; font-size:9pt; text-decoration:none;}
.nElement:link, .nElement:visited { color:#464648; text-decoration:none;}
.nElement:hover,.nElement:focus, .nElement:active {color:#aaaaaa; text-decoration:none;}
.nElement2 { word-spacing:1em; font-size:8pt; text-decoration:none;}
.nElement2:link, .nElement:visited { color:#868686; text-decoration:none;}
.nElement2:hover,.nElement:focus, .nElement:active {color:#bababa; text-decoration:none;}
.nElementSchmetterling { font-size:7pt; color:#0099ff; text-decoration:none;}
.nElementSchmetterling:link, .nElementSchmetterling:visited { color:#0099ff; text-decoration:none;}
.nElementSchmetterling:hover,.nElementSchmetterling:focus, .nElementSchmetterling:active {color:#aaaaaa; text-decoration:none;}
.active:link, .active:visited {color:#aaaaaa;}  
.scrollDate {width:100px; vertical-align:top;}
.scrollSubject {width:200px; vertical-align:top;}
.scrollDateKurs {width:80px; height:50px; vertical-align:top;}
.scrollSubjectKurs {width:80px; height:50px; vertical-align:top;}
.scrollFlyer {}
.scrollTable { font-size:7pt;color:#aaaaaa; }
.selected {font-size:larger;}



/**
 * This file is part of Shadowbox.
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * Code modified by Peter Mitchell - for details of changes go to:
 * http://petemitch.110mb.com/shadowboxmods/1_thumbnails/shadowbox1a/
/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}
/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 20px solid #f0f0f0;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
  color: #ffffff;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; /*change*/
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 12px; /*change*/
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 56px;
}
#sb-info-inner {
  font-size: 10px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 19%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(sb30b/resources/close.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(sb30b/resources/next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(sb30b/resources/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
  background-image: url(sb30b/resources/play.png);
  background-repeat: no-repeat;
}
#sb-nav-pause {
  background-image: url(sb30b/resources/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  padding: 4px 0 0 0; /*change*/
  width: 80%; /*change*/
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline; 
}
#sb-counter a img {
  border: solid 1px #000; /*change*/
}
#sb-counter a:hover img {
  border-color: #0f0; /*change*/
}
#sb-counter a.sb-counter-current img, #sb-counter a.sb-counter-current:hover img {
  border-color: #fff; /*change*/
  cursor: default;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}
#hidden {
  display: none;
}
#imglink a img {
  margin-top:8px;
  margin-bottom:8px;
  margin-left:10px;
  margin-right:10px;
  border: solid 1px #fff;
  cursor: default;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	-moz-opacity: 1;
}
#imglink a:hover img {
  border: solid 1px #f0f0f0;
  cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	-moz-opacity: 0.5;
	opacity: 0.5;
}