* {margin: 0;padding: 0;} body {margin-top: 25px ; background: url(img/bg.png) left top repeat-x; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; color: #8F8F8F; } a {color:#1e3963;} #wrapper {width: 1300px;margin: 0px auto;overflow: hidden;position: relative;margin-bottom:20px; } #header {width:1300px;height:150px;background:#2b6e9c;border-top:solid 2px #2b6e9c;border-left:solid 2px #2b6e9c;} #logo {float: left;width:248px;height:150px;background:#ffffff;} #logo img{margin:5px 0 0 10px;} #navOB {float:right;width:1050px;} #navOB ul {float:left;width:1050px;list-style:none;line-height:normal;} #navOB li {float:left;width:200px;height:140px;margin:10px 0 0 0;text-align:center} #navOB li img {margin:10px 0 5px 0;border: 1px solid #b5b3b1; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px} #navOB li a { display: block; font-family:Tahoma, sans-serif; font-weight:300; font-size:100%; letter-spacing:2px; color: #cccccc; margin-left:5px; padding: 5px 10px 5px 10px; text-align: center; } #navOB a:hover, #navLI a:hover{text-decoration:none;color: #dd127b;} #navOB #aktiv a, #navLI #aktiv a {color:#dd127b;} #navOB #aktiv a{color:#dd127b;} #mitte {float:left;width:1300px;min-height:700px;overflow:hidden;background:#2b6e9c url(img/noise_li.png) repeat-y;} #navLI{float:left;width:250px;min-height:700px;text-align:center;background:#2b6e9c url(img/noise_li.png) repeat-y;} #navLI ul {margin-bottom:80px;} #navLI ul li{list-style-type:none;padding:15px 0;font-size:16px;background:url(img/li_navLI.png) bottom no-repeat; letter-spacing:1px;} #navLI ul li a {color:#d3d3d3;text-decoration:none;text-shadow: 2px 2px 2px #03142e;} /*Slider unter AKTUELLES #sliderBG{float:left;width:670px;height:430px;margin:15px 0 15px 30px;overflow:hidden;background:#ffffff url(img/slider_bg.png) no-repeat;border-bottom:1px dotted #8f8f8f;} #slider{position:relative;left:60px;top:58px;height:400px;} #slider ul {height:400px;} #slider ul li{width:400px;list-style-type: none;} #slider ul li.slide1{position:absolute;left:270px;top:0;width:300px;padding-top:40px;text-align:center;} div.bx-pager {width:50px;margin-left:120px;} div.bx-pager a {padding:0 4px;color:#dd127b} */ /*Content Bereich*/ #content{float:right;width:1050px;min-height:675px;background-color: #ffffff;padding-bottom:25px;font-size:14px;} /*help_h als HilfsDIV der Verlauf erhält und in H1 liegt Bild*/ #content #help_h {width:685px;height:55px; margin:30px 0 5px 30px;padding:2px 0 0 5px;-webkit-border-radius: 6px;-moz-border-radius:6px; border-radius: 6px; background: #dd127b;/* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMTI3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #dd127b 0%, #ffffff 82%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dd127b), color-stop(82%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #dd127b 0%,#ffffff 82%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #dd127b 0%,#ffffff 82%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #dd127b 0%,#ffffff 82%); /* IE10+ */ background: linear-gradient(to right, #dd127b 0%,#ffffff 82%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd127b', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } #content h1.cont {color:#ffffff;text-shadow: 2px 2px 0px #660033;font-size:24px;letter-spacing:1px; background:url(img/apparat_klein.png) top left no-repeat;padding: 10px 0 0 35px;} #content p {width:600px;margin-left:35px;padding:20px 10px 20px 20px;font-size:14px} #content p.line {width:600px;border-bottom:1px dotted #8f8f8f;margin-left:35px;padding:20px 10px 20px 20px;font-size:14px} /*Bilder unter Aktuelles*/ #content p.line img.start {margin-right:37px;-moz-box-shadow: 1px 1px 6px 3px #999;-webkit-box-shadow: 1px 1px 6px 3px #999;box-shadow: 1px 1px 6px 3px #999; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} /*Inhaltsbereiche aus Navi oben*/ #content img.pic_theme {float:left;margin-bottom:5px;} #content h1.h_theme {font-size:20px;} #content h2.h_theme {font-size:18px;} #content h1.h_theme, h2.h_theme, h3.h_theme {float:right;width:330px;margin:30px 20px 20px 0;text-align:right;color:#dd127b;} #content h2.h_theme2 {clear:both;float:right;width:330px;margin:30px 20px 20px 0;text-align:right;color:#dd127b;font-size:18px;} #content p.p_theme {width:695px;text-align:right;padding:0;} #content ul.ul_theme{float:right;margin-right:20px;list-style-type:none;}/*Sonstige Leistungen*/ #content ul.ul_theme li {padding:5px 0;text-align:right;}/*Sonstige Leistungen*/ /*Unsere Produkte*/ /*Kontaktformular*/ #content form{width:665px;margin:20px 0 0 40px; color:#333366;font-size:12px;} #content form fieldset.kon {width:655px;-webkit-border-radius:15px;-moz-border-radius:15px; border-radius:15px;} #content form fieldset.kon legend {color:#dd127b;font-size:18px;margin-left:25px;letter-spacing:1px;} #content form fieldset.kon select {margin:15px 0 0 33px;width:285px;} #content form fieldset.kon label.ob {width:75px;display: block;float: left;} #content form fieldset.kon label.rg {font-weight:bold;font-size:12px;} #content form fieldset.kon p.in {margin:20px 0 0 25px;padding:0;font-size:12px;} #content form fieldset.kon p.hin {float:right;font-size:10px;margin:15px 10px 0 0;color:#dd127b;} #content div.mesk p {float:right;width:350px;font-size:12px;color:#dd127b;background-color:#ffeeee;border: 1px dotted #dd127b;padding:5px;margin-right:10px;text-align:center;} /*Fehlermeldung-leere Inputs*/ #content p.end {width:600px;margin-left:35px;padding:20px 10px 20px 20px;}/*positive Bestätigung Mailversand-KontaktFormular und Nabe */ #content form fieldset.kon input, #content form fieldset.kon select{font-size:12px;letter-spacing: 1px;border: 1px solid #666666;padding:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} #content form fieldset.kon select option {padding-bottom:2px;} #content form fieldset.kon input.btn {cursor:pointer;color:#dddbbf;font-size:14px;background-color:#1e3963;padding: 2px 4px;border: 1px solid #666666;margin:40px 0 0 25px;} #content form fieldset.kon input.btn:hover{color:#dd127b;} #content form fieldset.kon textarea{padding:2px 4px;border: 1px solid #666666;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} /*Nachbestellungen*/ span.red {color: #DD127B;font-weight:bold;} /*Sternchen Pflichtfeld*/ #content p.anf {width:600px;margin:15px 0 0 35px;} #content p.hin {width:650px;font-size:10px;color:#dd127b;text-align:right;padding:0 0 5px 0;} #content form.fnabe{margin:10px 0 0 0; padding-bottom:20px;color:#333366;font-size:12px;} #content div.nabe{width:630px;margin-left:55px;border: 1px solid #666666;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} #content table.nabe1, #content table.nabe2 {width:630px;font-size:12px; padding:5px;} #content table.nabe2, #content table.prod {margin-top:10px;} #content table.nabe1 caption, #content table.nabe2 caption, #content table.prod caption{text-align:left;font-size:14px;color:#dd127b;font-weight:bold;margin:5px 0 10px 15px;letter-spacing:1px;} #content table.nabe1 td{padding:6px;text-align:left;} #content table.nabe2 td{padding:8px 6px;background:#ffeeee;text-align:center;} #content div.mes p{width:400px;font-size:12px;margin:0;padding:5px 0;color:#dd127b;background-color:#ffeeee;border: 1px dotted #dd127b;margin:15px 0 15px 15px;text-align:center;} #content form.fnabe input, #content form.fnabe select{font-size:12px;border: 1px solid #666666;padding:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} #content form.fnabe select option {padding:0 6px 2px 0;} #content form.fnabe p.inn {margin:0 0 0 15px;padding:0 0 5px 0;font-size:12px;} #content form.fnabe p.copy {width:585px;text-align:right;padding:0;margin-bottom:15px;} #content form.fnabe p.copy label{font-size:12px;} #content form.fnabe input.btn {float:right;cursor:pointer;color:#dddbbf;font-size:14px;background-color:#1e3963;padding: 2px 4px;border: 1px solid #666666;margin:0 45px 0 0;} #content form.fnabe input.btn:hover{color:#dd127b;} #content p img.cd {float:left;border:0;} #content form.fnabe textarea {height:70px;border: 1px solid #3b3b3b; overflow: auto; resize: none; font-size:12px;border: 1px solid #666666;padding:2px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} /*Nachbestellung - bereich WEITERE PRODUKTE*/ #content table.prod {width:400px;font-size:12px; padding:5px;} #content table.prod td{padding:6px;background:#ffeeee;text-align:center;} /*Nachbestellungen - Bankverbindung*/ #content table.nabe3 {font-size:14px;margin-left:15px;width:600px; border: 1px solid #666666;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} #content p.end {margin:0;} #content table.nabe3 tr td span, #content p.end span {color:#dd127b;} #content table.nabe3 tr.noli td {border:0;} #content table.nabe3 td{padding:6px 12px; border-bottom:1px solid #1e3963;} /*Tabelle in versandkosten*/ #content table.versand {font-size:14px;margin:50px 0 0 45px;width:650px; border: 1px solid #666666;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow: inset 0 0 2px #7d7b7b;-moz-box-shadow: inset 0 0 2px #7d7b7b;-webkit-box-shadow: inset 0 0 2px #7d7b7b;} #content table.versand tr.noli td {border:0;} #content table.versand td{padding:6px 12px; border-bottom:1px solid #1e3963;} #content table.versand td.preis {text-align:right;} /*Galerie in Kinderfotografie*/ #gal {margin:45px 0 0 20px;} #gal img {margin-right:29px;border:0; -moz-box-shadow: 1px 1px 6px 3px #999;-webkit-box-shadow: 1px 1px 6px 3px #999;box-shadow: 1px 1px 6px 3px #999; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} #gal .img1 {float: left; width: 344px;} #gal .img2 {width: 320px;} #gal .img3 {width: 320px; margin-top: 15px;} /*Bereich Studioaufnahmen*/ #content p.stud {margin-left:20px;} p img.anfa{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; border:0; -moz-box-shadow: 1px 1px 6px 3px #999;-webkit-box-shadow: 1px 1px 6px 3px #999;box-shadow: 1px 1px 6px 3px #999;} /*Anfahrt*/ #content p.anfa {width:600px;margin-left:35px;padding:20px 10px 20px 20px;font-weight:300;font-size:14px} #content p.anfa a img.anfa {margin:0;border:0;} /*Impressum*/ strong {font-weight:bold;} #content img.logo_imp {float: right;border:0;margin-left:20px;} #footer{clear:both;background:#dd127b;color:#fff;height:50px;} #footer p.foot {float:right;font-size:11px;margin:15px 25px 0 0;letter-spacing:1px;} #footer p.foot span {color:#1e3963;font-size:14px;margin:0 10px 0 10px;} #footer p.foot a {color:#fff;} .fp_service_box img { float: left; margin-right: 15px; margin-left: 30px } .fp_service_box font { float: left; margin-right: 15px; margin-left: 30px } .fp_lw_box { clear: both; margin-bottom: 30px } .fp_lw_box img { margin-right: 15px; padding-top: 3px } .col_w900 { width: 900px; margin-bottom: 30px; padding-bottom: 30px; } .col_w280 { width: 280px } .col_allw280 { float: left; width: 280px; margin-right: 30px } .col_w900_last { padding: 0; margin: 0; border: 0 } .col_last { margin: 0; border: none }