html {
	background :  #5F5FDF url('../images/topbg.gif') fixed repeat-x;
}

body {
 font		: 16px verdana, helvetica, Arial, sans-serif;
 background : #5F5FDF url('../images/topbg.gif') fixed repeat-x;
 margin	    : 0px;
 padding	: 0px;
 text-align : center;
 height     : 100%;
}

li { 
 text-align  :left; 
 margin-left :10px; 
}

p.middle { text-align:justify; }

table { 
 text-align : left; 
 /*font : .875em "verdana", verdana, helvetica, Arial, sans-serif;*/
 margin     : 10px auto; 
}

td { 
 padding : 5px;
 border  : 1px solid black;
 font-size: 0.75em;
}

/* Positionen festlegen */

#banner {
 width: 790px;
 height: 225px;
 background: url('../images/banner.jpg') no-repeat;
 margin: 0px auto;
 margin-top:5px;

}

#global {
 background: url('../images/bg.jpg') repeat-y;
 width: 790px;
 margin: 0px auto 0 auto;
 /*min-height:620px;*/
}

#title {
 background-color : transparent;
 height			  : 90px;
 padding		  : 5px;
}

#wartung {
margin: 200px auto 0 auto;
width : 400px;
background-color : white;
border: 1px solid black;
clear:both;
}

/******************
 ** left & right **
 ******************/
 
#left, #right {
 width: 145px;
 background-color:transparent;
 margin: 0px auto;
 display: block;
 /*border:1px solid black;*/
}

#left p, #right p {
 color:#FFFFFF;
 font-size: 0.75em;
 text-align: left;
 padding-left:10px;
 padding-right:10px;
}

#left p.menutitle, #right p.menutitle {
	text-align: center;
	font-size: .875em;
}

#left hr, #right hr {
 border-color:#CCCCCC;
 border-style:dotted;
 margin: 5px;
}

#left {
 float: left;
}

#right { 
 float:right;
}

.menutitle{
 font-weight:bold;
 font-size: .875em;
 text-align:center;
 margin: 5px;
 font-style:italic;
 text-decoration:underline;
 cursor:pointer;
 color: white;
}

/*************
 ** Content **
 *************/

#content {
 width : 480px;
 padding	 : 5px;
 margin: 0px auto;
 /*float		 : left;
 border: 1px solid black;*/
 font-size: 16px;
}

#content p {
 /*margin-left:10px;
 margin-right:10px;*/
 font-size: .875em;
}

#content div.justify {
	text-align:justify;
}

#content li {
	font-size: .875em;
}
#content a {
	color:#000000;
}

#content h1 {
 font-size: 1.25em;
 font-weight: bold;
 text-decoration: underline;
 margin: 10px;
 text-align: center;
}

#contentWrapper {
 width	 : 100px;
 display : none;
}

#content h2
{
 font-size: 1em;
 font-style: italic;
 font-weight: bold;
}

/************
** Footer **
************/

#footer
{
	clear: both;
	width: 790px;
	height: 130px;
	margin: 0px auto;
	text-align: center;
	background: url('../images/footer.jpg') no-repeat;
}

#footer p {
 color:#FFFFFF;
 font-weight:bold;
 padding: 10px 0px 0px 0px;
 font-size: .75em;
}

/* Bilder deklarieren */

a img {
 border: 0px solid black;
}

td img {
 border: 1px solid black;
}

#content .pic {
 margin : 3px;
 padding :3px;
 height : 100px;
 width : 105px;
 border : 1px solid #000;
 text-align : center;
 float : left;
 background-color:#FFFFFF; 
 font-size: .75em;
}

#content .pic img {
 border: 1px solid black;
}

#content .pic .counter {
	margin-top: 5px;
}

.picmiddle {
 padding-top:5px;
}

/*************
 ** Members **
 *************/

div.member {
 margin : 3px;
 padding :3px;
 height : 140px;
 width : 105px;
 border : 1px solid #000;
 text-align : center;
 float : left;
 background-color:#FFFFFF; 
 font-size: .75em;
}

div.member img {
  border: 0px solid black;
}

div.member img.show {
border: 1px solid black;
}

.monat {
 color: #FF0000; 
 font-weight: bold;
 margin-left: 10px; 
}  

p.block { 
padding-top:0px; 
padding-left:10px; 
padding-right:10px; 
text-align:left;
margin-top:5px;
margin-bottom: 8px;
font-size: .75em;
}

div.block { 
padding-top:0px; 
padding-left:8px; 
padding-right:8px; 
text-align:justify;
margin-top:5px;
margin-bottom: 8px;
}

.bericht {
padding-top:0px; 
padding-left:10px; 
padding-right:10px; 
text-align:justify;
margin-top:5px;
margin-bottom: 15px;
overflow:auto;
max-height:300px;
height:expression(this.scrollHeight > 300? "300px" : "auto" );
}

.bericht h1 { text-align: center; }

div.video {
 margin : 3px;
 padding :3px;
 height : 130px;
 width : 105px;
 border : 1px solid #000;
 text-align : center;
 float : left;
 background-color:#FFFFFF;
 font-size: .75em;
}

.buttonleft, .buttonright { width:70px; height:22px; }
.buttonleft { float:left; }
.buttonright { 
 float:right;
 clear:right;
}

#content table.members {
 background-color:#FFFFFF;
 width:450px;
 border:0px;
 border-collapse:collapse;
 float : left;
} 

#content table.members li {
 font-size: 1em;
}

a:link, a:visited { 
 font-weight:bold; 
 color:#FFFFFF; 
 text-decoration:none; 
}
a:hover { 
 font-weight:bold; 
 color:#FF0000; 
 text-decoration:none; 
}
a:active { 
 font-weight:bold; 
 color: #ff0000; 
 text-decoration:underline; 
}

/*********************
 * MENUE-STYLESHEETS *
 *********************/

#navigation
{
 margin: 0px auto;
 padding-top: 206px; /*5*/
}

li.menu
{
 position: relative;
 float: left;
 width: 110px;
 text-align: center;
 margin: 0px 5px 0px 5px;
 white-space: nowrap;
 cursor: pointer;
 list-style: none;
 font: 12px verdana, helvetica, Arial, sans-serif;
}

li.menu:hover 
{
 /*background-color:#9999cc;*/
}

li.menu ul.submenu { /* second-level lists */
	display: none;
	position: absolute;
	width: 110px;
	top: 1.4em;
	left: -1px;
	border-left:1px solid #9999cc;
	border-right:1px solid #9999cc;
	border-bottom:1px solid #9999cc;
	padding: 5px 0px 0px 0px;
	margin: 0;
	background-color: white;
}

li.menu ul.submenu li 
{
 position: relative;
 padding: 0px;
 margin: 0px;
 list-style: none;
 
}

li.menu a {
 color:#AA5522
}

a.extern {
 background: transparent url('../images/Icons/extern.gif') 100% 50% no-repeat;
}

a.menu {
 display:block;
 text-decoration:none;
 color: black;
 font-weight:normal;
 font		: 12px verdana, helvetica, Arial, sans-serif;
}

a.menu:hover {
  text-decoration:none;
  background-color:#c7dc35;
  font-weight:normal;
}

a.menu:link, a.menu:visited { 
 font-weight: normal; 
 text-decoration: none; 
 color: #AA5522
}

a.menu:active { 
 font-weight:normal; 
 color: #ff0000; 
 text-decoration:none; 
}

li.menu > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

a.menulink {
 font-weight:normal;
 text-decoration:none;  
 /*color:#AA5522;*/
 display: block;
}

a.menulink:hover {
 font-weight:normal;
 text-decoration:none;
}

a.menulink:link, a.menulink:visited , a.menulink:active { 
 font-weight:normal; 
 text-decoration:none; 
 color:#AA5522;
}


li.menu:hover ul, li.over ul.submenu { /* lists nested under hovered list items */
	display: block;
}
/**************************
 * ENDE MENUE-STYLESHEETS *
 **************************/

/*
a.menu {
 display		 : block;
 text-align		 : center;
 font-weight	 : bold;
 text-decoration : none;
 color:#FFFFFF;
 padding: 1px 0px 1px 0px;
}
a.menu:hover {
 display		 : block;
 text-align		 : center;
 font-weight	 : bold;
 text-decoration : none;
 color:#c7dc35;
 border: 1px dotted #c7dc35;
 padding:0px;
}
*/
a.play {
 display:block; 
 width:32px; 
 height: 32px;
 background-image: url('../images/Icons/play.gif');
}

a.save {
 display:block; 
 width:32px; 
 height: 32px;
 background-image: url('../images/Icons/save.gif');
}

/*******************
 * UDC-STYLESHEETS *
 *******************/

table.udc {
 border: 0px;
}

table.udc tr {
 border: 0px;
}

table.udc td {
 border: 0px;
 padding: 10px;
 text-align:left;
}

table.udc p {
 padding: 0px;
 margin: 0px;
 text-align:left;
}

/************************
 * SHOUTBOX-STYLESHEETS *
 ************************/

div.shoutbox {
 text-align:left;
 font: .8em "verdana", verdana, helvetica, Arial, sans-serif;
 height:220px;
 width:90%; 
 overflow:scroll; 
 margin:3px; 
 padding:3px;  
 background-color:#FFFFFF;
 color:#000000;
}

div.shoutbox div.name {
 font-weight:bold;
}

div.shoutbox div.datum {
 font-style: italic;
}

div.shoutbox div.text {
 color:#000000;
 margin-bottom:8px;
}

fieldset.shoutbox input { 
 font-size: .8em;
}

/**************************
 * GAESTEBUCH-STYLESHEETS *
 **************************/

div.gbEintrag {
 margin: 8px 8px 10px 8px;
 border: 1px solid #000;
 text-align: center;
 padding: 5px;
}

.gbEintrag .pagenavigation {
 font-size: .875em;
}

.gbEintrag .pagenavigation a {
 font-size: .9em;
 font-weight: normal;
}

div.gbEintrag p.name {
 padding-bottom: 5px;
 font-weight: bold;
 border-bottom: 1px solid black; 
}

div.gbEintrag p.admin {
 padding: 3px; 
 padding-left: 10px; 
 color: blue; 
 border-bottom: 1px solid black;
}

div.gbEintrag span.date {
 padding-left: 10px;
 width: 33%; 
 float: left; 
 text-align: left;
 font-size: .8em;
}

div.gbEintrag span.mui {
 width:34%; 
 float:left; 
 text-align:center;
}
span.admin {
 width:33%; 
 float:right;
 text-align:right;
}
.top {
 margin-top:10px;
}

div.break {
text-align:left;
font-weight:bold;
font-style:italic;
float:left;
width:95%;
padding:20px 0px 10px 5px;
/*border:1px solid black;*/
}

#content div.filmbox {
 width: 325px; 
 height: 72px; 
 clear: both; 
 margin: 5px 0px 5px 0px; 
 padding: 0px; 
 border: 1px solid black;
}

#content div.filmbox div.filmImage {
 float: left; 
 width: 96px; 
 height: 100%; 
 margin: 0px 5px 0px 0px; 
 border-right: 1px solid black;
}

#content div.filmbox div.filmImage img {
 border:none;
}

#content div.filmbox div.filmDescription {
 padding: 0px;
 margin: 0px;
 float: left; 
 height: 100%; 
 width: 195px; 
 border-right: 1px solid black;
}

#content div.filmbox div.filmDescription p {
 padding: 0px 5px 0px 0px;
 margin: 0px;
}

#content div.filmbox div.filmDescription p.filmTitle {
 padding-top: 5px;
 height: 42px; 
}

#content div.filmbox div.filmDescription p.filmLength {
 text-align: right; 
 margin-top: 10px;
}

#content div.filmbox div.filmLinks {
 float:right; 
 height: 100%; 
 width:16px; 
 margin: 0px 5px 0px 5px; 
 text-align:center; 
}

#content div.filmbox div.filmLinks img{
 border:none; 
 margin-top:3px;
 width: 16px;
 height: 16px;
}