/* CSS Document */ body{background-color:#3B3B3B; color:#A4A4A4; padding:0px; margin:0px; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} ul, li, h1, h2, h3, p{margin:0px; padding:0px;} span a{ font:16px Arial, Helvetica, sans-serif; color:#FFF9F2; margin:0 0 0 5px; padding-top:12px ; font-weight:bold; text-decoration:none; text-align:center; } ul{ list-style-type:none; } /*----TOP PANEL----*/ #header_container{height:299px; position:relative; margin:0 auto; padding:0px; background-image:url(http://www.arteurope.de/lightpainting/bilder/images/header_slice.gif); background-repeat:repeat-x; background-position:top;} #header_containerproj{height:560px; position:relative; margin:0 auto; padding:0px; background-image:url(http://www.arteurope.de/lightpainting/bilder/images/header_sliceprj.gif); background-repeat:repeat-x; background-position:top;} #header{width:755px; height:299px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;} #header div.img{height:86px; width:450px; position:absolute; top:0; left:161px; padding:0px;} #header div.img2{height:145px; width:490px; position:absolute; top:0; left:150px; padding:0 0 0 20px;} #header div.divul{width:105px; height:145px; padding:23px 29px 20px 30px; position:absolute; top:103px; left:0px; background:url(http://www.arteurope.de/lightpainting/bilder/images/ul.gif) 0 0 no-repeat; display:inline;} #header ul li{background:url(http://www.arteurope.de/lightpainting/bilder/images/bullet1.gif) 0 7px no-repeat #ccc; border-bottom:#929292 dotted 1px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px; float:left;} /*----NEWS----*/ #news{width:755px; height:299px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;} #news div {width:755px; height:145px; padding:23px 29px 20px 30px; position:absolute; top:103px; left:0px; background:url(http://www.arteurope.de/lightpainting/bilder/images/banul.jpg) 0 0 no-repeat;} #news div.img{height:86px; width:450px; position:absolute; top:0; left:161px; padding:0px 0px 0 0;} #news ul{list-style-type:none;background:none;display:block; padding: 10px 0 0 12px; width: 105px;position:absolute; top:0; left:0;} #news ul.neo{list-style-type:none;background:none;display:block; padding: 0px 0 0 12px; width: 105px;position:absolute; top:0; left:562px;} #news ul.neon{list-style-type:none;background:none;display:block; padding: 0px 0 0 12px; margin: 0 0px 0 0; width: 350px; position:absolute; top:0; left:161px;} #news ul li{ font:12px/22px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;background:none;width: 105px;} #news ul li.neon{font:12px/22px Verdana, Helvetica, sans-serif; font-weight:bold; color:#3B3B3B; margin: 0 6px 0 10px;padding: 0 6px 0 10px;background:none;width: 355px;} #news div.neo ul li{ font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding:0 6px 0 10px;background:none;width: 350px;float:left;} #news ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#212121; } #news ul li a:hover{color:#B53332; text-decoration:none;} /*----PROJEKTSEITE----*/ #projnews{width:1180px; height:560px; margin:12px auto 0 auto; padding:0px 0px 0px 0px;} #projnews div {width:1180px; height:450px; padding:0px 0px 0px 0px; margin:16px auto 0 auto; background:url(http://www.arteurope.de/lightpainting/bilder/images/banul2.jpg) 0 0 no-repeat;} #projnews img.livre{ margin:0px 0 0 245px; position:absolute; top:130px;width:688px;} #projnews iframe{ margin:0px 0 0 245px; position:absolute; top:130px;} #projnews div.img{height:86px; width:450px; margin:0 auto 0 auto; padding:0px 0px 0 0;} #projnews ul{list-style-type:none;background:none;display:block; padding: 10px 0 0 12px; width: 175px;} #projnews ul.neo{list-style-type:none;background:none;display:block; padding: 0px 12px 0 12px; width: 145px;margin: 0px 0px 0 990px;position:absolute; top:125px;} #projnews li.neo img{ width: 145px;margin: 12px 0px 12px 0px;} #projnews ul.neon{list-style-type:none;background:none;display:block; padding: 0px 0 0 12px; margin: 0px 0px 0 205px; width: 710px;position:absolute; top:120px; } #projnews ul li{ font:12px/22px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; background:none;width: 100%;} #projnews ul li.neon{font:12px/22px Verdana, Helvetica, sans-serif; font-weight:bold; color:#3B3B3B; margin: 0 10px 0 10px;padding: 0px 20px 0 20px;background:none;width: 100%;} #projnews ul li.neon span{font:12px/22px Verdana, Helvetica, sans-serif; color:#3B3B3B; margin: 0 10px 0 10px;padding: 0px 20px 0 20px;background:none;width: 100%;min-height:250px;} #projnews ul li.neon iframe{float:left;margin: 50px 0px 0 0px;padding: 0px 0px 0 0px;background:none;width: 95%;height:200px;} #projnews div.neo ul li{ font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding:0 6px 0 10px;background:none;width: 350px;float:left;} #projnews ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#212121; } #projnews ul li a:hover{color:#B53332; text-decoration:none;} /*----proj----*/ #proj{width:1180px; height:550px; margin:12px auto 0 auto; padding:0px 0px 0px 0px;} #proj div {width:1180px; height:460px; padding:0px 0px 0px 0px; margin:16px auto 0 auto; background:url(http://www.arteurope.de/lightpainting/bilder/images/banul2.jpg) 0 0 no-repeat;} #proj div.videoleiste {width:150px;height:130px; padding:0px 0px 0px 0px; margin:16px auto 0 auto; background:none;} #proj div.infoleiste{position:absolute;top:130px;margin-left:1005px;background:none;width:150px;height:150px;font:12px/20px Verdana, Helvetica, sans-serif;color: #000;} div.midtext{width:720px;position:absolute; top:130px; margin:0px 0 0 245px;font:12px/20px Verdana, Helvetica, sans-serif;color: #000;background:none;} #proj div.midfoto{width:480px;height:360px;position:absolute; top:130px; margin:0px 0px 0 350px;font:12px/20px Verdana, Helvetica, sans-serif;color: #000;background:none;overflow:hidden;text-align:center;} #proj div.midfotohk{width:364px;height:500px;position:absolute; top:60px; margin:0px 0px 0 415px;font:12px/20px Verdana, Helvetica, sans-serif;color: #000;background:none;overflow:hidden;text-align:center;} #proj img.livre{ margin:0px 0 0 245px; position:absolute; top:130px;width:688px;} #proj iframe{ margin:0px 0 0 245px; position:absolute; top:130px;} #proj div.img{height:86px; width:450px; margin:0 auto 0 auto; padding:0px 0px 0 0;} #proj ul{list-style-type:none;background:none;display:block; padding: 10px 0 0 12px; width: 175px;height:400px;} #proj ul.neo{list-style-type:none;background:none;display:block; padding: 0px 0px 0 0px; width: 145px;margin: 0px 0px 0 990px;position:absolute; top:125px;} #proj ul.neon{list-style-type:none;background:none;display:block; padding: 0px 0 0 12px; margin: 0 0px 0 0; width: 350px; position:absolute; top:0; left:161px;} #proj ul li{ font:12px/22px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;background:none;width: 155px;} #proj ul li.neon{font:12px/22px Verdana, Helvetica, sans-serif; font-weight:bold; color:#3B3B3B; margin: 0 6px 0 10px;padding: 0 6px 0 10px;background:none;width: 355px;} #proj div.neo ul li{ font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding:0 6px 0 10px;background:none;width: 350px;float:left;} #proj li.neo img{ width: 145px;margin: 12px 0px 12px 0px;} #proj ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#212121; } #proj ul li a:hover{color:#B53332; text-decoration:none;} #proj p.mid{width:600px;text-align:center;color:#000;margin:0 auto 0 auto;} #header ul li.contact{border:none;} #header ul li.li2{ background:url(http://www.arteurope.de/eifelraum/bilder/ul_arrow._h.gif) no-repeat 0 8px; border-bottom:#B8A997 1px dashed; padding: 0 0 0 18px; } #header ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background:#ccc; color:#212121; } #header ul li a:hover{background:#ccc; color:#B53332; text-decoration:none;} #header h1{padding:137px 0px 0px 33px; background:url(http://www.arteurope.de/lightpainting/bilder/images/banner.jpg) 0 0 no-repeat #fff; width:547px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3B3B3B; position:absolute; top:0px; left:175px;} #event{width:778px; height:299px; position:relative; padding:0px 0px 0px 0px;margin-top: 0pt;margin-right: auto;margin-bottom: 0pt;margin-left: auto;} #event div {width:778px; height:145px; padding:23px 29px 20px 30px; position:absolute; top:103px; left:0px; background:url(http://www.arteurope.de/lightpainting/bilder/images/ban100y.jpg) 0 0 no-repeat;display:inline;} #event div.img{height:86px; width:450px; position:absolute; top:0; left:120px; padding:0px 0px 0 0;} #event div.search {height:86px; width:16%; position:absolute; top:72px; left:12px; padding:0px 0px 0 0;background:none;} #event div.search2 {height:86px; width:16%; position:absolute; top:72px; left:180px; padding:0px 0px 0 0;background:none;} #event div.search3 {height:86px; width:16%; position:absolute; top:72px; left:325px; padding:0px 0px 0 0;background:none;} #event div.search4 {height:86px; width:16%; position:absolute; top:72px; left:490px; padding:0px 0px 0 0;background:none;} #event div.search5 {height:86px; width:10%; position:absolute; top:72px; left:645px; padding:0px 0px 0 0;background:none;} #event div.search6 {height:15px; width:100%; position:absolute; top:168px; left:12px; padding:0px 0px 0 0;background:none;} #event div.search7 {height:15px; width:20px; position:absolute; top:42px; left:700px; padding:0px 0px 0 0;background:none;} #event ul{list-style-type:none;background:none;display:block; padding: 10px 0 0 12px; width: 105px;position:absolute; top:0; left:0;} /*------------------------info-------------------------*/ #info {background-color: #444444;background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0% 0%;font-size: 1em;border-top-width: 2px;border-top-style: solid;border-top-color: #c29704;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #c29704; width:755px; height:299px; position:relative; margin:100px 0 0 0; padding:0px 9px 0px 14px; } #info ul {list-style-type: none;list-style-image: none;list-style-position: outside;line-height: 1;} /*------------------------main body-------------------------*/ /*----BODY1 PANEL----*/ #body1{width:855px; height:77px; margin:44px auto 12px auto; background:url(http://www.arteurope.de/lightpainting/bilder/images/from_shadow.jpg) 0 100% no-repeat;text-align: center;} #body1 span a{font-family:Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; color:#ffffff; text-align:center; } #body1 form{width:690px; height:68px; margin:24px auto 12px auto; padding:12px 0 12px 0;} /*------------------------ #body1 form label{width:177px; height:44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color: #fff; background-color:#3B3B3B; display:block; float:left; background-image: url(http://www.arteurope.de/lightpainting/bilder/images/level.jpg); background-repeat:no-repeat; background-position:left top; padding-left:60px; line-height:44px; margin-top:17px;} #body1# form input{width:135px; height:18px; float:left; display:block; margin:28px 25px 0 0; padding:0 0 0 10px;} #body1# form input.botton{width:56px; height:28px; float:left; background:url(http://www.arteurope.de/lightpainting/bilder/images/button.gif) 0 0 no-repeat #3A3A3A; border:none; color:#fff; font:14px/28px Verdana, Arial, Helvetica, sans-serif; margin:26px 0 0; padding:0px;} -------------------------*/ /*----/BODY1 PANEL----*/ .formrl{ font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:yellow; font-weight:bold; display:block;padding:0 0px 0 12px; } .formrl a{ font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#D43723; font-weight:bold;text-decoration:underline;padding:0 0px 0 12px; } /*----BODY MIDDLE PANEL----*/ #mediaspace div {margin-left: 0px;} #getit div {margin-left:auto;margin-right:auto;} #bodymiddlePan div { display:inline;margin-left:auto;margin-right:auto;font:12px/16px Arial, Helvetica, sans-serif;color:#ffffff;height:100%;} #bodymiddlePan ul{float:left; width:30%; padding:0px 0 0 0;margin:20px 20px 0 0px;} #bodymiddlePan ul.newssearch {margin:20px auto 0 auto; width:400px; height:24px;padding:0px 0 0 0;display:inline;} #bodymiddlePan ul.newssearch li{width:400px; height:24px;padding:12px 0 0 0;} #bodymiddlePan ul.newssearch li a{width:400px; height:24px;padding:12px 0 0 0;color:yellow;} #bodymiddlePan ul li{height:230px; margin:18px auto 0 auto; color:#ffffff;text-align:center;} #bodymiddlePan ul li i{font:10px/20px Arial, Helvetica, sans-serif; ; color:#cccccc;} #bodymiddlePan ul li a{width:80%; height:22px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/arrow-normal.gif) 0 8px no-repeat; color:#ffffff; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 16px 0 16px;} #bodymiddlePan ul li a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/arrow-hover.gif) 0 8px no-repeat; color:#ffffff; text-decoration:none;} #bodymiddlePan{width:820px;position:relative; margin:0 auto; padding:0 0px 0px 0; clear:both;text-align:center;} #bodymiddlePan img.doku{padding:12px; margin:12px;} #bodymiddlePan h1{width:410px; height:40px;color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 30px 44px;text-align:left;} #bodymiddlePan h2.event{margin-left:auto;margin-right:auto;} #bodymiddlePan h2{width:400px; height:68px; display:block; background:#3B3B3B; color:#FBD61A; font:28px/68px Georgia, "Times New Roman", Times, serif; font-weight:normal;text-align:left;} #bodymiddlePan h3{width:800px; height:18px; display:block; background:#3B3B3B; color:#FBD61A; font:22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:10px 0 0px 24px; margin:14px 0 0 0;text-align:left;} #bodymiddlePan p.lasttext{padding:0 0 25px 0;} #bodymiddlePan p.full{padding:0 0 0px 0; margin:0px 0 0 0;color:#ffffff; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none;float:right;} #bodymiddlePan p{padding:0 0 25px 0; color:#ffffff; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none;} #bodymiddlePan p span{background:#3B3B3B; color:#fff;} #bodymiddlePan p.itext{padding:0 0 0px 0; margin:0px 0 0 0;color:#ffffff; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none;float:left;text-align:left;} #bodymiddlePan .itext img{text-align:right; width:200px; margin:10px 20px 10px 20px; float:right;} #bodymiddlePan h4 { width:560px; font:14px/24px Arial, Helvetica, sans-serif; color:#ffffff; font-weight:normal; display:block; margin:0 0 10px 4px; } #bodymiddlePan h4 a{ width:230px; font:15px/24px Arial, Helvetica, sans-serif; background:url(http://www.arteurope.de/eifelraum/bilder/more_arrow.gif) no-repeat 0 0 transparent; color:#ffffff; font-weight:normal; display:block;margin:12px 0 10px 12px; padding:0 8px 0 35px; } /*----Detail01 Panel----*/ #Detail01{width:40%; height:340px;float:left; margin:0 28px 12px 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #Detail01 h2{width:210px; height:40px;color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 30px 24px;} #Detail01 p{padding:20px 0 0 24px; line-height:17px;margin: 0px 0 0 0;position:absolute; top:220px; left:20px;} #Detail01 p.view{width:66px; height:18px; padding:10px 0 0 24px;position:absolute; top:260px; left:145px;} #Detail01 p.view a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #Detail01 p.view a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;} /*----/Detail01 Panel----*/ /*----Detail02 Panel----*/ #Detail02{width:40%; height:340px; color:#212121; float:left; margin:0 28px 12px 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #Detail02 h2{width:210px; height:40px; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 30px 24px;} #Detail02 p{padding:20px 0 0 24px; line-height:17px;margin: 0px 0 0 0;position:absolute; top:220px; left:300px;} #Detail02 p.view{width:66px; height:18px; padding:10px 0 0 24px;position:absolute; top:260px; left:415px;} #Detail02 p.view a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #Detail02 p.view a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;} /*----/Detail02 Panel----*/ /*----Detail03 Panel----*/ #Detail03{width:120px; height:300px; color:#fff; float:right; margin:0 0px 0 55px; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #Detail03 h2{width:80px; height:40px; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;text-align:right;} #Detail03 p{padding:10px 0 0 44px; line-height:27px;} #Detail03 p.view1{width:66px; height:18px; padding:20px 0 0 24px;} #Detail03 p.view2{width:66px; height:18px; padding:40px 0 0 44px;} #Detail03 p.view3{width:66px; height:18px; padding:60px 0 0 44px;} #Detail03 p.view1 a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #Detail03 p.view2 a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #Detail03 p.view3 a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} /*---- #Detail03 p.view1 a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;both;} #Detail03 p.view2 a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;both;} #Detail03 p.view3 a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;both;} ----*/ /*----Detail03 Panel----*/ #Detail04{width:120px; height:340px; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} /*----Detail01hm Panel----*/ #Detail01hm{width:80%; float:left; margin:0 28px 12px 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #ImgTable{width:100%;border:none; margin-left:auto; margin-right:auto;} #ImgTable table{width:720px;border:none; margin-left:auto; margin-right:auto;text-align:center;table-layout:fixed} #ImgTable img{width:220px;vertical-align:bottom;margin-top:20px;padding:6px} #ImgTable tr.but{height:80px;} #ImgTable h6.viewimg{width:66px; height:18px;margin-right:auto; margin-left:auto;} #ImgTable h6.viewimg a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #ImgTablespan h6.viewimg a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;} #Detail01hm h2{width:100%; height:40px;color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 30px 24px;} #Detail01hm p{padding:20px 0 0 24px; line-height:17px;margin: 0px 0 0 0;position:absolute; top:280px; left:20px;} /*----Info Panel----*/ #infoPan{width:180px; height:192px; background:url(http://www.arteurope.de/lightpainting/bilder/images/infopanelbg.jpg) 0 100% no-repeat #3B3B3B; float:left; margin:0 14px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #infoPan h2{width:163px; height:40px; background:url(http://www.arteurope.de/lightpainting/bilder/images/infopaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;} #infoPan p{padding:10px 0 0 24px; line-height:17px;} #infoPan p.view{width:66px; height:18px; padding:10px 0 0 24px;} #infoPan p.view a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #infoPan p.view a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;} /*----/Info Panel----*/ /*----Services Panel----*/ #servicesPan{width:180px; height:192px; background:url(http://www.arteurope.de/lightpainting/bilder/images/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#212121; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #servicesPan h2{width:163px; height:40px; background:url(http://www.arteurope.de/lightpainting/bilder/images/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;} #servicesPan p{padding:10px 0 0 24px; line-height:17px;} #servicesPan p.view{width:66px; height:18px; padding:10px 0 0 24px;} #servicesPan p.view a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #servicesPan p.view a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;} /*----/Services Panel----*/ /*----Schedule Panel----*/ #schedulePan{width:180px; height:192px; background:url(http://www.arteurope.de/lightpainting/bilder/images/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;} #schedulePan h2{width:163px; height:40px; background:url(http://www.arteurope.de/lightpainting/bilder/images/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;} #schedulePan p{padding:10px 0 0 24px; line-height:17px;} #schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;} #schedulePan p.view a{width:66px; height:18px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} #schedulePan p.view a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;} /*----/Schedule Panel----*/ /*----BOTOM PANEL----*/ #bottomPan{ background:url(http://www.arteurope.de/lightpainting/bilder/images/bottombg.gif) 0 0 repeat-x; position:relative; margin:0 auto; padding:65px 0 0; clear:both;} #bottomlargePan{height:282px; background:url(http://www.arteurope.de/lightpainting/bilder/images/bottombg.gif) 0 0 repeat-x; position:relative; margin:0 auto; padding:65px 0 0; clear:both;} #bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;} #bottomBorderPan{width:778px; float:left; background:url(http://www.arteurope.de/lightpainting/bilder/images/bottomborder-bg1.gif) 0 0 repeat-y;} #bottomBorderPan h2{width:210px; height:40px; position:absolute; top:28px; left:0px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif; padding:0 0 0 20px;} #bottomBorderPan h3{width:210px; height:40px; position:absolute; top:28px; left:259px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;} #bottomBorderPan h4{width:210px; height:40px; position:absolute; top:0; left:517px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;} #bottomBorderPan ul{float:left; width:258px; padding:25px 0 0 0;} #bottomBorderPan ul li{width:238px; height:22px; margin:0 10px 0 0;padding: 0 0 0 20px;color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif;} #bottomBorderPan ul li.Beschreibung{width:238px; height:100px;margin:0 10px 0 -20px;padding: 0 10px 0 0px;color:#3D3C2C; font:12px/14px Arial, Helvetica, sans-serif;} #bottomBorderPan ul li a{width:238px; height:22px; display:block; background:url(http://www.arteurope.de/lightpainting/bilder/images/arrow-normal.gif) 0 8px no-repeat #ccc; color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;} #bottomBorderPan ul li a:hover{background:url(http://www.arteurope.de/lightpainting/bilder/images/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;} /*----/BOTOM PANEL----*/ /*----FOOTER PANEL----*/ #footermainPan{height:144px; background:url(http://www.arteurope.de/lightpainting/bilder/images/footerbg.gif) 0 0 repeat-x #3B3B3B; position:relative; margin:0 auto; color:#fff; font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:30px 0 0;} #footerPan{width:778px; position:relative;margin-left:auto;margin-right:auto;} #footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:456px;} #footerPan ul{width:546px; position:absolute; top:0px; left:0px;} #footerPan li{text-align:center; } #footerPan ul li a{padding:0 10px 0; color:#fff; background: url(http://www.arteurope.de/lightpainting/bilder/images/footermenubg.gif) 0 0 repeat-x #3B3B3B; text-decoration:none;} #footerPan ul li a:hover{text-decoration:underline;} #footerPan ul.templateworld{width:100%; height:45px; background:#3B3B3B; display:block; position:absolute; top:80px; left:0;text-align:center;} #footerPan ul.templateworld li a{background:#3B3B3B; display:block; text-decoration:none;color:#3D3C2C; font:9px/12px Arial, Helvetica, sans-serif;text-align:center;} #footerPan ul.templateworld li a:hover{text-decoration:underline;color:#3D3C2C; font:9px/12px Arial, Helvetica, sans-serif;} #footerPan p.copyright{width:300px; background: url(http://www.arteurope.de/lightpainting/bilder/images/copyrightbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; position:absolute; top:23px; left:240px;} #footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;} #footerPanhtml a{width:65px; height:24px; display:block; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;} #footerPanhtml a:hover{ color:#fff;} #footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;} #footerPancss a{width:49px; height:24px; display:block; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;} #footerPancss a:hover {color:#3B3B3C; text-decoration:none;} /* jCarouselLite */ #carousel .scroller_01 { width:490px; height:185px; background-color: transparent; background-repeat: repeat-x; position:absolute;top: 0px;left: 0px; padding: 0 0 0 0px; } #carousel .next { float:left; width:8px; height:8px; margin: 25px 0 0 -35px; padding: 0px 0 0 0px; } #carousel .prev { float:left; width:8px; height:8px; padding: 0px 0 0 0px; margin: 80px 0 0 -160px; } #carousel .check { float:left; width:28px; height:18px; padding: 0px 0 0 0px; margin: 0px 0 0 -160px; } #carousel .schild { text-align:center; width:88px; height:88px; padding: 0px 0 0 0px; margin: -34px 0 0 -136px; font:12px/20px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; background:none; } #carousel span.schildspan { color:red; width:60px; text-align:center; } #carousel .spacer { float: left; } #carousel ul.scroller{ list-style:none; margin:0px; padding:0px; width:490px; } #carousel .scroller_container { width:490px; overflow:hidden; height: 185px; background-color: transparent; background-repeat: repeat-x; margin: 0px 0 0 0px; position: absolute;top: 103px;left: 0px; padding: 0px 0 0 20px; } #carousel ul.scroller li{ padding-top:12px; padding-left:0px; height:185px; width:185px; margin-left:8px; margin-right:0; } #carousel ul.scroller li img{ height:110px;margin:0 auto 0 auto; } #carousel .girlnames_01 { text-align:center; height:65px; padding-top: 0px; padding-left: 0px; } #carousel .third a:link { color: #000000; } #carousel .third a:visited { color: #000000; } #carousel .third a:hover { color: #8F2927; text-decoration:none; } #carousel .third a:active { color: #000000; } #carousel .h4 { margin: 0 auto 0 auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; }