/*Allgemein*/

html, body { height: 100%;}

.body {
	background-color: #660000;
	background-image: url(img/bg.gif);
	background-repeat: repeat;
	margin: auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.con {margin: auto 0px; position: relative; min-height: 100%;}

img {border: 0px;}

.head {
	height: 146px;
	background-image: url(img/head_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	top: 0px;
	position: absolute;
}

.main {
	width: 870px;
	margin-top: 150px;
	padding-left: 150px;
	position: absolute;
}/*Mitte*/

.footer {
	height: 55px;
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0px;
	width: 100%;
    
}

/*Box oben mit Logo und Navi}*/
.oben {
	height: 146px;
	width: 870px;
	background-image: url(img/logo.gif);
	top: 1px;
	margin-left: 80px;
	z-index: 11;
}

.n1 {
    position: absolute;
	height: 33px;
	width: 80px;
	margin-left: 105px;
    top: 64px;
}

.n2 {
    position: absolute;
	height: 33px;
	width: 106px;
	margin-left: 240px;
    top: 64px;
}

.n3 {
    position: absolute;
	height: 33px;
	width: 123px;
	margin-left: 346px;
    top: 64px;
}

.n4 {
    position: absolute;
	height: 33px;
	width: 91px;
	margin-left: 469px;
    top: 64px;
}

.n5 {
    position: absolute;
	height: 21px;
	width: 400px;
	margin-left: 152px;
    top: 103px;
	text-align: right;
}



/*Mitte Startseite*/
.maintxt{
	width: 505px;
    height: 385px;
	background-image: url(img/index.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 333300;
	line-height: 12px;
	z-index: 8;
}
.maintxt a:link {color:#333300; text-decoration:underline; }
.maintxt a:visited {color:#333300; text-decoration:underline; }

.kct{
	width: 234px;
	height: 283px;
	margin-top: 115px;
	background-image: url(img/kct.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
	z-index: 3;
    position: absolute;
	margin-left: 523px;

}


.pie{
	width: 234px;
	height: 188px;
	background-image: url(img/pierc.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
	z-index: 2;
	position: absolute;
	margin-left: 523px;

}

.piebut{
	z-index: 99;
	margin-left: 556px;
    margin-top: 140px;
    position: absolute;
}

.news{
margin-left: 30px;
margin-top: 25px;
	height: 150px;
    position: absolute;
}
.spec{
	margin-left: 30px;
    margin-top: 155px;
	height: 190px;
	width: 210px;
    position: absolute;
}
.ber{
	margin-left: 270px;
    margin-top: 155px;
	height: 200px;
		width: 210px;
    position: absolute;
}



/*Box unten*/
.unten {

	height: 55px;
	width: 870px;
	margin-left: 80px;
	text-align: left;
	background-image: url(img/kringel.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.txtu {
	color: 666633;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.txtuli {
	color: b3ac8b;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.txtuli a:link {color:#b3ac8b; text-decoration:underline; }
.txtuli a:visited {color:#666633; text-decoration:underline; }

#t {padding-left: 15px; bottom: 50px; z-index: 4; position: absolute; font-size: 10px; line-height: 11px; }
.b {margin-left: 33px; bottom: 22px; z-index: 6; position: absolute;}


/*Galeriebuttonsbox*/
.gal{
	width: 230px;
	z-index: 3;
	position: absolute;
	margin-left: 523px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
	font-weight: bold;

}


/*Galerie-Script von: Dynamic Drive CSS Library  http://www.dynamicdrive.com/style/ */
.thumbnail img{
border: 1px black;
margin: 0;
}
/*CSS for enlarged image*/
.thumbnail span{ 
position: absolute;
left: -900px;
top: 0px;
visibility: hidden;
}
/*CSS for enlarged image*/
.thumbnail:hover span{ 
visibility: visible;
position: absolute;
top: 0px;
left: -523px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*text sonst*/
.txt{ 
	width: 480px;
	height: 385px;
	background-image: url(img/band.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 333300;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 15px;
	z-index: 8;
}

/*formularfelder*/
form { background-color: #000000; padding-left: 25px;}
input, textarea {background-color: #000000; border:1px solid #cccc99; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color:#cccc99;}

/*faq*/
.spoiler a {
  color: cccc99;
  text-decoration: none; border:none; outline: 0 !important;}
.spoiler a span {
  display:none; border:none; outline: 0 !important;}
.spoiler a:active span, .spoiler a:focus span {
  display: block;  border:none; outline: 0 !important;}
  /*text im faq*/
  .txtfaq{ 
	width: 685px;
	height: 395px;
	overflow:hidden;
	background-image: url(img/shoppic.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: cccc99;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 15px;
	z-index: 8;
	}
	
	
	/*Mitte Portfolio*/
.txtp{
	width: 515px;
    height: 395px;
	background-image: url(img/bandp.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: cccc99;

	line-height: 12px;
	z-index: 8;
}

/*Mitte studio*/
.txts{
	width: 490px;
    height: 390px;
	background-image: url(img/bandp.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: cccc99;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 15px;
	line-height: 12px;
	z-index: 8;
}

.s{
bottom: 40px;
margin-right: 10px;
position: absolute;
}

/*team*/
.de{
width: 200px;
    height: 380px;
	background-image: url(img/denis.gif);
	z-index: 1;
	position: absolute;
}
.st{
width: 160px;
    height: 380px;
	background-image: url(img/steff.gif);
	z-index: 1;
	margin-left: 201px;
	position: absolute;
}
.mok{
width: 160px;
    height: 380px;
	background-image: url(img/mok.gif);
	z-index: 1;
	margin-left: 362px;
	position: absolute;
}
.mi{
width: 200px;
    height: 380px;
	background-image: url(img/michi.gif);
	z-index: 1;
	position: absolute;
	margin-left: 523px;
}
.txtt{
    height: 255px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: cccc99;
	padding-top: 125px;
	padding-right: 13px;
	padding-left: 13px;
	line-height: 12px;
	z-index: 8;

}
.pb{
	z-index: 99;
	margin-left: 34px;
    margin-top: 265px;
    position: absolute;
}