@charset "utf-8";
/* CSS Document */

#tour {position:relative; width:722px; background:#ffffff url(img/bg_wall.jpg) top left repeat-x;}

#tour #prev{position:absolute;right:86px; top:358px; display:block; width:36px; height:36px; background:url(img/controlls.jpg) no-repeat 0px 0px; overflow:hidden; text-indent:-20000px;}
#tour #home{position:absolute;right:49px; top:358px; display:block; width:36px; height:36px; background:url(img/controlls.jpg) no-repeat -37px 0px; overflow:hidden; text-indent:-20000px;}
#tour #next{position:absolute;right:10px; top:358px; display:block; width:36px; height:36px; background:url(img/controlls.jpg) no-repeat -76px 0px; overflow:hidden; text-indent:-20000px;}

#tour div.scroller div.section{width:722px; height:440px;}
#tour div.scroller{overflow:hidden; padding:0; margin:0;}
#tour div.scroller div.section{float:left;  background:none;}
/*#tour .content {width:80000px;}
*/
#tour div.section h2{color:#00a6ef; font-size:14px; line-height:18px;}
#tour div.section div.description{float:left; width:330px; margin:20px 0 0 0}
#tour #section1{background: url(img/bg_section1.jpg) no-repeat top left; }

#tour #section1 ul.controls{margin: 11px 0px 0pt 165pt; width: 489px; height: 342px; list-style:none; padding:0;}
#tour #section1 ul.controls li{ float:left; display:block; padding:0; margin:0;}
#tour #section1 ul.controls a {width:163px; height:170px; display:block;}
#section1 ul.controls a span{display:block; text-align:center; padding:125px 0 0 0;width:163px;}

#link2 {background-image:url(img/button_meinpixum_off.jpg)}
#link2:hover{ background-image:url(img/button_meinpixum_on.jpg)}

#link3{ background-image:url(img/button_abzuege_off.jpg) }
#link3:hover{ background-image:url(img/button_abzuege_on.jpg)}

#link4{ background-image:url(img/button_onlinealben_off.jpg) }
#link4:hover{ background-image:url(img/button_onlinealben_on.jpg)}

#link5{ background-image:url(img/button_fotoprodukte_off.jpg) }
#link5:hover{ background-image:url(img/button_fotoprodukte_on.jpg)}

#link6{ background-image:url(img/button_gutschein_off.jpg) }
#link6:hover{ background-image:url(img/button_gutschein_on.jpg) }

#link7{ background-image:url(img/button_fotobuch_off.jpg) }
#link7:hover{ background-image:url(img/button_fotobuch_on.jpg) }

.aff_73 #link2, .aff_74 #link2 {background-image:url(img/button_meincolormailer_off.jpg)}
.aff_73 #link2:hover, .aff_74 #link2:hover { background-image:url(img/button_meincolormailer_on.jpg)}

.aff_73 #link3, .aff_74 #link3 { background-image:url(img/button_abzuege_colormailer_off.jpg) }
.aff_73 #link3:hover, .aff_74 #link3:hover { background-image:url(img/button_abzuege_colormailer_on.jpg)}

.aff_73 #link4, .aff_74 #link4 { background-image:url(img/button_onlinealben_colormailer_off.jpg) }
.aff_73 #link4:hover, .aff_74 #link4:hover { background-image:url(img/button_onlinealben_colormailer_on.jpg)}

.aff_73 #link5, .aff_74 #link5 { background-image:url(img/button_fotoprodukte_colormailer_off.jpg) }
.aff_73 #link5:hover, .aff_74 #link5:hover { background-image:url(img/button_fotoprodukte_colormailer_on.jpg)}

.aff_73 #link6, .aff_74 #link6 { background-image:url(img/button_gutschein_colormailer_off.jpg) }
.aff_73 #link6:hover, .aff_74 #link6:hover { background-image:url(img/button_gutschein_colormailer_on.jpg) }

.aff_73 #link7, .aff_74 #link7 { background-image:url(img/button_fotobuch_colormailer_off.jpg) }
.aff_73 #link7:hover, .aff_74 #link7:hover { background-image:url(img/button_fotobuch_colormailer_on.jpg) }

div.screenshots{ float:left; width:350px; margin:0 0 0 10px}
div.screenshots img{ width:350px}

div.screenshots a img{ border:1px solid #00a6ef;}
div.screenshots a:hover img{ border:1px solid #ff6600;}

div.screenshots div.small_screenshots{margin:10px 0}
div.screenshots div.small_screenshots img{width:70px; margin:0;}