/*

Mouseover:           #ff8319
Navi-/Headline-Typo: #7d6a55
Bodycopy:            #000
Hintergrund:         #bab0a6

*/

body {
  font-family: helvetica, arial, sans serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #fff;
}

hr {
  color
}

p {
  padding-bottom: 12px;
}

h1 {
  padding-bottom: 8px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #0090d4;
  background-image: url('../img/dots.gif');
  background-repeat: no-repeat;
  background-position: right bottom;
}
h2 {
  padding-bottom: 12px;
  font-size : 12px;
  font-weight: bold;
  color : #0090d4;
}

a.TextLink:active, a.TextLink:link, a.TextLink:visited {
  font-size : 12px;
  font-weight: bold;
  color : #0090d4;
  text-decoration : none;
}
a.TextLink:hover {
  font-size : 12px;
  font-weight: bold;
  color : #0090d4;
  text-decoration : underline;
}

#wrapper {
	width: 700px;
	margin: 0 auto;
	background-color: #fff;
}

#header {
  position: relative;
}

#metanav {
  position: absolute;
  right: 0;
  top: 12px;
  display: block;
  height: 25px;
}

#metanav li {
  display: block;
  margin-left: 24px;
  height: 25px;
  text-align: center;
  float: left;
}

#metanav li a {
  display: block;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
}

#metanav li a:hover,
#metanav li a.active {
  background-image: url('../img/meta-dot.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

#mainnav {
  position: relative;
  display: block;
  height: 78px;
  margin-bottom: 35px;
}

#mainnav li {
  display: block;
  margin-left: 28px;
  height: 78px;
  text-align: center;
  float: left;
}

#mainnav li a {
  display: block;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  height: 78px;
  width: 78px;
  line-height: 78px;
}

#mainnav li a:hover,
#mainnav li a.active {
  background-image: url('../img/main-dot.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

#nav-dots-top,
#nav-dots-bottom {
  position: absolute;
  display: block;
  top: 20px;
  left: 0;
  width: 700px;
  height: 6px;
  background-image: url('../img/dots.png');
  background-repeat: no-repeat;
  background-position: right top;
  z-index: 1000;
}

#nav-dots-bottom {
  top: 50px;
}


#mainarea {
  position: relative;
  margin-top: 24px;
  margin-bottom: 236px;
/*  min-height: 400px;*/
}

#mainarea #subnav {
	position: absolute;
	top: -1px;
	left: 0px;
	width: 156px;
}

#mainarea #subnav a {
  text-decoration: none;
}

#mainarea li.l-2 {
  margin-left: 16px;
  text-transform: uppercase;
}

#mainarea li.l-2 a {
  color: #0090d4;
}

#mainarea li.l-2:hover,
#mainarea li.l-2p,
#mainarea li.l-2a {
  list-style-image: url('../img/dot.gif');
}

#mainarea li.l-3 {
  margin-left: 16px;
}

#mainarea li.l-3 a {
  color: #000;
}

#mainarea li.l-3 a:hover,
#mainarea li.l-3 a.a {
  font-weight: bold;
}

#mainarea #content {
  position: relative;
  margin-left: 270px;
  width: 430px;
}

#mainarea #content .picture {
  position: absolute;
  left: -270px;
}

.archiv #mainarea #content,
.filme #mainarea #content {
  margin-left: 328px;
  width: 372px;
}

.archiv #mainarea #content .picture,
.filme #mainarea #content .picture {
  position: absolute;
  left: -182px;
}

table {
  margin-bottom: 24px;
}

th {
  text-align: left;
  padding-right: 16px;
}

/*
#footer {
  margin-top: 120px;
  margin-bottom: 24px;
  position: relative;
  background-image: url('../img/dots.png');
  background-repeat: no-repeat;
  background-position: right center;
  height: 14px;
}

#footer .copyright {
  display: normal;
  position: absolute;
  right: 20px;
  width: 160px;
  text-align: center;
  text-transform: uppercase;
  color: #0090d4;
  background-color: #fff;
}
*/

#footer {
  margin-bottom: 24px;
  background-image: url('../img/dots.png');
  background-repeat: no-repeat;
  background-position: right center;
  height: 14px;
  line-height: 14px;
  text-align: right;
}

#footer .copyright {
  text-align: center;
  text-transform: uppercase;
  color: #0090d4;
  background-color: #fff;
  padding: 0 9px;
  margin-right: 20px;
}

.clearer {
  clear: both;
}