/**
 * 
 * FEINHEIT kreativ studio // www.feinheit.ch
 * 
 */
html, body{
	height:100%;
}

body{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	background:#fff;
}

h1, h2, h3{ margin:0px; padding:0xp;}

table#pageholder, table#pageholder tr, table#pageholder td{
	border:none;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:center;
}
 
table#pageholder{
	width:100%;
	height:100%;
}

#pagebox{
	width:910px; /* width:990px; */	
	height:550px;
	margin:0px auto;
	text-align:left;
	padding-left:80px;
}
 
 

#pagebox h1{
	font-size:20px;
	height:60px;
	margin:0px;
	padding:0px;
	line-height:60px;
	font-weight:normal;
}
#pagebox h1 a{
	text-decoration:none;
}


#contentholder{}

#sp1, #sp2, #sp3,#sp4, #sp5{
	float:left;
}

#sp1{
	width:195px;
	padding-top:15px;
	padding-left:2px;
}
#sp2{
 	width:475px;
 	display: block;
 	border-bottom: 1px solid #fff;
 	padding-top: 18px;
}
#sp3{
	padding-top:18px;
	width:210px;
}
#sp4,#sp5{
	width:685px;
	padding-top:15px;
	line-height:26px;
	overflow:auto;
	height:420px;
}
#sp4 h2,#sp5 h2{
	font-size:14px;
	font-weight:normal;
}

#sp4 p span, #sp2 p span, #sp5 p span,
#sp3 p strong {
	font-weight: normal;
	font-size:14px;
}
.big_zab {
	line-height: 26px;
}

#content{
	padding-right:145px;
}


a{
	color:#000;
	outline:none;
	border:none;
}
a img{border:none;}


/* Navigation  */
#sp1 ul, #sp1 li{
	margin:0px; 
	padding:0px;
	list-style:none;
}
#sp1 ul.sub {
	display: none;
}
#sp1 li.mark ul.sub {
	display: block;
}
#sp1 ul li{
	height:90px;
}
#sp1 ul li a,
#sp1 ul li ul.sub li a,
#sp3 h2 a,
.imgnavi li a{
	text-decoration:none;
	color:#999;
}
#sp1 ul li a:hover,
#sp1 li.mark a,
#sp1 ul li ul.sub li a:hover,
#sp1 ul li ul.sub li.mark a,
#sp3 h2 a:hover,
#sp3 h2.mark a,
.imgnavi li a:hover,
.imgnavi h2.mark a{
	color:#000;
}
#sp1 ul li ul li{
	height:20px;
	padding-left:35px;
}


/* Image Naigation*/
#sp3 h2{font-size:11px; font-weight:normal;}
#sp3 h2 a{text-decoration:none;}
#sp3 p{line-height:22px;}


.imgnavi{
	clear:both;
	padding-bottom:20px;
	float:left;
}

.imgnavi ul, .imgnavi li{
	margin:0px;
	padding:0px;
	list-style:none;
}
.imgnavi ul{
	width:140px;
	display:block;
	float:left;
}
.imgnavi li{
	float:left;
	width:25px;
}


.ausstellungen_liste {
	font-size: 14px;
}
#sp4 .ausstellungen_liste p span{
	font-size: 11px;
	display:inerhit;
	padding-right: 10px;
}

#verkaufsstelle #sp5 {
	background:#fff url(../img/design/eins_a.gif) bottom left no-repeat;
	height: 480px;
}
#verkaufsstelle #sp5 p {
	width: 480px;
	text-align: justify;
}
#verkaufsstelle #sp5 .link_liste {
	line-height: 13px;
}

.link_liste a {
	color: red;
}
.link_liste a, #verkaufsstelle #sp5 a {
	color: #999;
	text-decoration: none;
	display: block;
}
.link_liste a:hover, #verkaufsstelle #sp5 a:hover {
	color: #000
}

#kontaktform{}
table#pageholder #kontaktform, table#pageholder #kontaktform tr, table#pageholder #kontaktform td, #kontaktform, #kontaktform td, #kontaktform tr, #kontaktform .title, #kontaktform input{text-align:left;font-size:12px;}
#kontaktform input{
}
#kontaktform input, #kontaktform textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:none;
	border:none;	
	border-top:1px solid #E9E9E9;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #E9E9E9;		
	width:150px;
	margin-right:20px;
	background:#fff url(bg-input.gif) 0 0 repeat-x;
	color:#5D5D5D;
}

#kontaktform input#id_plz{width:40px;margin-right:5px;}
#kontaktform input#id_ort{width:76px;}
#kontaktform textarea{
	width:425px;
	margin-right:0px;
	overflow:auto;
	border:none;
	border-top:1px solid #666;	
	border-right:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
	border-left:1px solid #666;
}
table#pageholder #kontaktform td{
	padding-bottom:20px;
}

#kontakt #sp2{
	padding-top: 0;
}
#kontakt #sp3 {
	padding-top:15px;
}

#feinheit {
	width: 16px;
	height: 53px;
	position: absolute;
	top:0;
	right:0;
	background:url(../img/design/feinheit.gif) no-repeat 0 center;
}
#feinheit a{
	display: block;
	width: 16px;
	height: 53px;
}
#feinheit a:hover{
	background:url(../img/design/feinheit_hover.gif) no-repeat 0 center;
}
#feinheit a span{
	display: none;
}



@media print {
	*{background: #fff; color: #000;}
	html {font: 100%/1.5 Arial, Helvetica, sans-serif;}
	#sp1{display:none;}
	
	#pagebox{
		width:auto;
		height:auto;
		margin:0px;
		text-align:left;
		padding-left:0px;
	}
	#content{
		padding-right:0px;
	}	
	
	table#pageholder,#sp1, #sp2, #sp3, #sp4, #sp5 #pagebox{
		width:auto;
		height:auto;
		margin:0px;
		text-align:left;
		padding:0px;
		vertical-align:top;
	}
	
	#sp3{padding-left:10px;}	
}
