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


/* 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;}
	#sidebar-left, #footer, #topnavi, #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;
	}




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

img {
	border:1px solid #bfbfbf;
	}

strong {
	font-weight:bold;
	}


a.infolink {
	color:#a10d59!important;
	text-decoration:none;
	cursor:pointer;
	outline:none;
	line-height:16px;
	}

a#back2top {
	clear:both;
	float:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	background:#A4C002;
	color:#fff;
		margin:20px 0;
	text-decoration:none;
	border:1px solid #A4C002;
	padding:3px 5px 5px;
	}
	
a#back2top:hover {
	background:#fff;
	color:#A4C002;
}
	
	
	
a#back2top span {
	font-size:20px!important;
	}


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

#wrapper {
	width:958px;
	margin:0 auto;
	z-index:1;	
	position:relative;
	}
	
#twitter {
	display:none;
	width:93px;
	float:right;
	margin:0 0 0 5px;
	}

/* Powered by */

#poweredby {
	width:215px;
	float:right;
	margin:3px 0 0;
	color:#969696;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
#poweredby img {
	vertical-align:text-bottom;
	border:none;

	}

	


/* 2.1 +Logo
-----------------------------------------------------*/
#logo {
	width:100%px;
	padding:10px 0 5px 15px;
	margin:0;
	float:left;
	}
#logo img {
	border:none;
	margin:13px 2px 0 0;
	float:left;
	}

	#logo a {
		float:left;
		font:bold 34px Arial, Helvetica, sans-serif;
		margin:0 10px 0 0;
		padding:0 0 0;
		color:#a10d59;
		text-decoration:none;
		} 
		
	
		#logo a span {
			font:bold 0.65em Arial, Helvetica, sans-serif;
			font-style:normal;
			text-transform:none;
			color:#a4c002;
			}

	#logo p {
		clear:left;
		float:left;
		font:bold 1.8em Arial, Helvetica, sans-serif;
		color:#bfbfbf;
		margin:0 ;
		}

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

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

/* 2.3 +Sidebar links
-----------------------------------------------------*/
#contentwrapper {
	width:958px;
	border:1px solid #bfbfbf;
	background:#ffffff;
	float:left;
	padding:0 0 10px;
	}

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

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

	.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:#000;
		border-bottom:none;
		}
		
	.mainnavi li.twolines{
		line-height:normal;
		padding-top:8px;
		height:40px;
		}		
	
	.mainnavi li {
		background:url('/images/mainnavibg.gif') repeat-y left;
		width:194px;
		font:bold 1.2em Arial, Helvetica, sans-serif;
		padding:8px 0;
		color:#ffffff;
		border-bottom:1px solid #eee;
		}

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

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

/* 2.4 Horizontale Navigation
-----------------------------------------------------*/
#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;
	}
	
	#bignavibar li {
		float:left;
		font:bold 1.4em Arial, Helvetica, sans-serif;
		padding:5px;
		color:#b13d78;
		}

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

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

	#bignavibar ul li{
		width:150px;
		background:#A10D59;
		margin:0;
		border-left:1px solid #6D093C;
		border-right:1px solid #6D093C;
		border-bottom:1px solid #6D093C;
		padding:0;
		}

	#bignavibar ul{
		display:none;
		}

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

	#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;
		}

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


#bignavibar li#breadcrumb {
		clear:both;
		width:100%;
		font:bold 1em Arial, Helvetica, sans-serif;
		margin:-3px 0 0 0;
		color:#A7A7A7;
		text-transform:none;
		display:inline;
		}

#bignavibar li#breadcrumb h6{
	color:#888;
	margin:0;
	display:inline;
	}
#bignavibar li#breadcrumb span {
	text-transform:none;
	color:#a7a7a7;
	display:inline;
		padding:5px 10px;
		}
		
#bignavibar li#breadcrumb a {
	text-transform:none;
	color:#819602;
	display:inline;
	padding:5px;
	}
		

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

#content-big {
	width:713px;
	float:left;
	margin:0 0 0 25px;
	padding:0 0 20px;
	}
	
*html #content {
	margin:0 0 0 15px;
	}

h1 {
	font:bold 1.6em Arial, Helvetica, sans-serif;
	margin:10px 0 20px;
	color:#a10d59!important;
	}


h1 span {
	font:bold 11px/18px Arial, Helvetica, sans-serif!important;
	color:#666;
	}

h1 span a {
	color:#819602!important;
	}


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


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

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

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

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

		.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;
				}

		.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;
				}

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

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

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


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

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



/* Footer
-----------------------------------------------------*/
#footer {
	clear:both;
	width:958px;
	float:left;
	text-align:center;
	margin:10px 0 0;
	}



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

#copyright{
	clear:both;
	width:958px;
	float:left;
	text-align:center;
	margin:10px 0 20px;
}


/* Not-Found
------------------------------------------------*/

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

		
	.bg {
		width:400px!important;
		background:url('/images/notfoundbg.gif') no-repeat 25px 15px;
		padding-left:125px;
		}
	
		
		.notfound h1 {
			font:bold 2em Arial, Helvetica, sans-serif;
			margin-top:20px;
			}
		
		
		.notfound p {
			line-height:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width:400px;
			margin-top:20px;
			}
		
		.notfound p a{
		font-weight:bold;}
		
		
/* Artikel
-------------------------------------------------------------*/
#artikel {
	width:520px;
	margin:0;
	}

#artikel-big {
	width:713px;
	margin:0;
	}

#artikel h2 {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#a10d59;
	padding:20px 0 10px;
	}

#artikel h2 span {
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
#artikel h2 span a{
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#819602;

	}


#artikel h4 {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:20px 0 10px;
	}



#artikel .imgcap-l  {
	width:200px;
	float:left; 
	margin:20px 20px 10px 0;
	}

#artikel .imgcap-r {
	width:200px;
	float:right;
	margin:20px 5px 10px 20px;
	}
#artikel .hochformat {
	width:150px!important;
	}
	
#artikel .imgcap-l p, #artikel .imgcap-r p	{
	font:italic 11px/12px Arial, Helvetica, sans-serif;
	text-align:left;
	margin:3px 0 0;
	}

#artikel .imgtop {
	margin:0 20px 10px 0;
	}

#artikel p {
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
	}

#artikel p.intro {
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	}

#artikel p a{
	color:#819602;
	border-bottom:1px solid #819602; 
	text-decoration:none;
	}

#artikel p a.continue{
	text-decoration:none;
	border-bottom:none; 
	white-space:nowrap;
	}

#artikel dl {
	margin: 0 0 25px;
	}

#artikel dl dt {
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#a10d59;
	margin:0 0 5px;
	}


#artikel dl dd {
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 20px 10px;
	}

#category-index {
	width:690px;
	margin:0;
}


#category-index h2 {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#a10d59;
	padding:20px 0 10px;
	}

#category-index h2 span {
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
#category-index h2 span a{
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#819602;

	}


#category-index h4 {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:20px 0 10px;
	}

#category-index p {
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	margin: 0 0 18px;
	}

#category-index p.intro {
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	}

#category-index p a{
	color:#819602;
	border-bottom:1px solid #819602; 
	text-decoration:none;
	}


.category-box {
	background:#f9f9f9;
	border:1px solid #bfbfbf;
	padding:10px;
	margin:0 0 10px 10px;
	width:200px;
	float:left;
	}

.first {
	margin-left:0;
	clear:left;
}

.category-box img {
	width:200px;
	margin:0 10px 5px 0;
	border:1px solid #bfbfbf;
	float:left;
	}

.category-box img.fr {
	width:150px;
	margin:0 0 0 10px;
	border:1px solid #bfbfbf;
	float:right;
	}
.category-box p {
	margin:0 0 10px;
	display:inline;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	}
	
.category-box h3 {
	color:#a10d59;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}

.category-box a span {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	}	
	
.category-box h3 span {
	color:#666;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}	


.category-box-index {
	background:#f9f9f9;
	border:1px solid #bfbfbf;
	padding:10px;
	margin:0 0 10px 0;
	width:498px;
	float:left;
	}
.category-box-index img {
	width:200px;
	margin:0 10px 5px 0;
	border:1px solid #bfbfbf;
	float:left;
	}

.category-box-index img.fr {
	width:150px;
	margin:0 0 0 10px;
	border:1px solid #bfbfbf;
	float:right;
	}
.category-box-index p {
	margin:0 0 10px;
	display:inline;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	}
	
.category-box-index h3 {
	color:#a10d59;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}

.category-box-index a span {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	}	
	
.category-box-index h3 span {
	color:#666;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}

#infowrap {
	width:520px;
	clear:both;
	float:left;
	}

#sellers {
	width:180px;
	float:left;
	background:#f9f9f9;
	border:1px solid #bfbfbf;
	margin:0 10px 0 0;
	}

#sellers li.head {
	background:#a10d59;
	color:#fff;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	margin:0;
	padding:5px 10px;
	}	
	
#sellers li {
	margin:0;
	padding:5px 10px;
	}
	
#sellers li a{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#819602;
	}	

#infobox {
	width:320px;
	float:left;
	background:#f9f9f9;
	border:1px solid #bfbfbf;
	padding:10px;
	border-collapse:collapse;
	}

#infobox th {
	color:#fff;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	background:#a10d59;
	padding:5px 10px;
	} 

#infobox td {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	border:1px solid #bfbfbf;
	padding:5px 10px;
	}



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

.topfotogeschenke-right p
{
font-size:13px;
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:#a4c002;
}


/* Aktuelles */
.aktuelles {
	width:170px;
	border:1px solid #bfbfbf; 
	background-color:#f9f9f9; 
	margin:10px 10px 20px 0;
	padding:5px;
	}

.aktuelles h6 {
	font-size:15px;
	margin:5px 0 10px 3px;
	font-weight:bold;
	color:#a10d59;
	}

.aktuelles ul {
	margin:10px 0 10px 3px;
	font-size:11px;
	}

.aktuelles ul li {
	padding:0;
	margin:15px 0;
	font-size:12px;
	}

.aktuelles ul li a {
	color:#819602;
	}

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

h1#impressum {
	margin:5px 0;
	font:bold 20px Arial, Helvetica, sans-serif;
	}

h1#impressum span{
	color:#A4C002;
	font:bold 16px Arial, Helvetica, sans-serif;
	}
h1#impressum em{
	color:#bfbfbf;
	font:bold 14px Arial, Helvetica, sans-serif;
	}
		


.prodbox {
	width:140px;
	float:left;
	padding:0 10px;
	background:#f9f9f9;
	border:1px solid #bfbfbf;
	text-align:center;
	margin: 0 10px 10px 0;
	}

.prodbox h2 {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#a10d59;
	padding:0!important;
	}	

#artikel-big h1 span{
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#666;
	margin:5px 0!important;
	}
	
.prodbox img {
	width:140px;
	height:94px;
	border:1px solid #bfbfbf;
	}	

.prodbox a {
	float:left;
	font:bold 15px Arial, Helvetica, sans-serif; 
	text-decoration:none;
	margin:5px 0 ;
	}

.prodbox a:hover img {
	padding:0;
	border:1px solid #A4C002;;
	}


a.actionbutton {
	clear:both;
	color:#fff;
	height:38px;
	text-align:left;
	margin:20px 0;
	float:left;
	text-decoration:none!important;
	}

a.actionbutton em{
	float:left;
	padding:5px 0 5px 45px;
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none!important;
	background:url('/images/btn_prods.gif') no-repeat top left;
	text-decoration:none!important;
	}

a.actionbutton em.details{
	background:url('/images/btn_details.gif') no-repeat top left;
	padding:5px 0 5px 45px;
	}

a.actionbutton span{
	width:18px;
	height:38px;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url('/images/btn_right.gif') no-repeat top right;
	float:left;
	}

a.actionbutton b{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-transform:none;
	text-decoration:none!important;
	}

a.actionbutton em.details{
	background:url('/images/btn_details.gif') no-repeat top left;
	}

/* Branchennews*/
.news h4 span {
	font-size:10px;
	color:#bdbdbd;
	padding:10px 0;
	line-height:20px;
	}

.news h4 {
	line-height:25px;
	}

hr {
	border:1px solid #f5f5f5;
	}
	
.news p.quelle {
	font-size:10px!important;
	} 	
	
	
/* Webtipps */
.webtipp {
	margin:20px 0;
	}

.webtipp img {
	float:left;
	margin:0 10px 10px 0;
	}
	
	
.webtipp h3 {
	color:#a10d59;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}	
	
hr {
	margin:20px 0;
	border-top:1px dotted #bdbdbd;
	}	



/* Videoplayer */
#videoplayer {
	text-align:center;
	padding:10px;
	background:#BBCF40;
	}
	
/* Interview Übersicht */
.interview h2 {
	padding-top:0!important;
	
	}

.interview img {
	float:left;
	margin:0 20px 20px 0;
	border:none;
	}
	
.interview hr {
	clear:both;
	}

/* Listen */
ul.contentlist {
	margin:0 0 20px;
	}

ul.contentlist li {
	font:normal 13px/150% Arial, Helvetica, sans-serif;
	list-style:none;
	background:url('/images/li.jpg') no-repeat 0 7px;
	margin:0;
	padding:0 0 0 15px;
	}

ul li.title {
	background:none;
	font:bold 15px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	color:#a10d59;
	padding:0;
	}
	
/* Layer Ad */
#layerad {
	position: absolute;
	top: 0;
	left: 300px;
	z-index: 2;
}