html {
  height:100%;
  margin-bottom:1px;
}
body {
  background:#3B3B3B url("images/fond.jpg") repeat-x;
  text-align:center;
  margin:0;
  padding:0;
  font-size: 62.5%;
  font-family: Arial, Helvetica, Sans-Serif;
}
#wrapper {
  margin:0 auto;
  width:760px;
  text-align:left;
  position:relative;
}
#fb {
  position:absolute;
  top:175px;left:570px;
  background: url("images/fb_logo.gif") no-repeat top left;
  text-align:right;
  padding-left:85px;
}
#fb, #fb frame {
  border:none;
  overflow:hidden;
  width:110px;
  height:29px;
}
#navigation {
  width:178px;
  float:left;
  font-size: 1.2em;
  color:#fff;
  background: url("images/menu_b.jpg") no-repeat bottom left;
}
#navigation ol {
  margin:0;
  margin-bottom:15px;
  padding:0;
  padding:15px 15px 0;
  list-style:none;
  background: url("images/menu_t.jpg") no-repeat top left;
}
#navigation ol li {
  margin:2px 0;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
}
#navigation ol li a {
  text-decoration: none;
  color:#fff;
}
#navigation ol li.selected a {
  color:#ff0;
}
#navigation ol li.sub {
  color:#666;
  font-size:1.25em;
  font-style:italic;
}
#navigation ol li.spc {
  margin-top:6px;
  padding-top:6px;
  border-top:2px solid #333;
}
#content {
  width:555px;
  float:right;
  font-size: 1.2em;
  color:#fff;
  padding-bottom:2em;   
}
#content a, .absenden, td.klasse {
  font-style:italic;
  color:#ff9;
  text-decoration:none;
  cursor:pointer;
  cursor:hand;
}
 td.klasse, td.klassetitel {
  font-weight:bold;
}
#content ul {
  margin:0;
  padding:0;
  list-style:disc;
}
#content .spalte, .eingabe{
  float:left;
  width:335px;
}
.info{
  border-bottom:2px solid #333;
  padding:10px;
  margin-bottom:-1px;
  color:#fff;
  display:none;
}
.bezeichnung{
  float:left;
  width:100px;
  margin-left:15px;
}
.clear {
  clear:both;
}
.comment {
  display: block;
  font-style: italic;
  color:#ff9;
}
table, form {
  margin:0;
  padding:0;
  border-collapse:collapse; 
}
table#klassen {
  width:100%;
}
#klassen td {
  b/order-bottom:2px solid #333;
  margin-top:5px;
  padding-top:5px;
  padding-bottom:5px;
}
#klassen .infobox td {
  border-top:2px solid #333;
  margin:0;
  padding:0;
  background:url("images/field.jpg");
}
#klassen td span {
  font-size:.75em;
}
#original {
  position:relative;
}
#stempel {
  position: absolute;
  top:210px;
  left:364px;
  r/ight:7px;
}
#kompakt td {
  border-bottom:2px solid #333;
  margin-top:5px;
  padding-top:5px;
  padding-bottom:5px;
}
#kompakt tr.last td {
  border-bottom:none;
}
td.kurs {
  text-align:right;
  font-weight: bold;
  padding-right:15px;
}
td.klasse {
  width:80px;
}
td.ferien {
  padding-left:15px;
  font-weight: bold;
}
input, textarea {
  width:100%;
  border:2px solid #fff;
  background-color:#ccc;
  padding:2px;
  margin-bottom:5px;
}
textarea {
  height:8em;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size: 1.1em;
}
.focusover {
  border:2px solid #ff0;
  background-color:#ff9;
}
input.absenden {
  border:none;
  background:none;
  margin:0;
  padding:0;
  width:auto;
  font-weight:bold;
  text-align:left;
  cursor: hand;
  cursor: pointer;
}
h1 {
  font-size:2.4em;
  font-style:italic;
  line-height:1em;
  color:#ff0;
  margin:0;
  margin-bottom:15px;
  padding:0;
  border:0;
}
h2, h3 {
  font-size:1.4em;
  font-style:italic;
  line-height:1em;
  color:#ff9;
  margin:0 0 5px;
  padding:0;
  border:0;
}
h3 {
  color:#ccc;
}
h4 {
  font-size:1.4em;
  font-weight:bold;
  font-style:normal;
  line-height:1.2em;
  color:#000;
  margin:0;
  padding:0;
  border:0;
  width:auto !important;width:400px;
  min-width:400px;
}
#head{
  margin:9px 0 10px;
  width:760px;
  height:276px;
  background: url("images/head.jpg") no-repeat;
  display:block;
  font-size:1em;
  text-indent:-1000px;
}
img {
  border: none;
}
img.border, #galerie img {
  border: 3px solid #fff;
  margin: 0 4px 8px;
}
img.left {
  float: left;
  margin-right:8px;
}
div.infoblock {
  float: right;
  margin-right:8px;
  width:129px;
}
#galerie a img:hover {
  border-color: #ff0;
}
.postbox {
  display:block;
  margin-bottom:20px;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prev.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/next.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/close.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

