body {margin:0; background:#000;}

* {text-align:left; font:bold 12px arial; color:#fff;}

#horizon{
 position:absolute;          
 top:50%; left:0;
 width:100%;
 margin-top:-300px;
 text-align:center;
 min-width:800px; 
}

#main{
 position:relative;
 height:600px;
 width:800px;
 margin:0 auto;
}

#topNavigation {
 position:absolute;
 top:100px; left:0;
 width:100%;
 text-align:center;
}

.topNavigationItem {color:FFF; margin:0 4px;}


/* bottom natigation */

#bottomNavigation {
 position:absolute;
 height:94px; width:444px;
 bottom:25px; left:178px;
}

.swap {
 margin:8px 18px 0px 12px;
 float:left;
}

a.vakanteGenies {
 display:block;
 height:56px; width:444px;
 background:url(/pics/vakanteGenies.gif);
}

a.vakanteGenies:hover {
 background:url(/pics/vakanteGeniesMo.gif);
}

a.filmFein { 
 height:30px; width:111px; 
 background:url(/pics/filmFein.gif);
}

a.filmFein:hover {
 background:url(/pics/filmFeinMo.gif);
}

a.liedGut {
 height:30px; width:105px;
 background:url(/pics/liedGut.gif);
}

a.liedGut:hover {
 background:url(/pics/liedGutMo.gif);
}

a.textGehtSo {
 height:30px; width:143px;
 background:url(/pics/textGehtSo.gif);
 margin-right:0;
}

a.textGehtSo:hover {
 background:url(/pics/textGehtSoMo.gif);
}

#scrollbar {
 position:absolute;
 top:0; right:0;
 height:100%; width:15px;
}

.scrollUp {
 display:block;
 height:15px; width:15px;
 background:url(/pics/up.gif);
}

.scrollDown {
 position:absolute;
 display:block;
 bottom:0; left:0;
 height:15px; width:15px;
 background:url(/pics/down.gif);
}

.containerStyle {
 overflow:hidden;
 background-color:#333;
 filter:alpha(opacity=75);
 opacity:0.75;
 border:1px solid #FFF;
}

p {margin:10px 10px;}

h1 {
 margin:10px 10px;
 font:bold 14px arial;
}

/*-----------------------page specific content (vorne)--------------------------*/

#Tvorne{
 position:absolute;
 top:135px; left:110px;
 height:320px; width:320px;
}
 
#Cvorne{
 position:absolute;
 top:0px; left:0px;
 width:305px;
}

#ankuendigung{
 position:absolute;
 top:135px; left:450;
 height:320px; width:240px;
 background-color:#700;
}

/*-----------------------page specific content (kalender)--------------------------*/

.kalender {
 position:absolute;
 top:141px; left:215px;
 height:317px; width:370px;
 background:url(/pics/kalender.gif);
}

.kalenderEintrag {
 margin:24px 0 -12px 60px;
}

/*-----------------------page specific content (geschichte)--------------------------*/

.yearNavigation {
 position:absolute;
 top:135px; left:240px;
 height:20px; width:320px;
}

.yearNavigationTopic {
 position:relative;
 top:1px;
 margin-left:4px;
}

#Tgeschichte{
 position:absolute;
 top:155px; left:240px;
 height:300px; width:320px;
}
 
.Cgeschichte{
 position:absolute;
 top:0px; left:0px;
 width:305px;
 visibility:hidden;
}

/*-----------------------page specific content (gaestebuch)--------------------------*/


#Tgaestebuch{
 position:absolute;
 top:185px; left:20px;
 height:270px; width:430px;
}
 
#Cgaestebuch{
 position:absolute;
 top:0px; left:0px;
 width:415px;
}


#gbEditor{
 position:absolute;
 top:155px; left:470px;
 height:300px; width:305px;
}

fieldset {
 clear:both;
 position:relative;
 border:none;
 margin:10px;
 padding:0;
}
	

label, fieldset formLine{
 margin:0;
 display:block;
 width:100px;
 text-align:left;
 float:left;
}

button {
border:1px solid #000;
width:85px;
margin-left:5px;
text-align:center;
}

button span {color:#000;}

.formLine {
 margin:2px 0;
}

.buttonLine {
 text-align:right;
 margin:10px 5;
}

input, textarea {
 width:180px;
 border:1px solid #000;
 color:#000;
}

textarea {height:120px;}

h3 {color:#f00;}

span.preview {
 display:block;
 width:405px;
 margin:10px;
 border:1px solid #777;
 
}

span p.guestbookEntryText, span div.guestbookEntryTitle, span a {color:#888;}
span.preview h1 {position:relative; top:-9px; left:10px; width:68px; margin:0; padding:1px; color:#888; border:1px solid #777; background:#444}

.guestbookEntryTitle {
 padding:10px 10px 0 10px;
}

.guestbookEntryText {
 padding:10px;
 padding-top:4px;
 margin:0;
}

div.pager {
 position:absolute;
 top:155px; left:20px;
 height:20px; width:430px;
}

a.pager {
 text-decoration:none;
}