/*-------------------- /projects/48/templates/style/base.css --------------------*/ /* colors blue #00B1FB */ html { margin:0; padding:0; height:101%;} body { margin:0; padding:0 0 50px 0; height:100%; width:100%;background: url('../images/bg.gif'); font-family: 'Rokkitt', "Times New Roman", serif; font-size: 100%;} .cf:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; font-size:0; height:0; } .cf { zoom:1; display: block;} a, img { outline:none; border:none;} a { color: #00B1FB;} #TopBar {background: #1e1e1e; width:100%; height:20px; line-height: 28px; padding: 4px 0; position: absolute; top:0px; z-index:1000;} #TopBar .menu { width:960px; margin:0 auto; text-align: right; height:20px; line-height: 20px; position:relative;} #TopBar a { font-family: 'Rokkitt', serif; font-size: 14px; height:20px; text-transform: uppercase; line-height: 20px;color: #fff; text-decoration: none; display: inline-block; padding:0 0 0 24px; margin: 0 0 0 20px;} #TopBar a#hosting { background: url('../images/sprite.png') 0px -40px no-repeat;} #TopBar a#download {background: url('../images/sprite.png') 0px -60px no-repeat;} #TopBar a#cms {background: url('../images/sprite.png') 0px -80px no-repeat;} #TopBar .toggler {background: url('../images/sprite.png') -26px -103px no-repeat; width:25px; height:22px; position:absolute; top:24px; right:0px; cursor:pointer;} #Page { width:960px; margin:0px auto 0 auto; background: #fff; padding: 25px 25px 25px 25px ; margin-top:24px;margin-bottom:100px;} #PageX { display:none;} #Header { border-bottom: 5px solid #1e1e1e; margin: 0 0 15px 0; padding: 0 0 25px 0; position: relative;height: 80px;} h1#Logo { margin:0; padding:0; line-height: 10px; font-size: 12px; background: #1e1e1e;width:113px; height: 80px; position: absolute;top:0px;left:0; overflow: hidden;} #Logo a.first { background: url(../images/logo.png); width:113px; height: 80px; overflow: hidden; text-indent: -1000px; display: block; position: absolute;top:0;left:0;} #Logo a.second { background: url(../images/sign.png) no-repeat 21px 25px; width:113px; height: 130px; overflow: hidden; text-indent: -1000px; display: block;position: absolute;top:0;left:0;} #MainNav { position: absolute; right: 00px; top:-22px; } #MainNav ul, #MainNav li { margin:0; padding:0; list-style: none;} #MainNav ul { height:130px; line-height: 130px;} #MainNav li { float:left; margin-left:32px; position: relative;} #MainNav a { font-family: 'Rokkitt', serif; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #1e1e1e; font-size: 19px; line-height: 20px; height:20px; display: block;margin-top:50px; padding-left:10px; padding-right: 10px; } #MainNavX a:hover { text-decoration: underline; } #MainNav div.jqDockWrap {margin:0 auto;} #MainNav div.jqDock {cursor:pointer;} #Footer { background: #1e1e1e; overflow: hidden; font-size: 16px; } #Footer .inner { width:960px; margin:0 auto; padding: 15px 0; color:#fff; overflow: hidden; } #Footer h2 { font-family: 'Rokkitt', serif; margin:0 0 20px 0; padding:0; font-size: 28px; height:30px; font-weight: normal;} #Footer input { background: url('../images/sprite.png') 0px bottom no-repeat; border:0; margin: 0 0 16px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #Footer input[type=text] { width:296px; padding:4px 2px; font-size:16px;} #Footer input[type=submit] {padding:3px 2px; font-size:16px; float:right; margin-top:16px;font-family: 'Rokkitt', serif; height:28px; cursor:pointer;} #Footer label {height: 18px; display: block;} #Footer .colA { float:left; width:630px; margin-right: 30px;} #Footer .colB { float:left; width: 280px;} #Footer .colfoot { border-top: 2px solid #fff; padding: 10px 0 0 0; font-size: 16px;} #Footer .colhead {overflow: hidden; height: 248px;} #Footer .colhead-left { float:left; width:300px; margin-right: 30px;} #Footer .colhead-right { float:left; } #Footer ul {list-style: none; margin:0; padding:18px 0 0 0;} #Footer li {list-style: none; margin:0 0 26px 0; padding:0; height:35px; line-height: 35px; } #Footer a { color: #fff; text-decoration: none;} #anfahrt span { background: url('../images/sprite.png') 0px -126px no-repeat; float: left;width: 29px; height:29px; margin-right: 8px;} #kontakt span { background: url('../images/sprite.png') -30px -126px no-repeat; float: left;width: 29px; height:29px; margin-right: 8px;} #teluns span { background: url('../images/sprite.png') -60px -126px no-repeat; float: left;width: 29px; height:29px; margin-right: 8px;} #SlideshowSeo { overflow: hidden; border-bottom: 5px solid #1e1e1e; padding: 10px 0 25px 0;position:relative; height:390px;} #SlideshowWrapper { float: left; width:600px;height: 390px; background: url(../images/slideshow.png); margin: 0 30px 0 0 ;position:relative;} .slideshowX { width:600px; height:390px; position:relative;} #Slideshow .item { width:600px; height:390px; position:absolute; top:0px;left:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; overflow: hidden; background-color: #fff;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .seotext { float: left; font-family: 'Rokkitt', "Times New Roman", serif; width:330px; height: 390px;} .seotext h2 { font-size: 78px; margin:0 0 10px 0; padding:0; line-height: 55px;} .seotext h3 { font-size: 50px; margin:0 0 10px 0; padding:0; line-height: 38px;} .seotext p { text-align: justify; font-size: 16px; line-height: 21px; margin:0; padding:0;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #PortfolioBox { border-bottom: 5px solid #1e1e1e; margin: 0 0 0px 0; padding: 0 0 0px 0; } .portfolios {overflow:hidden; width:990px; } .portfolio-wrapper { float:left; width:328px; margin:0 0px 0 0} .portfolio-header {position: relative;height:45px;} .portfolio-header .zipfel { border-top:10px solid #1e1e1e; border-left:15px solid #fff; width:0px; height:0px; position: absolute; top:24px; left:10px; font-size: 0.1px; line-height: 0.1em; zoom:1;} .portfolio-header h3 {float:left;background: #1e1e1e; margin:0 3px 0px 0; padding:0; overflow: hidden; display: inline-block; height:24px;} .portfolio-header h3 a {font-family: 'Rokkitt', "Times New Roman", serif; color: #fff; text-decoration: none; padding: 4px 8px 0 8px; display: block; height:20px; font-size: 16px;} .portfolio-wrapper .scroll-left {background: url('../images/sprite.png') -155px -101px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .portfolio-wrapper .scroll-left:hover {background: url('../images/sprite.png') -52px -101px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .portfolio-wrapper .scroll-right {background: url('../images/sprite.png') -182px -101px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .portfolio-wrapper .scroll-right:hover {background: url('../images/sprite.png') -78px -101px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .portfolio-inner { overflow:hidden;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .thumbsbox { border:0px solid #f00; overflow: hidden;} .thumbsbox.references { width:1100px; } .thumbsbox .item { width:128px; height: 128px; position: relative; float:left; margin: 0 26px 26px 0;border:5px solid #333;} .thumbsbox .image { position:absolute; top:0; left:0;width:128px; height: 128px; } .thumbsbox .image .middle { width:128px; height: 128px; vertical-align:middle; display: table-cell; text-align: center;} .thumbsbox .image img { vertical-align:middle; display:inline;} .thumbsbox .image.grey { display:none; } .thumbsbox .tooltipcontent {display:none;} .thumbsbox .overlay { text-align: center; display:none;position: absolute; top:0; left:0; background: url(../images/transbg2.png); width:128px; height:81px;padding-top:47px;} .thumbsbox .show {width:30px; height:30px;background:url(http://www.xdcms2.com/projects/48//images/sprite.png) no-repeat ;background-position: -213px -3px !important;display:inline-block;overflow: hidden; text-indent: -1000px; margin:0 10px} .thumbsbox .details { width:30px; height:30px;background:url(http://www.xdcms2.com/projects/48//images/sprite.png) no-repeat ; background-position: -245px -3px !important;display:inline-block;overflow: hidden; text-indent: -1000px;margin:0 10px} .smallthumbs .image img.nologo {width:128px; height: 128px;} .bigthumbs .item {width: 293px;height:293px;} .bigthumbs .image { width: 293px;height:293px;} .bigthumbs .image .middle{ width: 293px;height:293px;} .bigthumbs .overlay {width:293px;height:173px;padding-top:125px;} .bigthumbs .show {width:50px; height:50px; background-position: -220px -36px !important; } .bigthumbs .details {width:50px; height:50px; background-position: -168px -36px !important; } /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .thumbs { overflow:hidden;} .thumbs > div {float:left; margin: 0 26px 26px 0; position: relative;line-height: 0.1em;} .thumbs .image {display:block; display: block; line-height: 0.1em;border:5px solid #333;} .thumbs img { } .thumbs img.colored { display:none; } .thumbs .overlay { text-align: center; position: absolute; top:0; left:0; background: url(../images/transbg2.png); opacity:0;} .thumbs .show {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) no-repeat ;display:inline-block;overflow: hidden; text-indent: -1000px; margin:0 10px} .thumbs .details { background:url(http://www.xdcms2.com/projects/48//images/sprite.png) no-repeat ;display:inline-block;overflow: hidden; text-indent: -1000px;margin:0 10px} .thumbitem {} .thumbs.smallthumbs > div { width: 138px; height:138px;} .thumbs.smallthumbs .image { width: 128px; height:128px; vertical-align:middle; line-height:128px;} .thumbs.smallthumbs .image img.normal { width: 128px; height:128px;} .thumbs.smallthumbs .image img.logo { vertical-align:middle; display:inline-block;} .thumbs.smallthumbs .overlay{ width:136px;height:81px;padding-top:55px;} .thumbs.smallthumbs .show {width:30px; height:30px; background-position: -213px -3px !important; margin:0 5px} .thumbs.smallthumbs .details {width:30px; height:30px; background-position: -245px -3px !important; margin:0 5px} .thumbs.bigthumbs > div { width: 303px;height:303px;} .thumbs.bigthumbs .image img { width: 293px;height:293px;} .thumbs.bigthumbs .overlay {width:303px;height:173px;padding-top:125px;} .thumbs.bigthumbs .show {width:50px; height:50px; background-position: -220px -36px !important; } .thumbs.bigthumbs .details {width:50px; height:50px; background-position: -168px -36px !important; } /* .logothumbs > div { width: 138px; height:138px;} .logothumbs .image { width: 128px; height:128px; vertical-align:middle; line-height:128px;} .logothumbs .image img{vertical-align:middle; display:inline-block;} .logothumbs .overlay{ width:136px;height:81px;padding-top:55px;} .logothumbs .show {width:30px; height:30px; background-position: -213px -3px !important; margin:0 5px} .logothumbs .details {width:30px; height:30px; background-position: -245px -3px !important; margin:0 5px} */ /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .contentbox { border-bottom: 5px solid #1e1e1e; margin: 0 0 0px 0; padding: 0 0 0px 0; } .contentbox h2 { background: url(../images/linie.png) 0 56% repeat-x; font-weight:normal;font-size: 60px; margin:0; padding:15px 0 0px 0; height:70px;line-height:60px; overflow:hidden;} .contentbox h2 span { background: #fff; padding-right: 10px; display:inline-block;height:70px; font-family: 'Rokkitt', "Times New Roman", serif;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .ausrichtung { overflow: hidden; margin: 5px 0 25px 0; width:980px;} .ausrichtung > div { position:relative;width:143px; height: 250px; float:left; margin: 0 20px 0 0;background: #f5f5f5; font-family: 'Rokkitt', "Times New Roman", serif; font-size:16px; color: #fff; text-transform: uppercase;} .ausrichtung .title { width:135px; height:20px; background: #1e1e1e; position: absolute; } #ausrichtung_6 .title {height: 40px; top:220px;} #ausrichtung_5 .title {height: 80px; top:160px;} #ausrichtung_4 .title {height: 120px; top:120px;} #ausrichtung_3 .title {height: 160px; top:80px;} #ausrichtung_2 .title {height: 200px; top:40px;} #ausrichtung_1 .title {height: 240px; top:0px;} .ausrichtung .title {padding:5px;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ ul.teamliste { list-style: none; margin: 15px -90px 0 0; padding: 0; overflow: hidden;font-family: 'Rokkitt', "Times New Roman", serif; } ul.teamliste li { text-align: center; float:left; padding:0;margin: 0 81px 70px 0; height:190px;list-style: none;} ul.teamliste li img { border:8px solid #1e1e1e;} ul.teamliste li .title {font-weight: bold; font-size: 16px} ul.teamliste li .subtitle {font-size: 14px} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .sortbox { background: #1e1e1e; color:#fff; padding:10px; height:50px; margin-bottom:20px; } .sortbox h3 { margin:0; padding:0; text-transform:uppercase; font-size:16px; height:20px;} .sortbox .colA { float:left; width:500px; height:30px; } .sortbox .colB { float:right; width:200px; height:30px;} .sortbox .colC { float:right; width:120px; height:30px; } .viewswitch { overflow:hidden;} .viewswitch > div {cursor:pointer; width:30px; height:30px;background:url(http://www.xdcms2.com/projects/48//images/sprite.png) no-repeat; float:right; overflow: hidden; text-indent: -1000px; margin:0 0 0 4px;} #bigthumbs { background-position: -91px -126px;} #smallthumbs {background-position: -122px -126px;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #referenzanzahl {position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; height:28px; background:url(http://www.xdcms2.com/projects/48//images/sprite.png) 0 bottom no-repeat #333; width:50px; float: right;} #referenzanzahl .selected {color: #000; font-size: 20px; padding:0px 22px 0px 6px; line-height: 28px;height:28px; text-align: center; position: relative;} #referenzanzahl ul { display:none; position:absolute; right:0; padding: 3px 0 0 0; margin: -3px 0 0 0; list-style: none;background: #C8C8C8;width:48px;border:1px solid #C8C8C8;} #referenzanzahl li {padding: 0; margin: 0; list-style: none;} #referenzanzahl li a { color: #000; font-size: 20px; padding:4px 4px 4px 8px; display: block; text-decoration: none;} #referenzanzahl li a:hover { background:#e5e5e5; text-decoration: none;} #referenzanzahl:hover ul {display:block;} #referenzanzahl:hover { display: block; z-index:100;} #referenzanzahl .arrow { position:absolute; top:5px; right:3px;width:18px; height:16px; background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -236px -90px no-repeat ;} .dropdown {position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; height:28px; background:url(http://www.xdcms2.com/projects/48//images/sprite.png) 0 bottom no-repeat #333; width:200px; float: left; margin-right:5px;} .dropdown .selected {color: #000; font-size: 20px; padding:0px 22px 0px 6px; line-height: 28px;height:28px; text-align: left; position: relative;} .dropdown ul { display:none; position:absolute; right:0; padding: 3px 0 0 0; margin: -3px 0 0 0; list-style: none;background: #C8C8C8;width:198px;border:1px solid #C8C8C8;} .dropdown li {padding: 0; margin: 0; list-style: none;} .dropdown li a { color: #000; font-size: 20px; padding:4px 4px 4px 8px; display: block; text-decoration: none;} .dropdown li a:hover { background:#e5e5e5; text-decoration: none;} .dropdown .arrow { position:absolute; top:5px; right:3px;width:18px; height:16px; background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -236px -90px no-repeat ;} .dropdown:hover ul {display:block;} .dropdown:hover { display: block; z-index:100;} .portfoliodropdown { width:250px;} .portfoliodropdown ul { width:248px;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .pagination { padding:0px 0 0; height:18px; } .pagination ul { margin:0; padding:0; float:right; list-style: none;} .pagination li {text-align: center; margin:0 0 0 5px ; padding:0; float: left; color:#333; line-height: 28px; width:28px; height:28px; background:url(http://www.xdcms2.com/projects/48//images/sprite.png) 0 bottom no-repeat ; } .pagination li a {display: block; text-align: center; text-decoration:none; color:#333; width:28px; height:28px;} .pagination li.activepage, .pagination li:hover {text-align: center; padding:0; float: left; line-height: 28px; color:#333; } .pagination li:hover a, .pagination li.activepage a {color:#333; text-decoration:none;} .pagination li.next a {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -231px -108px no-repeat ; text-indent: -1000px; overflow: hidden;} .pagination li.back a {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -229px -133px no-repeat ; text-indent: -1000px; overflow: hidden; } .sortbox a { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .sortbox li { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .sortbox .pagination { float:right;} .pagination .begin , .pagination .end, .sortbox .activepage, .sortbox .page { display:none;} .paginationwrapper {padding:20px 0 10px 0;;} .paginationwrapper li {background: #e4e4e4;} .paginationwrapper li.back a {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -155px -98px no-repeat #e4e4e4; text-indent: -1000px; overflow: hidden; } .paginationwrapper li.back a:hover {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -51px -98px no-repeat #1e1e1e; text-indent: -1000px; overflow: hidden; } .paginationwrapper li.next a {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -181px -98px no-repeat #e4e4e4; text-indent: -1000px; overflow: hidden;} .paginationwrapper li.next a:hover {background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -76px -98px no-repeat #1e1e1e; text-indent: -1000px; overflow: hidden;} .paginationwrapper li.activepage a { background: #333; color:#fff} .paginationwrapper li.page a:hover { background: #1e1e1e; color:#fff} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ #mytooltip {position: absolute;z-index: 3000; width:150px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color: #00B1FB; padding: 15px; color: #000;} #mytooltip:after {content: " ";position: absolute; bottom:-22px; left:20px; width:44px; height:22px;background:url(http://www.xdcms2.com/projects/48//images/sprite.png) -188px -130px no-repeat ; } #mytooltip h4, #mytooltip p{margin:.25em 0;} #mytooltip .category { display: inline-block; background: #222; color:#fff; padding:0 3px; font-size: 12px; margin-bottom:5px; ;} #mytooltip .title { font-weight:bold; font-size: 16px; line-height: 14px;} #mytooltip .customer { font-size: 12px; margin-top:3px; } /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .referenzkunde { padding:0 0 0px 0; margin:0 0 ; color:#9b9b9b; } .referenzkunde a, .referenzkunde a:link, .referenzkunde a:visited { color:#9b9b9b; } .referenzkunde a:hover, .referenzkunde a:focus, .referenzkunde a:active { color:#9b9b9b; text-decoration:underline; } .referenzbilder { background: #1e1e1e;padding:0 0 11px 0; margin:0 0 11px; color:#9b9b9b; text-align:center; } .referenzbilder img { padding:5px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); margin:10px; } .portfoliobg { position: relative; background: #1e1e1e;padding: 50px 0 20px 0;line-height: 1; margin-top:10px;} .portfoliobg .portfolioimage { border:none; margin:0 auto; width: 600px; line-height: 0.1em; padding:5px;} .portfoliobg .portfolioimage img { margin:0 auto;width:auto;border:8px solid #fff;} .portfoliobg .portfolioimage a { display: block;line-height: 0.1em;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .kunden { overflow:hidden; margin-bottom: 25px;} .kunden .text { text-align: justify; float:left; width:520px; margin-right:55px; min-height:70px;line-height:1.3em; font-size: 16px; font-family: 'Rokkitt', "Times New Roman", serif;background: url(../images/sprite.png) -275px 0 no-repeat; padding-left:80px; } .kunden .logo {float:left; width:250px; } .kunden .logo a.img {margin:0 0 10px 0; display:block; } .kunden .logo h3 { margin:0 0 0px 0; padding:0; font-family: 'Rokkitt', "Times New Roman", serif; font-size: 16px; font-weight: bold;} .kunden .logo h4 { margin:0 0 3px 0;; padding:0; font-family: 'Rokkitt', "Times New Roman", serif; font-size: 16px; font-weight: normal;} .bigkunden { border:2px solid #1e1e1e; height: 300px; margin-bottom:10px;} .bigkunden .kundenmenu { float:left; width:300px; height:290px; background: #1e1e1e;padding:5px 0 5px 5px;} .bigkunden .kundenmenu .scroller {height:285px; overflow:hidden; position: relative;} .bigkunden .kundenmenu ul { margin:0; padding:0; list-style: none; position: absolute; top:0;left:0;width:300px; } .bigkunden .kundenmenu li { margin:0 0 2px 0; padding:2px 2px 2px 5px; height:18px; line-height: 18px; list-style: none; color: #fff;cursor:pointer; } .bigkunden .kundenmenu li.active, .bigkunden .kundenmenu li:hover {background: #fff; color:#1e1e1e} .bigkunden .kundencontent { float:left; width:640px; height:300px;} .bigkunden .kunde { padding:25px; } .bigkunden .kunde .text {margin-bottom:25px; text-align: justify; width:520px; min-height:70px;line-height:1.4em; font-size: 16px; font-family: 'Rokkitt', "Times New Roman", serif;background: url(../images/sprite.png) -275px 0 no-repeat; padding-left:70px; } .bigkunden .kunde .logo-name { padding-left:70px; overflow:hidden; vertical-align: middle;} .bigkunden .kunde .logo-name .img { display: inline-block; margin-right:30px;vertical-align: middle;} .bigkunden .kunde .logo-name .title {display: inline-block; vertical-align: middle;} .bigkunden .kunde h3 { margin:0 0 3px 0; padding:0; font-family: 'Rokkitt', "Times New Roman", serif; font-size: 16px; font-weight: normal;} .bigkunden .kunde h4 { margin:0 0 3px 0;; padding:0; font-family: 'Rokkitt', "Times New Roman", serif; font-size: 16px; font-weight: normal;} .scroll-up {background: url('../images/sprite.png') -26px -98px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .scroll-up:hover {background: url('../images/sprite.png') -26px -98px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .scroll-down {background: url('../images/sprite.png') -0px -101px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .scroll-down:hover {background: url('../images/sprite.png') -0px -101px no-repeat; width:25px; height:24px; display: inline-block;cursor:pointer;} .kundenlogos {vertical-align: middle;margin-bottom:20px; width: 1100px;} .kundenlogos .logo { display: inline-block; vertical-align: middle; margin: 0 40px 10px 0;} .kundenlogos .logo a{display: block; vertical-align: middle;} .MsgBoxInfo, .MsgBoxNotify, .MsgBoxOk, .MsgBoxError, .MsgBoxWarn , .errorMsg, .okMsg{ position: relative; margin: 0 0 15px 0; padding: 0; border: 1px solid; display:block; background-repeat: no-repeat !important; font-size: 13px; font-style:normal; padding: 10px ; line-height: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .MsgBoxInfo {background: #EAF0F6 url('/img/silk/information.png') 10px 11px; padding-left:35px;border-color: #BCC6D0;color: #404040;} .MsgBoxNotify {background: #fffbcc url('/img/silk/bell.png') 10px 11px; padding-left:35px; border-color: #e6db55;color: #666452;} .MsgBoxOk,.okMsg { background: #d5ffce url('/img/silk/accept.png') 10px 11px ; padding-left:35px; border-color: #9adf8f;color: #556652;} .MsgBoxError,.errorMsg {background: #ffcece url('/img/icons/error_16x16.png') 10px 11px ; padding-left:35px; border-color: #df8f8f;color: #665252;} .MsgBoxWarn { background: #fffbcc url('/img/silk/error.png') 10px 11px; padding-left:35px; border-color: #e6db55; color: #666452; } #ErrorMsg404 {text-align: center; width:400px; margin: 0 auto; padding-top: 160px; font-size: 24px; font-weight: bold; color: #2f2f2f; background: url('/img/caution_icon_125x125.png') no-repeat 50% 20px ;} .backlink { background: #1e1e1e; color:#fff; text-decoration: none; padding:0 5px; display:inline-block; text-transform:uppercase; line-height:24px; height:22px; font-size:14px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .fblike { text-align:right; display:block;} .portfoliobg .fblike { position: absolute; top: 15px; left:440px;} .artikeldetails .fblike { text-align:left;position: absolute; top: 15px; left:-130px; background: #fff; width:90px; height:60px; padding:10px;} .contentnotice1{padding: 10px; background-color: #eee; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; } .contentnotice1big{padding: 10px;font-size:16px; line-height:20px; background-color: #eee; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .contentnotice2{padding: 10px; background-color:#009EE0;color:#fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .contentnotice2big{padding: 10px; line-height:20px; font-size:16px; background-color:#009EE0;color:#fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .contentnotice3{padding: 10px; background-color:#00B1FB;color:#fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .contentnotice3big{padding: 10px; line-height:20px; font-size:16px; background-color:#f4b800;color:#fff; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .contentnotice1 .noticeh1 , .contentnotice1big .noticeh1, .contentnotice2 .noticeh1, .contentnotice2big .noticeh1, .contentnotice3 .noticeh1, .contentnotice3big .noticeh1 {font-size:20px;font-weight:bold;margin:0px 0px 5px 0px;} .description2 { padding:4px 0 10px 0;} .artikeldetails {} .artikeldetails h1 { margin-bottom: 10px; font-size:26px; line-height:30px; font-weight:normal; } .artikeldetails .articleimg {float:right; margin-left: 10px; margin-bottom: 10px} .fiveX { margin:0 ; padding:19px 12px 0 23px; background:url(http://www.xdcms2.com/projects/48//images/five_bg.png) 0 0 repeat-x; } .five { margin:0 ; padding:19px 12px 20px 0px; width:1000px; } .five.last { margin: 0 ; } .five > a { text-decoration:none; background-position:center 10px; background-repeat:no-repeat; background-color:#fff; width:168px; min-height:40px; padding:95px 0 0; text-align:center; border:1px solid #ddd; margin:0 27px 11px 0; float:left; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /*.five > a:hover { background-color:#cccccc; color:#fff; } .five > a:hover { color:#fff; text-decoration: none;} */ .designFlyerposter { background-image:url(http://www.xdcms2.com/projects/48//images/icon_designFlyerposter.png); } .designLogo { background-image:url(http://www.xdcms2.com/projects/48//images/icon_designLogo.png); } .designBroschueren { background-image:url(http://www.xdcms2.com/projects/48//images/icon_designBroschueren.png); } .designOfficeprints { background-image:url(http://www.xdcms2.com/projects/48//images/icon_designOfficeprints.png); } .designPhotography { background-image:url(http://www.xdcms2.com/projects/48//images/icon_designPhotography.png); } .webScreen { background-image:url(http://www.xdcms2.com/projects/48//images/icon_webscreen.png); } .webCms { background-image:url(http://www.xdcms2.com/projects/48//images/icon_webcms.png); } .webwerbung { background-image:url(http://www.xdcms2.com/projects/48//images/icon_webwerbung.png); } .webHtml { background-image:url(http://www.xdcms2.com/projects/48//images/icon_webHtml.png); } .webProgrammierung { background-image:url(http://www.xdcms2.com/projects/48//images/icon_webProgrammierung.png); } .druckService { background-image:url(http://www.xdcms2.com/projects/48//images/icon_druckService.png); } .druckVeredelung { background-image:url(http://www.xdcms2.com/projects/48//images/icon_druckVeredelung.png); } .druckPVC { background-image:url(http://www.xdcms2.com/projects/48//images/icon_druckPVC.png); } .druckFolienbuchstaben { background-image:url(http://www.xdcms2.com/projects/48//images/icon_druckFolienbuchstaben.png); } .druckFahrzeug { background-image:url(http://www.xdcms2.com/projects/48//images/icon_druckFahrzeug.png); } .marketingConsulting { background-image:url(http://www.xdcms2.com/projects/48//images/icon_dmarketingConsulting.png); } .marketingRedaktion { background-image:url(http://www.xdcms2.com/projects/48//images/icon_dmarketingRedaktion.png); } .marketingSEO { background-image:url(http://www.xdcms2.com/projects/48//images/icon_marketingSEO.png); } .marketingEventmanagement { background-image:url(http://www.xdcms2.com/projects/48//images/icon_marketingEventmanagement.png); } .marketingAudiovisuell { background-image:url(http://www.xdcms2.com/projects/48//images/icon_marketingAudiovisuell.png); } /*-------------------- /projects/48/templates/style/content.css --------------------*/ /*------------------------------------------------------------------------------ Medien eines Artikels ------------------------------------------------------------------------------*/ .articledocs {} .articledocsX h2 {margin: 15px 0 10px 0; font-size: 26px; font-weight: normal;} .articledocsX h3 {margin: 15px 0 5px 0; font-size: 16px; color:#636363; font-weight: bold;} .articledocs ul { margin: 0 0 10px 0; padding: 0; list-style: none;} .articledocs ul li { margin: 0; padding: 0 0 0 26px; list-style: none; display:block; width:auto; height:26px; line-height: 26px; background-position:0px 2px; background-repeat:no-repeat; } .articledocs ul li a { text-decoration: none;} .articledocs ul li small {color: #aaa;} .articledocs ul li.pdf { background-image:url(/projects/48/images/icons/pdf.png); } .articledocs ul li.doc { background-image:url(/projects/48/images/icons/doc.png); } .articledocs ul li.xls { background-image:url(/projects/48/images/icons/xls.png); } .articledocs ul li.mpd { background-image:url(/projects/48/images/icons/mpd.png); } /*-------------------- /projects/48/templates/style/gallery.css --------------------*/ .ArticleGallery { position:relative; width:925px;overflow:hidden; background: #e3e3e3; border:1px solid #e3e3e3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-top:10px; margin-bottom:10px; padding: 15px;} .ArticleGallery .prev { float:left; width:50px; height:50px; background: url('http://www.xdcms2.com/projects/48//images/prev.png') no-repeat; text-indent: -2000px; outline: 0; margin-top: 35px;} .ArticleGallery .next { float:right; width:50px; height:50px; background: url('http://www.xdcms2.com/projects/48//images/next.png') no-repeat; text-indent: -2000px; outline: 0;margin-top: 35px;} #ArticleGalleryImages { width:815px; overflow:hidden; margin-left:60px;} #ArticleGalleryImages ul.imagelist { list-style: none; margin: 0; padding: 0; width:5000px;} #ArticleGalleryImages ul.imagelist li.image { border:0; list-style: none;line-height: 0.1em; float:left; margin: 0 15px 0px 0px; background: #fff url('http://www.xdcms2.com/projects/48//images/plus.png') no-repeat 33px 30px ;} #ArticleGalleryImages ul.imagelist li.image a { width:90px;height:110px;border:1px solid #d4d4d4 ;padding: 5px;display:block;} #ArticleGalleryImages ul.imagelist li.image img { width:90px; height:90px;} /*-------------------- /projects/48/templates/style/kontakt.css --------------------*/ /*---------------------------------------------------------------------------- ----------------------------------------------------------------------------*/ .contactform {margin:0; width:590px; float: left;} .contactform ul { margin:0; padding:0; list-style:none; display:block; zoom:1; list-style: none;} .contactform ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .contactform ul li { margin:0 20px 20px 0; padding:0; width:275px; float:left; list-style: none;} .contactform ul li.right { margin:0 0 20px 0; } .contactform ul li input[type=text] { padding:5px; width:263px; height:23px; color:#222; font-size:14px; line-height:23px; background:#eee; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .contactform ul li label { color:#222; } .contactform ul li textarea { width:558px; border:1px solid #ddd; font:14px arial, helvetica, sans-serif; line-height:23px; padding:5px 5px 1px; height:90px; min-height:90px; min-width:558px; max-width:558px; color:#222; background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .contactform ul li input[type=text]:focus, .contactform ul li textarea:focus { background:#FFFF9C; color:#111; border-color:#ccc;} .contactform ul li .pflicht{ border: 1px solid #B0FF61 !important;} .contactform ul li .error{ border: 1px solid #dd0000 !important;} .contactform .button { padding-bottom: 2px; background: #1e1e1e; height: 20px; line-height:20px;border:0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color: #fff; font-weight: bold;} .rightfloating-text { width:360px; float: right;} /*-------------------- /projects/48/templates/style/prettyphoto.css --------------------*/ div.light_rounded .pp_top .pp_left{background:url(/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_middle{background:#fff} div.light_rounded .pp_top .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_content{background-color:#fff} div.light_rounded .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_expand{background:url(/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_contract{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_bottom .pp_left{background:url(/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_middle{background:#fff} .light_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.light_rounded .pp_loaderIcon{background:url(/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_left{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_middle{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_top .pp_right{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_expand{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_contract{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .currentTextHolder{color:#c4c4c4} div.dark_rounded p.pp_description{color:#fff} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.dark_rounded .pp_bottom .pp_left{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_middle{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_top .pp_left,div.dark_square .pp_top .pp_middle,div.dark_square .pp_top .pp_right,div.dark_square .pp_bottom .pp_left,div.dark_square .pp_bottom .pp_middle,div.dark_square .pp_bottom .pp_right,div.dark_square .pp_content{background:url(/img/prettyPhoto/dark_square/contentPattern.png) top left repeat} div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_square p.pp_description{color:#fff} div.dark_square .pp_loaderIcon{background:url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_content a.pp_expand{background:url(/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_contract{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.dark_square .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_top .pp_left,div.light_square .pp_top .pp_middle,div.light_square .pp_top .pp_right,div.light_square .pp_bottom .pp_left,div.light_square .pp_bottom .pp_middle,div.light_square .pp_bottom .pp_right,div.light_square .pp_content{background:#fff} div.light_square .pp_content a.pp_expand{background:url(/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_contract{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_square .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%} div.pp_pic_holder{position:absolute;z-index:10000;width:100px} div.pp_pic_holder .pp_top{position:relative;height:20px} * html div.pp_pic_holder .pp_top{padding:0 20px} div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px} div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px} * html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0} div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px} div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px} div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px} div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0} div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0} div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:2px 4px} div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px} div.pp_pic_holder .pp_content div.pp_hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%} div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat} div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat} div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px} div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px} div.pp_pic_holder .pp_bottom{position:relative;height:20px} * html div.pp_pic_holder .pp_bottom{padding:0 20px} div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px} div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px} * html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0} div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px} div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px} div.pp_pic_holder #pp_full_res{display:block;margin:0 auto;width:100%;text-align:center} div.pp_pic_holder #pp_full_res object,div.pp_pic_holder #pp_full_res embed{visibility:hidden} div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:17px} span.pretty-descr-1 { font-weight: bold; font-size: 13px; display: block; } span.pretty-descr-2 { display: block; } span.pretty-descr-3 { display: block; font-size: 10px; color: #999; } span.pretty-descr-4 { display: block; font-size: 12px; text-transform: uppercase; z-index: 100000; top: 0px; color:#000; padding: 6px 15px 12px 24px; position: absolute; background:url(/img/prettyPhoto/disk.png) no-repeat; background-position:0px 5px; background-color: #fff; -moz-border-radius-bottomright:5px; } span.pretty-descr-4 a {color:#000; text-decoration:none;} span.pretty-descr-4 a:hover {color:#11AAEE;} .pp_pic_holder, .pp_overlay, .ppt { display:none; } /*-------------------- /projects/48/templates/style/style6.css --------------------*/ .ca-menu{ padding:0; margin:0px auto; width: 600px; } .ca-menu .extra {font-family: 'WebSymbolsRegular', cursive; font-size: 14px; text-align: center; margin-bottom: 0px; } .ca-menu li{ width: 146px; height: 390px; overflow: hidden; position: relative; float:left; background: #fff; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin-right: 4px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .ca-menu li:last-child{ margin-right: 0px; } .ca-menu li a{ text-align: left; width: 100%; height: 100%; display: block; color: #333; position: relative; text-decoration: none; } .ca-icon{ font-family: 'WebSymbolsRegular', cursive; font-size: 60px; color: #333; text-shadow: 0px 0px 1px #333; line-height: 136px; position: absolute; width: 100%; height: 50%; left: 0px; top: 0px; text-align: center; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; } .ca-content{ position: absolute; left: 0px; width: 100%; height: 200px; top: 26%; } .ca-main{ color: #1e1e1e; font-size: 23px; color: #1e1e1e; font-weight:bold; text-align: center; line-height: 23px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; margin:33px 0 24px; text-transform: uppercase; } .ca-sub{ text-align:center; font-size: 16px; color: #666; line-height: 21px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; margin-bottom:26px;; } .ca-menu li:hover{ background-color: #000; } .ca-menu li:hover .ca-icon{ color: #fff; font-size: 90px; } .ca-menu li:hover .ca-main{ color: #00ccff; -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease; } .ca-menu li:hover .ca-sub{ color: #fff; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } @-webkit-keyframes moveFromLeftRotate{ from { -webkit-transform: translateX(-100%) rotate(-90deg); } to { -webkit-transform: translateX(0%) rotate(0deg); } } @-moz-keyframes moveFromLeftRotate{ from { -moz-transform: translateX(-100%) rotate(-90deg); } to { -moz-transform: translateX(0%) rotate(0deg); } } @-ms-keyframes moveFromLeftRotate{ from { -ms-transform: translateX(-100%) rotate(-90deg); } to { -ms-transform: translateX(0%) rotate(0deg); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0%); } } @-ms-keyframes moveFromBottom { from { -ms-transform: translateY(100%); } to { -ms-transform: translateY(0%); } } /*-------------------- /projects/48/templates/style/xdnewsletter.css --------------------*/ /*--------------------------------------------------------------------------------- .FormularUser - big join und edit formular ---------------------------------------------------------------------------------*/ .FormularUser { border:0px solid #f00;font-size:12px;padding:20px 10px 0 10px;} .FormularUser hr { margin:10px 0; border-bottom:1px dashed #999; background:transparent;} .FormularUser h3 { font-size:18px;padding:5px 0 3px 0;margin:0;} .FormularUser h3 span { color: #00ABD7; } .FormularUser .description { padding: 3px 0 15px 0; line-height:1.4em;} .FormularUser .description span {color:#9f9f9f; } .FormularUser input[type=text] {padding:4px;width:410px;font-size:16px;font-family:arial; font-weight:normal; border:1px solid #BEBEBE; background: #E5E5E5;} .FormularUser input[type=text].pflicht { background: #E5E5E5 url(http://www.xdcms2.com/projects/48/files//xdnewsletter/pflichtfeld.png) right 8px no-repeat;} .FormularUser input[type=password] {padding:4px;width:300px;font-size:16px;font-family:arial; font-weight:normal; border:1px solid #BEBEBE; background: #FFFFFF url(http://www.xdcms2.com/projects/48/files//xdnewsletter/pflichtfeld.png) right 8px no-repeat;} .FormularUser .formelement {overflow:hidden;padding: 10px 0;} .FormularUser .formelement .caption {padding-top:0px;font-size:16px;float:left; width:120px;color: #9F9F9F;} .FormularUser .formelement .value {} .FormularUser .formelement .value font {display:none;} .FormularUser .password-wrapper {height:100px;margin: 0 0 20px 0;padding:10px 10px 10px 120px; background: #222222 url(http://www.xdcms2.com/projects/48/files//xdnewsletter/password.png) 20px 20px no-repeat;} .FormularUser .formelement-password {line-height:1;overflow:hidden;padding: 15px 0 0 0;} .FormularUser .formelement-password .caption {font-weight:normal;font-size:14px;float:left; width:100px; color:#b9b9b9;} .FormularUser .formelement-groups {-moz-border-radius:5px; border:1px solid #ebebeb; font-size:14px; background: #ebebeb;padding:10px;margin-top:10px;} .FormularUser .formelement-groups .caption {color: #5c5c5c; padding:0 0 10px 0;} .FormularUser .formelement-groups .value {overflow:hidden;} .FormularUser .formelement-groups .checkbox {float:left; width:255px;padding:0 0 3px 0;} .FormularUser .submitelement { padding:20px 0 20px 120px;} .FormularUser .submitelement input { background: #1e1e1e; height: 40px !important; border:0; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; color: #fff; font-weight: bold;} .JoinUserResult {line-height:1.4em;} .JoinUserResult .text {padding-top:10px;margin-bottom:10px; } .JoinUserResult .datarow {overflow:hidden;} .JoinUserResult .caption {float:left;width:100px;font-weight:bold;} .JoinUserResult .value {margin-left:100px;} .JoinUserResult .notifyText {width:400px;padding-top:10px;margin-bottom:10px; } .JoinUserResult .homelink { margin-bottom:10px;} /*-------------------------------------------------------------------------------- sum bytes: 53629 (52 KB) --------------------------------------------------------------------------------*/