*
{
  margin: 0;
  padding: 0;
}

a
{
  color:#404080;
}

h1, h2, h3         { margin: 0px; margin-bottom: 6px; padding: 0px; }
h3                 { font-weight: normal; }
h4, h5             { padding: 0px; margin: 0px 0px 6px 8px; }
h1                 { font-size: 14px; }
h2, h3, h4, h5     { font-size: 11px; }

a:hover {color:#8080C0; text-decoration:none}

body
{
  text-align:center;
  font:11px Tahoma, Arial;
  color:#404080;
  padding:15px;
  background:url(../design/gradient.gif)
}

li
{
  list-style:dotted;
  margin-bottom:6px;
}

ul
{
  margin-left:24px;
}

img
{
  border:none;
}

.shadowTop
{
  width:806px;
  height:3px;
  overflow:hidden;
  background:url(../design/schatten_top.gif) no-repeat;
  margin:0 auto;
}

.shadowBottom
{
  width:806px;
  height:3px;
  background:url(../design/schatten_unten.gif) no-repeat;
  margin:0 auto;
  margin-bottom:10px;
}

#main
{
  width:806px;
  background:url(../design/schattenmain.gif) repeat-y #fff;
  padding:0 0px;
  margin:0 auto;
  text-align:left;
}

#main p
{
  padding:6px auto;
  margin:0 auto;
}

#ostertheme
{
  width:806px;
  height:90px;
  background:url(../design/ostergras.gif) repeat-x;
  padding:6px auto;
  margin:0 auto;
  text-align:center;
}

#bergtheme
{
  width:806px;
  height:110px;
  background:url(../design/panorama.002.jpg) repeat-x;
  padding:6px auto;
  margin:0 auto;
  text-align:center;
}


#profile
{
  width:806px;
  height:55px;
  background:url(../design/schatten.gif) repeat-y #eef;
  padding-left:6px auto;
  margin:0 auto;
  text-align:left;
}
#profile p
{
  padding-left: 6px;
  padding-top: 4px;
}
#profile a
{
  font-weight: bold;
}

#ostertheme h1
{
  font-size:xx-large;
  padding-top:24px;
  margin:0 auto;
}

#toptheme
{
  width:806px;
  height:430px;
  background:url(../design/toptheme.jpg) no-repeat;
  padding:6px auto;
  margin:0 auto;
  text-align:center;
  font-size:large;
  color:black;
}
#toptheme p
{
  margin-left:300px;
}
#toptheme a
{
  color:black;
  hover:grey;
}
#toptheme h1
{
  font:52px Tahoma, Arial;
  font-weight: bold;
  padding-top:32px;
  padding-bottom:18px;
  margin:0 auto;
}
#toptheme h2
{
  font-size:x-large;
  padding-top:16px;
  margin:0 auto;
}
#topvideo
{
  text-align:right;
  padding-top:36px;
  padding-right:36px;
}

#mainspace
{
  padding:16px 16px;
  margin:0 8px;
  display:block;
  text-align:center;
}

#main:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#footer
{
  width:806px;
  height:40px;
  background:url(../design/schatten.gif) repeat-y #fff;
  padding:0px 0px;
  font-size:10px;
  text-align:center;
  margin:0 auto;
  color:#999;
  valign:center
}

#footer a
{
  text-decoration:none;
  color:#999;
}
#header
{
  width:800px;
  height:120px;
  background:url(../design/schatten.gif) repeat-y #fff;
  padding:0px 3px;
  font-size:36px;
  text-align:left;
  margin:auto auto;
  color:#000;
  vertical-align:center;
}
#headerbg
{
  width:550px;
  height:0px;
  padding:0px 0px;
  font-size:54px;
  color:#EEE;
  margin:auto auto;
  position:absolute;
  left:50px;
}
#headertop
{
  width:500px;
  height:0px;
  padding:0px 0px;
  font-size:36px;
  text-align:left;
  margin:auto auto;
  color:#000;
  vertical-align:center;
  position:absolute;
  left:20px;
}

#header a
{
  color:#999;
}
#headerinfo
{
  height:18px;
  width:645px;
  text-align:right;
  background-color:none;
  font-size:10px;
}
#headerinfo p
{
  color:#999;
  margin-right:6px;
  padding-bottom:4px;
}
#headerinfo a
{
  text-decoration:none;
}

#headerinfo1
{
  height:18px;
  width:617px;
  text-align:right;
  background-color:none;
  font-size:10px;
}
#headerinfo1 p
{
  color:#999;
  margin-right:6px;
  padding-bottom:4px;
}
#headerinfo1 a
{
  text-decoration:none;
}

#littleplayer
{
  position:absolute;
  height:18px;
  width:300px;
  text-align:left;
  background-color:none;
  font-size:10px;
  font-style:italic;
}
#littleplayer p
{
  color:grey;
  margin-left:0px;
  padding-bottom:4px;
}

#copyright
{
  font-size:16px;
  margin-left:0px;
  padding-top:0px;
  padding-bottom:3px;
  font-weight:bold;
}

#navigation
{
  height:0px;
  margin-left:0px;
  background-color:none;
}
  
#navigation p
{
  font-size:12px;
  font-weight:bold;
  color:#000;
  margin-left:0px;
  padding-top:3px;
  padding-bottom:2px;
  text-align:center
}

#navigation td
{
  background:url(../design/button1.gif) no-repeat #fff;
}

#navigation a
{
  color:#000;
  font-weight: bold;
  text-decoration:none;
}

#navigationstyle
{
  width:629px;
  height:0px;
  margin-left:170px;
  text-align:right;
  background-color:none;
}
#navigationstyle
{
  font-size:18px;
  color:#666;
  margin-right:30px;
  padding-top:3px;
  font-weight:bold;
}
/*
  ul#navigation {
  width:590px;
  height:0px;
  margin-left:170px;
    margin: 0; padding: 0.8em;
    text-align: center;
//    border: 1px solid black;
//    background-color: silver;
  }
  ul#navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

  ul#navigation a, ul#navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
//    border: 1px solid black;
//    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#navigation a, * html ul#navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#navigation a:hover, ul#navigation span {
//    border-color: white;
//    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
*/

#platz
{
  padding: 20px;
}

#tabueber p
{
  margin-bottom:6px;
  font-weight:bold
}

.blogdatum
{
  margin-bottom:15px;
  font-weight:bold;
  font-size:16px;
  text-align:left;
  padding-left:35px;
}

#event p
{
  margin-bottom:6px;
  font-weight:bold;
  font-size:14px;
  color:black;
}

#tabinhalt
{
  text-align:left;
  font-size:11px;
}

#error
{
  color:#C11
}

#message_ok h1
{
  font-weight:bold;
  font-size:14px;
  color:999;
  width:95%;
  padding:6px;
  background-color:#DFDFFF;
  display:list-item;
  list-style-image: url(../design/hackenmini.jpg);
  list-style-position:inside;
  margin-bottom:6px;
}
#message_ok p
{
  padding-bottom:12px;
  padding-left:28px;
}

#tabinhalt img
{
  margin-right:10px;
  border: 1px solid #CCF;
}
#tabinhalt p
{
  margin-top:0px;
  margin-bottom:8px;
  margin-left:6px
}
#datum p
{
  text-align:right;
  font-size:10px;
  color:#AAF
}
#eventdatum p
{
  text-align:right;
  font-size:11px;
  color:#AAF
}
#eventdatum a
{
  text-align:right;
  font-size:11px;
  color:#AAF
}
#piece
{
  margin-bottom:20px
}
#piece table
{
  border:0;
  cellpadding:0;
  cellspacing:0;
  border-collapse: collapse;
  border-color: #000000;
  font-size: 8pt;
  height: 0px;
}
#histograph table
{
  border:0;
  cellpadding:0;
  cellspacing:0;
  border-collapse: collapse;
  border-color: #000000;
  font-size: 8pt;
  height: 0px;
}
#histograph p
{
  margin:0;
  padding:0;
}
.inactive
{
  color: #8080C0;
}
#histograph a
{
  text-decoration:none;
}
#histograph h1
{
  font-size:large;
  margin:0 auto;
  padding-top:6px;
  padding-right:2px;
}
#kontaktformular table
{
  border:0;
  cellpadding:5px;
  cellspacing:5px;
  border-collapse: collapse;
  border-color: #000000;
  font-size: 8pt
}
#kontaktformular td
{
  vertical-align:top
}
.kontleft
{
  text-align:left;
  height: 24px;
}
.kontright
{
  text-align:right;
  width:60px;
  height: 24px;
  padding-right:4px
}
#piece td
{
  background-color: #FAFAF8
}
.lineheight
{
  padding-top: 3px;
  padding-bottom: 1px;
}
.lineheight1
{
  padding-top: 1px;
  padding-bottom: 6px;
  padding-left: 6px;
  color:#AAF;
}
.oben
{
  height: 10px;
  border-top-style: solid;
  border-top-width: 2px;
}
.unten
{
  height: 10px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
.links
{
  width: 10px;
  border-left-style: solid;
  border-left-width: 2px;
}
.rechts
{
  width: 10px;
  border-right-style: solid;
  border-right-width: 2px;
}
.obendot
{
  height: 10px;
  border-top: 1px dotted #BBB;
}
.untendot
{
  height: 10px;
  border-bottom: 1px dotted #BBB;
}
.linksdot
{
  width: 10px;
  border-left: 1px dotted #BBB;
}
.rechtsdot
{
  width: 10px;
  border-right: 1px dotted #BBB;
}
.admin
{
  height: 24px;
  border-bottom: 1px dotted #BBB;
  text-align: center;
}
.neuanmeldung
{
  text-align: top;
  vertical-align: top
}
.shadow
{
  background-color: #FFFFFF;
}
#histograph td
{
  font-size:small;
  font-weight:bold;
}
.oben
{
  height: 10px;
  border-top-style: solid;
  border-top-width: 2px;
}
.unten
{
  height: 10px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
.links
{
  width: 10px;
  border-left-style: solid;
  border-left-width: 2px;
}
.rechts
{
  width: 10px;
  border-right-style: solid;
  border-right-width: 2px;
}

#highlight
{
  margin-bottom:20px;
  color:#C11
}
#highlight a
{
  color:#D11;
}
#highlight table
{
  border:0;
  cellpadding:0;
  cellspacing:0;
  border-collapse: collapse;
  border-color: #000000;
  font-size: 8pt;
  height: 0px;
  background-color: #FFEFEF
}
#highlightdatum p
{
  text-align:right;
  font-size:10px;
  color:#FAA
}
#highlightueber
{
  font-weight:bold;
  font-size:14px;
  color:#D11;
  margin-bottom:6px
}
#rahmenlos img
{
  border:0px;
}
#stars img
{
  margin-right: 2px;
  display: inline;
  border:0px;
}
#songinfo p
{
  padding-right: 8px;
  font-size:11px;
  color:#AAF
}
#spruchderwoche
{
  width:250px;
  font-weight:bold;
  font-size:14px;
  text-align:center;
}
#comment table
{
  border:0;
  cellpadding:6px;
  cellspacing:0;
  border-spacing:6pt;
  border-collapse: separate;
  border-color: #000000;
  font-size: 8pt;
  height: 0px;
  width: 300px;
}
#comment td
{
  background-color: #DFDFFF;
  padding:6px;
}
#comment img
{
  margin:0px;
}

span.zitat { font-size: 11px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
span.zitat-ergebnis { color: #8080C0; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
span.zitat-datum { color: #8080C0; font-style: italic; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

#QuickLogin       { width: 120px; margin: 0px 0px 10px; padding: 0px; }
#QuickLogin label { display: block; padding: 0px 0px 2px; margin: 0px; color: #404080; font-weight: bold; }
#QuickLogin .buttons { text-align: left; padding: 3px 0px 0px; }
#QuickLogin .inputtext { width: 115px; }
#linespacer       { border-top: solid 1px #404080; padding: 4px 0px; margin: 0px; width: 120px; height: 18px; display: block; float: left; }

.formbuttons       { text-align: center; margin: 10px 10px; }
.formbuttons .inputsubmit, .formbuttons .inputbutton { margin: 2px 4px; }

input[type~="text"], input[type~="password"] { border: 1px solid #404080; padding: 2px; font-size: 11px; }

input[type~="submit"], input[type~="button"],input[type~="reset"] { border-style: solid; border-top-width: 2px; border-left-width: 2px;
  border-bottom-width: 2px; border-right-width: 2px; border-top-color: #A0A0E0; border-left-color: #A0A0E0;
  border-bottom-color: #EEF; border-right-color: #EEF; background-color: #CCF; color: #404080; font-size: 11px;
  font-family: tahoma, verdana, arial, sans-serif; }

* html .inputbutton, * html .inputsubmit { border-style: solid; border-top-width: 2px; border-left-width: 2px;
  border-bottom-width: 2px; border-right-width: 2px; border-top-color: #A0A0E0; border-left-color: #A0A0E0;
  border-bottom-color: #EEF; border-right-color: #EEF; background-color: #CCF; color: #404080; font-size: 11px;
  font-family: tahoma, verdana, arial, sans-serif; padding: 1px; }


#navlist
{
padding: 3px 0;
margin-left: 0;
margin-bottom: 12px;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #CCF;
text-decoration: none;
}

#navlist li a:link { color: #448; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

img.bigpicture {
	border:2px solid grey;
	
}

#bigpicture  {
	border:2px solid grey;
	background: black;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
}

td.left {
	background-color:#f0f8ff; 
	border:0px solid #6495ed;
	text-align:center;
	width:50%;
	
}

div.left {
	font-size:16pt;
	font-weight:bold;	
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:10px;
}

td.right {
	background-color:#f0f8ff; 
	border:0px solid #6495ed;
	text-align:center;
	width:50%;
}

div.right {
	font-size:16pt;
	font-weight:bold;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:10px;
}

#blanket {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../design/blanket.gif);
	z-index: 900;
	top: 0px;
	left: 0px;
}

#toplogin {
//	background-color: #FFF;
//	border: 1px solid black;
	padding: 20px;
	padding-top: 10px;
	position: absolute;
	top: 250px;
	left: 270px;
	z-index: 1000;
	width: 480px;
}
/*** galnav bar styles ***/

ul.galnav,
.galnav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	width: 640px;
}

ul.galnav{
	display: table;
//	width: 100%;
//	table-layout: fixed;

}
ul.galnav>li{
	display: table-cell;
	width: 140px;
	position: relative;
	padding: 2px 6px;
	float: left;
	align: center;
}


ul.galnav>li:hover{
//	padding-right: 1px;
} [*]

ul.galnav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.galnav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.galnav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.galnav,
.galnav ul,
.galnav ul li a{
	background-color: #fff;
	color: #369;
}


ul.galnav li:hover,
.galnav ul li a:hover{
	background-color: #CCF;
	color: #fff;
}

ul.galnav li:active,
.galnav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.galnav,
.galnav ul{
	border: 1px solid #CCF;
}

.galnav a{
	text-decoration: none;
}