/* Infos
-----------------------------------------------------
Seite:  Fotoheft.de
Autor:	MZ
Date: 	21.01.09 @ 15.00 Uhr
Update: 12.03.09 @ 11.00 Uhr
User:	ES
*/

/* Farben 
-----------------------------------------------------
   Body Background:       Grau #FFFFFF
   Main Text:             Weiß #404040
   Links:                 Weiß #96BF0D
   Links Hover:			  Weiß #96BF0D Underlined
*/

/* Index
-----------------------------------------------------

	1.0 Basics
	
	2.0 Generelle Definitionen

	3.0       Wrapper
	--3.1     Header
	--3.1a)   Logo
	--3.1b)   Topnavi
	--3.2     Mainnavi
	  --3.2a) Infoboxen Indexseite
	--3.3     Content-Wrapper
	  --3.3a) Content
	  --3.2b) Fließtexte
	  --3.3c) Impressum
	--3.4 	  Footer
	
	--4.0     IE Hacks
*/	



/* 1.0 +Basics
---------------------------------------------------*/
@import "reset.css";

@media print {
	* {background: #fff; color: #000;}
	html {font: 100%/1.5 georgia, serif;}
	#fh-mainnavi, #fh-footer, #fh-topnavi {display: none;} /* Projektnamen anpassen! */
	}

.clear:after 
			{
			content: ".";
			visibility: hidden;			
			height:     0;
			display:    block;
			clear: both; 
			}

* html .clear
			{
			height: 1%;
			}

.transparent {
	behavior: url("/iepngfix/iepng.htc"); /* Nicht wenn Link über BG-Image liegt! */
	}
	

/* 2.0 +Generelle Definitionen
---------------------------------------------------*/
html {
	height:100%!important;
	}
	
body {
	background:#ffffff;
	color:#404040;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%;
	}
	
a {
	font-weight:bold;
	color:#96bf0d;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

strong {
	font-weight:bold;
	}
	
/* +3.0 Wrapper
---------------------------------------------------*/	
#fh-wrapper {
	width:960px;
	background:url(buttons/wrapperbg.gif) repeat-y top;
	margin:0 auto;
	padding:0;
	position:relative;
	height:100%;
	min-height:100%;
	}

	
/* +3.1 Header
---------------------------------------------------*/			
#fh-header {
	width:960px;
	}

/* +3.1a) Logo
---------------------------------------------------*/		
		#fh-header img {
			margin:15px 0 15px;
			}

/* +3.1b) Topnavi
---------------------------------------------------*/				
		#fh-topnavi {
			width:150px;
			position:absolute;
			right:55px;
			top:94px;
			margin:0 0 15px;
			list-style:none;
			}
		
				#fh-topnavi li {
					margin:0;
					padding:0;
					display:inline;
					color:#fff;
					}
					
				#fh-topnavi li a {
					color:#fff;				
					font-size:1em;
					}
					

/* +3.2 Mainnavi
---------------------------------------------------*/
.fh-mainnavi-wrapper {
	width:285px;
	background:url(buttons/mainnavitop.gif) no-repeat top left;	
	padding:29px 0 0;
	margin:0 0 15px 0;
	}

			.fh-mainnavi-wrapper h1 {
				width:285px;
				height:29px;
				color:#fff;
				margin:0;
				padding:0 0 0 15px;
				background:url(buttons/mainnavititle.gif) no-repeat left;
				font:bold 2em Arial, Helvetica, sans-serif;
				}

						.fh-mainnavi-wrapper h1 span.title{
							padding-top:5px;
							background:none;
							}


			.fh-mainnavi-wrapper span {
				display:block;
				width:285px;
				height:21px;
				background:url(buttons/mainnavibottom.gif) no-repeat bottom;
				}	
			
			.fh-mainnavi {
				width:285px;
				background:url(buttons/mainnavibg.gif) repeat-y left;
				margin:0;
				padding:0;
				list-style:none;
				}
				
						.fh-mainnavi li{
						margin:0;
						font:bold 1.4em Arial, Helvetica, sans-serif;
						padding:0;
						}				


								.fh-mainnavi-wrapper .fh-mainnavi li a{
									width:85%;
									display:block;
									color:#404040;
									padding:15px 0 15px 15px;
									margin-left:15px;
									background:url(buttons/navipunkt.gif) no-repeat left;
									border-bottom:1px solid #bcbcbc;
									}
								
											.fh-mainnavi-wrapper .fh-mainnavi li a em{
												display:none;
											}						
				
								
								.fh-mainnavi-wrapper .fh-mainnavi li a:hover{
									display:block;
									color:#96bf0d;
									text-decoration:none;
								}					

											.fh-mainnavi-wrapper.fh-mainnavi li a:hover em{
												display:inline;
												margin:0;
												padding:0;
											}		

			
/* +3.2a) Infoboxen Indexseite
---------------------------------------------------*/	
#navinfobox-wrapper {
	clear:both;
	width:285px;
	float:left;
	margin:0 25px 15px 0;
	}
	
		.fh-navinfobox {
			float:left;
			width:263px;
			background:#EEEEEE;
			border:1px solid #BCBABA;
			margin:0 0 15px;
			padding:10px;
			list-style:none;
			font:normal 1.2em Arial, Helvetica, sans-serif;
			}



/* +3.3 Content-Wrapper
---------------------------------------------------*/	
#fh-content-wrapper {
	width:649px;
	background:url(buttons/contenttop.gif) no-repeat top left;	
	padding:29px 0 0;
	float:left;
	}
		
		#fh-content-wrapper h1 {
			width:649px;
			height:29px;
			color:#fff;
			margin:0;
			padding:0 0 0 15px;
			background:url(buttons/contenttitle.gif) no-repeat left;
			font:bold 2em Arial, Helvetica, sans-serif;
			}
			
					#fh-content-wrapper h1 span.title{
						padding-top:5px;
						background:none;
						}	
		
		#fh-content-wrapper span {
			clear:both;
			display:block;
			width:649px;
			height:16px;
			background:url(buttons/contentbottom.gif) no-repeat bottom;
			padding:0;
			}								


/* +3.3a) Content
---------------------------------------------------*/	
#fh-content {
	width:649px;
	background:url(buttons/contentbg.gif) repeat-y top left;	
	padding:10px;
	float:left;
	}	

		#fh-content img {
		float:left;
		margin:10px;
		}
		
		#fh-content p {
			float:left;
			width:345px;	
			margin:10px 0;
			font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
			color:#404040;					
			}	
					
		
		#fh-content ul {
			float:left;
			width:300px;
			color:#404040;
			list-style:none;	
			margin:10px 0 25px 25px;
			padding:0;			
			}
		
				#fh-content ul li {
					font:bold 1.3em/2.4em Arial, Helvetica, sans-serif;
					background:url(buttons/arrow.gif) no-repeat left;
					padding:0 0 0 30px;
					}
		
		#fh-content a.button {
			width:160px;
			background: transparent url('buttons/buttonr.jpg') no-repeat scroll top right;
			color: #fff;
			display:block;
			float:left;
			font:bold 1.2em Arial, Helvetica, sans-serif;
			height:34px;
			line-height:34px;
			padding-right:12px;
			text-decoration: none;
			text-align:center;
			margin-left:10px;
			}
		
		#fh-content a.button:hover {
			text-decoration: underline;
			}							
		
				#fh-content a.button span {
					width:160px;
					background: transparent url('buttons/buttonl.jpg') no-repeat top left;
					display: block;
					line-height:34px;
					height:34px;
					padding-left:5px;
					}
					
				#fh-content a.button em {
					font:bold 1.3em Arial, Helvetica, sans-serif;
					}  

#fh-produkte p{
width:600px; 
margin:7px 0 10px 10px;
}

#fh-produkte img{
margin:3px 10px 0 0;
}
	
/* +3.3b) Fließtexte
---------------------------------------------------*/	
#fh-content .fliesstext {
	width:80%;
	margin-left:20px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}

/* +3.3c) Impressum
---------------------------------------------------*/	
#fh-content #fh-impressum {
	float:left;
	width:400px;
	margin-left:15px;		
	}

			#fh-content #fh-impressum dt {
				font:bold 1.4em Arial, Helvetica, sans-serif;
				margin:0;
				padding:0;
				}
			
			#fh-content #fh-impressum dd {
				margin:0;
				padding:0;			
				font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
				}
			
			#fh-content #fh-impressum dd.break {
				margin:0 0 15px;	
				}
			
			#fh-content #fh-impressum img {
				float:none;
				margin:0 0 -3px 3px;
				padding:0;
				}

/* +3.4 Footer
---------------------------------------------------*/	
#fh-footer {
	clear:both;
	float:left;
	width:960px;
	border-top:1px solid #bcbaba;
	margin-top:25px;
	}
	
		#fh-footer p {
			width:960px;
			text-align:center;
			font:normal 1em Arial, Helvetica, sans-serif;
			margin:2px 0 0px;
			}
					
					#footer p a {
						color:#bcbaba;
						}	
/* 4.0 IE Hacks
--------------------------------------------------------------------------*/
*html #fh-wrapper {
	width:994px;
	}
		

*html #fh-topnavi {
	right:78px;
	}	
	
/*--------------------------------------------------------------------------*/