/* Theme Name: MTS Dinold Theme URI: http://dinold.at Author: mts Author URI: http://www.webdesign-in.de/ Description: Individual theme, all rights reserved. Version: 1.0 Tags: html5, css3, individual frontpage, custom-menu, */ /* 0 - 1.0 - Reset - Eric Meyers Reset and other defaults Reset by Eric Meyer v2.0 http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,q,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} html, body {margin: 0;padding: 0;font:90%/150% Verdana, Arial, Helvetica, sans-serif; } html{background:#fff; } body{color:#000;} /* --Structure-- */ #container{ clear:both; position:relative;width:1100px;margin:-4px auto 0 auto;text-align:center;background-color:transparent;} /*#top{ position:relative; width:1100px; margin:0 auto 0 auto;text-align:center;display:block;height:184px;background-color:transparent; }*/ #wrapper{width:100%;float:left; } #content{margin:0 20px 5px 270px; text-align:left;min-height:500px;height:auto !important;height:100%;overflow:hidden;} #contentW{margin:0 10px 5px 10px; text-align:left;min-height:500px;height:auto !important;height:100%;overflow:hidden;} #branding{ width:235px; float:left;height:186px;margin:-22px auto 0 auto;padding:0; text-align:center;background-image:url(images/dinold_at.jpg);background-repeat:no-repeat;background-position:100% -14px ;} #sidebar{ position:relative; float:left;width:235px; margin-left:-97%;text-align:left;padding-top:0;} #colophon { padding:20px 0 30px 0; } /*HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section,time{display:block;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} blockquote, q {quotes: "" "";} dl{margin:5px;padding:4px;} dt{margin:2px 0 4px 8px;} dd{margin:2px 0 4px 18px;} table{border-collapse:separate;border-spacing:0;border: 1px solid #c4c4c4;} caption,thead, tbody, th, td{text-align:left;height:1.6em;padding:0.35em;border-bottom: 1px solid #c4c4c4;} caption,th {font-weight:bold; } td{vertical-align:top;} /* 0 - Reset - 2.0 - Text Elements */ pre,code,kbd,samp,var{font-family:monospace,sans-serif;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:1em;} blockquote{clear:both;border-left:3px double #6a8ab3;margin:5px auto;width:60%;padding:8px;font:1.1em/1.7em "Avant Garde","Century Gothic",sans-serif;} blockquote p{padding:5px;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;} abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} a:hover,a:active{outline:none;} ul,ol{margin-left:3em;} ol{list-style-type:decimal;} li{line-height:1.5em;padding-left:3em;} small{font-size:85%;} strong{font-weight:bold;} sub,sup{font-size:75%;line-height:0;position:relative;} sup{top:-0.5em;} sub{bottom:-0.25em;} cite,i,em{font-style:oblique;} h1{font-size:1.4em;line-height:1em;} h2{font: 1.6em/1.3em Verdana, Arial, Helvetica, sans-serif;color:#a6aaad;} h3{font: 1.5em/1.2em Verdana, Arial, Helvetica, sans-serif;color:#a6aaad;} h4,h5,h6{font: 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;color:#6e6e6e;} .h2text,.h3text,.h4text{margin-top:15px;margin-bottom:5px;} p{margin:9px 3px;padding:6px 0;line-height:1.5em;} /* 0 - Reset - 3.0 - Images and Icons */ img[class*="wp-image-"]{height:auto;max-width:100%;} .wp-smiley{border: none;border-radius:none; box-shadow:none; float: none;vertical-align: middle;padding:5px;} p img {margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */} .avatar{vertical-align:top;} /*links*/ a,a:link{padding:2px 0;color:#b2b1b6;background-color:transparent;text-decoration:underline;} a:visited{color:#9da1a4;background-color:inherit;text-decoration:none;} a:link:focus{color:#e6420f;background-color:transparent;text-decoration:none;} a:link:hover,a:visited:hover{color:#e6420f;background-color:inherit;text-decoration:none;} a:link:active,a:visited:active{color:#dc232d;background-color:inherit;} /*images as a link*/ :link img{border:none;} :visited img{border:none;} :link:active img,:visited:active img{border:none;} /*-Alignment*/ .alignleft {display: inline;float: left;} .alignright {display: inline;float: right;} .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} .left{float:left;} .right{float:right;} /* Increase the size of the content area for templates without sidebars */ .full-width #content,.image-attachment #content,.error404 #content {margin: 0;} /* Text meant only for screen readers */ .screen-reader-text,.section-heading,.subnav-heading, .featured-title,#site-description,#site-title {position: absolute;text-indent:-14000em;} /*Header*/ #site-title { margin-top:50px;color:#fff; font-size:48px;line-height:1; text-transform:none;font-weight: 400; text-shadow: 0 -1px 2px #666666, 0 1px 2px #000;} #site-description {color:#fff; font-size:2.5em;line-height:1; text-transform:none;font-weight: 400; margin: 0 0 1em; } #homelink{width:200px;height:175px; } /*Menu*/ #access{position:relative; display:block;float:right;margin:5px 290px 0 auto;width:720px;text-transform: uppercase; } #access li{float:right;text-align:left;padding-left:0.8em;position:relative; background-image:url(images/mts-li-access.jpg);background-repeat:no-repeat;background-position:100% 12px ;} #access li:first-child, #access li li, #access li li li{background-image:none;} #access a{ display:block;color:#b2b1b6;line-height:2.8em;font-weight:bold;padding:0 1.1125em 0 0;text-decoration:none; } #access .menu-header a{} .sub-menu {text-align:left; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display:none;float:left;margin:0;position:absolute;top:2.79em;left:0;width:288px;z-index:99999;} #access ul ul ul{left:100%;top:0;} #access ul ul a{background-image:none!important;background:#E3E3E2;border-bottom:1px solid #dae4ef; border-top:1px solid #f2f2f2;color:#e6420f;height:auto;line-height:1.4em;padding:10px 10px;width:268px;} #access li:hover > a, #access ul ul:hover > a, #access a:focus{background:#fff; } #access li:hover > a, #access a:focus { background: #fff; /*background: -moz-linear-gradient(#fff, #ccc); background: -o-linear-gradient(#fff, #ccc); background: -webkit-gradient(linear, 0% 0%, 25% 100%, from(#fff), to(#ccc)); background: -webkit-linear-gradient(#fff, #ccc);*/ color:#1e1e1e; } #access ul ul a:focus{ border-top:1px solid #fff; border-bottom:1px inset #fff;} #access ul li:hover > ul{display:block;} #access .current_page_item > a, #access .current_page_ancestor > a, #access .current-menu-ancestor > a, #access .current-menu-item > a, #access .current-post-ancestor >a{ font-weight:bold;color:#e6420f; } /*Hansel and Gretel*/ #breadcrumb{clear:both;margin:5px 5px 25px 25px;padding:5px 0; background:transparent;font-size:0.9em;overflow:hidden;position:relative;z-index:1;} .breadcrumbUl{display:inline;margin-left:0;} .breadcrumbLi{display:inline;} /*index*/ .featured{position:relative;float:left;display:block;width:97.5%;margin:0 0 10px 12px;} .featured-header{position:relative;} .featured-content{position:relative; padding: 4px 0 15px 22px;} .article-title{font-size:1em;margin-left:29px;} .article-text{margin-left:29px;} /*content*/ .articles,.hentry{position:relative;float:left;display:block;width:97%;margin:20px 17px 10px 12px; } .entry-page{float:right;display:block; clear:both;text-align:left; width:652px;margin-right:20px;margin-top:0;} .entry,.archive-meta{float:right;display:block; clear:both;text-align:left; width:652px;margin-right:20px;margin-top:0;} .entry-related{float:right;display:block; clear:both;text-align:left; width:652px;margin-right:20px;margin-top:45px;} .entry-related-page{float:right;display:block; clear:both;text-align:left;width:652px;margin:100px 24px 10px 0; } .entry-header{padding:0 0 20px; position:relative;} .entry-title{font-size:1.7em; line-height:1.5; text-transform:none;font-weight:400; color:#7d7f7e; padding-bottom:3px;border-bottom:1px solid #a6aaad;margin-left:13px;} .titledatum{padding:6px 15px 10px 147px; } .titlewide{padding:6px 15px 10px 87px; } .edit-link{clear:both;float:right;display:block;} .entry ul{list-style:circle outside;font:0.9em/1.3em Arial, sans-serif; } .entry-page ul{font:0.9em/1.3em Arial, sans-serif;list-style:circle outside; } .entry li{padding:6px 0;} .entry-page li{padding:4px 0;} .entry-date{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:1.28em;font-weight: 400;color:#7d7f7e;background:transparent; line-height:1.9em; position:absolute; top:10px; left:3px; z-index:1;} /*nav header*/ .subnav-header{display:inline; font-size:1em;font-weight:normal; } .entry-tags{margin-top:80px;display:inline; font-size:1.3em;font-weight: 700;color:#7d7f7e; } /*subnavis*/ /*.nav-aside{float:left; width:130px; line-height:170%; text-align:right; padding:61px 0 20px;}*/ .nav-aside{clear:both;padding:4px 15px 4px 5px; border-top:1px solid #e9e7df; border-bottom:1px solid #e9e7df; } .nav-author,.error{padding:2px 15px 0 169px;color:#6e6e6e;} .nav-tags{margin-top:0;display:inline; } .nav-share{margin-top:60px;} .nav-previous {float: left;width: 50%;} .nav-next {float: right;text-align: right;width: 50%;} .page-link {margin:1em 0;padding:2px 0;text-align:right;clear:both;border-top:1px solid #7d7f7e;} #nav-above, #nav-below {clear:both; } .more-link { font-weight: bold;} .notice {background: #eee;display: block;padding: 1em;} .readmore{clear:both; float:right;text-align:right;} .author{display:inline;} .entry-related-header{font-size:1.9em; font-weight:normal; color:#6e6e6e;border-bottom:1px solid #a6aaad;} .related {margin: 5px 0 12px 13px;padding: 0;clear: both;list-style:circle inside;color:#7d7f7e; } .related li{width:90%; } .related li a { padding: 4px; margin:0;} .related li a img{float:left;margin:0.10em;display:none;} .error li { background-image: none; clear: both;list-style:none!important;margin:15px 0;} /*stuff images in WP*/ .image-attachment div.entry-meta {float: left;} .image-attachment nav {float: right;margin: 0 0 1em 0;} .image-attachment .entry-content {clear: both;} .image-attachment .entry-content .entry-attachment { background: #eee;margin: 0 0 1em;padding: 1em;text-align: center;} .image-attachment .entry-content .attachment {display: block;margin: 0 auto;text-align: center;} .gallery{text-align:center; margin:18px auto 10px auto;background-color:#f5f5f6;clear:both;} .gallery img{padding:3px;border:1px solid #eee;background-color:#f5f5f6;} .gallery .gallery-item{padding:3px;background-color:#fff;border-top:1px solid #eee; border-left:1px solid #eee;border-right:1px solid #aaa;border-bottom:1px solid #aaa;width:260px; float:left;} .attachment{text-align:center;} .attachment img{padding:5px;border:1px solid #f5f5f6;} /*Images*/ img.alignleft {margin-right: 3.5em;margin-bottom:20px;float:left;background:#e8e6df; padding:3px;border: 1px solid #c4c4c4; padding: 4px;} #attachment_54 img {margin-right: 1em;margin-bottom:20px;float:left;background:#fff; padding:3px;} img.alignright {margin-left: 3.5em;margin-bottom:20px;float:right; } .wp-caption {padding: .5em; text-align: center;} .wp-caption-text {margin: .5em; color:#7f1418;} /*Forms*/ div#search{position:absolute; right:0;top:10px;width:300px;z-index:9000;} #searchform label {display: none;} #searchform input#s {margin: 0 1em 0 0;padding: 4px 12px 1px 5px;word-spacing: 7px; width: 47%; color: #555;background-color:#fff; border: 1px solid #b0afaa;} .error #searchform input#s { margin: 0 1em 0 0;padding: 4px 12px 1px 5px;word-spacing:5px;width: 46%; color: #555;background-color:#fff; border: 1px solid #b0afaa; } #searchform input[type=submit]{cursor:pointer;font-weight:bold;border:none!important;background-color:transparent;margin-bottom:-9px;margin-left:-23px;} input[type="search"] { -webkit-appearance: textfield; -moz-appearance:none; -webkit-appearance:none;}/*for safari*/ textarea {overflow: auto;width: 80%;} /*Class for labelling required form items*/ .required {color: #cc0033;font-size:0.9em;} input,textarea,select{background-color: #fff; color: #4d4d4d; border: 1px solid #e2e2e2; padding: 4px 12px;} /*Comments*/ #respond{ float:right;display:block;width:600px;margin-right:20px; background:rgb(248,245,230); border:1px solid #fff;overflow:hidden;position:relative;z-index:1;} #commentform{ margin-left:15px;} #commentform, #respond ul {width:98%;} #respond ul { float:left;display:block;margin:10px 0 0 0; } #respond label{ width:210px;margin-right:5px;float:left;text-align:right;font-weight:bold; } #respond .comment-form-comment label{width:210px;margin:5px 0 3px 24px;text-align:left;font-size:1.2em;float:left;} #respond input[type=text]{width:270px;display:inline; } #respond input[type=submit]{width:295px;margin:3px 0 10px 214px;font-size:1.1em;background:#31496B;color:#fff;border:1px solid #ceccd6;cursor:pointer; } #respond input[type=checkbox]{margin:3px 0 10px 200px;background:transarent;display:inline;border:1px solid #ceccd6; } #respond #subtext{ width:300px;float:right;text-align:left;display:inline; } #respond textarea {width:392px;margin-left:95px;clear:both;overflow: auto;} #respond li{clear:both;margin:5px 0 0 0;display:block; } #respond .reply{margin-left:109px;} #respond .required{margin-left:95px;} #ed_toolbar{ width:515px;margin:5px 15px 5px 0; clear:both;display:block;text-align:right;} #ed_toolbar input{width:59px!important;} .comment-form-action{} .comment-title,#reply-title{margin:10px 0 3px 16px;} .comment-notes,.logged-in-as{margin:2px 0 2px 25px;font-size:0.8em;} .commentlist{ background:#ceccd6;border:1px solid #f7f5e6;overflow:hidden;position:relative;z-index:1;} .commentlist li{clear:both;margin:20px;position:relative;text-align:left;display:block;} .commentlist .avatar{margin: -12px 0 20px -5px;} .commentlist footer h4{float:left;display:block;} .comment-content{ padding:6px;} .bypostauthor{background:#e0e7ef;border-bottom:1px solid #6a8ab3;} .even, .odd{background:#fff;border-bottom:1px solid #aaa;} .comment-author{display:block; float:left;width:32%;margin:10px 10px 20px 0;} .commentlist .reply{clear:both;} .commentmetadata{margin-left:5px;} .commentmetadata span{font-size:0.8em;} .comment-author{position:relative;z-index:1;} .commentlist .fn{position:absolute;top:48px;left:50px;z-index:10;padding:2px 9px;text-align:center;min-width:90px;font-style:normal;} .commentlist .fn a,.commentlist .fn a:link,.commentlist .fn a:visited,.commentlist .fn a:link:visited{color:#fff;width:90%;display:block;} /* Widgets sidebar*/ .widget-area { padding: 1em 0 0;} .widget {display: block;float:left;padding: 1em 0;position:relative;margin-left:4px;width:220px; text-transform: uppercase; font-weight:bold;text-align:left; } .widget-area .widget_search { overflow: hidden;} .widget-area .widget_search input { float: left;} .widget h4,.widget ul{margin-left:0;} .widget h4,.ieside h4{width:200px; font-weight:bold;font-size:0.9em;margin-bottom:0.48em; } .widget a{width:190px;display:block; text-decoration:none; padding-left:10px;} .widget a:hover,.widget a:link:hover,.widget a:visited:hover {background:#fff;} .cat-item {width:90%;line-height:1.3em;} .current-cat a,.current-menu-item a{color:#e6420f;font-weight:bold; } .children {padding-left:10px;} .widget .children a{width:180px;display:block; } .children .cat-item {width:100%; } .current-cat-parent,.widget .current-cat .children a{font-weight:normal;} /*plugins*/ .wp_page_numbers{margin:20px 0;clear:both;position:relative;} .wp_page_numbers ul, .wp_page_numbers li, .wp_page_numbers a{background:transparent;letter-spacing:-1px;} .wp_page_numbers ul{float:left;display:block;width:70%;} .wp_page_numbers li{float:left;display:block;} .wp_page_numbers a{padding:2px 3px;margin:4px 1px; display:block; } .wp_page_numbers li a:hover{border-color:#999;} .wp_page_numbers .space{margin:4px 0;padding-top:2px;} .wp_page_numbers .first_last_page{font-style:italic;} .wp_page_numbers .active_page a{border:1px solid #bfbfbf;color:#7d7f7e;background:white;padding:2px 4px 3px 4px;margin-top:-1px;} .wp_page_numbers .active_page a:hover{color:black;/* IE fix */} .wp_page_numbers .page_info{margin:4px 1px 0 1px;padding:2px;color:#6e6e6e;} .pagination{float:left;display:block;width:35%; } .previous{float:right;} .next{float:left;} /*shadows in the night*/ #respond,.commentlist { -moz-border-radius:15px; /* Firefox */ -webkit-border-top-radius: 15px; -webkit-border-right-radius: 15px; -webkit-border-bottom-radius: 15px; -webkit-border-left-radius: 15px; border-radius:15px; /* Opera (W3C Standard) */ } #container input,#container textarea,#container select,#s { -moz-border-radius:12px; /* Firefox */ -webkit-border-top-radius: 12px; -webkit-border-right-radius: 12px; -webkit-border-bottom-radius: 12px; -webkit-border-left-radius: 12px; border-radius: 12px; } input[type=checkbox]{border-radius:none; box-shadow:none;} .commentlist .fn{ -webkit-box-shadow: 1px 1px 1px #6a85b3, inset 1px 1px 1px #6a85b3; -moz-box-shadow: 1px 1px 1px #6a85b3, inset 1px 1px 1px #6a85b3; box-shadow: 1px 1px 1px #6a85b3, inset 1px 1px 1px #6a85b3; background:#6a8ab3;color:#fff; background: -moz-linear-gradient(left, #d9e2eb 0%, #6a8ab3 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9e2eb), color-stop(100%,#6a8ab3)); background: -webkit-linear-gradient(left, #d9e2eb 0%,#6a8ab3 100%); background: -o-linear-gradient(left, #d9e2eb 0%,#6a8ab3 100%); background: -ms-linear-gradient(left, #d9e2eb 0%,#6a8ab3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e2eb', endColorstr='#6a8ab3',GradientType=1 ); background: linear-gradient(left, #d9e2eb 0%,#6a8ab3 100%); } img.alignleft,#attachment_54 img { border:1px solid #e9e7df; -moz-border-radius:3px; /* Firefox */ -webkit-border-top-radius: 3px; -webkit-border-right-radius: 3px; -webkit-border-bottom-radius: 3px; -webkit-border-left-radius: 3px; border-radius:3px; /* Opera (W3C Standard) */ -webkit-box-shadow: 2px 2px 5px #e9e7df, inset 2px 2px 8px #e8e6df; -moz-box-shadow: 2px 2px 5px #e9e7df, inset 2px 2px 8px #e8e6df; box-shadow: 2px 2px 5px #e9e7df, inset 2px 2px 8px #e8e6df; } /*authorprofil*/ .page-header img.avatar{margin:0 10px 20px 0;float:left;display:block; } .page-title author{float:left;display:block;} .meta-author{font-size:0.82em;display:block;} .description-author{margin-left:3%;} .linktitel-author{ width:8.5em;float:left;display:block;text-align:right; } .link-author{margin-left:1em;} .entry-description h4{margin-top:15px;} .article-author li{clear:both;display:block;padding-bottom:6px; margin-bottom:0.6em;} .article-author img.alignleft{margin-bottom:1em;} /*author bio under posts*/ .author-profile{clear:both;width:85%;margin:20px 9px 0 90px; position:relative;color:#6e6e6e; padding:8px 8px 0 8px;border-bottom:3px solid #a6aaad;} .artikel{margin:8px 23px 0 150px;} .seite{margin:20px 24px 0 95px; } .author-profile-header{ width:300px; text-align:right;float:right;margin-top:25px;} .photo{float:right;margin:0 45px 10px 5px;width:118px;height:118px;background-repeat:no-repeat;background-position:-951px -392px;} .author-description,.social{margin:3px 3px 3px 15px;padding:2px 0;line-height:1.2em;} .social{clear:both;} /*texte*/ .column02 {width:47%;display: inline-block;vertical-align: top; zoom:1; *display:inline;} .column03 {width:28%; display: inline-block;vertical-align: top; zoom:1; *display:inline;} .normal{margin:10px 2% 10px 0; } .last {margin:10px 0 10px 0;} .textleft{float:left;display:block; width:45%;margin-bottom:25px;margin-top:25px;} .textright{float:right;display:block; width:45%;margin-bottom:25px;margin-top:25px;} .eingerueckt{clear:both; margin:2em 3em;font:1em/1.3em Verdana, Arial, Helvetica, sans-serif;} .eingerueckt p{background-image:url(images/mtsmag-pfeil.png);background-repeat:no-repeat;background-position:0 10px; padding-left:20px;} .entry-page ul.text-ul {list-style:none;margin-left:0.3em;font:0.9em/1.3em Arial, sans-serif;} .text-ul li{padding:6px 0;} .text{color:#7d7f7e;font-weight:bold;margin:10px 3px 5px 3px;} /*footer*/ #colophon {font-size:0.85em; } .copyright{width:95%;margin:0 auto; text-align:center;color:#6e6e6e;} .credit {text-align:right;float:right;margin-right:14px;} .topp{clear:both;text-align:right;margin-right:44px;} /*slider*/ /* CONTAINER */ .carousel { position :relative ; margin :0 auto; width :780px; height :auto; border :none; overflow : hidden ; background-image:url(images/mts-linie.jpg);background-repeat: repeat-x;background-position:0 100% ; } /* SLIDES */ /* slide container */ .carousel .slides{margin:0;padding:0;border:none;list-style:none;position:relative;overflow:visible;} /* slide item */ .carousel .slides .slideItem{position:absolute;cursor:pointer;overflow:hidden;padding:0;margin:0;border:none;} .carousel .slides .slideItem a{display:block;text-decoration:none;margin:0;padding:0;border:none;outline:none;} .carousel .slides .slideItem img{margin:0;padding:0;border:none;width:100%;height:100%;} /* DIRECTION BUTTON */ .carousel .nextButton{position:absolute;right:10px;top:133px;width:35px;height:35px;background:url("images/next_button.png") no-repeat center;cursor:pointer;z-index:9999;} .carousel .prevButton{position:absolute;left:10px;top:133px;width:35px;height:35px;background:url("images/prev_button.png");cursor:pointer;z-index:9999;} /* NAVIGATION BUTTON */ /* buttons container */ .carousel .buttonNav{position:relative;margin:0 auto;z-index:999;} /* numbers */ .carousel .buttonNav .numbers{position:relative;float:left;margin:5px;color:#828282;cursor:pointer;font-weight:bold;text-decoration:none;font-size:1em;} .carousel .buttonNav .numbers:hover{color:#000;text-decoration:underline;} .carousel .buttonNav .numberActive{background:none;color:#000;cursor:default;} /* bullets */ .carousel .buttonNav .bullet{position:relative;float:left;width:16px;height:16px;background:url(images/Bullet-White.png) no-repeat center;margin:5px;float:left;cursor:pointer;} .carousel .buttonNav .bullet:hover{background:url(images/Bullet-Black.png) no-repeat center;} .carousel .buttonNav .bulletActive{background:url(images/Bullet-Black.png) no-repeat center;cursor:default;} /* VIDEO */ .carousel .slides .videooverlay{background:url("images/video.png") no-repeat center;/* play button */} .carousel .slides .spinner{background:#000 url(images/loading.gif) no-repeat center;/* video preloader */} /* SHADOW */ .carousel .shadow{width:100%;height:82px; } .carousel .shadow .shadowLeft{background : url("images/shadowLeft.png") no-repeat; width :100px; height :82px; /* fix png problems in ie */ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale); /* IE6 & 7 */ } .carousel .shadow .shadowMiddle{ height :82px; background:url("images/shadowTile.png") repeat-x; /* fix png problems in ie */ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale); /* IE6 & 7 */ } .carousel .shadow .shadowRight{ width :100px; height :82px; background:url("images/shadowRight.png") no-repeat; /* fix png problems in ie */ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale); /* IE6 & 7 */ } /* REFLECTION GRADIENT */ /* gradient color for Opera */ .carousel .gradient{ background-image :url(incl/gradient.svg);} /*newsletter*/ #optinform3{width:440px;margin-top:10px;} #optinform3 legend,#optinform3 input{margin:5px 0;} .clearleft{} .clear{clear:both;line-height:0.01em;font-size:0.01em;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* hides from ie-mac \* /* html .clearfix{height:1%;} /* End hide from IE-mac */