/* @override 
	http://www.pixum.de/assets/landingpages/2010/foto_komplett_2010/foto_komplett_2010.css
	http://www.pixum.de/assets/landingpages/2010/foto_komplett_2010/foto_komplett_2010.css
	http://mge.pixum.dev/assets/landingpages/2010/foto_komplett_2010/foto_komplett_2010.css
*/

/* @group quickgrid */
.line:after,
.lastUnit:after, 
.nav:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}

.line{*zoom:1; }
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
/* @end */

#main {background: #fff; }
#fotokomplett {	background: #fff url(img/sprite.png) no-repeat 0 -360px ; overflow: hidden; padding: 8px 20px; position: relative; font-size: 12px; }
.aff_18 #fotokomplett {	background: #fff url(img/sprite_uk.png) no-repeat 0 -360px ; overflow: hidden; padding: 8px 20px; position: relative; font-size: 12px; }

#fotokomplett p{
	text-align: center;
}
#fotokomplett h1{color:  #fff; margin: 0 0 40px 0 ; padding: 0; font-size: 1.6em; text-align: left;}
#fotokomplett .content{position: relative;z-index: 1;}

p.big{font-size:  1.5em; font-weight: bold; }
.nav {*zoom:1; margin:  0; padding:  0; position: absolute; z-index: 3; top:  55px; left:  20px;}
.nav h2{font-size: 12px;color:  #000; line-height: 14px;padding: 0 px; text-align: left;}
.nav li, 
.nav span, 
.nav a{display:  block; }
.nav li{display: inline; float: left; padding: 0;}
.nav a {font-size:  16px; font-weight:  bold;line-height: 36px;padding: 0 0 10px 0;}
.nav span {padding: 0 20px; }
.nav .active{background: #fff url(img/sprite.png) no-repeat center -179px;}
.nav .active span {background: #00a6ef;color: #fff;text-decoration:none; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px}

.content .line{display: none;}
.content .active {display: block;}
#fotokomplett .unit {text-align: center;}
.unit p, .unit h3{padding:  0; margin: 0; color:  #abc; ;}
.unit h3{ font-size: 18px;}
.unit p.angebot{ font-size: 24px; font-weight: bold;}
.angebot .preis{display: block;}
.unit .voucher{font-size: 20px; font-weight:  bold; margin:  18px;}
.voucher small, 
.unit p{ font-size: 12px; display: block; color: #abc;}

/* @group Button */

.unit .button{ font-size:  18px; font-weight: bold; color:  #fff;
display: block; background: #abc url(img/sprite.png) no-repeat left -6px; text-decoration: none; line-height: 42px; padding: 0 0 0 20px; margin:  20px 40px;}
.unit .button span{display: block;	background: #abc url(img/sprite.png) no-repeat right -6px;padding:  0 20px 0 0; }

/* @end */

/* @group Spalten_farben */

.komplett .voucher, 
.komplett .angebot{color:  #0c3;}
.komplett .button {background-position: left -100px;}
.komplett .button span {background-position: right  -100px;}

.super .voucher, 
.super .angebot{color:  #0af;}
.super .button {background-position: left -53px;}
.super .button span {background-position: right  -53px;}

.mega .voucher, 
.mega .angebot{color:  #f60;}
/* @end */

.footer{ color:  #666; font-size: 10px; margin:  20px 0; text-align: justify;}
#footer p, #footer .bottom {color: #ffffff}