/* --------------------------------------------------------------------------- */
/* style sheets für www.jpfaff.de, 2008-2010       							   */
/* webdesign, realisation and author: julia & michael schulze, www.ju-mi.com   */
/* --------------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	body {
		margin: 0px;
		padding: 0px;
		background: #FFFFFF url(../bilder/jpf_main_back.gif) left 150px repeat-x;
	}
	
	.bodystart {
		background: #FFFFFF;
	}
	

/* -------------------------------------------------------------------- */		
/* allgemeine Schriftklassen */
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
		line-height: 16px;
	}
	
	a {
		color: #666666;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover {
		color: #000000;
	}
	
	p {
		padding: 0px;
		margin: 0px 0p 16px 0px;
	}
	
	.halbezeile {
		height: 7px;
		line-height: 7px;
	}

	/* Headlines */
	h2 {
		font-size: 11px;
		font-weight: bold;
		font-style: normal;
		margin: 0px;
	}
	
	
	/* Hervorhebungen */
	em {
		font-weight: bold;
		font-style: normal;
	}
	
	.tief {
		font-size: 9px;
		vertical-align: -2px;
		line-height: 16px;
	}
	
	
	/* Listen */
	ul {
		list-style: none;
		margin: 15px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
	}
	li {
		padding-left: 10px;
		background: url(../bilder/jpf_main_bullet.gif) no-repeat left 7px;
	}
	
	
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* allgemeine Seitenelemente -------------------------------------- */
		
		#container { 
			position: relative;
			top: 52px;
			width: 1000px;
			height: 575px;
			text-align: left;
		}	
		
		.logo {
			position: absolute;
			right: 78px;
		}
		
		#logoh2o 	{ right: 94px; }
		#logogal 	{ right: 92px; }
		#startlogo 	{ right: 454px; }
		#startlogogal 	{ right: 470px; }
		
		#inhalt {
			position: absolute;
			top: 98px;
			height: 415px;
			width: 800px;
			overflow: hidden;
		}
		
		.headuml {
			position: absolute;
			top: 94px;
		}
		
		#bildnav, #seitennav, #seitennavEN, #seitennavEN2 {
			position: absolute;
			top: 518px;
			left: 456px;
			font-size: 10px;
			text-align: right;
			width: 200px;
		}
		
		#bildnav span, #seitennav span, #seitennavEN span, #seitennavEN2 span {
			vertical-align: 9px;
		}
		
		#seitennav 		{ left: 351px; }
		#seitennavEN	{ left: 446px; } /* Ref-Nav */
		#seitennavEN2	{ left: 341px; } /* Ausstellungen */
		
		
		.bu {
			position: absolute;
			top: 525px;
			left: 60px;
			font-size: 10px;
			line-height: 12px;
			height: 20px;
		}
		
		.burechts {
			left: 490px;
		}
		
				
		
	/* Navigation  ---------------------------------------------------- */
		
		#navigation {
			position: absolute;
			top: 98px;
			right: 0px;
			width: 200px;
			height: 415px;
			border-left: #FFFFFF solid 5px;
		}
		
		#navigation td {
			vertical-align: bottom;
			padding-left: 12px;
			padding-bottom: 15px;
		}
						
			
		/* Navigationspunkte */
			.inaktiv {
				color: #BBBBBB;
			}
			
			
		/* Ebene 1 */
			.nE1, .nE1sel {
				font-weight: bold;
				font-size: 10px;
				padding: 4px 0px 0px 15px;
				background: url(../bilder/jpf_nav_mark_E1.gif) no-repeat left 8px;
			}
			.nE1sel 		{ color: #646464; background: url(../bilder/jpf_nav_mark_E1sel.gif) no-repeat left 8px; }
			.nE1sel a 		{ color: #646464; }
			.nE1sel a:hover { color: #000000; }
			
				
		/* Ebene 2 */
			.nE2, .nE2sel 	{ font-weight: normal; padding: 5px 0px 0px 15px;}
			.nE2 a 			{ font-weight: normal; }
			.nE2sel a, .nE2sel span	{ color: #646464; font-weight: bold; }
			.nE2sel a:hover { color: #969696; }
					
					
		/* Ebene 3 */
			.nE3, .nE3sel 	{ padding: 0px 0px 0px 15px; }
			.nE3 a 			{ font-weight: normal; }
			.nE3sel a 		{ color: #646464; font-weight: bold; }
			.nE3sel a:hover { color: #969696; }
			
		
		/* Ebene4 */
			.nE4, .nE4sel 	{ padding: 0px 0px 0px 25px; }
			.nE4 a 			{ font-weight: normal; }
			.nE4sel a 		{ color: #646464; font-weight: bold; }
			.nE4sel a:hover { color: #969696; }

			
		/* Sprachwahl */
		
			/* Startseite */
				#startlangnav {
					display: block;
					margin-top: 20px;
					font-weight: bold;
					width: 120px;
					font-size: 10px;
					color: #969696;
				}
			
			/* Innenseiten */
				#langnav {
					position: absolute;
					top: 60px;
					left: 65px;
					font-weight: bold;
					font-size: 10px;
					color: #969696;
				}
				#langnav a, #startlangnav a {
					color: #969696;
					font-weight: normal;
				}
				#langnav a:hover, #startlangnav a:hover {color: #000000; }
				
			
			
	
	/* Inhaltsbereich  ------------------------------------------------ */
		
		/* Inhalte */
		
			/* allgemeine Elemente */
				#pagehead { 
					display: block;
					margin: 0px 0px 0px 65px;
				}			
					
				#subhead { 
					display: block;
					margin: 9px 0px 0px 48px;
				}
				
				/* Textinhalte */
					.ihtext {
						position: absolute;
						left: 65px;
						bottom: 15px;
						width: 370px;
						height: 310px;
					}	
					
					.ihtext td {
						vertical-align: bottom;
					}
				
				/* Bildinhalte */
					#ihbilder {
						position: absolute;
						right: 0px;
						bottom: 0px;
						overflow: hidden;
						width: 310px;
					}
					
					#ihbilder img {
						display: block;
						margin-top: 5px;
					}
					
					#ihbilder br 	{ clear: both; }					
					.rechtsbuendig 	{ float: right; margin-left: 5px; }
					.linksbuendig  	{ float: left; margin-right: 5px; }
					
					.leer { 
						width: 105px; 
						height: 105px; 
					}
				
				
				
			/* Navigationsbilder (Projekte) */
				#bildfeld {
					position: absolute;
					right: 0px;
					bottom: 0px;
				}
				
				.nbbut, .nbbutsel, .nbleer {
					height: 100px;
					width: 95px;
					margin: 5px 0px 0px 5px;
					padding-left: 5px;
					background: #BEC0C2;
					line-height: 10px;
					font-size: 10px;
					font-weight: bold;
					color: #FFFFFF;
					display: block;
				}
				
				.nbleer {
					background: none;
				}
				
				.nbbut:hover, .nbbutsel:hover {
					color: #FFFFFF;
					background: #CCCCCC;
				}
				
				.nbgrau, .nbgrau:hover {
					color: #999999;
				}
				
				
			
			
			
			
	/* seitenspezifische Objekte --------------------------------------- */
		
		/* Startseite */
			#startinhalt {
				position: absolute;
				top: 98px;
				height: 415px;
				width: 1000px;
				overflow: hidden;
				text-align: center;
			}
			
			#startani {
				display: block;
				margin-bottom: 35px;
			}
			
			.starttexte {
				position: absolute;
				top: 243px;
				width: 110px;
				padding-top: 130px;
				font-weight: normal;
				font-size: 10px;
				line-height: 14px;
				color: #787878;
				display: none;
				z-index: 5;
			}
						
			#text1 	 { left: 310px; }
			#text2 	 { left: 465px; }
			#text3 	 { left: 596px; }
			
			
	
	/* Innenarchitektur */
		
		/* Aktuell */
			/* Aktuell */
				#startstoerer {
					position: absolute;
					top: 9px;
					left: 320px;
				}
				
			/* Archiv */
				#newsliste td  {  vertical-align: top; }
				.newstab1	{ width: 105px; }
				
			
		/* Profil */
			/* Philosophie */
				#philimg1 	{ margin-left: 105px; }
				#philimg2 	{ margin-right: 105px; }
				#philimg3 	{ margin-right: 105px; }	
				
			/* Jürgen Pfaff */
				#jpfuml 	{ left: 193px;	}
				#jpfumlEN 	{ left: 231px;	}
				
			/* Team */
				.teamname {
					position: absolute;
					font-size: 10px;
					line-height: 11px;
					display: none;
				}
				
				#tn1 { top: 5px; left: 595px; }
				#tn2 { top: 78px; left: 595px; }
				#tn3 { top: 207px; left: 740px; text-align: right; }
				#tn4 { top: 183px; left: 490px; }
				#tn5 { top: 207px; left: 700px; }	
				#tn6 { top: 289px; left: 700px; }	
				#tn7 { top: 390px; left: 560px; text-align: right; }	
				#tn8 { top: 5px; left: 645px; text-align: right; }
				
		/* Projekte */
			/* Übersichtseite */
				#privatuml 	{ left: 319px; }
				#buerouml 	{ left: 231px; } 
			
		/* Kontakt */
			/* Kontakt, Impressum */
				#kontakttext {
					line-height: 14px;
				}
			
			/* Anfahrt */
				#link2, #skizze2 { display: none; }	
				
		
				
	/* H2O Galerie */
	
		/* Produkte */
			#moebeluml 	{ left: 251px; }	
			
		/* Marken */
			#markenbilder {
				position: absolute;
				right: 0px;
				top: 0px;
				overflow: hidden;
			}
			
			
	
	/* Galerie Pfaff */
	
		/* Ausstellungen */
			#austab td	{ vertical-align: top; }
			.austab1	{ width: 160px; }
			.austab1EN	{ width: 190px; }
			#rueckuml 	{ left: 320px; }
			
			
		/* Künstler */
			#kuenstuml 	{ left: 85px; }	
			.kliste a	{ font-weight: normal; }
			#abisz		{ margin-top: 30px; }
			#abisz a, #abisz span { 
				display: block;
				float: left;
				margin-right: 10px;
				font-weight: normal; 
			}
			#abisz span {
				font-weight: bold; 
			}
			#artbilder {
				position: absolute;
				right: 0px;
				top: 0px;
				overflow: hidden;
				background: #787878;
				width: 280px;
				height: 400px;
				padding: 20px 15px 0px 15px;
			}
			.artbild {
				height: 310px;
				overflow: hidden;
				vertical-align: top;
			}
			.artbu {
				height: 70px;
				overflow: hidden;
				color: #FFFFFF;
				vertical-align: bottom;
				font-size: 10px;
				line-height: 14px;
			}
			
		/* Presseberichte */
			.presselist {
				background: url(../bilder/jpf_gal_pressezeile.gif) left 4px repeat-x;
			}
			
			.presselist a, .presselist span {
				background: #e0e3e6;
			}
			
			.presselist span {
				float: right; 
			}