/* Infos
-----------------------------------------------------
Seite:  PhotogiftGuide.com
Autor:	MZ
Date: 	27.04.09 @ 10:30 Uhr
Update: 20.05.09 @ 9:25 Uhr
Update: 01.10.09 @13:00 Uhr
User:	KE
*/

/* Farben 
-----------------------------------------------------
   Body Background:       Grau #FFFFFF
   Main Text:             Weiß #333333
   Links:                 Weiß #FFFFFF
   Links Hover:			  Weiß #FFFFFF Underlined
   Textlinks:			  Orange #ee7f00 bold
   Textlinks hover:		  Orange #ee7f00 bold underlined
*/

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

	1.0 Basics
	
	2.0 Generelle Definitionen

	3.0 Content
	--3.1 Logo
	--3.2 Topnavi
	--3.3 Mainnavi
	--3.4 Produktbeschreibung
	--3.5 Linkbutton
	--3.6 Beispielbilder
	--3.7 Footer

*/	



/* 1.0 +Basics
---------------------------------------------------*/

@import "reset.css";

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

.clear {
	clear:both;
	}

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

* html .clearfloats
			{
			height: 1%;
			}


/* 1.1 +Default
-----------------------------------------------------*/

body {
	background:#e0e0e0;
	margin:0;
	padding:0;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	color:#333333;
	}

a:link, a:visited, a:active {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

.orderbutton{
	background:url('/images/orderbutton_r.gif') no-repeat right;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#fff!important;
	padding:8px 15px 8px 0;
	}

.orderbutton span {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}

.orderbutton em {
	background:url('/images/orderbutton_l.gif') no-repeat left;
	height:30px;
	padding:8px 15px 8px 0;
	}	

.orderbutton:hover {
	text-decoration:none!important;
	}
	
a.textlink {
	color: #ee7f00;!important
	font-weight: bold;
	}
	



img {
	border:1px solid #bfbfbf;
	}

strong {
	font-weight:bold;
	}


#twitter {
	float:right;
	}

/* 2.0 Layout
-----------------------------------------------------*/
#fg-wrapper {
	width:958px;
	border:1px solid #bfbfbf;
	margin:10px auto;
	background:#ffffff;
	}

/* 2.1 +Logo
-----------------------------------------------------*/
#fg-logo {
	width:450px;
	padding:20px;
	float:left;
	}

	#fg-logo h1 {
		font:bold 3em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		margin:0;
		} 
		
		#fg-logo h1 a {
			color:#a7a7a7;
			text-decoration:none;
			}

		#fg-logo h1 span {
			color:#ee7f16;
			}
		
		#fg-logo h1 em {
			font:bold 0.65em Arial, Helvetica, sans-serif;
			font-style:normal;
			text-transform:none;
			color:#ee7f16;
			}

	#fg-logo h2 {
		font:bold 1.8em Arial, Helvetica, sans-serif;
		color:#bfbfbf;
		margin:0 0 0 108px;
		}

/* 2.2 +Topnavi
-----------------------------------------------------*/		
#fg-topnavi {
	width:300px;
	float:right;
	margin:10px 5px 0;
	padding:0;
	text-align:right;
	}		

	#fg-topnavi li {
		display:inline;
		padding:0 3px;
		font:normal 1em Arial, Helvetica, sans-serif;
		}


/* 2.3 +Sidebar links
-----------------------------------------------------*/
#fg-contentwrapper {
	width:958px;
	clear:both;
	}




#fg-sidebar-left {
	width:200px;
	float:left;
	}

.fg-mainnavi {
	width:180px;
	margin:10px 0 15px;
	padding:0;
	}

	.fg-mainnavi li.head {
		background:url('/images/mainnavihead.gif') no-repeat left;
		height:48px;
		width:200px;
		font:bold 1.2em Arial, Helvetica, sans-serif;
		line-height:48px;
		padding:0 0 0 10px;
		color:#ffffff;
		border-bottom:none;
		}
		
	.fg-mainnavi li.twolines{
		line-height:normal;
		padding-top:8px;
		height:40px;
		}		
	
	.fg-mainnavi li {
		background:url('/images/mainnavibg.gif') repeat-y left;
		width:194px;
		font:bold 1.2em Arial, Helvetica, sans-serif;
		padding:10px 0;
		color:#ffffff;
		border-bottom:1px solid #e2e2e2;
		}

	.fg-mainnavi li.last {
		border-bottom:none;
		}

	
		.fg-mainnavi li a {
			border-left:5px solid #f1f1f1;
			padding:7px;
			}
	
		.fg-mainnavi li a:hover {
			border-left:5px solid #ee7f16;
			text-decoration:none;
			}
	
	.fg-mainnavi li.bottom {
		background:url('/images/mainnavibottom.gif') no-repeat left;
		height:17px;
		width:194px;
		border-bottom:none;
		padding:0;
		}

/* 2.4 Horizontale Navigation
-----------------------------------------------------*/
#fg-bignavibar {
    width:713px;
	float:right;
	height:53px;
	padding:12px 15px 0 15px;
	margin:8px 0 0 0;
	background:url('/images/bignavibar.gif') no-repeat top left;
	text-transform:uppercase;
	}
	
	#fg-bignavibar li {
		float:left;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		padding:5px;
		color:#FFB456;
		}

	#fg-bignavibar li a{
		color:#ffffff;
		}

/* 2.5 +Content
-----------------------------------------------------*/
#fg-content {
	width:540px;
	float:left;
	margin:0 0 0 25px;
	}
	
*html #fg-content {
	margin:0 0 0 15px;
	}

#fg-content h2 {
	font:bold 1.6em Arial, Helvetica, sans-serif;
	margin:10px 0 5px;
	}

#fg-topnews {
	width:508px;
	margin-bottom:15px;
	}

.fg-news {
	clear:both;
	width:518px;
	padding:10px;
	border:1px solid #bfbfbf;
	margin-bottom:15px;
	background:#F6F6F6;
	}

h3 a {
color: #35B5E7!important;
text-decoration:none!important;
}	
	
	.fg-news h3 {
		font:bold 1.4em Arial, Helvetica, sans-serif;
		color:#333333;
		margin-bottom:10px;
		}
	
		.fg-news h3 span.category {
			color:#35B5E7;
			text-transform:uppercase;
			}
			
	
	.fg-news p {
		margin:0;
		padding:0;
		font:normal 1.2em Arial, Helvetica, sans-serif;
		}

		.fg-news p a{
			color:#EE7F16;
			}



/* 2.6 +Produktseiten
-----------------------------------------------------*/
.fg-artikelintro {
	clear:both;
	width:518px;
	margin:20px 0 15px 0;
	}
	
.fg-artikelintro img {
	float:left;
	margin:0 15px 15px 0;
	}


.fg-artikelintro p {
	font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	}



.noimg p {
	margin:0 0 0 60px;
	padding:0;
	}

/* 2.7 Artikel
-----------------------------------------------------*/

.fg-artikel {
	clear:both;
	width:518px;
	margin:20px 0 15px 0;
	}
	
	
		.fg-artikel  a{
			color:#EE7F16;
			}
	
			.fg-artikel p {
			font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
			}
	
			.fg-artikel img.fl {
			float:left;
			margin:0 25px 20px 65px;
			}		

	.fg-artikel h3 {
		margin-bottom:10px;
		height:55px;
		line-height:55px;
		}
		
	.fg-artikel h3.noimg
	{
	background-color:#eeeeee; 
	line-height:25px; 
	height:25px; 
	margin-top:0; 
	padding-left:10px; 
	text-valign:center; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	}

	.fg-artikel h3.funktion {
		background:url('/images/h_funktion.jpg') no-repeat left;
		}
		
	.fg-artikel h3.beachten {
		background:url('/images/h_beachten.jpg') no-repeat left;
		}

	.fg-artikel h3.varianten{
		background:url('/images/h_varianten.jpg') no-repeat left;
		}

	.fg-artikel h3.tipps {
		background:url('/images/h_tipps.jpg') no-repeat left;
		}

	.fg-artikel h3.bestellen {
		background:url('/images/h_bestellen.jpg') no-repeat left;
		}
		
	.fg-artikel h3.step-by-step {
		background:url('/images/h_step.jpg') no-repeat left;
		}

		.fg-artikel h3 span {
			display:block;
			background:url('/images/h_bg.gif') repeat-x left;
			font:bold 1.4em Arial, Helvetica, sans-serif;
			line-height:55px;
			margin-left:64px;
			}
		
			.fg-artikel h3 span.category {
				color:#35B5E7;
				text-transform:uppercase;
				}
			
	.fg-artikel ul {
		margin:0 0 0 65px;
		padding:0 10px;
		}
	
	.fg-artikel ul li {
		margin-bottom:10px;
		font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
		list-style-image:url('/images/li_punkt.gif');
		}

			
	.fg-anbieter {
		margin-bottom:20px;
		}
		
	.fg-anbieter h4 {
		font:bold 1.2em/1.5em Arial, Helvetica, sans-serif;	
		margin: -5px 0 10px 0;
		}
	
	.fg-nofotoall {
		margin:0 0 0 65px;
		}
		
	.fg-nofotoall div.desc ul {
		margin-left:8px!important;
		}
		
	.fg-nofoto {
		margin:0 0 0 193px;
		}
		
	.fg-nofoto div.desc ul {
		margin-left:8px!important;
		}
		
	.fg-anbieter div.desc {
		font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;	
		}
	
	.fg-anbieter div.desc ul li{
		font:normal 1.0em/1.5em Arial, Helvetica, sans-serif;	
		}
	
	.fg-anbieter div.desc ul{
		font:normal 1.0em/1.5em Arial, Helvetica, sans-serif;
		margin-left:200px;	
		}
	
	
	.fg-anbieter div.button {
		margin:20px 0 40px 193px;		
		}
		
	.fg-nofotoall div.button, .fg-nofoto div.button {
		margin:20px 0 40px 0;		
		}
				
	
	

/* 2.7 News
-----------------------------------------------------*/



/* 2.8 Sidebar rechts
-----------------------------------------------------*/

#fg-sidebar-right {
	width:180px;
	float:left;
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	}
	
*html #fg-sidebar-right  {
	margin:0 0 0 0;
	}

#fg-sidebar-right .ads{
	margin-left:10px;
	}

		.fg-quicklinks {
				width:190px;	
				padding:0;	
				margin:0 0 0 3px;
				}

		.fg-quicklinks li {
				background:url('/images/quicklinksbg.gif') repeat-y left;
				width:165px;
				font:normal 1.2em Arial, Helvetica, sans-serif;
				padding:5px 5px 5px 20px;
				color:#333333;
				}

		.fg-quicklinks li.head {
				background:url('/images/quicklinkshead.gif') no-repeat left;
				height:48px;
				width:170px;
				font:bold 1.2em Arial, Helvetica, sans-serif;
				line-height:48px;
				padding:0 0 0 20px;
				color:#333;
				border-bottom:none;
				margin:0;
				}

		.fg-quicklinks li.bottom {
				width:165px;
				display:block;
				background:url('/images/quicklinksbottom.gif') no-repeat 5px 0;
				}

				.fg-quicklinks li p {
					margin:0 0 -1px 0;
					padding:0 0 15px 0;
					}		




/* Footer
-----------------------------------------------------*/
#fg-footer {
	float:right;
	width:728px;
	padding:10px 0 0;
	border-top:1px solid #bfbfbf;
	text-align:center;
	margin:30px 10px 20px 0;
	}

	#fg-footer li {
		display:inline;
		padding:3px;
		}

/* Übersichtsseiten
------------------------------------------------*/
.uebersicht-header
{
margin-bottom:30px;
}

#uebersicht
{
border:0px solid #000; 
float:left;
padding:0;
margin:0;
width:540px;
}
.uebersicht-box {
	clear:both;
	width:518px;
	padding:10px;
	border:1px solid #bfbfbf;
	margin-bottom:15px;
	background:#F6F6F6;
	}
	
	.uebersicht-box h3, .uebersicht-box-klein h3 {
		font:bold 1.4em Arial, Helvetica, sans-serif;
		color:#333333;
		margin-bottom:10px;
		}
	
		.uebersicht-box h3 span.category, .uebersicht-box-klein h3 span.category {
			color:#35B5E7;
			text-transform:uppercase;
			}
			
	
	.uebersicht-box p {
		margin:0;
		padding:0;
		font:normal 1.2em Arial, Helvetica, sans-serif;
		}

		.uebersicht-box p a{
			color:#EE7F16;
			}

	.uebersicht-box img {
		border:1px solid #bfbfbf;
		margin-right:10px !important;
		}
	
	.uebersicht-box img.fl {
		float:left;
		margin:0 0 5px 0;
		}
	
	.uebersicht-box img.fr {
		float:right;
		margin:0 0 5px 5px;
		}
		
		
	.uebersicht-box-klein {
	width:225px;
	padding:10px;
	float:left;
	border:1px solid #bfbfbf;
	margin-bottom:15px;
	background:#F6F6F6;
	margin-right:45px;
	}

	
	.uebersicht-box-klein p {
	background-color:#e6e6e6; 
	padding:7px; 
	margin-top:10px;
	font-size:11px;
	}
	
	.boxkleintext{
	height:70px;}
	
	.uebersicht-box-klein p a {
	color:#EE7F16;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
	.nomargin{
	margin-right:0;}
	
	.text-uebersicht{
	font-size:12px;
	line-height:15px;}
	
	
/* Not-Found
------------------------------------------------*/

	.notfound {
		height:220px;
		padding-left:20px;
		border:1px solid #cecdcd;
		margin:0 auto;
		}

		
	.bg {
		width:400px!important;
		background:url('/images/notfoundbg.jpg') no-repeat 25px 15px;
		padding-left:125px;
		}
	
		
		.notfound h1 {
			font:bold 2em Arial, Helvetica, sans-serif;
			margin-top:20px;
			color:#29abe2;
			}
		
		
		.notfound p {
			line-height:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width:400px;
			margin-top:20px;
			}
		
		.notfound p a{
		color:#ee7f16;
		font-weight:bold;}
		
		
/* Hauptseite
-------------------------------------------------------------*/
.hauptseite-wrap
{
float:left; 
width:538px;
}

.kategorie-box
{
float:left;
background-color:#f6f6f6;
border:1px solid #d7d7d7; 
margin-right:20px; 
width:257px; 
margin-bottom:20px;
}

.nomargin{
margin-right:0;}

.kategorie-box h3 
{
		font:bold 1.4em Arial, Helvetica, sans-serif;
		color:#333333;
		margin-bottom:10px;
		margin-left:5px;
		margin-top:5px;
		}

.kategorie-box h3 span.category 
{
			color:#35B5E7;
			text-transform:uppercase;
			}
			
.kategorie-box p 
{
		font:bold 1.2em Arial, Helvetica, sans-serif;
		color:#ee7f16;
		margin-bottom:10px;
		margin-top:5px;
		margin-left:5px;
		}
		
.kategorie-box p a
		{
		color:#ee7f16;
		}
	
.kategorie-box img
{
border:1px solid #ffffff;
margin-left:4px;

		}

/* topfotogeschenke-right
-------------------------------------------------*/
.topfotogeschenke-right
{
border:1px solid #d7d7d7; 
margin-left:5px; 
background-color:#f6f6f6; 
margin-bottom:20px;
}

.topfotogeschenke-right p
{
font-size:14px;
margin:5px 0 10px 3px;
font-weight:bold;
}

.topfotogeschenke-right ul
{

margin:10px 0 10px 3px;
font-size:11px;
}

.topfotogeschenke-right ul li
{
padding:3px;
}

.topfotogeschenke-right ul li a
{
color:#ee7f16;
}

/* Datenschutz
-------------------------------------------------*/

.fg-datenschutz
{
	width:530px; 
	float:left;

}


.fg-datenschutz p
{
	line-height:15px;
	font-size: 1.2em;
	font-family: Arial, Helvetica;
	margin-bottom:25px;
	margin-left:10px;
}

.fg-datenschutz ul 
{
	margin:0 0 0 65px;
	padding:0 10px;
	margin-bottom:30px;

}
	
.fg-datenschutz ul li 
{
	margin-bottom:10px;
	font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	list-style-image:url('/images/li_punkt.gif');
}

/*--------------------------kein Einzug wenn h3 ohne icon------------------------*/

.fg-artikel ul.lessmarginleft, p.lessmarginleft {
	margin-left: 15px;
	}