/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
	margin: 0;
	padding: 0;
	background-color: #656567;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	line-height: 17px;
	color: #000;
	font-style: normal;
}

p, ul, ol {
	margin-top: 0;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.tech {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	line-height: 17px;
	color: #000;
	font-style: normal;
}
.disc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	line-height: 10px;
	color: #000;
	font-style: normal;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #2C2C2C;
}

a:hover {
}

/* Page */

#page {
	width: 696px;
	height: 577px;
	margin: 0 auto;
	// background: url(images/JP_info.jpg) repeat-y left top;
	padding: 0px;
}

.bg1 {
	background: url(images/JP_index.jpg) repeat-y left top;}
.bg2 {
	background: url(images/JP_start.jpg) repeat-y left top;}
.bg3 {
	background: url(images/JP_info.jpg) repeat-y left top;}
.bg4 {
	background: url(images/JP_refs.jpg) repeat-y left top;}
.bg5 {
	background: url(images/JP_kontakt.jpg) repeat-y left top;}
.bg6 {
	background: url(images/JP_hoeren.jpg) repeat-y left top;}
.bg7 {
	background: url(images/JP_sehen.jpg) repeat-y left top;}
.bg8 {
	background: url(images/JP_technik.jpg) repeat-y left top;}
.bg9 {
	background: url(images/JP_impr.jpg) repeat-y left top;}
.bg10 {
	background: url(images/JP_dieBand.jpg) repeat-y left top;}
.bg11 {
	background: url(images/JP_info.jpg) repeat-y left top;}
	
/* Content */

#content {
	float: left;
	width: 330px;
	height: 570px;
	padding: 35px 0px 0px 60px;
	// border: 1px solid red;
}

.post {
	padding: 20px 40px;
	height: 460px;
	float: left;
	// border: 1px solid green;
}
.post2 {
	float: left;
	padding: 10px 40px;
	height: 480px;
	border: 1px solid green;
}
/*Navigation*/
#navi{
	padding-left: 340px;
	width: 252px;
	// border: 1px solid red;
}
#main-navi{
	margin-top: 320px;
	height: 134px;
}
#main-navi li{
	height: 43px;
}
#footer-navi {
	margin: 13px 5px 0 5px;
}
#footer-navi li{
	display:  inline;
	margin-left: 5px;
}
#footer-navi a{
	color: #fff;
}
#footer-navi a2{
	color: #000;
}
#main-navi a{
	display:block;
	width: 250px;
	height: 40px;
	// border: 1px solid red;

}
a.home{
	display:block;
	width:100%;
	height: 50px;
	// border:1px solid red;
}
a.homestart{
	display:block;
	width:100%;
	height: 100%;
	// border:1px solid red;
}

/*Lighbox Sehen*/
ul.lbLinks{
	margin-left: -5px;
	margin-top: 10px;
	width: 510px;
	height:  370px;
}

li.quer{

}
li.hoch{
	
}
ul.lbLinks li.hoch a{
	display:block;
	position: absolute;
	height: 175px;
	width: 117px;
	// top: 81px;
}
ul.lbLinks li.quer a{
	display:block;
	position: absolute;
	width: 175px;
	height: 115px;
}

li.lblink-1 a{
}
li.lblink-2 a{
	top: 210px;
}
li.lblink-3 a{
	top: 335px;
}
li.lblink-4 a{
left: 665px;
top: 81px;
// border:1px solid green;
}
li.lblink-5 a{
	left: 860px;
	top: 81px;
	// border:1px solid red;
}
li.lblink-6 a{
left: 665px;
top: 275px;
// border:1px solid red;
}
li.lblink-7 a{
	left: 800px;
	top: 280px;
	// border:1px solid red;
}

