/* CSS Document */
/* FF-Hack: Scrollbar immer anzeigen */
html {
height:100%;
/*overflow: scroll;*/
}
body{
min-height: 101%;
/*overflow: scroll;*/
background: transparent url(img/gradient.gif) ;
background-repeat: repeat-x;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 12px;
line-height: 16px;
font-stretch: 0px;
color: #251300;
margin: 0px 0px 0px 0px;
}
a, a:visited {
color: #714516;
cursor: hand;
text-decoration: none;
}
a:hover{
color: #ac671e;
cursor: hand;
text-decoration: none;
}
img{
border: 0px;
}
/* spans*****************/
.headlinks{
/*display:none;*/
font-size: 17px;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
}
/************************/
.barock{
position: absolute;
left: 30px;
top: -10px;
width: 450px;
height: 80px;
background: transparent url(img/barock.png) no-repeat;
z-index: 20;
}
.headtext{
position: absolute;
left:30px;
top: 17px;
width: 150px;
height: 30px;
font-size: 18px;
padding: 2px 0 2px 0;
color: #fff;
z-index: 21;
border: 0px dashed #fff;
}
.subtext{
position: absolute;
left:205px;
top: 19px;
width: 200px;
height: 30px;
font-size: 12px;
padding: 2px 0 2px 0;
color: #fff;
z-index: 21;
border: 0px dashed #fff;
}
.general{
position:absolute;
background:  transparent url(img/bggradient.png);
background-repeat: repeat-y;
min-height: 108%;
top: 0px;
bottom: 0px;
left: 50%;
width: 812px;
margin-left: -406px;
min-width: 740px;
border: 0px dashed #000;
}
.kopf{
position:absolute bottom;
width: 800px;
height: 26px;
margin: 17px 6px 0 0;
margin-left: 6px;
border: 0px solid #fee;
background: #251300;
color: #fff;
font-size: 14px;
text-align: left;
z-index: 19;
}
/****Inhalte alle Sites************************/
.inhalt{
position: absolute;
left: 6px;
top: 40px;
width: 780px;
height: 600px;
background: #fff url(img/start.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
	
.inhaltwir{
position: absolute;
left: 6px;
top: 40px;
width: 780px;
height: 600px;
background: #fff url(img/wir.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
	
.inhaltkonzept{
position: absolute;
left: 6px;
top: 40px;
width: 780px;
height: 600px;
background: #fff url(img/konzept.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
	
.inhaltsponsoren{
position: absolute;
left: 6px;
top: 40px;
width: 780px;
height: 600px;
background: #fff url(img/sponsoren.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
}
	
.inhaltprojekt{
position: absolute;
left: 6px;
top: 40px;
width: 780px;
height: 600px;
background: #fff url(img/projektbeschreibung.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
.inhaltquiz{
position: absolute;
left: 6px;
width: 780px;
height: 600px;
background: #fff url(img/quiz.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
.inhaltbildergalerie{
position: absolute;
left: 6px;
width: 780px;
height: 600px;
background: #fff url(img/bildergalerie.jpg) no-repeat;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
.inhaltimpressum{
position: absolute;
left: 6px;
width: 780px;
height: 600px;
background: #fff;
margin: 0 0 0 0;
padding: 30px 10px 20px 10px;
border:0px dashed #00f;
z-index: 1;
	}
/*Navigation**********************************/
.wir{
position: absolute;
left: 320px;
top: 60px;
padding: 20px 10px 30px 15px;
border: 0px dashed #0ff;
background: transparent url(img/w_bg.png) no-repeat;
}
.bildergalerie{
position: absolute;
left: 490px;
top: 110px;
padding: 20px 10px 30px 25px;
border: 0px dashed #0ff;
background: transparent url(img/b_bg.png) no-repeat;
}
.sponsoren{
position: absolute;
left: 520px;
top: 200px;
padding: 20px 10px 30px 25px;
border: 0px dashed #0ff;
background: transparent url(img/s_bg.png) no-repeat;
}
.quiz{
position: absolute;
left: 360px;
top: 480px;
padding: 20px 10px 30px 25px;
border: 0px dashed #0ff;
background: transparent url(img/q_bg.png) no-repeat;
}
.konzept{
position: absolute;
left: 370px;
top: 150px;
padding: 20px 10px 30px 25px;
border: 0px dashed #0ff;
background: transparent url(img/k_bg.png) no-repeat;
}
.projekt{
position: absolute;
left: 160px;
top: 300px;
padding: 20px 10px 30px 25px;
border: 0px dashed #0ff;
background: transparent url(img/p_bg.png) no-repeat;
}
/**Inhalte und Konkretes*********/
.pic{
width: 200px;
height: 150px;
border: 1px solid #251300;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 20px;
}
.thumb{
width: 100px;
height: 75px;
border: 1px solid #251300;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 20px;
}
.contents{
border: 0px solid #000;
width: 520px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}
.contentsbild{
border: 0px solid #000;
/*width: 700px;*/
margin-left: 10px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}

.rightpics{
position: absolute;
right: 0px;
width: 150px;
}
/**********************************/
.galerie {
float: left;
width:100px;
height:75px;
border: 0px dashed #00f;
margin-right: 20px;
margin-bottom: 20px;
}

/******footer*****************************/
.footerspace{
position: absolute;
left: 0px;
top: 105%;
border: 0px solid #666;
margin-top: -57px;
margin-left: 6px;

z-index: 31;}
.footer{
position: absolute;
top: 0px;
width: 800px;
margin: 0 0 0 0;
padding: 2px 0 2px 0;
border: 0px solid #000;
background: #251300 /*transparent url(img/footergradient.png)*/;
color: #fff;
font-size: 10px;
text-align: center;
z-index: 31;
}

.footerspace2{
position: absolute;
left: 0px;
top: 105%;
border: 0px solid #666;
margin-top: -57px;
margin-left: 6px;
z-index: 31;
}
.footer2{
position: absolute;
top: -34px;
width: 800px;
margin-top: 0px;
margin-left: -6px;
padding: 2px 0 2px 0;
border: 0px solid #000;
background: #251300 /*transparent url(img/footergradient.png)*/;
color: #fff;
font-size: 10px;
text-align: center;
z-index: 31;
}

a#footlink{
text-decoration: none;
color: #fff2a5;
padding: 0px 1px 0px 1px;
border:0px solid #000;
	}
a:hover#footlink{
text-decoration: none;
color: #ffd1a5;
padding: 0px 1px 0px 1px;
border:0px solid #000;
}
/*background*************************************************************/

.toplink{
position: absolute;
left: 620px;
margin-top: -80px;
margin-bottom: 5px;
padding-right: 300px;
padding-bottom: 2px;
width: 80px;
font-size: 16px;
font-weight: bold;
height: 110px;
text-align: right;
text-decoration: none;
border: 0px dashed #f00;
background: url(img/zurueck.png) no-repeat;
z-index: 30;
}
.toplink2{
position: absolute;
left: 620px;
margin-top: -110px;
margin-bottom: 5px;
padding-right: 300px;
padding-bottom: 2px;
width: 80px;
font-size: 16px;
font-weight: bold;
height: 110px;
text-align: right;
text-decoration: none;
border: 0px dashed #f00;
background: url(img/zurueck.png) no-repeat;
z-index: 30;
}