/* Infos
-----------------------------------------------------
Seite:  Fotogeschenke.de
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;
	}

a.outside {
	color: #ee7f00!important;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	}

img {
	border:1px solid #bfbfbf;
	}

strong {
	font-weight:bold;
	}


/* 2.0 Layout
-----------------------------------------------------*/


#fg-wrapper {
	width:958px;
	border:1px solid #bfbfbf;
	margin:0 auto;
	background:#ffffff;
	z-index:1;	
	position:relative;
	}
	
#twitter {
	float:right;
	}
/* 2.1 +Logo
-----------------------------------------------------*/
#fg-logo {
	width:100%px;
	padding:20px 0 0 15px;
	margin:0;
	float:left;
	}

	#fg-logo h1 {
		float:left;
		font:bold 3em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		margin:0 15px 0 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 {
		float:left;
		font:bold 1.8em Arial, Helvetica, sans-serif;
		color:#bfbfbf;
		margin:8px 0 0;
		}

/* 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;
		}

	.fg-mainnavi ul.submenu {
		margin:0;
		padding:0;
		}

	.fg-mainnavi ul.submenu li {
		width:150px;
		border:none;
		margin:10px 0 0 25px;
		background:none;
		padding:0;
		}
	.fg-mainnavi ul.submenu li a {
		background: url('/images/li_punkt.gif') no-repeat left 5px;
		font: bold 0.8em Arial, Helvetica, sans-serif;
		color:#888;
		border:none;
		padding:0 0 0 12px;
		}
	.fg-mainnavi ul.submenu li a:hover {
		color:#ee7f16;
		}

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

	#fg-bignavibar li a{
		color:#ffffff;
		padding:0 10px 10px;
		display:block;
		}

	#fg-bignavibar ul{
		width:150px;
		position:absolute;
		top:40px;
		z-index:100;
		}

	#fg-bignavibar ul li{
		width:150px;
		background:#FF920B;
		margin:0;
		border-left:1px solid #B16608;
		border-right:1px solid #B16608;
		border-bottom:1px solid #B16608;
		padding:0;
		}

	#fg-bignavibar ul{
		display:none;
		}

	#fg-bignavibar li:hover ul{
		display:block;
		}

	#fg-bignavibar ul li.bottom{
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		}

	#fg-bignavibar ul li a{
		display:block;
		font:bold 12px Arial, Helvetica, sans-serif;
		text-transform:none;
		padding:5px 10px;
		}



#fg-bignavibar #breadcrumb {
		width:99%;
		margin:3px 0 0;
		padding:0;
		}

#fg-bignavibar #breadcrumb p{
		clear:both;
		font:bold 10px Arial, Helvetica, sans-serif;
		color:#A7A7A7;
		text-transform:none;
		}
		
#fg-bignavibar #breadcrumb a {
	text-transform:none;
	color:#a7a7a7;
	display:inline;
	padding:3px 5px;
	}
		

/* 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:#000!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 {
			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.geschenkverpackung {
		background:url('/images/h_geschenkverpackung.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 a {
				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:160px;
				font:bold 1.2em Arial, Helvetica, sans-serif;
				line-height:48px;
				padding:0 0 0 30px;
				color:#333;
				border-bottom:none;
				margin:0;
				position:relative;
				}

		.fg-quicklinks li.head img{
			border:none;
			position:absolute;
			top:7px;
			left:10px;
			}
		.fg-quicklinks li.multiple {
			padding:10px 5px 10px 20px;
			}

		.fg-quicklinks li.multiple p strong{
				font-size:1.1em;
				line-height:1.2em;
				}

		.fg-quicklinks li.button {
				padding:20px 5px 5px 20px;
				}


				.fg-quicklinks li p {
					padding:0;
					font:normal 0.9em/1.2em Arial, Helvetica, sans-serif;
					}		
 	 .banner-right {
		float:right;
		margin:20px 10px;
		}

		.fg-quicklinks li.bottom {
				width:165px;
				display:block;
				background:url('/images/quicklinksbottom.gif') no-repeat 5px 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:#888;
		margin-bottom:10px;
		}
	
		.uebersicht-box h3 span.category, .uebersicht-box-klein h3 span.category {
			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:230px;
	padding:10px;
	float:left;
	border:1px solid #bfbfbf;
	margin-bottom:15px;
	background:#F6F6F6;
	margin-right:35px;
	}

	
	.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:#a7a7a7;
			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');
}

/*-----------Seitenzahl--------------------------*/
.seitenzahl {
	clear:both;
	float:left;
	width:518px;
	padding:10px;
	border:1px solid #bfbfbf;
	margin-bottom:10px;
	background:#F6F6F6;
	}
	

.seitenzahl ul{
width:250px;
list-style:none; 
margin:0 auto; 
padding:0;
text-align:center;
}

.seitenzahl li{
display:inline;
float:left;
margin:2px;
background:#fff;
border:1px solid #bfbfbf;
}

.seitenzahl li span{
padding:10px;
font:bold 2em/0em Arial, Helvetica, sans-serif;
display:block;
color:#dbdbdb;
}

.seitenzahl li.seiten{
display:inline;
float:left;
margin:2px;
font:bold 1em Arial, Helvetica, sans-serif;
padding:4px 10px;
background:#fff;
border:1px solid #bfbfbf;
}

.seitenzahl li a{
display:block;
text-decoration:none;
font:bold 2em/0em Arial, Helvetica, sans-serif;
color:#FF6600!important;
padding:10px;
}

.seitenzahl li a:hover{
display:block;
text-decoration:none;
font:bold 2em/0em Arial, Helvetica, sans-serif;
padding:10px;
background:#FF6600;
color:#fff!important;
}

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

.fg-artikel ul.lessmarginleft, p.lessmarginleft {
	margin-left: 15px;
	}
	
#video img {
	margin:-25px 0 35px;
	float:right;
	}

#flashwrap {
	width:480px;
	float:left;
	margin:0 9px 10px 0;
	}

#compare {
	width:468px;
	background:#f9f9f9;
	border:1px solid #ddd;
	padding:5px;
	height:15px;	
	float:left;
	margin:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	}
#compare h3.left {
	width:185px;
	float:left;
	color:#333;
	}

#compare h3.middle {
	float:left;
	font-size:14px;
	color:#333;
	}

#compare h3.right {
	float:right;
	color:#333;
	}


/*------------------------------------------------------------------*/
/*-------------------Bauble Layer        ---------------------------*/
#layerad {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	}
	
/*-------------------Page Header ---------------------------*/

h2#pageheader {
	font:bold 2.2em Arial, Helvetica, sans-serif;
	margin:0;
	color: #35B5E7;
	padding:0;	
	}

p#pagedescription {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	padding:5px 0;
	color:#000;	
	}
	
p#pagedescription a{
	color:#F17F00;
	}

#cathead {
	padding:5px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
	position:relative;
	}

#cathead h1{
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#35B5E7;
	}

#cathead #corner{
	position:absolute;
	top:-1px;
	right:-1px;
	border:none!important;
	display:inline;
	}
	
	
#catteaser {
	background:#fff url('/images/bgcatteaser_cup.jpg') no-repeat top left;
	border:1px solid #BFBFBF;
	margin:0 0 10px;
	height:150px;
	}
#catteaser #catteasertext {
	float:right;
	width:200px;
	margin:10px 0 0 0;
	}

#catteaser #catteasertext h1{
	width:210px;
	background:#fff;
	padding:5px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#35B5E7;
	margin:0 0 5px;
	}

#catteaser #catteasertext h1 span{
	font: bold italic 12px Arial, Helvetica, sans-serif;
	color:#bfbfbf;
	}

#catteaser #catteasertext p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 5px;
	}
	
#catteaser #catteasertext a.catteaserbut {
	background: url('/images/bgcatteaserbut.gif') repeat-x;
	padding:1px 10px 3px;
	border:1px solid #cf7200;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	}
	
#catteaser #catteasertext a.catteaserbut span{
	font:bold 16px Arial, Helvetica, sans-serif;
	}