#page, #login, #cookiebar {
/*
position: inherit;
overflow: inherit;
clip: inherit;
height:inherit; width: inherit;
*/
}
html, body,
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border-width:0;
border-style:solid;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display:block;
}
.events-flat.grid > div:nth-child(3) {
margin-left:0;
}
.events-flat.grid > div{
margin-bottom:20px;
}
ul { list-style:none; }
blockquote, q { quotes:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
/* Permanent vertical scrollbar */
html { overflow-y:scroll; }
html { overflow:-moz-scrollbars-vertical; }
#prefooter a {
color: #6f6f6f;
}
#prefooter h4, #prefooter h5 {
margin-top: 0;
font-size: 14px;
line-height: 200%;
}
.layout_short.news4ward_list { border-color: #e1e1e1;}
.camera_wrap a, .camera_wrap img,
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
background: none;
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
list-style: none
}
.camera_wrap {
display: none;
position: relative;
z-index: 0;
}
.camera_wrap img {
max-width: none!important;
}
.camera_fakehover {
height: 100%;
min-height: 60px;
position: relative;
width: 100%;
z-index: 1;
}
.camera_wrap {
width: 100%;
}
.camera_src {
display: none;
}
.cameraCont, .cameraContents {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.cameraSlide {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.cameraContent {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.cameraContent.cameracurrent { display: block !important;}
.camera_target {
bottom: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: left;
top: 0;
width: 100%;
z-index: 0;
}
.camera_overlayer {
bottom: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.camera_target_content {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.camera_target_content .camera_link {
position: relative;
z-index: 10;
display: block;
height: 100%;
text-decoration: none;
}
.camera_loader {
background: #fff url(https://www.gbs.com/system/modules/cameraslideshow/assets/images/camera-loader.gif) no-repeat center;
background: rgba(255, 255, 255, 0.9) url(https://www.gbs.com/system/modules/cameraslideshow/assets/images/camera-loader.gif) no-repeat center;
border: 1px solid #ffffff;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
height: 36px;
left: 50%;
overflow: hidden;
position: absolute;
margin: -18px 0 0 -18px;
top: 50%;
width: 36px;
z-index: 3;
}
.camera_bar {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
height: 100%;
position: absolute;
width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
height: auto;
position: absolute;
width: 100%;
}
.camera_nav_cont {
height: 65px;
overflow: hidden;
position: absolute;
right: 9px;
top: 15px;
width: 120px;
z-index: 4;
}
.camera_caption {
position:absolute;
display: block;
top:0;
width: 100%;
}
.camera_caption > div {
}
.camerarelative {
overflow: hidden;
position: relative;
}
.imgFake {
cursor: pointer;
}
.camera_prevThumbs {
bottom: 4px;
cursor: pointer;
left: 0;
position: absolute;
top: 4px;
visibility: hidden;
width: 30px;
z-index: 10;
}
.camera_prevThumbs div {
display: block;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 30px;
}
.camera_nextThumbs {
bottom: 4px;
cursor: pointer;
position: absolute;
right: 0;
top: 4px;
visibility: hidden;
width: 30px;
z-index: 10;
}
.camera_nextThumbs div {
display: block;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 30px;
}
.camera_command_wrap .hideNav {
display: none;
}
.camera_command_wrap {
left: 0;
position: relative;
right:0;
z-index: 4;
}
.camera_pag {position:absolute;width:100%;bottom:0;}
.camera_wrap .camera_pag .camera_pag_ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.camera_pag_ul li {
opacity: 0;
}
.mod_cameraslideshow_show:hover .camera_pag_ul li {
opacity: 1;
}
.camera_wrap .camera_pag .camera_pag_ul li {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor: pointer;
display: inline-block;
height: 16px;
margin: 0 7px 10px 7px;
position: relative;
text-align: left;
text-indent: -9999px;
width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
-moz-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 8px;
left: 4px;
overflow: hidden;
position: absolute;
top: 4px;
width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
-moz-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
.camera_pag_ul li img {
display: none;
position: absolute;
}
.camera_pag_ul .thumb_arrow {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid;
top: 0;
left: 50%;
margin-left: -4px;
position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
cursor: pointer;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 2;
}
.camera_prev {
left: 0;
}
.camera_prev > span {
background: rgba(111,111,111,0.5);
border-radius:100%;
display: block;
height: 40px;
width: 40px;
}
.camera_next {
right: 0;
}
.camera_next > span {
background: rgba(111,111,111,0.5);
border-radius:100%;
display: block;
height: 40px;
width: 40px;
}
.camera_next > span:before {
color: #fff;
content:"\F105";
position:absolute;
top:5px;
left:15px;
font-size: 30px;
line-height: 30px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.camera_prev > span:before {
color: #fff;
content:"\F104";
position:absolute;
top:5px;
left:12px;
font-size: 30px;
line-height: 30px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.camera_commands {
right: 41px;
}
.camera_commands > .camera_play {
height: 40px;
width: 40px;
}
.camera_commands > .camera_stop {
display: block;
height: 40px;
width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor: pointer;
display: inline-block;
height: 16px;
position: relative;
text-indent: -9999px;
width: 16px;
}
.camera_thumbs_cont {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
overflow: hidden;
position: relative;
width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
-moz-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
box-shadow:
0px 1px 0px rgba(255,255,255,1),
inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
float: left;
width: 100%;
}
.camera_thumbs_cont ul {
overflow: hidden;
padding: 3px 4px 8px;
position: relative;
text-align: center;
}
.camera_thumbs_cont ul li {
display: inline;
padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
border: 1px solid;
cursor: pointer;
margin-top: 5px;
vertical-align:bottom;
}
.camera_clear {
display: block;
clear: both;
}
.showIt {
display: none;
}
.camera_clear {
clear: both;
display: block;
height: 1px;
margin: -1px 0 25px;
position: relative;
}
/**************************
*
* COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
background: url(system/modules/cameraslideshow/assets/images/patterns/overlay10.png) repeat;
}
.camera_caption {
color: #fff;
}
.p-gray p {
color: #6f6f6f;
}
.camera_wrap .camera_pag .camera_pag_ul li {
background:rgba(111,111,111,0.5);
}
.camera_wrap .camera_pag .camera_pag_ul li span{
background:rgba(255,255,255,.5);
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
background:rgba(255,255,255,.3);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
background: #FF8B14;
}
.camera_pag_ul li img {
border: 4px solid #e6e6e6;
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_commands, .camera_thumbs_cont {
background:rgba(111,111,111,0.5);
}
.camera_wrap .camera_pag .camera_pag_ul li {
}
.camera_thumbs_cont ul li > img {
border-color: 1px solid #000;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
background-position: -120px -40px;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
background-position: -120px -680px ;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
background-position: -120px -80px;
}
.ho365 {
padding: 20px;
display: block;
font-weight: 300;
margin: 30px 0 0 0;
color: #fff;
line-height: 55px;
font-size: 66px; background-color: #eb3c00;}
.microsoft-exchange-134.camera_html { width:350px;}
html#ie7 .clearfix { zoom:1; }
.clear { display:block; clear:both; }
/* Basic CSS animations */
@-webkit-keyframes expand-inline-width { from { width:0px; } }
@-moz-keyframes expand-inline-width { from { width:0px; } }
@-ms-keyframes expand-inline-width { from { width:0px; } }
@-o-keyframes expand-inline-width { from { width:0px; } }
@keyframes expand-inline-width { from { width:0px; } }
@-webkit-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } }
@-o-keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } }
@keyframes fade-out { 0% { opacity:1; } 100% { opacity:0; } }
/* Fluid (responsive) wrapper for iframes, objects, embeds */
.fluid-wrapper { max-width: 100%; margin:0 0 22px; }
.fluid-wrapper > .inner { width: 100%; height:0; position:relative; }
.fluid-wrapper.ratio-16x9 { width:9999px;}
.fluid-wrapper.ratio-16x9 > .inner { padding-bottom:56.25%; }
.fluid-wrapper > .inner > iframe,
.fluid-wrapper > .inner > object,
.fluid-wrapper > .inner embed {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
.dropcaps .ol {
color: #FF8B14;
float: left;
font-size: 40px;
line-height: 35px;
padding-top: 1px;
padding-right: 8px;
padding-left: 2px;
padding-bottom:5px;
display: inline-block;
width: 25px;
}
.dropcaps {padding-left:5px;}
.ce_download.orangeBtn img{ display:none;}
.drop-padding {display:block; padding-left:35px;}
/* Assistive text */
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* ============================================================================================= */
/* =====>>> DEFAULT STYLES <<<================================================================== */
/* ============================================================================================= */
/* ----->>> TYPOGRAPHY <<<---------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
dl, ol, ul, table,
legend, hr {
margin-bottom:20px;
}
li > ul,
li > ol {
margin-bottom:0;
}
@media only screen and (min-width: 601px) and (max-width: 960px) {
h1, .h1 { font-size:48px; }
h2, .h2 { font-size:30px; }
}
@media only screen and (max-width: 600px) {
h1, .h1 { font-size:30px; }
h2, .h2 { font-size:24px; }
h3, .h3 { font-size:18px; }
h4, .h4 { font-size:14px; }
h5, .h5 { font-size:13px; }
}
ul { margin-left:2em; }
ol { margin-left:2em; list-style-type:decimal; }
dl { overflow:hidden; }
dt { margin-right:3.75%;
padding:5px 0;
clear:left;
float:left;
font-weight:bold;
width:35%;}
dd { padding:5px 0 5px 28.75%; }
dd + dt { padding:5px 0 0; border-width:0; }
@media only screen and (min-width: 601px) {
dt {
width:23%;
margin-right:3.75%;
padding:5px 0;
clear:left;
float:left;
font-weight:bold;
border-width:0;
}
dd { padding:5px 0 5px 26.75%; }
dd + dt + dd { border-width:0; }
}
pre,
code,
kbd,
samp {
font-family:"Lucida Console", Courier, "DejaVu Sans Mono", monospace, sans-serif;
}
pre {
overflow:auto;
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}
code {
}
pre code { padding:22px; }
blockquote {
min-height:32px;
padding:0 22px;
}
a {
cursor:pointer;
text-decoration:none;
}
small { font-size:11px; }
strong { font-weight:bold; }
dfn,
em,
q,
cite {
font-weight:normal;
font-style:italic;
}
em {font-size:105%;}
del { text-decoration:line-through; }
sub,
sup {
position:relative; font-size:75%; line-height:0;
}
sup { top:-0.5em; }
sub { bottom:-0.25em; }
h1 sub,
h2 sub,
h3 sub {
font-size:50%;
bottom:0;
}
h1 sup,
h2 sup,
h3 sup {
font-size:50%;
top:-0.75em;
}
abbr,
acronym {
text-transform:uppercase;
}
hr { border-style:solid; border-width:1px 0 0 0; clear:both;}
.hr {border-style:solid; border-width:0 0 1px 0;clear:both; margin-bottom:30px;padding-bottom:30px;
border-color:#e1e1e1;}
/* ----->>> IMAGES <<<-------------------------------------------------------------------------- */
img { max-width:100%; height:auto; }
html#ie7 img {-ms-interpolation-mode:bicubic; }
html#ie8 img { width:auto; }
video,
embed,
object,
iframe {
max-width: 100%;
}
img.preloader { background:url(../images/preloader.gif) center center no-repeat; }
img.alignleft { margin:0 22px 11px 0; float:left; }
img.alignright { margin:22px 0 11px 22px; float:right; }
img.aligncenter { margin:0 auto; display:block; }
.wp-caption {}
.wp-caption.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignleft {
display: inline;
float: left;
margin-right:22px;
}
.wp-caption.alignright {
display:inline;
float:right;
margin-left:22px;
}
.wp-caption-text {
font:italic 12px/18px Georgia, sans-serif;
text-align:center;
}
.gallery-caption {}
/* ----->>> TABLES <<<-------------------------------------------------------------------------- */
table {
border-collapse:collapse;
border-spacing:0;
}
table caption {
width:100%;
padding:6px 10px;
font:italic 12px/18px Georgia, sans-serif;
}
th { font-weight:bold; vertical-align:bottom; }
td { font-weight:normal; vertical-align:top; }
/* ----->>> FORMS <<<--------------------------------------------------------------------------- */
legend { font-size:18px; font-weight:bold; }
label { margin:0 0 2px; display:block; }
label em.meta { font:italic 12px/18px Georgia, sans-serif; }
input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
select {
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
textarea {
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input[type=color],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
select,
textarea {
padding:6px 10px;
border-width:1px;
background:#fff;
color:#6f6f6f;
-webkit-transition:background-color .5s ease;
-moz-transition:background-color .5s ease;
-ms-transition:background-color .5s ease;
-o-transition:background-color .5s ease;
transition:background-color .5s ease;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0, 0.1);
-moz-box-shadow:inset 0 2px 2px rgba(0,0,0, 0.1);
box-shadow:inset 0 2px 2px rgba(0,0,0, 0.1);
}
input[type=checkbox],
input[type=file],
input[type=image],
input[type=radio],
input[type=submit] {
width:auto;
padding:0;
border:none;
}
input[type=image] { background:none; }
select optgroup { font-style:normal; }
select option { padding:0 10px; }
/* Extra classes */
.form-row { margin:0 0 10px 0; }
.form-row-error input { border-color:#ff0000 !important; }
.form-message { color:#ff0000; }
p.form-submit { margin-bottom:0; }
/* ============================================================================================= */
/* =====>>> GLOBAL LAYOUT <<<=================================================================== */
/* ============================================================================================= */
/* ----->>> STRUCTURE <<<----------------------------------------------------------------------- */
#page { position:relative; z-index:10; overflow:hidden; }
/* --- Theme Areas ----------------------------------------------------------------------------- */
#preheader,
#header,
#primary-bar,
#secondary-bar,
#precontent,
#content,
#prefooter,
#footer {
width:100%;
position:relative;
z-index:2;
}
#preheader-inner,
#primary-bar-inner,
#secondary-bar-inner ,
#primary-bar,
#secondary-bar
{z-index:inherit;}
.background {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
}
#header > .background {
z-index:0;
}
#preheader { z-index:900; }
#header { z-index:800; }
#primary-bar-inner { }
#secondary-bar-inner { }
#precontent { z-index:700; }
#content { z-index:602; }
#prefooter { z-index:300; }
#footer { z-index:400; }
/* Add clearfix rules */
#header-inner:after,
#primary-bar-inner:after,
#secondary-bar-inner:after,
#precontent-inner:after,
#content-inner:after,
#prefooter-inner:after,
#footer-inner:after {
content:"";
visibility:hidden;
display:block;
clear:both;
height:0;
}
html#ie7 #header-inner,
html#ie7 #primary-bar-inner,
html#ie7 #secondary-bar-inner,
html#ie7 #precontent-inner,
html#ie7 #content-inner,
html#ie7 #prefooter-inner,
html#ie7 #footer-inner {
zoom:1;
}
/* ----->>> BODY SECTION <<<-------------------------------------------------------------------- */
.space { display:block; }
.simple-menu { margin:0; overflow:hidden; list-style:none; }
.simple-menu li { float:left; }
.simple-menu li + li { margin-left:10px; }
#secondary-bar .simple-menu li a { line-height:30px; }
/* --- Icons --- */
img.icon { padding-right:10px; }
/* --- Additional list styles ------------------------------------------------------------------ */
ul.type-upper-roman,
ol.type-upper-roman {
list-style-type:upper-roman;
}
ul.type-lower-roman,
ol.type-lower-roman {
list-style-type:lower-roman;
}
ul.type-upper-alpha,
ol.type-upper-alpha {
list-style-type:upper-alpha;
}
ul.type-lower-alpha,
ol.type-lower-alpha {
list-style-type:lower-alpha;
}
ul.type-lower-greek,
ol.type-lower-greek {
list-style-type:lower-greek;
}
ul.type-square,
ol.type-square {
list-style-type:square;
}
ul.type-circle,
ol.type-circle {
list-style-type:circle;
}
ul.type-disc,
ol.type-disc {
list-style-type:disc;
}
ul.type-decimal,
ol.type-decimal {
list-style-type:decimal;
}
ul.type-check,
ol.type-check,
ul.type-cross,
ol.type-cross,
ul.type-arrow,
ol.type-arrow,
ul.type-plus,
ol.type-plus,
ul.type-heart,
ol.type-heart,
ul.type-pin,
ol.type-pin,
ul.type-gold-star,
ol.type-gold-star,
ul.type-goldstar,
ol.type-goldstar,
ul.type-silver-star,
ol.type-silver-star,
ul.type-silverstar,
ol.type-silverstar {
margin-left:0;
list-style-type:none;
}
ul.type-check li,
ol.type-check li,
ul.type-cross li,
ol.type-cross li,
ul.type-arrow li,
ol.type-arrow li,
ul.type-plus li,
ol.type-plus li,
ul.type-heart li,
ol.type-heart li,
ul.type-pin li,
ol.type-pin li,
ul.type-gold-star li,
ol.type-gold-star li,
ul.type-goldstar li,
ol.type-goldstar li,
ul.type-silver-star li,
ol.type-silver-star li,
ul.type-silverstar li,
ol.type-silverstar li {
padding-left:26px;
background-position:0 2px;
background-repeat:no-repeat;
}
ul.type-check li,
ol.type-check li {
background-image:url(../images/icons/check.png);
}
ul.type-cross li,
ol.type-cross li {
background-image:url(../images/icons/cross.png);
}
ul.type-arrow li,
ol.type-arrow li {
background-image:url(../images/icons/arrowright.png);
}
ul.type-plus li,
ol.type-plus li {
background-image:url(../images/icons/plus.png);
}
ul.type-heart li,
ol.type-heart li {
background-image:url(../images/icons/heart.png);
}
ul.type-pin li,
ol.type-pin li {
background-image:url(../images/icons/pin.png);
}
ul.type-gold-star li,
ol.type-gold-star li,
ul.type-goldstar li,
ol.type-goldstar li {
background-image:url(../images/icons/star-gold.png);
}
ul.type-silver-star li,
ol.type-silver-star li,
ul.type-silverstar li,
ol.type-silverstar li {
background-image:url(../images/icons/star-silver.png);
}
/* --- Additional table styles ----------------------------------------------------------------- */
.mod_article * { border-color: #e1e1e1;}
.table-wrapper table tr:nth-child(even) td {
background-color: rgba(225,225,225, 0.33);
}
.max-width250 {max-width:250px;}
.width230 {width:230px;}
.table-wrapper table { width:100%; margin-bottom:20px; }
.table-wrapper table th,
.table-wrapper table td {
padding:6px 10px;
}
.table-wrapper table thead th {
text-align:left;
text-transform:uppercase;
}
.table-wrapper table tfoot td { font-weight:bold; }
.table-wrapper table thead th {
padding-top:22px;
padding-bottom:22px;
border-top-width:1px;
}
.table-wrapper table thead th + th { border-left-width:1px; }
.table-wrapper table tbody tr td { margin:4px; border-width:1px 0 1px 1px; }
.table-wrapper table tbody tr td:first-child { border-left-width:0; }
.table-wrapper table tfoot td { border-width:3px 0 1px 1px; }
.table-wrapper table tfoot td:first-child { border-left-width:0; }
@media only screen and (max-width: 680px) {
.table-wrapper {
position:relative;
white-space:nowrap;
margin:0 0 22px 0;
overflow:scroll;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
-ms-overflow-style: scrollbar;
border-style:dotted solid;
border-width:3px;
}
.mobile .table-wrapper { padding-bottom:14px; }
.mobile .table-wrapper:after {
position:absolute;
bottom:2px;
right:0;
content: "";
display:block;
border-width:5px;
border-color: #FF8B14 !important;
border-style: outset outset outset solid;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.table-wrapper table {
max-width:100%;
margin:0;
white-space:nowrap;
}
.table-wrapper table caption { text-align:left; }
}
/* --- Lead ------------------------------------------------------------------------------------ */
.lead { margin:0 0 22px; overflow:hidden; font-size:18px; line-height:30px;}
@media only screen and (max-width: 600px) {
.lead { font-size:14px; line-height:24px; }
}
/* --- Flags ----------------------------------------------------------------------------------- */
.flag {
padding:1px 4px;
position:relative;
top:-1px;
vertical-align:middle;
font:normal normal normal 10px/12px Arial, sans-serif !important;
text-transform:uppercase;
text-shadow:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.flag canvas { display:none; }
.flag cufon {
width:auto !important;
height:100% !important;
font:normal normal normal 10px/12px Arial, sans-serif !important;
}
.flag cufontext {
width:auto !important;
height:auto !important;
font:normal normal normal 10px/12px Arial, sans-serif !important;
text-indent:0 !important;
}
.page-title .flag,
.breadcrumbs .flag {
display:none;
}
/* --- Links ----------------------------------------------------------------------------------- */
.link img.icon { vertical-align:middle; }
/* --- Buttons --------------------------------------------------------------------------------- */
.button-flare {
margin-bottom:22px;
margin-right:0.2px; /*IE8 inline-block fix*/
display:inline-block;
position:relative;
text-decoration:none !important;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
-webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0, 0.2);
box-shadow:0 1px 2px rgba(0,0,0, 0.2);
zoom:1;
}
.button-flare,
.button-flare span {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.button-flare > span {
position:relative;
display:inline-block;
overflow:hidden;
vertical-align:bottom;
zoom:1;
}
.button-flare > span:before,
.button-flare > span:after {
height:1px;
content:"";
position:absolute;
left:1px;
right:1px;
z-index:2;
}
.button-flare > span:after {
top:1px;
background-image:-webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%);
background-image: linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.33) 50%, rgba(255,255,255, 0) 100%);
}
.button-flare > span:before {
bottom:0;
background-image:-webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
}
.button-flare:hover > span:before { background:none; }
.button-flare > span > span { display:block; letter-spacing:1px; zoom:1; }
/* Small buttons */
.button-flare small {
margin-top:2px;
display:block;
font:italic 12px/18px Georgia, sans-serif;
text-transform:none;
letter-spacing:0;
opacity:0.66;
}
.button-flare.small > span > span {
padding:6px 20px;
top:-2px;
font-size:10px;
line-height:12px;
}
.button-flare.small > span { top:-2px; }
.button-flare.small:hover > span { top:-1px; }
.button-flare.small small { font-size:10px; line-height:12px; }
/* Medium buttons */
.button-flare.medium { margin-top:3px; }
.button-flare.medium > span > span {
padding:10px 30px;
font-size:14px;
line-height:14px;
font-weight:normal;
}
.button-flare.medium > span { top:-3px; }
.button-flare.medium:hover > span { top:-1px; }
.button-flare.medium small { font-size:11px; line-height:13px; }
/* Big buttons */
.button-flare.big { margin-top:4px; }
.button-flare.big > span > span {
padding:18px 40px;
font-size:18px;
line-height:18px;
font-weight:normal;
}
.button-flare.big > span { top:-4px; }
.button-flare.big:hover > span { top:-1px; }
.button-flare.big small { font-size:12px; line-height:14px; }
/* Wide buttons */
.button-flare.type-wide { display:block; }
.button-flare.type-wide > span { display:block; text-align:center; }
/* Divider buttons */
.button-flare-divider {
padding:3px 0 44px;
overflow:hidden;
text-align:center;
}
html#ie7 .button-flare-divider { position:relative; }/* IE7 overflow fix */
.button-flare-divider .button-flare { margin:0; }
.button-flare-divider > span { display:inline-block; position:relative; }
.button-flare-divider > span .helper-1,
.button-flare-divider > span .helper-2 {
width:10px;
height:2px;
display:block;
position:absolute;
top:50%;
}
.button-flare-divider > span .helper-1 { right:100%; border-width:0 0 0 999px; }
.button-flare-divider > span .helper-2 { left:100%; border-width:0 999px 0 0; }
/* --- Frame ----------------------------------------------------------------------------------- */
.frame .image_container{
max-width:100%;
margin:0 auto 3px;
display:block;
}
/* Clearfix */
.frame .image_container:after {
height:0;
display:block;
clear:both;
content:"";
visibility:hidden;
}
html#ie7 .frame .image_container{ zoom:1; }
.frame .float_left,
.frame .float_right {
display:inline;
}
/* Decorators */
.frame > .decorator { max-width:100%; display:inline-block; position:relative; }
.decorator { max-width:100%; display:inline-block; }
.decorator > .outer { display:block; position:relative; }
.decorator > .outer > .inner { display:block; position:relative; z-index:10; }
.decorator > .outer > .inner > * { margin:0; display:block; }
.decorator > .outer > span[class*="hlp-"] { display:block; position:absolute; z-index:1; }
/* type-simple */
.frame.type-simple > .decorator > .outer {
padding:7px 0;
border-width:1px 0;
background:#f2f2f2;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
background-image:-webkit-linear-gradient(top, #fff, #f2f2f2);
background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
background-image: -o-linear-gradient(top, #fff, #f2f2f2);
background-image: linear-gradient(top, #fff, #f2f2f2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 10px rgba(0,0,0, 0.2);
-moz-box-shadow:0 0 10px rgba(0,0,0, 0.2);
box-shadow:0 0 10px rgba(0,0,0, 0.2);
}
html#ie7 .frame.type-simple > .decorator > .outer { border-width:1px; }
html#ie8 .frame.type-simple > .decorator > .outer { border-width:1px; }
/* type-board*/
.type-board > .decorator > .outer { padding:16px; }
.type-board > .decorator > .outer > .hlp-1,
.type-board > .decorator > .outer > .hlp-2 {
width:16px;
height:100%;
top:0;
background:url(../images/frame-sprites_1.png) 0 0 repeat-y;
}
.type-board > .decorator > .outer > .hlp-1 { left:0; background-position:0 0; }
.type-board > .decorator > .outer > .hlp-2 { right:0; background-position:-20px 0; }
.type-board > .decorator > .outer > .hlp-3,
.type-board > .decorator > .outer > .hlp-4 {
width:100%;
height:40px;
left:0;
background:url(../images/frame-sprites_1.png) 0 0 repeat-x;
}
.type-board > .decorator > .outer > .hlp-3 { top:0; background-position:-40px -60px; }
.type-board > .decorator > .outer > .hlp-4 { bottom:0; background-position:-40px 0; }
.type-board > .decorator > .outer > .hlp-5,
.type-board > .decorator > .outer > .hlp-6 {
width:38px;
height: 38px;
right:0;
background:url(../images/frame-sprites_1.png) 0 0 no-repeat;
}
.type-board > .decorator > .outer > .hlp-5 { top:0; background-position: -1109px -60px; }
.type-board > .decorator > .outer > .hlp-6 { bottom:0; background-position: -1109px -2px; }
/* type-easel*/
.type-easel > .decorator > .outer { padding:16px 0 54px; }
.type-easel > .decorator > .outer > .hlp-1 {
width:180px;
height:54px;
left:50%;
margin-left:-90px;
bottom:0;
background:url(../images/frame-sprites_1.png) -40px -100px no-repeat;
}
.type-easel > .decorator > .outer > .hlp-2 {
width:16px;
height:16px;
left:50%;;
margin-left:-8px;
top:0;
background:url(../images/frame-sprites_1.png) -240px -100px no-repeat;
}
/* type-paper-stack*/
.type-paper-stack > .decorator > .outer { padding:10px 10px 15px 10px; }
.type-paper-stack > .decorator > .outer > .hlp-1,
.type-paper-stack > .decorator > .outer > .hlp-2,
.type-paper-stack > .decorator > .outer > .hlp-3,
.type-paper-stack > .decorator > .outer > .hlp-4 {
top:0;
background:#fff;
border-width:1px;
border-color:#ccc !important;
}
.type-paper-stack > .decorator > .outer > .hlp-1 {
left:4px;
right:4px;
bottom:0;
}
.type-paper-stack > .decorator > .outer > .hlp-2 { left:3px; right:3px; bottom:2px; }
.type-paper-stack > .decorator > .outer > .hlp-3 { left:2px; right:2px; bottom:4px; }
.type-paper-stack > .decorator > .outer > .hlp-4 { left:1px; right:1px; bottom:6px; }
/* type-projector-screen */
.type-projector-screen > .decorator > .outer { padding:15px 14px 62px; }
.type-projector-screen > .decorator > .outer > .hlp-1 {
width:132px;
height:50px;
left:50%;
margin-left:-66px;
bottom:0;
background:url(../images/frame-sprites_1.png) -40px -190px no-repeat;
}
.type-projector-screen > .decorator > .outer > .hlp-2,
.type-projector-screen > .decorator > .outer > .hlp-3 {
height:18px;
left:0;
right:14px;
background:url(../images/frame-sprites_1.png) -40px -160px repeat-x;
}
.type-projector-screen > .decorator > .outer > .hlp-2 { top:0; }
.type-projector-screen > .decorator > .outer > .hlp-3 { bottom:47px; }
.type-projector-screen > .decorator > .outer > .hlp-4,
.type-projector-screen > .decorator > .outer > .hlp-5 {
width:14px;
height:18px;
right:0;
background:url(../images/frame-sprites_1.png) -1110px -160px no-repeat;
}
.type-projector-screen > .decorator > .outer > .hlp-4 { top:0; }
.type-projector-screen > .decorator > .outer > .hlp-5 { bottom:47px; }
/* frame shadows */
.type-board > .decorator > .outer,
.type-paper-stack > .decorator > .outer > .hlp-1 {
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2);
box-shadow:0 2px 2px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2);
}
/* --- Indicators ------------------------------------------------------------------------------ */
a .indicator {
width:auto;
height:auto;
display:block;
overflow:hidden;
position:absolute;
left:15px;
right:15px;
top:15px;
bottom:15px;
opacity:0;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
a .indicator { opacity:0; }
a:hover .indicator { opacity:1; }
html#ie7 a .indicator { visibility:hidden; }
html#ie7 a:hover .indicator { visibility:visible; }
html#ie8 a .indicator { visibility:hidden; }
html#ie8 a:hover .indicator { visibility:visible; }
/* Disable hover effect on touch devices */
html.touch a .indicator,
html.touch a:hover .indicator {
display:none;
}
.indicator > span {
width:0px;
height:0px;
margin-left:0px;
margin-top:0px;
display:block;
position:absolute;
left:50%;
top:50%;
}
.indicator > span:first-child {
z-index:2;
background-position:center center;
background-repeat:no-repeat;
}
.indicator > span + span {
z-index:1;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
background: rgba(111,111,111,0.8);
}
a:hover .indicator > span {
width:50px;
height:50px;
margin:-25px 0 0 -25px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
/* Indicator icons */
.indicator > span:first-child:after {
position: absolute;
text-align:center;
left: 13px;
top:12px;
line-height: 18px;
width:18px;
height:18px;
padding:1px;
color: #fff;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
content:"\F0C9";
font-size: 14px;
border:2px solid #fff;
webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a[target] .indicator > span:first-child:after {content: "\F08E";
border:0;
top:15px;
left: 14px;
font-size: 20px;
}
.i-zoom .indicator > span:first-child:after ,
a[data-lightbox] .indicator > span:first-child:after { content: "\F00E";
border:0;
top:12px;
font-size: 20px;
}
.i-play a[data-lightbox] .indicator > span:first-child:after {content: "\F04B"; border:0;
left:16px;
top:14px;
font-size: 20px;}
.i-play a[data-toggle] .indicator > span:first-child:after {
content: "\f090";
border: 0;
left: 16px;
top: 14px;
font-size: 20px;
}
/* --- Dividers -------------------------------------------------------------------------------- */
hr,
.divider.type-simple,
.divider-arrow,
.divider-top {
width:100%;
height:0px;
display:block;
position:relative;
}
hr,
.divider.type-simple { margin:22px 0 63px; border-width:1px 0 0 0; }
hr { margin:22px 0 21px 0; }
.divider-arrow {
margin:22px 0 43px;
border-width:1px 0 0 0;
}
.divider-arrow > div {
height:0;
width:0;
margin-left:-6px;
position:absolute;
top:0;
left:50%;
border-style:solid outset outset outset;
border-width:12px;
border-left-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.divider-top {
height:auto;
margin:44px 0 22px;
top:-9px;
overflow:hidden;
font:italic 12px/18px Georgia, sans-serif;
}
.divider-top div {
height:1px;
margin-top:8px;
overflow:hidden;
white-space:nowrap;
border-width:1px 0 0 0;
}
.divider-top a { margin-left:10px; float:right; }
.divider.fancy { margin:26px 0 48px; text-align:center; }
/* --- Headings -------------------------------------------------------------------------------- */
.heading.type-divider { overflow:hidden; text-align:center; }
html#ie7 .heading.type-divider { position:relative; }/* IE7 overflow fix */
.heading.type-divider .inner { position:relative; }
.heading.type-divider .inner > .helper-1,
.heading.type-divider .inner > .helper-2 {
height:2px;
width:10px;
display:block;
position:absolute;
top:0.6em;
}
.heading.type-divider .inner > .helper-1 { right:100%; border-width:0 0 0 999px; }
.heading.type-divider .inner > .helper-2 { left:100%; border-width:0 999px 0 0; }
/* --- Messages -------------------------------------------------------------------------------- */
.message {
margin: 0 0 22px;
padding:0 22px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0)));
background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));
}
.message > .inner {
padding:22px 0 0 43px;
margin:0 0 22px;
background-repeat:no-repeat;
background-position:0 17px;
}
.message.success , .message.confirm { color:#0e6200; background-color:#d8ffcc; border-color:#b3f39f !important; }
.message.info { color:#004a79; background-color:#cbebff; border-color:#a0daff !important; }
.message.warning { color:#7f4800; background-color:#fff8c0; border-color:#ffef6f !important; }
.message.error { color:#ca0000; background-color:#ffe0e0; border-color:#ffcccc !important; }
/* --- Qoutes ---------------------------------------------------------------------------------- */
.pullquote,
blockquote {
font-family:Georgia, serif;
font-style:italic;
}
blockquote { margin:11px 22px 0; padding:27px 22px 11px; }
blockquote {
margin:22px;
padding:0 22px;
border-width:0 0 0 5px;
border-style:double;
}
/* --- Teestimonials --------------------------------------------------------------------------- */
.testimonial > p {
line-height:18px;
font-family:Georgia, Times, 'Times New Roman', serif;
font-style:italic;
}
/* type-bubble */
.testimonial { margin:0 0 35px; }
.testimonial p{
padding:22px;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background: #eaeaea;
}
.testimonial > strong {display: inline-block;padding-left:5px;}
#content .testimonial p:before {
width:0;
display:block;
content:"";
position:absolute;
bottom:-16px;
left:30px;
border-width:8px;
border-style:solid;
border-color: #eaeaea;
border-right-color:transparent;
border-bottom-color:transparent;
}
/* --- Text highlighting ----------------------------------------------------------------------- */
ins { color:#333; background-color:#c1f7ff; }
mark {
padding:0 0.33em;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* --- Dropcaps ------------------------------------------------------------------------------- */
.dropcap { float:left; display:block; text-transform:uppercase; }
.dropcap > span { width:100%; height:100%; display:block; }
/* type-simple */
.dropcap.type-simple {
height:38px;
margin-right:0.25em;
font-size:44px;
line-height:44px;
font-weight:bold;
}
/* type-square */
.dropcap.type-square {
height:38px;
width:38px;
margin-right:0.5em;
overflow:hidden;
font-size:18px;
line-height:38px;
font-weight:bold;
text-align:center;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* --- Progress Bar ---------------------------------------------------------------------------- */
.progress-bar {
padding:2px;
margin:0 0 46px;
position:relative;
top:23px;
border-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1);
box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.1);
}
.progress-bar > .inner {
background-color: #FF8B14;
height:6px;
position:relative;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-animation:expand-inline-width 2s ease-in-out;
-moz-animation:expand-inline-width 2s ease-in-out;
-ms-animation:expand-inline-width 2s ease-in-out;
-o-animation:expand-inline-width 2s ease-in-out;
animation:expand-inline-width 2s ease-in-out;
}
.progress-bar > .inner > span {
width:28px;
padding:2px;
margin-right:-17px;
display:block;
position:absolute;
right:0;
top:-25px;
font-size:10px;
line-height:12px;
letter-spacing:1px;
text-transform:uppercase;
text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-animation:fade-in 1s 2s ease-in-out;
-moz-animation:fade-in 1s 2s ease-in-out;
-ms-animation:fade-in 1s 2s ease-in-out;
-o-animation:fade-in 1s 2s ease-in-out;
animation:fade-in 1s 2s ease-in-out;
-webkit-animation-fill-mode:backwards;
-moz-animation-fill-mode:backwards;
-ms-animation-fill-mode:backwards;
-o-animation-fill-mode:backwards;
-animation-fill-mode:backwards;
}
.progress-bar > .inner > span:after {
width:0;
margin-left:-4px;
display:block;
content:"";
position:absolute;
bottom:-8px;
left:50%;
border-width:4px;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
/* --- Box ------------------------------------------------------------------------------------- */
.box, .tip-box {
overflow:hidden;
margin:0 0 22px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0, 0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0, 0.1);
box-shadow:0 1px 3px rgba(0,0,0, 0.1);
}
.box-header, .tip-box h2 {
padding:8px 22px;
overflow:hidden;
position:relative;
}
.box-header:after, .tip-box h2:after {
height:1px;
position:absolute;
left:3px;
right:3px;
top:1px;
z-index:2;
content:"";
background-image:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 50%,rgba(255,255,255,0) 100%);
}
.box > :first-child {
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.box > :last-child {
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
.box-header h1,
.box-header h2,
.box-header h3,
.box-header h4,
.box-header h5,
.box-header h6,
.box-header p {
margin:0;
}
.box-content {
padding:22px 22px 0;
overflow:hidden;
position:relative;
border-width:1px;
}
.box .box-content + .box-content { border-top-width:0; }
.box-content > .inner { position:relative; z-index:2; }
.box-content > .background {
width:auto;
height:auto;
top:1px;
bottom:1px;
left:1px;
right:1px;
}
/* --- Tweets ---------------------------------------------------------------------------------- */
.tweets {
padding:22px;
position:relative;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.tweets:before {
width:0;
display:block;
content:"";
position:absolute;
bottom:-16px;
left:30px;
border-width:8px;
border-style:solid outset outset solid;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.twitter > p {
padding:13px 22px 13px 44px;
font:italic 12px/18px Georgia, sans-serif;
background:url(../images/twitter.png) 0 13px no-repeat;
}
.tweets { margin:0; list-style:none; }
.tweets li { padding:9px 0; border-width:1px 0 0 0; }
.tweets li:first-child { padding-top:0; border:0; }
.tweet p { margin:0; }
.tweet p.meta { font:italic 12px/18px Georgia, sans-serif; }
/* --- JPLAYER --------------------------------------------------------------------------------- */
div.jp-audio { color:#fff; background-color:#404040; position:relative; }
div.jp-audio { width:960px; max-width:100%; }
div.jp-interface {
position:relative;
background:url( ../images/fader.skin.png ) 0 -60px repeat-x;
}
div.jp-audio .jp-interface { height:40px; padding:10px 20px; }
div.jp-controls-holder {
clear:both;
width:440px;
margin:0 auto 10px;
position:relative;
overflow:hidden;
}
ul.jp-controls {
width:100%;
height:23px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
left:20px;
bottom:10px;
list-style-type:none;
}
ul.jp-controls li { display:inline; float:left; }
ul.jp-controls a {
height:23px;
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-9999px;
}
.jp-controls li a{
background-image:url( ../images/fader.skin.png );
background-repeat:no-repeat;
}
.jp-play { width:32px; background-position:-20px -25px; }
.jp-play:hover { background-position:-60px -25px; }
.jp-pause { width:32px; background-position:-100px -25px; }
.jp-pause:hover { background-position:-140px -25px; }
.jp-progress { margin:0 auto; height:8px; overflow:hidden; }
.jp-seek-bar {
width:0px;
height:100%;
overflow:hidden;
cursor:pointer;
background:#4d4d4d;
}
.jp-play-bar { width:0px; height:100%; overflow:hidden; }
a.jp-mute,
a.jp-unmute {
width:32px;
position:absolute;
bottom:0;
right:90px;
background-image:url( ../images/fader.skin.png );
background-repeat:no-repeat;
}
a.jp-mute { background-position:-180px -25px; }
a.jp-mute:hover { background-position:-220px -25px; }
a.jp-unmute { background-position:-260px -25px; }
a.jp-unmute:hover { background-position:-300px -25px; }
.jp-volume-bar {
width:40px;
height:8px;
overflow:hidden;
position:absolute;
}
.jp-volume-bar:hover { cursor:pointer; }
.jp-volume-bar { bottom:17px; right:20px; }
.jp-volume-bar-value { height:8px; }
.jp-volume-bar-value,
.jp-play-bar {
background:#fa2323;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fa2323),to(#c50303));
background-image:-webkit-linear-gradient(top,#fa2323,#c50303);
background-image: -moz-linear-gradient(top,#fa2323,#c50303);
background-image: -ms-linear-gradient(top,#fa2323,#c50303);
background-image: -o-linear-gradient(top,#fa2323,#c50303);
background-image: linear-gradient(top,#fa2323,#c50303);
}
.jp-current-time, .jp-duration { position:relative; z-index:5; margin-top:10px; font-size:11px; }
.jp-current-time { margin-left:42px; float:left; color:#fff; }
.jp-duration { margin-left:5px; float:left; color:#b2b2b2; }
.jp-title ul { margin:0; padding:0; list-style-type:none; }
.jp-title li { position:relative; padding:10px 20px 0; overflow:hidden; }
div.jp-jplayer audio,
div.jp-jplayer {
width:0px;
height:0px;
}
div.jp-jplayer { background-color:#000000; }
.jp-progress,
.jp-seek-bar,
.jp-volume-bar {
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.jp-progress,
.jp-volume-bar {
border-width:1px;
border-color:#232323 !important;
background:#1a1a1a;
-webkit-box-shadow:0 1px 0 #4e4e4e;
-moz-box-shadow:0 1px 0 #4e4e4e;
box-shadow:0 1px 0 #4e4e4e;
}
/* --- Toggle UI ------------------------------------------------------------------------------- */
.toggle { margin-bottom:22px; position:relative; }
html#ie7 .toggle { position:static; }
.toggle + .toggle {
margin-top:22px;
padding:22px 0 0;
border-top-width:1px;
border-top-style:solid;
}
.toggle + .divider { margin-top:0; }
.toggle-title { cursor:pointer; }
.toggle-title .plus,
.toggle-title .minus {
margin-top:4px;
float:left;
}
.toggle-title h4 { margin:0 0 0 26px; }
.toggle-content .block { padding:22px 26px 2px; }
/* --- Tab UI ---------------------------------------------------------------------------------- */
#content-inner .tabs, .content .tabs{ margin:0 0 20px;
border: 1px solid #eaeaea;
background-color:#fff;
}
/* Tabs */
.tabs .current-info,
.tabs .accessibletabsanchor,
.tabs .tabhead {
position:absolute;
left:-999em;
}
.tabs-nav { margin:0; list-style:none; }
.tabs .tabs-nav:after { height:0; content:""; display:block; clear:both; visibility:hidden; }
html#ie7 .tabs .tabs-nav { zoom:1; }
.tabs.align-left .tabs-nav { margin:0 auto 0 0; }
.tabs.align-center .tabs-nav { margin:0 auto; }
.tabs.align-right .tabs-nav { margin:0 0 0 auto; }
html#ie7 .tabs.align-center { text-align:center; }
html#ie7 .tabs.align-center .tabs-nav { display:inline; zoom:1; }
html#ie7 .tabs.align-center .tabs-viewport { text-align:left; }
@media only screen and (min-width: 601px) {
.tabs.layout-vertical { overflow:hidden; }
.tabs.tabs-left .tabs-nav { max-width:200px; float:left; }
.tabs.tabs-right .tabs-nav { max-width:200px; float:right; }
.tabs.layout-vertical .tabs-nav { display:block; }
.tabs.layout-vertical .tabs-nav-item { float:none; }
.tabs.layout-vertical .tabs-viewport { overflow:hidden; }
}
/* Tabs - Transparent */
.tabs.type-transparent .tabs-nav-item {
opacity:0.33;
-webkit-transition:opacity .5s ease;
-moz-transition:opacity .5s ease;
-ms-transition:opacity .5s ease;
-o-transition:opacity .5s ease;
transition:opacity .5s ease;
}
.tabs.type-transparent .tabs-nav-item:hover,
.tabs.type-transparent .tabs-nav-item.current {
opacity:1;
}
/* Tabs - Button */
.tabs.type-button .tabs-nav {
position:relative;
left:-10px;
}
.tabs.type-button .tabs-nav-item {
padding:2px 22px;
border-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-button .tabs-nav-item { margin:0 0 0 10px; }
.tabs.type-button .tabs-nav-item.current {
padding:3px 21px;
position:relative;
border-width:0;
}
.tabs.type-button .tabs-nav-item.current:after {
width:0;
height:0;
display:block;
content:"";
position:absolute;
border-width:6px;
}
.tabs.type-button.tabs-top .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-12px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
@media only screen and (max-width: 600px) {
.tabs.type-button.tabs-left .tabs-nav-item.current:after,
.tabs.type-button.tabs-right .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-12px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
.tabs.type-button.tabs-bottom .tabs-nav-item.current:after {
margin-left:-6px;
top:-12px;
left:50%;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.tabs.type-button.tabs-top .tabs-viewport { padding:20px 0 0; }
.tabs.type-button.tabs-bottom .tabs-viewport { padding:0 0 20px; }
@media only screen and (min-width: 601px) {
.tabs.type-button.layout-vertical .tabs-nav {
position:static;
left:auto;
}
.tabs.type-button.tabs-left .tabs-nav-item { margin:0 20px 4px 0; }
.tabs.type-button.tabs-right .tabs-nav-item { margin:0 0 4px 20px; }
.tabs.type-button.tabs-left .tabs-nav-item.current:after {
margin-left:0;
margin-top:-6px;
left:auto;
right:-12px;
top:50%;
bottom:auto;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.tabs.type-button.tabs-right .tabs-nav-item.current:after {
margin-left:0;
margin-top:-6px;
left:-12px;
right:auto;
top:50%;
bottom:auto;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.tabs.type-button.layout-vertical .tabs-viewport { padding:0; }
}
.tabs.type-button .tabs-nav-item.current
{
background-color: #ff6c00;
}
.tabs.type-simple .tabs-nav-item.current,
.tabs.type-button .tabs-nav-item.current:after,
.tabs.type-simple .tabs-nav-item.current:after
{
border-color: #ff6c00;
}
/* Tabs - Simple */
.tabs.type-simple .tabs-nav { position:relative; display:block;margin:0;height:39px;}
.tabs.type-simple.tabs-top .tabs-nav { }
.tabs-nav-item a {color: #6f6f6f;}
.tabs.type-simple.layout-horizontal .tabs-nav-item {
}
#content-inner .tabs .tabs-nav-item a , .content .tabs .tabs-nav-item a {
display: block;
width: 100%;
text-indent: 22px;
background:#eaeaea;
height: 39px;
line-height: 39px;
overflow: hidden;
text-overflow: ellipsis;
}
#content-inner .tabs-nav-item a:hover, .content .tabs-nav-item a:hover{color: #FF8B14; background: #fff; }
#content-inner #right .tabs-nav-item a { text-indent: 0; text-align:center; padding: 0; }
#right .tabs-nav-item , .three-tabs .tabs-nav-item {width:33.333333%; }
#right .twotabs .tabs-nav-item {width:50%; }
#wpTabs .tabs-nav-item , .four-tabs .tabs-nav-item {width:25%; }
.five-tabs .tabs-nav-item {width:20%; }
.six-tabs .tabs-nav-item {width:16.666666%; }
#content-inner .tabs .tabs-nav-item, .content .tabs .tabs-nav-item{
position:relative;
margin: 0;
padding: 0;
border-right: 1px solid #fff;
height: 39px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tabs-nav {background-color:#EAEAEA;}
@media only screen and (min-width: 760px) and (max-width: 800px) {
#wpTabs #tab3 { text-indent: 15px; }
}
#content-inner .tabs .tabs-nav-item.last, .content .tabs .tabs-nav-item.last { border-right:0;}
#content-inner .tabs .tabs-nav-item.current a, .content .tabs .tabs-nav-item.current a {
overflow: hidden;
white-space: nowrap;
display:block;
text-overflow: ellipsis;
top:0;
background: #fff;
border-top: 3px solid #FF8B14;
height: 36px;
line-height: 32px;
}
.tabs .tabs-viewport { padding:22px;}
#right .tabs .tabs-viewport { padding:22px 10px 22px 15px;}
/* max-width 600px, tabs-left & tabs-right similar to tabs-top */
@media only screen and (max-width: 600px) {
.tabs.type-simple.layout-vertical .tabs-nav {
padding:0 16px;
top:4px;
}
.tabs.type-simple.layout-vertical .tabs-nav-item {
padding:8px 16px;
position:relative;
top:3px;
border-width:1px 1px 0 1px;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.tabs.type-simple.layout-vertical .tabs-nav-item.current {
padding:8px 13px;
top:0;
border-width:4px;
}
.tabs.type-simple.layout-vertical .tabs-nav-item.current:after {
margin-left:-6px;
bottom:-16px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
/* min-width: 601px */
@media only screen and (min-width: 601px) {
.tabs.type-simple.layout-vertical .tabs-nav {
margin-top:10px;
}
.tabs.type-simple.tabs-left .tabs-nav-item.current {
padding:5px 15px 5px 12px;
}
.tabs.type-simple.tabs-right .tabs-nav-item.current {
padding:5px 12px 5px 15px;
}
.tabs.type-simple.tabs-left .tabs-nav-item {
border-width:1px 0 1px 1px;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
}
.tabs.type-simple.tabs-right .tabs-nav-item {
border-width:1px 1px 1px 0;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
}
.tabs.type-simple.tabs-left .tabs-nav-item.current {
margin-right:-4px;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-simple.tabs-left .tabs-nav-item.current:after {
margin-top:-6px;
right:-16px;
top:50%;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.tabs.type-simple.tabs-right .tabs-nav-item.current {
overflow:inherit;
margin-left:-4px;
padding-left:15px;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.tabs.type-simple.tabs-right .tabs-nav-item.current:after {
margin-top:-6px;
left:-16px;
top:50%;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
.tabs ul.pagination h5 {
margin: 0;
padding:0;
display:inline-block;
font-size:12px;
line-height:15px;
font-weight: normal;
color: #fff;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width: 70px;
text-align:center;
-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);
text-shadow:0 1px 0 rgba(0,0,0,0.2);
}
.tabs ul.pagination {
display:none;
}
@media only screen and (max-width: 599px) {
.tabs ul.pagination {
list-style: none;
zoom: 1;
margin:15px auto;
display:table;
}
.tabs ul.pagination li
{ width:auto;
float:left;
}
#content-inner .tabs ul.pagination li a {
padding:5px 8px 8px 8px;
margin-top:20px;
color: #fff;
display:inline-block;
font-size:15px;
line-height:15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 0px rgba(0,0,0, 0.14);
-moz-box-shadow:0 1px 0px rgba(0,0,0, 0.14);
box-shadow:0 1px 0px rgba(0,0,0, 0.14);
background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00));
background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00);
background-image: -moz-linear-gradient(top, #ff894d, #ff6c00);
background-image: -ms-linear-gradient(top, #ff894d, #ff6c00);
background-image: -o-linear-gradient(top, #ff894d, #ff6c00);
background-image: linear-gradient(top, #ff894d, #ff6c00);
}
.tabs ul.pagination a:hover{
background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6c00, endColorstr=#ffff894d);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff6c00, endColorstr=#ff894d)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 200%, from(#ff6c00), to(#ff894d));
background-image: -webkit-linear-gradient(top, #ff6c00 0%, #ff894d 200%);
background-image: -moz-linear-gradient(top, #ff6c00 0%, #ff894d 200%);
background-image: -ms-linear-gradient(top, #ff6c00 0%, #ff894d 200%);
background-image: -o-linear-gradient(top, #ff6c00 0%, #ff894d 200%);
background-image: linear-gradient(top, #ff6c00 0%, #ff894d 200%);
}
.tabs ul.pagination li span{
overflow: hidden;
display:inline-block;
text-indent: -999em;
height:0;
width:0;
padding:0;
font-size:16px;
line-height:16px;
border-width:5px;
border-color: #ffffff !important;
}
.tabs ul.pagination li.next span{
margin-left: 4px;
border-style: outset outset outset solid;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.tabs ul.pagination li.previous a span {
margin-right:4px;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.tabs ul.pagination li.previous {
margin-right:15px;
}
#content-inner .tabs .tabs-nav {
display:none;
}
}
/* --- Before & After Effect ------------------------------------------------------------------- */
.before-after { max-width:100%; display:block; }
.before-after > .fluid-wrapper { margin:0; overflow:hidden; }
.before-after > .fluid-wrapper:hover { cursor:col-resize; cursor:w-resize; }
.before-after img { display:block; }
.before-after .layer-before { width:100%; height:100%; position:relative; z-index:1; }
.before-after .layer-after {
width:100%;
height:100%;
position:absolute;
left:50%;
top:0;
overflow:hidden;
z-index:2;
}
.before-after .layer-after img { position:absolute; right:50%; top:0; z-index:2; }
/* Handle */
.before-after .handle {
width:6px;
height:100%;
margin-left:-3px;
position:absolute;
left:50%;
top:0;
z-index:2;
background:red;
-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,.5);
box-shadow:0 0 10px rgba(0,0,0,.5);
}
/* Arrows */
.before-after .handle span {
width:0;
height:0;
margin-top:-7px;
display:block;
position:absolute;
top:50%;
border-width:7px;
}
/* Left arrow */
.before-after .handle span {
left:-20px;
right:auto;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
border-right-color:red !important;
}
/* Right arrow */
.before-after .handle span + span {
left:auto;
right:-20px;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:red !important;
}
/* Before & After IE7 workarounds */
html#ie7 .before-after .layer-before { height: 9999px; left: 0; top: 0; position:absolute; }
html#ie7 .before-after .layer-after { height:9999px; }
html#ie7 .before-after .handle { height: 9999px; }
html#ie7 .before-after .handle span { top: 25px; }
html#ie7 .before-after > .fluid-wrapper > .inner { overflow:hidden; }
/* --- FlexSlider ------------------------------------------------------------------------------ */
.flex-container { margin-bottom:22px; position:relative; text-align:center; zoom:1; }
#precontent .flex-container { margin-bottom:11px; }
.flexslider { width:100%; margin:0 auto; position:relative; zoom:1; }
.flexslider .slides { margin:0; list-style:none; zoom:1; }
.flexslider .slides:after {
height:0;
display:block;
clear:both;
content:".";
visibility:hidden;
line-height:0;
}
html[xmlns] .flexslider .slides { display:block; }
* html .flexslider .slides { height:1%; }
.flexslider .slides > li { position:relative; }
.flexslider .slides > li + li { display:none; }
.flexslider .slides img { max-width:100%; display:block; }
.flexslider { text-align:left; }
.flex-nav {
height:16px;
margin:14px 0 0;
padding:0 32px;
display:inline-block;
position:relative;
text-align:center;
}
html#ie7 .flex-nav { display:inline; zoom:1; }
.flex-control-nav,
.flex-direction-nav {
margin:0;
overflow:hidden;
list-style:none;
}
.flex-control-nav li,
.flex-direction-nav li {
float:left;
}
.flex-control-nav a,
.flex-direction-nav a {
float:left;
text-indent:-9999px;
background-repeat:no-repeat;
background-image:url(../images/sprites_1.png);
}
.flex-control-nav a { width:16px; height:16px; }
.flex-control-nav a { background-position:0 -160px;; }
.flex-control-nav a:hover { background-position:0 -176px;; }
.flex-control-nav a.active { background-position:-16px -160px; }
.flex-direction-nav a { width:22px; height:22px; position:absolute; top:-4px; }
.flex-direction-nav .prev { left:0; background-position:0 0; }
.flex-direction-nav .prev:hover { background-position:0 -22px; }
.flex-direction-nav .next { right:0; background-position:-22px 0; }
.flex-direction-nav .next:hover { background-position:-22px -22px; }
@media only screen and (min-width: 961px) {
/* Apply the layout-narrow only above the breakpoint */
.flex-container.layout-narrow { padding:0 72px; }
.flex-container.layout-narrow .flex-direction-nav a {
width:52px;
height:52px;
top:50%;
margin-top:-26px;
}
.flex-container.layout-narrow .flex-direction-nav .prev { background-position:0 -50px; }
.flex-container.layout-narrow .flex-direction-nav .prev:hover { background-position:0 -102px; }
.flex-container.layout-narrow .flex-direction-nav .next { background-position:-52px -50px; }
.flex-container.layout-narrow .flex-direction-nav .next:hover { background-position:-52px -102px; }
.flex-container.layout-narrow .flex-nav,
html#ie7 .flex-container.layout-narrow .flex-nav {
display:block;
position:static;
}
.flex-container.layout-narrow .flex-control-nav { display:inline-block; }
html#ie7 .flex-container.layout-narrow .flex-control-nav { display:inline; zoom:1; }
}
.flexslider .slide { filter:inherit; }
.flexslider .slide { overflow: hidden; }
.flexslider .slide > .description { position:absolute; }
.slide > .description > .inner { position:relative; z-index:2; }
.slide[class*="layout-bubble-"] > .description {
max-width:47.9166667%;
position:absolute;
z-index:2;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.slide[class*="layout-bubble-"] > .description:after {
width:0;
display:block;
content:"";
position:absolute;
border-width:8px;
}
.slide.layout-bubble-top-left > .description { left:20px; top:20px; }
.slide.layout-bubble-top-right > .description { right:20px; top:20px; }
.slide.layout-bubble-bottom-left > .description { left:20px; bottom:20px; }
.slide.layout-bubble-bottom-right > .description { right:20px; bottom:20px; }
.slide[class*="layout-bubble-top-"] > .description:after {
top:100%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.slide[class*="layout-bubble-bottom-"] > .description:after {
bottom:100%;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.slide.layout-bubble-top-left > .description:after,
.slide.layout-bubble-bottom-left > .description:after {
left:20px;
}
.slide.layout-bubble-top-right > .description:after,
.slide.layout-bubble-bottom-right > .description:after {
right:20px;
}
.slide[class*="layout-bubble-"] > .description > .inner { padding: 15px 20px; }
.slide[class*="layout-bubble-"] > .description > .inner > h4 { margin: 0; }
.flexslider .slide * { filter: inherit; -ms-filter: inherit; }
.flexslider .slides > li > div > .media > a { display:block; }
.flex-container.entry-mediabox {
padding:7px 0;
border-width:1px 0;
background:#f2f2f2;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f2f2f2));
background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -ms-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(top,#fff,#f2f2f2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,1),inset 1px -1px 0 rgba(255,255,255,1);
-moz-box-shadow:0 1px 5px rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,1),inset 1px -1px 0 rgba(255,255,255,1);
box-shadow:0 1px 5px rgba(0,0,0,.1),inset -1px -1px 0 rgba(255,255,255,1),inset 1px -1px 0 rgba(255,255,255,1);
}
@media only screen and (max-width: 600px) {
.flex-container { margin-bottom:10px; }
.slide[class*="layout-bubble-"] > .description { display:none; }
}
/* --- Entry elements -------------------------------------------------------------------------- */
.entry-mediabox {}
.entry-mediabox img,
.entry-mediabox object,
.entry-mediabox iframe {
margin:0 auto;
display:block;
}
.entry-featured-media { position:relative; }
.entry-featured-media > .frame { margin:0; }
.collection.view-as-grid.one-fourth .entry-featured-media { margin-bottom:10px; }
.entry-featured-media a { position:relative; display:block; }
.entry-featured-media img,
.entry-featured-media object,
.entry-featured-media iframe {
margin:0 auto;
display:block;
}
.entry-meta { font:italic 12px/18px Georgia, sans-serif; }
.entry-meta > span { margin-right:0.33em; }
.entry-meta > span:after { content:","; }
.entry-meta > span:last-child:after { content:""; }
.entry-terms {
padding:22px 0;
overflow:hidden;
border-style:dotted;
border-width:1px 0 0 0;
font:italic 12px/18px Georgia, sans-serif;
}
.collection .entry-terms { padding-top:0; border:none; }
.entry-terms > div h6 {
width:0;
height:20px;
margin-bottom:0;
overflow:hidden;
float:left;
font-weight:normal;
}
.entry-terms > div ul { margin:0; overflow:hidden; list-style:none; }
.entry-terms > div li { margin:0 8px 6px 0; float:left; }
.entry-categories li:after { content:","; }
.entry-categories li:last-child:after { content:""; }
.entry-tags ul li a {
padding:1px 8px;
position:relative;
display:block;
white-space:nowrap;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.entry-tags ul li a:after {
width:0;
height:0;
margin-top:-4px;
margin-right:4px;
display:block;
position:absolute;
left:100%;
top:50%;
content:"";
border-style:outset outset outset solid;
border-width:4px;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.entry-buttons { padding-top:3px; margin:0 0 22px; list-style:none; overflow: hidden; }
.entry-buttons li { float:left; }
.entry-buttons.horizontal li { display:inline; float:left; }
.entry-buttons.vertical li { display:block; float:none; }
.entry-buttons .button-flare { margin-bottom:0; }
/* Entry navigation */
.entry-nav { margin:0 0 22px; padding:22px 0 0; overflow:hidden; }
.entry-nav > ul { margin:0 auto; display:table; position:relative; list-style:none; }
html#ie7 .entry-nav { text-align:center; }
html#ie7 .entry-nav > ul { display:inline; zoom:1; }
.entry-nav > ul:after,
.entry-nav > ul:before {
width:5px;
height:3px;
display:block;
position:absolute;
top:11px;
content:"";
border-style:solid;
}
.entry-nav > ul:after { left:100%; border-width:0 999px 0 0; }
.entry-nav > ul:before { right:100%; border-width:0 0 0 999px; }
.entry-nav > ul > li {
float:left;
overflow:hidden;
position:relative;
}
.entry-nav > ul > li.prev,
.entry-nav > ul > li.next {
top:4px;
}
.entry-nav > ul > li > a { margin:0 5px; display:block; float:left; position:relative; }
.entry-nav > ul > li.back > a { width:25px; height:25px; }
.entry-nav > ul > li.prev > a,
.entry-nav > ul > li.next > a {
width:36px;
height:16px;
}
.entry-nav > ul > li > a > span { display:block; text-indent:-9999px; }
.entry-nav > ul > li.back a > span.helper-1,
.entry-nav > ul > li.back a > span.helper-2 {
width:3px;
height:3px;
position:absolute;
left:8px;
border-width:0 3px;
}
.entry-nav > ul > li.back a > span.helper-1 { top:8px; }
.entry-nav > ul > li.back a > span.helper-2 { top:14px; }
.entry-nav > ul > li.prev a > span,
.entry-nav > ul > li.next a > span {
width:0;
height:0;
position:absolute;
top:4px;
border-width:4px;
}
.entry-nav > ul > li.next a > span {
margin-left:4px;
left:12px;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
.entry-nav > ul > li.prev a > span {
margin-right:4px;
right:12px;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.entry-nav > ul > li,
.entry-nav > ul > li > a {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.related-entries { margin-top:40px; }
/* --- Collections ----------------------------------------------------------------------------- */
.sticky {}
.collection { width:100%; }
.collection > ul { margin:0; position:relative; list-style:none; }
.collection.view-as-grid > ul > li { margin:0 0 22px; display:inline-block; vertical-align:top; }
html#ie7 .collection.view-as-grid > ul > li { display:inline; zoom:1; }
.collection.view-as-grid.one-fourth > ul { width:103.75%; left:-3.75%; }
.collection.view-as-grid.one-fourth > ul > li { width:21.3855422%; margin-left:3.61445783%; }
.c-three-fourth .collection.view-as-grid.one-fourth > ul { width:105.06329114%; left:-5.06329114%; }
.c-three-fourth .collection.view-as-grid.one-fourth > ul > li { width:28.5140562%; margin-left:4.81927711%; }
.c-one-half .collection.view-as-grid.one-fourth > ul { width:107.79220779%; left:-7.79220779%; }
.c-one-half .collection.view-as-grid.one-fourth > ul > li { width:42.7710843%; margin-left:7.22891566%; }
.c-one-fourth .collection.view-as-grid.one-fourth > ul > li { width:100%; margin-left:0; }
.collection.view-as-grid.one-third > ul { width:103.75%; left:-3.75%; }
.collection.view-as-grid.one-third > ul > li { width:29.7188755%; margin-left:3.61445783%; }
.c-two-third .collection.view-as-grid.one-third > ul { width:105.73248408%; left:-5.73248408%; }
.c-two-third .collection.view-as-grid.one-third > ul > li { width:44.5783133%; margin-left:5.42168675%; }
.c-one-third .collection.view-as-grid.one-third > ul > li { width:100%; margin-left:0; }
.collection.view-as-grid.one-half > ul { width:103.75%; left:-3.75%; }
.collection.view-as-grid.one-half > ul > li { width:46.3855422%; margin-left:3.61445783%; }
.c-one-half .collection.view-as-grid.one-half > ul > li { width:100%; margin-left:0; }
.collection.view-as-grid.two-thirds > ul > li { width:100%; }
.collection.view-as-grid.max > ul > li { width:100%; margin-bottom:40px; }
.collection.view-as-list > ul { margin:0; list-style:none; }
/* collection-list-one-twelth */
.collection.view-as-list.one-twelfth > ul { margin:0 0 20px; }
.collection.view-as-list.one-twelfth > ul > li { padding:0 0 10px; }
.collection.view-as-list.one-twelfth > ul > li + li {
padding:10px 0;
border-top-width:1px;
}
.collection.view-as-list.one-twelfth .entry-featured-media .frame { margin-bottom:0; }
.collection.view-as-list.one-twelfth .entry-featured-media .frame > .decorator > .outer { padding:7px; }
.collection.view-as-list.one-twelfth .entry-featured-media .frame > span { vertical-align:bottom; }
.collection.view-as-list.one-twelfth .entry-featured-media img.shadow-bottom { display:none; }
.collection.view-as-list.one-twelfth .c-x { float:none; margin:0 0 0 79px; }
.collection.view-as-list.one-twelfth.no-featured-media .c-x { margin:0; }
.collection.view-as-list.one-twelfth .entry-meta { margin-top:-22px; }
/* collection-list-two-third */
.collection.view-as-list.two-third > ul { margin:0 0 22px; }
.collection.view-as-list.two-third > ul > li { margin: 0 0 44px; }
.collection.view-as-list.two-third > ul > li + li {
padding-top:44px;
border-top-width:1px;
}
.collection.view-as-list.two-third > ul > li.even > article > .c-two-third {
position:relative;
left:34.5833333%;
}
.collection.view-as-list.two-third > ul > li.even > article > .c-one-third {
position:relative;
left:-69.1666667%;
}
@media only screen and (max-width: 600px) {
.collection.view-as-grid.one-fourth > ul,
.collection.view-as-grid.one-third > ul,
.collection.view-as-grid.one-half > ul,
.collection.view-as-grid.one-fourth > ul > li,
.collection.view-as-grid.one-third > ul > li,
.collection.view-as-grid.one-half > ul > li {
width:100%;
margin-left:0;
left:0;
}
}
.collection.view-as-list .entry-featured-media { margin:0; }
/* --- Isotope --------------------------------------------------------------------------------- */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* CSS3 transitions */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* disable CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* toolbar */
.isotope-toolbar { margin:-11px 0 44px; }
.isotope-toolbar .filters {
padding:0 20px 8px 10px;
overflow:hidden;
border-width:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.isotope-toolbar .filters > p {
padding:2px 10px;
margin:8px 0 0 0;
float:left;
font-size:12px;
line-height:20px;
}
.isotope-toolbar .filters > ul {
margin:0;
float:right;
list-style:none;
}
.isotope-toolbar .filters > ul li {
margin:8px 0 0 8px;
float:left;
font-size:12px;
line-height:20px;
}
.isotope-toolbar .filters > ul li a {
padding:2px 20px;
display:block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.isotope-toolbar .filters > ul li.current a {
position:relative;
cursor:default;
}
/* Arrow */
.isotope-toolbar .filters > ul li.current a:after {
width:0;
height:0;
display:block;
content:"";
position:absolute;
border-width:4px;
margin-left:-4px;
bottom:-8px;
left:50%;
border-style:solid outset outset outset;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
@media only screen and (max-width: 768px) {
.isotope-toolbar .filters > ul li a { padding-left:10px; padding-right:10px; }
}
@media only screen and (max-width: 600px) {
.isotope-toolbar .filters > p { display:none; }
.isotope-toolbar .filters > ul { float:none; }
}
/* --- Widget Calendar ------------------------------------------------------------------------- */
.widget_calendar table { width:100%; }
.widget_calendar table caption { font-weight:bold; }
.widget_calendar th,
.widget_calendar td {
padding:3px;
}
.widget_calendar th { text-align:center; border-width:1px 0 3px 0; }
.widget_calendar tbody td { text-align:center; border-width:1px; }
.widget_calendar tbody td.pad:first-child { border-width:1px 0 0 1px; }
.widget_calendar tbody td a,
.widget_calendar tbody td#today {
font-weight:bold;
}
/* --- WordPress Default Widgets --------------------------------------------------------------- */
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_links ul,
.widget_meta ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul {
margin-left:0;
list-style:none;
}
.widget_links ul ul,
.widget_meta ul ul,
.widget_rss ul ul,
.widget_pages ul ul,
.widget_nav_menu ul ul,
.widget_categories ul ul,
.widget_archive ul ul {
padding:0 0 0 2em;
margin:0;
border-width:1px 0 0;
}
.widget_recent_entries li,
.widget_links li,
.widget_meta li,
.widget_rss li,
.widget_pages a,
.widget_nav_menu a,
.widget_categories span,
.widget_archive li {
padding:5px 0;
display:block;
border-width: 1px 0 0;
}
.widget_recent_entries li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_rss li:first-child,
.widget_pages li:first-child > a,
.widget_nav_menu li:first-child > a,
.widget_categories li:first-child > span,
.widget_archive li:first-child {
padding-top:0;
border:0;
}
.widget_recent_entries li li:first-child,
.widget_links li li:first-child,
.widget_meta li li:first-child,
.widget_rss li li:first-child,
.widget_pages li li:first-child > a,
.widget_nav_menu li li:first-child > a,
.widget_categories li li:first-child > span,
.widget_archive li li:first-child {
padding-top:5px;
}
.widget_rss li a.rsswidget { display:block; }
.widget_rss .rssSummary { margin:9px 0 0; }
.widget_tag_cloud a { line-height:100%; }
.widget_categories select,
.widget_archive select,
div.tagcloud {
margin:0 0 22px;
}
.widget_recent_comments li { padding:5px 0; border-width:1px 0 0; }
.widget_recent_comments li:first-child { padding-top:0; border:0; }
/* --- Comment list ---------------------------------------------------------------------------- */
img.avatar {
padding:3px;
border-width:1px;
background:#f2f2f2;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f2f2f2));
background-image:-webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -ms-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(top,#fff,#f2f2f2);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0, 0.1), inset -1px -1px 0 rgba(255,255,255, 1), inset 1px -1px 0 rgba(255,255,255, 1);
-moz-box-shadow:0 1px 5px rgba(0,0,0, 0.1), inset -1px -1px 0 rgba(255,255,255, 1), inset 1px -1px 0 rgba(255,255,255, 1);
box-shadow:0 1px 5px rgba(0,0,0, 0.1), inset -1px -1px 0 rgba(255,255,255, 1), inset 1px -1px 0 rgba(255,255,255, 1);
}
.commentlist { margin:0; list-style:none; }
.commentlist li { position:relative; }
.comment.bypostauthor {}
.commentlist .comment-wrapper {
padding:22px 0 11px 0px;
border-style:dotted;
border-width:1px 0 0 0;
}
.commentlist .comment-wrapper em { margin-left: 58px; }
.comment-wrapper footer {
margin:11px 0 0;
font:italic 12px/18px Georgia, sans-serif;
text-align:right;
}
.commentlist div.vcard { padding:4px 0 0 58px; }
.commentlist div.vcard cite.fn { font-style:normal; font-weight:bold; }
.commentlist img.avatar { position:absolute; left:0; top:20px; }
.commentlist div.commentmetadata {
margin:0 0 22px 58px;
font:italic 12px/18px Georgia, sans-serif;
}
.commentlist ul.children { margin:0 0 0 20px; list-style:none; }
.comment-body {
padding:22px 22px 1px;
border-width:3px 1px 1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.bypostauthor > article > .comment-body { border-width:0; }
img.avatar-20 { width:20px; height:20px; }
img.avatar-40 { width:40px; height:40px; }
img.avatar-60 { width:60px; height:60px; }
img.avatar-80 { width:80px; height:80px; }
img.avatar-100 { width:100px; height:100px; }
/* --- Comments -------------------------------------------------------------------------------- */
#comments { margin:22px 0 0; }
#respond { margin:44px 0 0; position:relative; }
.commentlist #respond { margin:22px 0; }
/* --- Author Info ----------------------------------------------------------------------------- */
#author-info {
min-height: 108px;
padding: 22px 22px 0 128px;
overflow:hidden;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#author-info:before {
height:1px;
content:"";
position:absolute;
left:1px;
right:1px;
top:1px;
z-index:2;
background-image:-webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
background-image: linear-gradient(left, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0) 100%);
}
#author-info > header > h3 { margin:0 0 11px; }
#author-avatar { position:absolute; left:22px; top:22px; }
/* --- the_meta() ------------------------------------------------------------------------------ */
.post-meta { margin:0; list-style:none; }
.post-meta li { padding:6px 0; border-width:1px 0 0 0; }
.post-meta li:first-child { padding-top:0; border:0; }
.post-meta-key { display:block; font-weight:bold; }
/* --- Sidebar --------------------------------------------------------------------------------- */
.sidebar > .inner { zoom:1; }
.sidebar > .inner:before,
.sidebar > .inner:after {
display:table;
clear:both;
content:"";
}
@media only screen and (min-width: 601px) {
.sidebar > .helper { background-position:no-repeat; }
.sidebar > .inner { background-repeat:repeat-y; }
.sidebar > .inner { position:relative; }
.sidebar.after > .helper:first-child,
.sidebar.after > .inner {
background-position:left 0;
}
.sidebar.after > .inner { padding-left:30px; }
.sidebar.c-one-fourth.after > .inner { padding-left:20px; }
.sidebar.after > .inner + .helper { background-position:left -60px; }
.sidebar.before > .helper:first-child,
.sidebar.before > .inner {
background-position:right 0;
}
.sidebar.before > .inner { padding-right:30px; }
.sidebar.c-one-fourth.before > .inner { padding-right:20px; }
.sidebar.before > .inner + .helper { background-position:right -60px; }
}
@media only screen and (max-width: 600px) {
.sidebar > .helper { display:none; }
.sidebar.before > .inner,
.sidebar.after > .inner {
background-image:none !important;
padding:0;
}
}
/* --- Side navigation ------------------------------------------------------------------------- */
.sidebar .side-nav + .widget { margin-top:44px; }
.sidebar.before .side-nav { margin:0 -20px 0 0; }
.sidebar.after .side-nav { margin:0 0 0 -20px; }
.side-nav ul { margin:0; list-style:none;}
.side-nav li { display:block; }
.side-nav li a {
display:block;
background-repeat:no-repeat;
border-width:0 0 1px;
}
/* Indent children elements */
.side-nav ul.children a { padding-left: 10px; }
.side-nav ul.children ul a { padding-left: 20px; }
/* Differentiate the top ancestor */
.side-nav > ul > li:first-child > a { font-weight:bold; }
.side-nav li a > span { display: block; }
.side-nav li.current_page_item > a {
margin-left:-4px;
margin-right:-4px;
position:relative;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
/* IE7 negative margin fix */
html#ie7 .side-nav li { display:block; }
html#ie7 .side-nav li.current_page_item > a { zoom:1; }
.side-nav li.current_page_item > a:after {
width:0;
height:0;
margin-top:-6px;
display:block;
position:absolute;
top:50%;
content:"";
border-width:6px;
}
@media only screen and (max-width: 600px) {
aside.before .side-nav li.current_page_item > a:after,
aside.after .side-nav li.current_page_item > a:after {
left:0px;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
}
@media only screen and (min-width: 601px) {
aside.before .side-nav li.current_page_item > a:after {
right:-16px;
border-style:outset outset outset solid;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
aside.after .side-nav li.current_page_item > a:after {
left:-16px;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
}
aside.before .side-nav li a > span { padding:7px 20px 7px 10px;; }
aside.after .side-nav li a > span { padding:7px 10px 7px 20px; }
/* --- Media ----------------------------------------------------------------------------------- */
figure.media { margin:0; }
figure.media ul.attachments { margin:0; list-style:none; }
figure.media ul.attachments > li { margin:0 0 28px; vertical-align:bottom; }
figure.media ul.attachments > li > figure { margin:0; }
figure.media ul.attachments > li > figure > .frame { margin-bottom:3px; }
figure.media figure.media-image img,
figure.media figure.media-embed object,
figure.media figure.media-embed iframe {
max-width:100%;
margin:0 auto;
display:block;
}
/* --- Placeholders ---------------------------------------------------------------------------- */
.placeholder { width:999px; max-width:100%; margin:0 0 22px; display:block; }
.frame .placeholder { margin:0; }
.placeholder.aligncenter { margin-left:auto; margin-right:auto; }
.placeholder > .inner {
width:100%;
height:0;
display:block;
background-position:center center;
background-repeat:no-repeat;
}
.placeholder {
background:#f2f2f2;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#f1f1f1),to(#e5e5e5));
background-image:-webkit-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: -moz-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: -ms-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: -o-linear-gradient(top,#f1f1f1,#e5e5e5);
background-image: linear-gradient(top,#f1f1f1,#e5e5e5);
}
.placeholder-no-image > .inner { background-image:url(../images/icons/placeholder-no-image.png); }
.placeholder-password-required > .inner { background-image:url(../images/icons/placeholder-password-required.png); }
.placeholder-user > .inner { background-image:url(../images/icons/placeholder-user.png); }
.placeholder-users > .inner { background-image:url(../images/icons/placeholder-users.png); }
/* --- Pagination, Page links ------------------------------------------------------------------ */
/*
.pagination { margin-bottom:22px; }
.pagination p,
.comment-pagination p {
margin:0 auto;
display:table;
}
.pagination p > *,
.comment-pagination p > * {
float:left;
}
.pagination p > strong:first-child { display:none; }
.pagination strong.current {
position:relative;
font-weight:normal;
border-width:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.pagination strong.current:after {
width:0;
height:0;
margin-left:-4px;
display:block;
position:absolute;
top:-12px;
left:50%;
content:"";
border-style:outset outset solid outset;
border-width:4px;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
.pagination strong.current > span {
margin:3px;
padding:2px 3px;
}
.pagination a {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 0px rgba(0,0,0, 0.14);
-moz-box-shadow:0 1px 0px rgba(0,0,0, 0.14);
box-shadow:0 1px 0px rgba(0,0,0, 0.14);
}
.pagination strong.current { margin:0 2px; }
.pagination a { margin:4px 2px 0; }
.pagination span,
.comment-pagination a,
.comment-pagination span {
padding:5px 6px;
display:block;
font-size:12px;
line-height:12px;
}
.pagination a.prev,
.pagination a.next {
margin-top:7px;
padding:4px 12px;
text-indent:-9999px;
}
.pagination a.next span,
.pagination a.prev span {
height:0;
width:0;
padding:0;
border-width:4px;
}
.pagination a.next span {
margin-left: 4px;
border-style: outset outset outset solid;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.pagination a.prev span {
margin-right:4px;
border-style:outset solid outset outset;
border-top-color:transparent !important;
border-bottom-color:transparent !important;
border-left-color:transparent !important;
}
.comment-pagination a.prev,
.comment-pagination a.next {
width:32px;
text-indent:-9999px;
}
.pagination a.prev,
.comment-pagination a.prev {
margin-right:10px;
}
.pagination a.next,
.comment-pagination a.next {
margin-left:10px;
}
*/
/* ----->>> PREHEADER SECTION <<<--------------------------------------------------------------- */
html.js #preheader {
width:100%;
position:absolute;
top:0;
left:0;
-webkit-box-shadow:0 1px 20px rgba(0,0,0, 0.5);
-moz-box-shadow:0 1px 20px rgba(0,0,0, 0.5);
box-shadow:0 1px 20px rgba(0,0,0, 0.5);
}
html.js #preheader-inner.off { display:none; }
html.js #preheader-inner.on { display:block; }
#preheader-inner {
width:93.0232558%; /* Fix: slide animation jumping */
padding-top:40px;
}
html.no-js #preheader-toggle { display:none; }
#preheader-toggle {
max-width:960px;
margin:0 auto;
position:relative;
z-index:3;
cursor:pointer;
}
#preheader-toggle .arrow {
width:22px;
height:22px;
margin-left:-11px;
position:absolute;
left:50%;
background-repeat:no-repeat;
background-image:url(../images/sprites_1.png);
}
#preheader-toggle .arrow { bottom:-27px; }
#preheader-toggle .arrow-up { bottom:10px; }
#preheader-toggle .arrow { background-position:-44px 0; }
#preheader-toggle .arrow:hover { background-position:-44px -22px; }
#preheader-toggle .arrow-up { background-position:-66px 0; }
#preheader-toggle .arrow-up:hover { background-position:-66px -22px; }
/* Submenu level 1 */
.dd-menu ul { left:0px; top:40px; }
html.no-js .dd-menu ul { top:30px; }
/* Submenu level 2,3,4 */
.dd-menu ul ul { left:170px; top:0px; }
/* Disable CSS dropdown mechanism if JavaScript is enabled */
html.js .dd-menu li:hover > ul {
display:none;
}
html.js .dd-menu li.dd-show > ul {
display:block;
}
/* Arrows level 1 */
.dd-menu > li > a span.dd-arrow { display:none; }
.dd-menu a:hover span.dd-arrow,
.dd-menu a.dd-path span.dd-arrow {
display:block;
}
/* Arrows level 2,3,4 */
.dd-menu ul a span.dd-arrow {
height:0px;
width:0px;
position:absolute;
left:150px;
top:12px;
border-width:4px;
border-left-color: #666 !important;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.dd-menu ul a span.dd-arrow .css-shape {
width:0;
height:0;
position:absolute;
left:0;
top:0;
border-width:4px 0 4px 4px;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-bottom-color:transparent !important;
}
/* Shadows*/
.dd-menu ul {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.25);
-moz-box-shadow:0 0 6px rgba(0,0,0,0.25);
box-shadow:0 0 6px rgba(0,0,0,0.25);
}
/* Rounded corners */
#primary-nav-menu > li > a {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#primary-nav-menu ul > li:first-child > a {
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
#primary-nav-menu ul > li:last-child > a {
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
#primary-bar > .background > div.flare {
width:100%;
height:100%;
overflow:hidden;
position:absolute;
left:0;
top:0;
z-index:2;
}
#primary-bar > .background > div.flare > div {
width:100%;
height:100%;
padding-bottom:20px;
float:left;
}
#primary-nav-menu ul li a {
color:#666;
border: 1px solid #e6e6e6;
border-width:1px 0 0 0;
background-color:#fff;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
}
#primary-nav-menu ul li:first-child a { border:none; }
#primary-nav-menu li li a:hover,
#primary-nav-menu li li .dd-path {
color:#000;
background-color:#ccc;
background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#d9d9d9),to(#bfbfbf));
background-image:-webkit-linear-gradient(top,#d9d9d9,#bfbfbf);
background-image: -moz-linear-gradient(top,#d9d9d9,#bfbfbf);
background-image: -ms-linear-gradient(top,#d9d9d9,#bfbfbf);
background-image: -o-linear-gradient(top,#d9d9d9,#bfbfbf);
background-image: linear-gradient(top,#d9d9d9,#bfbfbf);
}
/* --- Search Form ----------------------------------------------------------------------------- */
#searchform { position:relative; }
.widget_search #searchform { margin:0 0 22px; }
fieldset.compact { position:relative; }
fieldset.compact #s { padding-right:35px; }
fieldset.compact #searchsubmit {
z-index:3;
width:22px;
height:22px;
margin-top:-11px;
position:absolute;
top:50%;
right:3px;
text-indent:-999em;
cursor:pointer;
background:none;
}
fieldset.compact #searchsubmit:hover { color: #000;}
#secondary-bar .searchform {
margin-left:10px;
float:right;
position:relative;
top:5px;
z-index:13;
}
#secondary-bar #searchform {
padding:10px;
display:none;
position:absolute;
right:0;
top:35px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
box-shadow:0 1px 2px rgba(0,0,0,.2);
}
#secondary-bar #searchform:after {
width:0;
height:0;
display:block;
position:absolute;
top:-12px;
right:5px;
content:"";
border-width:6px;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
#secondary-bar .searchform > a {
width:22px;
height:22px;
display:block;
text-align:center;
line-height:22px;
border-radius:44px;
background: rgba(0,0,0,0.3);
font-size:14px;
}
#secondary-bar .searchform > a:hover { color:#fff; background: rgba(0,0,0,0.2); }
#secondary-bar .searchform.on .icon-search:before { content: '\F00D';}
#secondary-bar #s { width: 280px; }
/* --- Feeds navigation ------------------------------------------------------------------------ */
/* ----->>> PRECONTENT SECTION <<<-------------------------------------------------------------- */
#precontent { overflow:hidden; background-color: #ececec;}
.grayBG {background-color: #ececec;}
#precontent-inner { padding-top:10px;padding-bottom:10px; }
.paddingTB {padding:10px 0;}
.fixedNavi { margin:0;
position: fixed;
top: 0;
left: 0;
right: 0;
}
#precontent header { margin:0 0 33px; }
/* ----->>> CONTENT SECTION <<<----------------------------------------------------------------- */
#content { min-height:320px; padding-bottom:44px; padding-top:24px; }
.full #content { padding-bottom:20px; padding-top:0px; }
/* --- Content header -------------------------------------------------------------------------- */
.breadcrumbs ul { margin:0; font-style:italic; font-weight:300; font-size:14px; }
#content-inner > .breadcrumbs { position:relative; top:-34px; }
/* --- Entry utilities ------------------------------------------------------------------------- */
.entry-utility { clear:both; }
.entry-utility span { margin:0 0 22px; display:block; }
/* ----->>> PREFOOTER SECTION <<<--------------------------------------------------------------- */
#prefooter-inner { padding-top:20px; padding-bottom:10px; }
/* ----->>> FOOTER SECTION <<<------------------------------------------------------------------ */
#footer-inner { padding-top:11px; padding-bottom:11px;}
#footer-text,
#footer-nav,
#footer-back-to-top {
margin:0;
font-size:12px;
line-height:18px;
}
#footer-text, #footer-nav { max-width:47.5%; }
.footer-menu {
margin:0;
overflow:hidden;
float:left;
list-style:none;
}
.footer-menu li { float:left; }
.footer-menu li + li { margin-left:10px; }
a.back-to {
padding-left:14px;
position:relative;
font-size:12px;
line-height:18px;
font-weight:bold;
}
/* Arrow */
a.back-to:before,
a.back-to:after {
display:block;
position:absolute;
content:"";
}
a.back-to:before {
left:0;
top:-3px;
border-width:5px;
border-style:outset outset solid outset;
border-top-color:transparent !important;
border-right-color:transparent !important;
border-left-color:transparent !important;
}
a.back-to:after {
width:0;
height:6px;
left:4px;
top:7px;
border-style:outset solid;
border-width:0 1px;
}
/* text-nav layout (default) */
#footer-text { float:left; }
#footer-nav {
float:right;
display:inline;
}
#footer-back-to-top { margin:0 0 0 20px; float:left; }
/* nav-text layout */
#footer.layout-nav-text #footer-text {
float:right;
text-align:right;
}
#footer.layout-nav-text #footer-nav {
float:left;
display:inline;
}
#footer.layout-nav-text .footer-menu { float:right; }
#footer.layout-nav-text #footer-back-to-top { margin:0 20px 0 0; float:right; }
ul.search-results { margin:0; list-style:none; }
ul.search-results > li + li { padding-top:22px; border-width:1px 0 0; }
ul.search-results p.search-meta { margin:0; }
/* ----->>> EXTRAS <<<-------------------------------------------------------------------------- */
.entry-format { display:none; }
/* WPML language switcher */
#secondary-bar #lang_sel { margin-right:10px; padding-top:2px; float:left; }
#secondary-bar #lang_sel ul { width:46px; }
#secondary-bar #lang_sel ul li { position: relative; width:46px; }
#secondary-bar #lang_sel ul li a { text-indent:-9999px; }
#secondary-bar #lang_sel ul li a img { position: absolute; left:5px; top:5px; }
#secondary-bar #lang_sel ul li a.lang_sel_sel img { top:7px; }
body {
font: normal 13px/1.57142857 'Open Sans',Arial,sans-serif;
color: #6f6f6f;
letter-spacing: normal;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
#page {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
outline:none;
border-width:0;
border-style:solid;
}
a, a:visited, a:active {
color: #FF8B14;
text-decoration: none;
}
.no-break {display:inline-block; white-space: nowrap;}
@media only screen and (min-width: 200px) and (max-width:385px) {
/*#full-slider{ display:none;}*/
}
.ce_metamodel_content ul {margin:10px 0 0 0;}
.ce_metamodel_content .description p {line-height:1.7;}
.ce_metamodel_content h3 {margin: 20px 0 12px;}
.ce_metamodels_frontendfilter .checkbox_container > span{display:block;}
.ce_text.table-wrapper td a { display:block; min-width:141px;}
.hidepdf .pdf_link {display:none;}
.agenda-day > .fa-calendar {margin-right:5px;}
.tabpadding .tabs-nav a{padding-right:12px;}
.right-padding {padding-right:10px; display:inline-block;}
.dlh_googlemap *{ border-style:initial; }
.dlh_googlemap {max-width:100%;}
.image_container {position:relative;}
.ce_text.no-list li, .no-list li, .tabbody .no-list li{
position: inherit;
list-style-type: none;
line-height: 22px;
padding-left: 0;
}
.social-share iframe {
max-width: inherit;
}
.share-item { margin-right:15px; display: block;
float: left;}
.tabs-nav-item a, .tabs-nav-item a:visited, .tabs-nav-item a:active {
color: #6f6f6f; }
.padding-lr {padding-left:15px;padding-right:15px; }
.share-item.twit {margin:0; width:105px;}
.center {margin:20px auto;max-width:580px; display:block;}
.acenter, .center-img .image_container {
text-align:center;
}
.templateColumnContainer h3 {font-weight:bold;}
.templateColumnContainer img.columnImage {display:block !important;}
.de_newsletter{width:100%; max-width:600px;overflow:hidden;margin:3px 0 5px 10px;color:#6f6f6f;}
.fpartner a {display:inline-block; margin-bottom:10px; margin-right:5px;}
.de_newsletter img {max-width:inherit;}
ol.nlnavi a:hover{text-decoration:none;}
.de_newsletter .ce_text{}
.clwrap .ce_text table{border:0 none;border-collapse:collapse;border-spacing:0;margin:0;}
.clwrap ul li{list-style-type:none !important;margin-left:0 !important; padding-left:20px !important;}
.clwrap ul {padding:0 !important; margin:0 !important;}
.de_newsletter .clwrap{border:1px solid #CCCCCC;padding:0;margin:0;position:relative;
font: normal 13px/1.57142857 'Open Sans',Arial,sans-serif !important;}
.de_newsletter > h1 {display:none;}
.de_newsletter td[width="10"] p {padding-top:5px !important;}
.angebote .text p {
word-break: break-word;
}
.tips p {word-wrap: break-word;}
.break-word p {word-break: break-all;}
.ce_text.no-list li:before , .no-list li:before {
content:'';
display:none;
}
#precontent-inner .camera_caption.bottomRight > div , #precontent-inner .camera_caption.topRight > div { margin-right:2%; }
#precontent-inner .camera_caption.bottomLeft > div , #precontent-inner .camera_caption.topLeft > div { margin-left:4%; }
a:hover { text-decoration:underline;}
.image_container a:hover, .tabs-nav a:hover, .content-navi a:hover { text-decoration: none;}
.top-padding {padding-top:20px;}
h3 + p , p + h3 { margin-top: 0; }
.text h3, .hmargin-bottom5 h4, .hmargin-bottom5 h5, .hmargin-bottom5 h6, .hmargin-bottom5 h2{ margin-bottom: 5px; }
.no-margin h3 , .no-margin p {margin:0;}
.ce_hyperlink {padding:5px 0;}
.relevance {color:#6f6f6f;font-size:13px;}
.text-left-margin-120 .image_container.float_left + .text {margin-left: 120px;}
.ce_text h1, .ce_headline , .mod_newsreader .ce_headline , .headline h1 {margin-top: 5px; line-height:33px;}
#right h3 {margin:10px 0; font-size:14px;}
#right .mod_article > .headline > h3 {margin-top:5px; line-height: 33px;}
#right .mod_article > h3 {margin-top:5px; line-height: 33px;}
#right .mod_article > h3.lineheight150, .ce_headline.lineheight150 {margin-top:5px; line-height: 150%;}
.border-bottom {border-bottom-width: 1px; border-color: #e1e1e1;}
.border-top {border-top-width: 1px; border-color: #e1e1e1;}
.small {font-size:11px;}
.tabbody .text p:first-child {margin:0 0 15px 0;}
.workshop .address p:first-child {margin:15px 0 5px 0;}
.no-js {
margin:0;
bottom:0;
border-radius:0;
position: fixed;
text-align:center;
padding:10px 0;
z-index:10;
width:100%;
}
.h-icon a:before {
display:inline-block;
margin-right:3px;
content: "\f18e";
font-size: 15px;
color:#6f6f6f;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;}
.i-dl a:before {
content: "\f019";
}
.i-faq a:before {
content: "\f128";
font-size:17px;
}
.i-pdf a:before {
display:inline-block;
content: " ";
width:16px;
height:16px;
background: url("../../../assets/contao/images/iconPDF.gif") no-repeat scroll center top;
margin: 0 2px 0 -4px;
}
.i-ext a:before{
content: "\f08e";
font-size:15px;
margin:0 2px 0 -4px;
}
.i-freq a:before {
content: "\f0eb";
}
.i-chat a:before {content: "\f0e6";margin: 0 2px 0 -4px;}
.tabbody .ce_download {margin-left:-3px;}
.tabbody .ce_download + .ce_download{margin-top:3px;}
.i-play .indicator {
opacity: 1;
}
.i-play .indicator > span {
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.i-play a:hover .indicator > span + span {
background: rgba(000,000,0000,0.8);
}
h1,
h2,
h3,
h4,
h5,
h6
{
margin:20px 0;
font-weight:normal;
color:#0570b4;
}
em[class^="fa-"], em[class*=" fa-"] {
display: inline-block; text-align:center; width:25px;
}
span.icon-i {text-align: center;
font-family: arial;
font-weight: 800;
width: 20px;
font-size: 15px;
margin-right: 5px;
display: inline-block;}
.ce_form {margin-bottom:10px;}
.frame .image_container {text-align:center; position:relative; z-index: 10;}
.frame .image_container img, .img-shadow img{ display: block;}
.img-top-margin .image_container,
.img-top-margin .image_container.float_left {margin-top:15px;}
.frame .image_container a, .img-shadow .image_container {position:relative; display: inline-block; max-width:100%;
}
#width804 {max-width:804px; margin: 0 auto;}
.float_right {float:right; margin:0 0 3px 1.625em ;}
.image_container.float_left {float:left; margin:0 1.625em 3px 0;}
.image_container.float_right {float:right; margin:0 0 3px 1.625em ;}
#cboxTitle {padding-left:5px; color:#fff;}
.ce_youtube, .frame-video {padding:5px 0;}
.video-container {
position: relative;
padding-bottom: 56%;
padding-top: 0; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {overflow: hidden;}
@media only screen and (max-width: 400px) {
.image_container.float_left, .image_container.float_right{ float:none; margin:5px auto; display:block;}
}
.gray-link a {color:#6f6f6f;}
.gray-link a:hover {color:#FF8B14;}
h2 span
{
color:#FF8B14;
}
h1
{
font-size: 22px;
line-height: 32px;
margin: 20px 0 10px;
position:relative;
}
.h-box a { float:right; margin-top: -48px;}
#content .h-box { background-color:#F6F6F6; border-left:3px solid #FF8B14;
padding: 18px 18px 16px 18px;
}
#content .t-box { background-color:#F6F6F6; border-left:3px solid #FF8B14;
padding:2px 18px;
margin:15px 0;
}
#content .t-box.home { }
#content .t-box.home h1 { margin: 20px 10px; font-size:22px; line-height:130%; }
#content .t-box.home p { margin: 20px 10px; line-height:120%;font-size:15px;}
#content .t-box.nobutton h1 { margin: 20px; font-size:24px; line-height:120%; }
#content .t-box.nobutton p { margin: 20px; line-height:135%;font-size:16px;}
.t-box.home .register-button a { max-width:100%; margin-top: 36px;}
.t-box.home .register-button a .inner{ overflow:hidden; text-overflow: ellipsis; padding:0 15px;}
#content .h-box p {margin:0; line-height:100%;font-size:16px;}
#content .h-box h1
{ width:70%;
font-size:24px; line-height:100%;
margin:0 0 10px 0;
color: #0570b4;
}
#content .t-box.rlsmallmargin h1, #content .t-box.rlsmallmargin p {margin: 20px 10px; }
@media only screen and (max-width: 680px) {
.h-box a , .t-box.home .register-button a { float:none; margin: 7px 0 20px 20px;}
#content .t-box.home {margin-bottom:20px;}
#content .t-box.home h1 {padding:10px 10px 0 0;}
#content .h-box h1 { width:100%;}
}
h3,h2
{
line-height:1.3;
font-size:18px;
}
.headline h3 {line-height: 33px;}
.h2bold h2
{
font-weight:bold;
}
.mod_newsmenu ul{margin:10px 0 15px 30px;}
.mod_newsmenu ul li { line-height:23px;}
.mod_eventreader .location { display:block; margin-left:20px; }
.mod_eventreader .fa-map-marker { width:15px;text-align:left; }
.footerline
{
background-image:url('../img/theme-1/headline-bg.jpg');
}
#full-slider {
position: relative;
z-index: 601;
}
/* Formulare */
legend {
width:100%;
display:block;
font-weight:bold;
border:0;
}
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],
input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"], input[type="submit"], textarea, select {
font-size: 13px;
width:100%;
display:inline-block;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff, #f3f3f3 );
background: -webkit-linear-gradient(top, #ffffff,#f3f3f3);
background: -o-linear-gradient(top, #ffffff,#f3f3f3 );
background: -ms-linear-gradient(top, #ffffff,#f3f3f3);
background: linear-gradient(to bottom, #ffffff,#f3f3f3);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
border: 1px solid #ccc;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color: #6f6f6f;
padding: 0 25px 0 3px;
-moz-box-shadow:inset 0 1px 1px #eee;
-webkit-box-shadow:inset 0 1px 1px #eee;
box-shadow:inset 0 1px 1px #eee;
-moz-transition:all .15s linear;
-webkit-transition:all .15s linear;
-o-transition:all .15s linear;
transition:all .15s linear;
}
input.error, textarea.error
{
-webkit-box-shadow:0 0 1px 1px #ffba41;
-moz-box-shadow:0 0 1px 1px #ffba41;
box-shadow:0 0 1px 1px #ffba41;
}
select {
padding: 3px 4px 3px 0px;
}
input[type=text]:focus, textarea:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus
{
background: #ffffff;
}
input::-webkit-input-placeholder { color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px; }
input::-moz-placeholder {color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px; }
input:-moz-placeholder { color: #6f6f6f;opacity: 1;font-family: 'Open Sans',Arial,sans-serif; font-size:13px;}
input:-ms-input-placeholder { color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px; }
textarea::-webkit-input-placeholder { color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px; }
textarea::-moz-placeholder {color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px;}
textarea:-moz-placeholder { color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px;}
textarea:-ms-input-placeholder { color: #6f6f6f;opacity: 1; font-family: 'Open Sans',Arial,sans-serif; font-size:13px; }
textarea
{
line-height:16px;
font-family: 'Open Sans',Arial,sans-serif; font-size:13px;
padding: 2px 2px 2px 3px;
resize:vertical;
display:block;
min-height:65px;
}
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],
input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"], input[type="submit"], select {
height: 26px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="submit"], .button, a.button , p.back a {
font: normal 13px/1.57142857 'Open Sans',Arial,sans-serif;
cursor: pointer;
font-weight: bold;
height: 30px;
line-height: 26px;
margin: 1px 0;
padding: 0 15px;
width: auto;
display:inline-block;
text-decoration:none;
text-align:center;
vertical-align:middle;
background: -moz-linear-gradient(top, #ffffff, #f3f3f3 );
background: -webkit-linear-gradient(top, #ffffff,#f3f3f3);
background: -o-linear-gradient(top, #ffffff,#f3f3f3 );
background: -ms-linear-gradient(top, #ffffff,#f3f3f3);
background: linear-gradient(to bottom, #ffffff,#f3f3f3);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
background-color:#ececec;
border: 1px solid #ccc;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color: #6f6f6f;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat:repeat-x;
-moz-transition:background .15s linear;
-webkit-transition:background .15s linear;
-o-transition:background .15s linear;
transition:background .15s linear;
}
input[type="submit"] {
display:block;
line-height: 20px;
}
input[type="submit"]:hover, .button:hover, p.back a:hover {
-webkit-box-shadow:0 0 10px 0 rgba(255,255,255,0.9);
-moz-box-shadow:0 0 10px 0 rgba(255,255,255,0.9);
box-shadow:0 0 10px 0 rgba(255,255,255,0.9);
text-decoration:none;
background-position:0 -15px;
}
input[type="submit"]:active,.button:active , p.back a:active{
background-color:#e6e6e6;
background-position:0 -30px;
text-decoration:none;
}
.field {
padding-bottom:8px;
position: relative;
}
#prefooter-inner .field p.error , #content .field p.error, #ifpicCap p.error {
position: absolute;
bottom: 5px;
left: 0;
margin:0;
z-index:1;
background: #fff;
padding: 5px 25px 5px 5px;
border: 1px solid #FF8B14;
box-shadow: 0 0 5px #ccc;
}
.field input.error { box-shadow: 0 0 5px #FF8B14;}
#content .formbody > p.error {
display:inline-block;
background: #fff;
padding:5px 10px;
border: 1px solid #FF8B14;
box-shadow: 0 0 5px #ccc;
margin:10px 0;
}
.icon.field:after, .plus-icon:after, .key-icon:after {
border-left: 1px solid #CCCCCC;
bottom: 9px;
position: absolute;
right: 1px;
top: 1px;
width: 25px;
font-size:14px;
line-height:24px;
text-align:center;
color: #6f6f6f;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
form .field p.error:after , #ifpicCap p.error:after{
content: "\f00d";
position: absolute;
right: 0;
top: 0;
width: 20px;
font-size:13px;
line-height:20px;
text-align:center;
color: #6f6f6f;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.key-icon:after {content: "\f084";}
.plus-icon:after {content: "\f067";}
.plus-icon.minus:after {content: "\f068";}
.field.name:after {content: "\F007";}
.field.email:after {content: "\F0E0";}
.field.phone:after {content: "\f095";}
.field.pfm:after {content: "\f01c";}
.field.search:after {content: "\F002";}
.field.firma:after {content: "\f0f7";}
.field.i-message:after {content: "\f044";}
.field.i-partner:after {content: "\f183";}
.field.street:after {content: "\f041";}
.field.city:after {content: "\f124";}
.field-margin .field {margin:3px 0 4px 0; }
.field-margin .grid .field {margin-bottom:0; }
input[type="file"] {
cursor:pointer;
}
select,input[type="file"] {
display:block;
}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
width:auto;
}
textarea,select[multiple],select[size] {
height:auto;
}
label {
display: block;
margin-bottom: 5px;
line-height: 20px;
}
.no-padding {padding:0;}
.checkbox_container {margin-bottom:5px;}
.privacyhide.checkbox_container {margin-bottom:0;}
.checkbox_container label {display:inline; margin:inherit; }
.checkbox_container > span {display:inline-block; padding-left:6px;}
.checkbox_container.no-padding span { padding-left:0;}
.checkbox_container.block > span {display:block; padding-left:1px;}
.checkbox_container.block-padding > span {display:block; padding-left:10px;}
.width200 {max-width:200px;}
input[type="radio"],input[type="checkbox"] {
margin:0 2px 0 0;
}
input[type="radio"],input[type="checkbox"],label {
vertical-align:middle;
}
/* Workshops */
.revent {width:994px; margin: 0 auto;}
.contact-form .pane-wraper {margin:0;}
.contact-form .pane{padding:0 10px; min-height: 271px;}
#contact-form .half-size input.text, #contact-form .half-size select {
width:98px;
}
.last, #contact-form .field.last {margin-right:0;}
#privacymore {display:none; padding:5px; margin:0 0 15px 0; font-size:0.7em;}
#contact-form .privacyhide { margin:0 0 15px;} .privacyhide span {display:block;}
.privacyhide span label , .privacyhide span input {display:block; float:left; line-height:20px;margin-left:2px;}
.privacyhide span label {cursor:pointer; margin:-3px 0 0 7px; white-space: nowrap; max-width:80%; overflow: hidden;
text-overflow: ellipsis;}
.h4-nomargin h4 {margin:0 0 15px;}
input:invalid {
-moz-box-shadow: none;
box-shadow: none;
}
.agenda-item h3 {
font-size: 14px;
line-height: 20px;
}
.privacyhide > span {
border: 1px solid #CCCCCC;
border-radius: 2px;
color: #535353;
display:block;
height:20px;
padding: 5px 3px 0 3px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff, #f3f3f3);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
background: linear-gradient(top, #ffffff, #f3f3f3);
}
.clear
{
clear:both;
overflow:hidden;
height:0;
}
img
{
border:0;
}
::selection
{
background: #f89811;
color:#fff;
text-shadow:none;
}
::-moz-selection
{
background: #f89811;
color:#fff;
}
*
{
outline:0;
}
.removemargin
{
height:0;
margin-top:-20px;
}
.two-fifth
{
float:left;
width:328px;
margin-right:40px;
position:relative;
}
.three-fifth
{
float:left;
width:492px;
margin-right:40px;
position:relative;
}
.two-fifth.last,
.three-fifth.last
{
margin-right:0;
}
.push-two
{
left:368px;
}
.pull-three
{
left:-532px;
}
.pic-border
{
position:relative;
z-index:5;
border:1px solid #d1d1d1;
margin:20px 0;
}
.pic-border:before
{
content:'';
position:absolute;
bottom:0;
left:10px;
right:10px;
height:20px;
background:none;
-webkit-border-radius:50% / 50%;
-moz-border-radius:50% / 50%;
border-radius:50% / 50%;
-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);
-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);
box-shadow:0 0 20px 0 rgba(0,0,0,0.6);
z-index:-1;
}
.pic-border:after
{
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#fff;
z-index:-1;
}
.pic-border img
{
display:block;
width:100%;
}
/******************************
* Typography
******************************/
p
{
margin:20px 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
margin:20px 0;
font-weight:normal;
color:#0570b4;
}
.ce_text.frame h3 {margin-bottom:10px;}
.ce_text.frame p {margin-top:10px;}
#content .line , .headline .line, .headline h4, .headline h3 , h1.ce_headline, .headline h1{position:relative;
border-bottom:1px solid #e1e1e1;
}
.mod_newsreader h1 , .mod_eventreader h1 {font-size:18px; line-height:28px; padding-bottom:5px;}
.mod_newsreader h1 {border-bottom:1px solid #e1e1e1;}
h1.ce_headline , .headline h1, {padding-bottom:5px;}
#content .line:before , .headline .line:before, .headline h4:before, .headline h3:before, h1.ce_headline:before, .headline h1:before,
.mod_newsreader h1:before
{
content:'';
position:absolute;
width:20%;
height:2px;
background-color:#FF8B14;
bottom:-1px;
left:0;
}
.headline .agenda-item h4 {border:0;}
.headline .agenda-item h4:before {display:none;}
#ctrl_xt_privacy legend, #ctrl_share_BULPROS_Group legend {display:none;}
#reg-form .feature {margin-top: -5px;}
#ctrl_postal {padding-right:0;}
h2 span
{
color:#f89811;
}
.tips .ce_download, .tips .simple-list li {margin:1px 0 7px;}
.tips h6.ce_headline {line-height:150%;}
h6+.simple-list {margin-top:20px;}
.dates-place
{
font-size:13px;
color:#dbdce5;
width:260px;
text-align:left;
position:relative;
top:2px;
}
.dates-place a
{
color:#dbdce5;
text-decoration:none;
display:block;
padding-left:30px;
background:url('../img/icon-map.png') no-repeat 10px 4px;
}
.dates-place a span
{
color:#7e829e;
}
.countdown-comment
{
height:18px;
margin:-9px 0;
width:260px;
text-align:left;
color:#9699ac;
}
.countdown
{
margin:20px 0;
}
#content .mod_eventreader .info {
margin-top:10px;
width:225px;
font-style:normal;
}
.event-agenda {margin:-22px;}
.event-agenda .agenda-day {padding-top:20px;}
.tabbody .event-agenda .text .description p:first-child {margin-top:20px;}
.event-agenda .agenda-item .description {
min-height: 60px;
}
.event-agenda .agenda-day span {
color: #0570b4;
display: block;
float: right;
font-size: 13px;
padding: 0 10px 0 10px;
text-transform: uppercase;
}
#content .mod_eventreader .h-box p {
width:50%; font-size:13px; float:left;
line-height:150%;
}
#content .mod_eventreader .address {margin-top: 0;padding-top: 15px;}
#content .mod_eventreader .h-box a{
margin-top:0;
}
.mod_eventreader .register-button a {
min-width: 225px;
max-width:100%;
}
#countdown
{
display:none;
}
.countdown-box
{
width:200px;
border-top:1px solid #e7ebf0;
border-bottom:1px solid #bbc9d4;
border-left:1px solid #cad8e1;
border-right:1px solid #cad8e1;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
position:relative;
margin-left:25px;
font-style:normal;
}
.countdown-box:after
{
content:'';
position:absolute;
top:-1px;
bottom:-1px;
left:-26px;
width:26px;
background:url('../img/start-in.png') no-repeat center center #0570b4;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
}
.engl .countdown-box:after { background:url('../img/timeleft.png') no-repeat center center #0570b4; }
.countdown-box .field
{
float:left;
width:50px;
height:60px;
background:#f8f8f8 url('../img/countdown-bg.jpg') no-repeat right bottom;
position:relative;
overflow:hidden;
}
.countdown-box .field.last
{
background-position:left bottom;
}
.countdown-box .field.dropshade:before {
content:"";
position:absolute;
z-index:1;
top:0px;
bottom:8px;
left:-33px;
width:33px;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
-webkit-border-radius:20px / 100px;
-moz-border-radius:20px / 100px;
border-radius:20px / 100px;
}
.webkit .countdown-box .field.dropshade:before {
-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
}
.countdown-box .field .name
{margin-top:2px;
text-align:center;
color:#949494;
font-size:12px;
line-height:16px;
-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.4);
-moz-text-shadow:0 1px 0 rgba(255,255,255,0.4);
text-shadow:0 1px 0 rgba(255,255,255,0.4);
}
.countdown-box .field .value
{
position:relative;
margin:0 0 0 1px;
height:48px;
text-align:center;
color:#0570b4;
font-size:32px;
line-height:48px;
overflow:hidden;
}
.countdown-box .field .value .current
{
position:absolute;
top:0px;
left:0px;
width:100%;
}
.countdown-box .field .value .next
{
position:absolute;
top:-44px;
left:0px;
width:100%;
}
.countdown-box .field .value .narrow
{
letter-spacing:-6px;
margin-left:-3px;
}
.countdown-box .field .value .shade
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url('../img/countdown-shade.png') repeat-x 0 3px;
}
/*********************************************************************
*********************************************************************
** Contentline
*********************************************************************
*********************************************************************/
.contentline
{
/*background:#191919 url('../img/content-bg.png');*/
padding: 0;
position:relative;
z-index:1;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
margin-bottom:10px;
}
.contentline-inner
{
background:#f5f5f5 url('../img/content-inner-bg.png');
/*margin-top:-300px;
margin-bottom:-300px;*/
padding:1px 0;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.7), inset 0 30px 30px -30px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.7), inset 0 30px 30px -30px rgba(0,0,0,0.2);
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.7), inset 0 30px 30px -30px rgba(0,0,0,0.2);
}
/*
.contentline-inner:before
{
content:'';
position:absolute;
top:10px;
left:0;
width:40px;
height:95%;
background:none;
-webkit-border-radius:50% / 50%;
-moz-border-radius:50% / 50%;
border-radius:50% / 50%;
-webkit-box-shadow:-5px 0 5px 0 rgba(0,0,0,0.4);
-moz-box-shadow:-5px 0 5px 0 rgba(0,0,0,0.4);
box-shadow:-5px 0 5px 0 rgba(0,0,0,0.4);
z-index:-1;
}
.contentline-inner:after
{
content:'';
position:absolute;
top:5px;
right:0px;
width:40px;
height:95%;
background:none;
-webkit-border-radius:50% / 50%;
-moz-border-radius:50% / 50%;
border-radius:50% / 50%;
-webkit-box-shadow:5px 0 5px 0 rgba(0,0,0,0.4);
-moz-box-shadow:5px 0 5px 0 rgba(0,0,0,0.4);
box-shadow:5px 0 5px 0 rgba(0,0,0,0.4);
z-index:-1;
}
*/
.pane-wraper
{
background: #f6f6f6;
background: -moz-linear-gradient(top, #ffffff, #eaeaea);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff, #eaeaea);
background: linear-gradient(top, #ffffff, #eaeaea);
border:1px solid #d1d1d1;
padding:11px;
margin:20px 0;
}
.pane, .pane-wraper .dlh_googlemap
{
margin:-1px;
border:1px solid #d5d5d5;
-webkit-box-shadow:0 0 1px 0 rgba(255,255,255,0.6), inset 0 0 2px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 0 1px 0 rgba(255,255,255,0.6), inset 0 0 2px 0 rgba(0,0,0,0.2);
box-shadow:0 0 1px 0 rgba(255,255,255,0.6), inset 0 0 2px 0 rgba(0,0,0,0.2);
background:#fff;
overflow:hidden;
}
.shade-lr
{
position:relative;
}
.shade-lr .shade_l, .shade-lr .description:before {
content:"";
position:absolute;
z-index:1;
top:0;
bottom:0;
left:-40px;
width:40px;
-webkit-border-radius:20px / 100px;
-moz-border-radius:20px / 100px;
border-radius:20px / 100px;
-moz-transition-property: all;
-moz-transition-duration: 0.6s;
-moz-transition-timing-function: ease;
-webkit-transition-property: all;
-webkit-transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 0.6s;
transition-timing-function: ease;
}
.shade-lr:hover .shade_l, .shade-lr:hover .description:before,
.shade-lr.hov .shade_l {
-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
}
.shade-lr .shade_r, .shade-lr .description:after {
content:"";
position:absolute;
z-index:1;
top:0;
bottom:0;
right:-40px;
width:40px;
-webkit-border-radius:20px / 100px;
-moz-border-radius:20px / 100px;
border-radius:20px / 100px;
-moz-transition-property: all;
-moz-transition-duration: 0.6s;
-moz-transition-timing-function: ease;
-webkit-transition-property: all;
-webkit-transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 0.6s;
transition-timing-function: ease;
}
.shade-lr:hover .shade_r, .shade-lr:hover .description:after,
.shade-lr.hov .shade_r {
-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
}
#news-wraper
{
margin:20px 0 40px 0;
}
#news-scroll-frame
{
height:280px;
position:relative;
overflow:hidden;
cursor:default;
}
#news-scroll-frame:after
{
content:'';
position:absolute;
height:36px;
width:100%;
bottom:0;
left:0;
background:url('../img/news-cut.png') repeat-x bottom;
}
.news-scrollbarV {
position: absolute;
z-index: 100;
width: 7px; bottom: 2px; top: 2px; right: 1px;
/*pointer-events: none; -webkit-transition-property: opacity; -webkit-transition-duration: 0ms; overflow-x: hidden; overflow-y: hidden; -webkit-transition-delay: 0ms; opacity: 1; */
}
.news .layout_latest, .news .layout_teaser{margin:5px 0 20px; }
.news-scrollbarV > div {
position: absolute;
z-index: 100;
background-image: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgba(0, 0, 0, 0.396094);
border: 1px solid rgba(255, 255, 255, 0.798438);
-webkit-background-clip: padding-box;
box-sizing: border-box;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
pointer-events: none;
}
#news
{
list-style-type:none;
padding:0 0 27px 0;
margin:0;
position:relative;
}
#news li
{
padding:15px 15px 10px 15px;
border-bottom:1px solid #ebebeb;
position:relative;
color:#575757;
background:none;
}
#news li .date
{
display:block;
padding:0 2px;
color:#fff;
-webkit-text-shadow:none;
-moz-text-shadow:none;
text-shadow:none;
background:#c2c2c2;
border:1px solid #c1c2c4;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2), inset 0 20px 20px -20px rgba(255,255,255,0.8);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2), inset 0 20px 20px -20px rgba(255,255,255,0.8);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2), inset 0 20px 20px -20px rgba(255,255,255,0.8);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
width:49px;
text-align:center;
margin:0 15px 0 0;
font-size:11px;
-moz-transition-property: all;
-moz-transition-duration: 0.6s;
-moz-transition-timing-function: ease;
-webkit-transition-property: all;
-webkit-transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 0.6s;
transition-timing-function: ease;
}
#news li .text
{
float:left;
width:200px;
line-height:18px;
padding:0;
margin:-2px 0 0 0;
}
#news li:after
{
content:'.';
display:block;
height:0;
overflow:hidden;
clear:both;
}
#news li a.box
{
display:block;
text-decoration:none;
color:#575757;
position:relative;
}
#news li:hover .date,
#news li.hov .date
{
background-color:#f89811;
border-color:#f89811;
}
/***** Register block ******/
.register-pane
{
background:#404040;
background: -moz-linear-gradient(top, #7b7b7b, #393939);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7b7b), color-stop(100%,#393939));
background: -webkit-linear-gradient(top, #7b7b7b, #393939);
background: linear-gradient(top, #7b7b7b, #393939);
color:#fff;
-webkit-text-shadow:0 -1px 0 #000;
-moz-text-shadow:0 -1px 0 #000;
text-shadow:0 -1px 0 #000;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:20px 0;
position:relative;
z-index:5;
}
.register-pane-inner
{
padding:10px;
background:url('../img/head-bg.png');
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #000;
-moz-box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #000;
box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #000;
}
.pane .mod_dlh_googlemaps {
border:none;
box-shadow: none;
}
.register-pane .text
{
width:482px;
margin-right:40px;
float:left;
font-size:14px;
}
.register-pane p
{
padding:0;
}
.register-pane .text .big
{
font-size:22px;
margin:5px 0 10px 0;
}
.tm20 {margin-top:20px;}
.register-button a
{
display:inline-block;
position:relative;
text-align:center;
text-decoration:none;
color:#fff;
height:40px;
line-height:40px;
font-size:20px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-text-shadow:0 -1px 1px rgba(0,0,0,0.2);
-moz-text-shadow:0 -1px 1px rgba(0,0,0,0.2);
text-shadow:0 -1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0.6);
-moz-box-shadow:1px 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0.6);
box-shadow:1px 1px 0 0 rgba(0,0,0,0.3), inset 0 1px 0 0 rgba(255,255,255,0.6);
background: #ffad42;
background: -moz-linear-gradient(top, #ffad42 0%, #ff8b14 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffad42), color-stop(100%,#ff8b14));
background: -webkit-linear-gradient(top, #ffad42 0%,#ff8b14 100%);
background: -o-linear-gradient(top, #ffad42 0%,#ff8b14 100%);
background: -ms-linear-gradient(top, #ffad42 0%,#ff8b14 100%);
background: linear-gradient(to bottom, #ffad42 0%,#ff8b14 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad42', endColorstr='#ff8b14',GradientType=0 );
}
.register-button.smallbtn a {height:30px;
line-height:30px;
font-size:15px;}
.register-button.bigbtn a {height:47px; line-height:47px; font-size:27px; width:82%; display:block; margin:0 auto;
text-shadow: 0 -2px 2px #FF8B14, 0 -1px 1px #FFF;
}
.register-button .inner
{
position:relative;
display:block;
padding:0 30px;
background:url('../img/button-shade.png') no-repeat 50% 0;
white-space:nowrap;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.register-button .hov
{
display:block;
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: #ff7400;
background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7400), color-stop(100%,#ff7400));
background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%);
background: -o-linear-gradient(top, #ff7400 0%,#ff7400 100%);
background: -ms-linear-gradient(top, #ff7400 0%,#ff7400 100%);
background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 );
}
/***** Agenda block ******/
.agenda-day
{
line-height:20px;
background:#fff;
border-bottom:1px solid #eaeaea;
border-top:1px solid #eaeaea;
color:#0570b4;
padding:13px 0 7px 10px;
position:relative;
z-index:1;
-webkit-box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.2);
box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.2);
}
.agenda-day span
{
font-size:14px;
text-transform:uppercase;
color:#6f6f6f;
}
.agenda-day h1 {background:none; font-size:16px; margin:0; padding:10px 0; line-height: 22px;}
.agenda-day h1:after {display:none;}
.pull-right {float:right;}
.agenda-day .date {text-align:right;}
.agenda-day i
{ font-size:14px; line-height:14px;
}
.agenda-day:first-child
{
border-top:none;
}
.agenda-day:after
{
content:'';
position:absolute;
left:28px;
bottom:-10px;
width:20px;
height:10px;
background:url('../img/darr.png') no-repeat left center;
}
.agenda-item
{
position:relative;
overflow:hidden;
border-top:1px solid #eaeaea;
margin-top:-1px;
background:#fff;
-moz-transition-property: background;
-moz-transition-duration: 0.6s;
-moz-transition-timing-function: ease;
-webkit-transition-property: background;
-webkit-transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-property: background;
transition-duration: 0.6s;
transition-timing-function: ease;
cursor:default;
}
.agenda-item:hover
{
background:#fbfbfb;
}
.agenda-item.gray,
.agenda-item.gray:hover
{
background:#f2f2f2;
}
.agenda-item:after
{
content:'.';
height:0;
clear:both;
overflow:hidden;
display:block;
}
.agenda-item .time
{
float:left;
width:128px;
overflow:hidden;
padding:0 11px;
}
.agenda-item.gray .time
{
-webkit-box-shadow:inset 0 1px 0 0 #fff;
-moz-box-shadow:inset 0 1px 0 0 #fff;
box-shadow:inset 0 1px 0 0 #fff;
}
.agenda-item .time .status {margin:10px 0;}
.description h4 a{font-size:13px;}
.mod_le_joblist .description h4 a {font-size: 15px; color:#0570b4;}
.description h4 a{color:#6f6f6f;}
.description h4 a:hover{color:#FF8B14;}
.rabatt{
display:inline-block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #f89811; /* #FF8B14 */
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
color:#fff;
padding:3px 5px;
width:auto;
margin:0 0 10px;
background-color:#f89811;
-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);
text-shadow:0 1px 0 rgba(0,0,0,0.2);
}
.agenda-item .time span i, .event-agenda .agenda-item em , .event-agenda .agenda-day em, .mark em {font-size:14px; line-height:14px;}
.agenda-item .time {padding-top:10px;}
.agenda-item .time a {color:#fff;}
#content-inner .agenda-item .time span, #content-inner .mark p
{ line-height:20px;
display:inline-block;
background-color:#0570b4;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #0570b4;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
color:#fff;
padding:1px;
text-align:center;
width:125px;
margin:10px 0 0 0;
-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);
text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-transition-property: all;
-moz-transition-duration: 0.6s;
-moz-transition-timing-function: ease;
-webkit-transition-property: all;
-webkit-transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 0.6s;
transition-timing-function: ease;
}
#content-inner .ce_metamodel_content .agenda-item .time span { margin-bottom: 10px; }
.ce_metamodel_content .allsoll .time { border-right: 1px solid #eaeaea; }
#content-inner .ce_metamodel_content .allsoll .description { border:none; }
.workshop dt i {width:14px;
text-align: center;
display:inline-block;
}
#content-inner .box
{ background-color:#0570b4;
display:block;
line-height:20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-width:1px;
border-color:#0570b4;
border-style:solid;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3), inset 0 0 7px 0 rgba(255,255,255,0.2);
color:#fff;
padding: 10px 10px 10px 40px;
-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);
text-shadow:0 1px 0 rgba(0,0,0,0.2);
position:relative;
min-height:18px;
vertical-align:bottom;
}
.box a {
color: #fff;
text-decoration: underline;
}
#content-inner #right .box {padding:15px;}
.box:before {
position:absolute;
left:10px; top:10px;
content: "\F05A";
font-size: 24px;
line-height: 24px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
#right .box:before {position:initial; display:block; float:left;
left:0; top:0; width:30px; line-height: 20px;
}
#content-inner .box.green
{
background-color:#109F1E;
border-color:#109F1E;
}
#content-inner .box.gray
{
background-color:#969696;
border-color:#969696;
}
#content-inner .agenda-item.green .time span, #content-inner .mark.green p
{background-color:#109F1E;
border-color:#109F1E;
}
#content-inner .mark.orng p
{background-color:#FF8B14;
border-color:#FF8B14;
}
#content-inner .mark.success p
{
color: #0e6200;
background-color: #d8ffcc;
border-color: #b3f39f;
}
#content-inner .mark.error p
{
background-color: #FFE0E0;
border-color: #FFCCCC;
color: #CA0000;
}
#content-inner .mark.warning p
{
background-color: #FFF8C0;
border-color: #FFEF6F;
color: #7F4800;
}
#content-inner .mark.blue p
{
background-color: #CBEBFF;
border-color: #A0DAFF;
color: #004A79;
}
.patches h5 {font-size:14px; margin:20px 0 -10px; line-height:150%;}
.box .text p{ margin:0;}
#content-inner .agenda-item.gray .time span, #content-inner .mod_le_joblist .agenda-item .time span, #content-inner .mod_le_jobdetail .agenda-item .time span, #content-inner .mark.gray p
{background-color: #969696;
border-color: #969696;
}
#content-inner .mark p { max-width:inherit;width:auto; margin:0 20px 10px 0; padding:0 4px; text-align:left;}
.mark {margin-bottom:15px;}
.agenda-item .description
{
float:left;
border-left:1px solid #eaeaea;
min-height: 82px;
width: 420px;
padding: 0 0 0 20px;
}
.event-agenda .agenda-item .description {width: 452px;
}
.mod_le_joblist .agenda-item .description
{
min-height: 61px;
}
.agenda-item .description h4
{padding-right:160px;
margin-top:22px;
}
.mod_le_joblist .agenda-item .description h4
{line-height:120%;
}
.mod_le_jobdetail .text h4
{margin:-10px 0 20px 0 ;
}
.agenda-item.gray .description
{
-webkit-box-shadow:inset 1px 1px 0 0 #fff;
-moz-box-shadow:inset 1px 1px 0 0 #fff;
box-shadow:inset 1px 1px 0 0 #fff;
}
.agenda-item .room
{
position:absolute;
right:20px;
top:20px;
height:20px;
overflow:hidden;
background:url('../img/room-bg.png') no-repeat left;
border-right:1px solid #d1d1d1;
font-size:12px;
padding:0 10px 0 20px;
}
.workshop .agenda-item .room
{
top:33px;
}
/************* Speakers Block **************/
ul.speakers li .pic, .revent .pic, .pic-box
{
padding:14px;
background: #f6f6f6;
background: -moz-linear-gradient(top, #ffffff, #eaeaea);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff, #eaeaea);
background: linear-gradient(top, #ffffff, #eaeaea);
border:1px solid #d1d1d1;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
position:relative;
top:0px;
}
.pic-box {margin:20px 0 10px; padding-bottom:0;}
.no-margin {margin:0;}
.revent .kontakp {padding-top:3px;}
.revent .pic {width:310px;margin-bottom:20px;}
ul.speakers li .pic:after, .revent .pic:after
{
content:'.';
display:block;
clear:both;
height:0;
overflow:hidden;
}
ul.speakers li .pic img, .revent .pic img
{
display:block;
float:left;
margin-right:15px;
border:1px solid #fff;
-webkit-box-shadow:0 0 0 1px rgba(175,205,228,0.4);
-moz-box-shadow:0 0 0 1px rgba(175,205,228,0.4);
box-shadow:0 0 0 1px rgba(175,205,228,0.4);
}
.speakers
{
width:211px;
}
.speakers .pic
{
display:block;
text-decoration:none;
padding:14px;
min-height:77px;
background: #f6f6f6;
background: -moz-near-gradient(top, #ffffff, #eaeaea);
background: -webkit-gradient(near, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-near-gradient(top, #ffffff, #eaeaea);
background: near-gradient(top, #ffffff, #eaeaea);
border:1px sod #d1d1d1;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
position:relative;
}
.speakers .pic:after
{
content:'.';
display:block;
clear:both;
height:0;
overflow:hidden;
}
.speakers .pic img
{
display:block;
float:left;
margin-right:15px;
border:1px sod #fff;
-webkit-box-shadow:0 0 0 1px rgba(175,205,228,0.4);
-moz-box-shadow:0 0 0 1px rgba(175,205,228,0.4);
box-shadow:0 0 0 1px rgba(175,205,228,0.4);
}
/******* Map Block *********/
.map
{
margin:0;
}
.image-map
{
max-width:100%;
display:block;
}
.content-map
{
width:516px;
float:left;
margin-right:40px;
}
/******* Form Block *********/
.contact-form
{
width:304px;
float:left;
}
.form-wraper
{
background: #f6f6f6;
background: -moz-linear-gradient(top, #ffffff, #eaeaea);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff, #eaeaea);
background: linear-gradient(top, #ffffff, #eaeaea);
border:1px solid #d1d1d1;
padding:1px 18px;
width:264px;
-moz-transition-property: -moz-box-shadow;
-moz-transition-duration: 0.6s;
-moz-transition-timing-function: ease;
-webkit-transition-property: -webkit-box-shadow;
-webkit-transition-duration: 0.6s;
-webkit-transition-timing-function: ease;
transition-property: box-shadow;
transition-duration: 0.6s;
transition-timing-function: ease;
}
.form-wraper.lighted
{
-webkit-box-shadow:0 0 15px 1px rgba(255,165,0,0.9);
-moz-box-shadow:0 0 15px 1px rgba(255,165,0,0.9);
box-shadow:0 0 15px 1px rgba(255,165,0,0.9);
}
.form
{
margin:17px 0;
padding:0;
}
.form .field
{
padding-bottom:8px;
clear:both;
position:relative;
}
.form .field.half-size
{
float:left;
margin-right:8px;
clear:none;
}
.form .field.half-size-last
{
float:left;
clear:none;
}
.form .field.half-size input[type=text],
.form .field.half-size textarea,
.form .field.half-size-last input[type=text],
.form .field.half-size-last textarea
{
width:98px;
}
.feature .field{max-width:400px; margin-top:30px; }
.max-width {max-width:400px;}
#content-inner .sol-down .tabs .tabs-nav-item a{
text-indent: 14px;
}
#content-inner a#tab_workflow{
text-indent: 9px;
}
.tips.top-padding {padding-top:45px;}
.feature .field > label
{
position: absolute;
top:-25px;
max-width:95%;
text-overflow: ellipsis;
}
.feature #privacymore {max-width:389px;}
.privacyhide span.mandatory {
display: inline;
}
.feature .checkbox_container legend {
font-size: 13px;
font-weight: normal;
position: absolute;
top:-25px;
max-width:95%;
text-overflow: ellipsis;
}
input[type="number"] {padding-right:0;}
.radio_container legend , .checkbox_container legend{
font-size: 13px;
font-weight: normal;
margin-bottom:5px;
}
.radio_container >span >label {display:inline;}
.radio_container >span {display:inline-block; margin:0 15px 10px 0;}
.feature .submit_container {margin-top:25px;}
.address
{
background:url('../img/address-bg.png') no-repeat left top;
margin-top:20px;
padding-top:1px;
}
/******* Sponsors **********/
.sponsors
{
line-height:140px;
text-align:center;
padding:0;
margin:0 0 40px 0;
}
.sponsors img
{
display:inline-block;
margin:0 40px;
vertical-align:middle;
opacity:0.7;
-moz-transition-property: all;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease;
-webkit-transition-property: all;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.sponsors img:hover
{
opacity:1;
}
/*********************************************************************
*********************************************************************
** Footerline
*********************************************************************
*********************************************************************/
.footerline
{
background:#072285 url('../img/headline-bg.jpg') repeat -230px 0px;
-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.8);
-moz-box-shadow:0 -1px 0 0 rgba(0,0,0,0.8);
box-shadow:0 -1px 0 0 rgba(0,0,0,0.8);
color:#aabfd5;
}
.footerline-inner
{
background:url('../img/content-bg-shade.png') repeat-x 0px -209px;
padding:290px 0 10px 0;
}
.footerline a
{
color:#aabfd5;
}
.footerline a:hover
{
color:#f89811;
}
.footer-copy
{
float:left;
width:680px;
margin-right:20px;
}
.footer-social
{
float:left;
width:240px;
text-align:right;
}
.social
{
display:inline-block;
width:24px;
height:24px;
opacity:0.6;
margin:-3px 0 -3px 10px;
-moz-transition-property: all;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease;
-webkit-transition-property: all;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.social:hover
{
opacity:1;
}
/*****************************
* Mobile (Portrait)
*****************************/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px)
{
body
{
min-width:300px;
font-size:12px;
}
.fixw
{
width:300px;
}
h2
{
font-size:25px;
padding:10px 0;
}
h2:after
{
display:none;
}
.content
{
padding-right:15px;
padding-left:15px;
}
.contentline-inner:before,
.contentline-inner:after
{
display:none;
}
.headline-left
{
padding-bottom:0px;
width:auto;
float:none;
margin:0;
}
.headline-right
{
padding-top:0;
width:auto;
float:none;
}
.headline-right-contaner
{
float:none;
text-align:left;
}
.two-fifth,
.three-fifth
{
width:auto;
margin-right:0;
margin-left:0;
float:none;
}
.pull-three,
.push-two
{
left:0;
}
#news li .text,
#news li .date
{
float:none;
}
#news li .text
{
padding:0;
margin:10px 0 0 0;
width:auto;
}
.register-pane-inner
{
padding:20px;
}
.register-pane .text,
.register-pane .button
{
float:none;
text-align:center;
margin-right:0;
width:auto;
}
.register-pane .button
{
margin-top:20px;
}
.register-button
{
font-size:20px;
}
.register-button .inner
{
padding-left:15px;
padding-right:15px;
}
.agenda-day
{
font-size:15px;
}
.agenda-day span
{
font-size:12px;
}
.agenda-item .description, .event-agenda .agenda-item .description ,
.agenda-item .time
{
float:none;
width:auto;
display:block;
padding:0 20px;
margin:20px 0;
border:0;
}
.agenda-item .description h4
{ padding:0;
}
.agenda-item .description p
{padding-right:0;
}
.agenda-item .time span
{
margin-bottom:5px;
}
.agenda-item.gray .description,
.agenda-item.gray .time
{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.agenda-item .room
{
display:inline-block;
position:static;
margin:0;
}
ul.speakers
{
margin-right:0 !important;
}
ul.speakers li
{
width:auto !important;
margin:0 0 40px 0 !important;
float:none;
height:auto;
}
.sponsors img
{
margin-left:15px;
margin-right:15px;
}
.content-map
{
width:auto;
float:none;
margin:20px 0;
}
.contact-form
{
margin:40px -15px;
float:none;
}
.form-wraper
{
border-left:0;
border-right:0;
}
.twitterline
{
margin-right:-15px;
margin-left:-15px;
}
.footer-copy,
.footer-social
{
width:auto;
margin:20px 0;
float:none;
text-align:center;
}
}
.mictLogo img {padding-bottom:10px;}
.mr5 {margin-right:5px;}
.breadcrumbs ul {
padding: 0;
list-style: none;
}
.breadcrumbs li {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.breadcrumbs li > .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumbs .active {color: #6f6f6f;}
.breadcrumbs a {text-shadow:none;}
.pagination {
margin: 20px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}
.pagination li.first a, .pagination li.previous a, .pagination li.last a, .pagination li.next a {padding: 2px 12px 6px;}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
color: #999999;
cursor: default;
}
.pagination span.current
{
color: #999999;
background-color: transparent;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
padding: 11px 19px;
font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
padding: 2px 10px;
font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
padding: 0 6px;
font-size: 10.5px;
}
/* Tabs */
.ce_accessible_tabs .current-info,
.ce_accessible_tabs .accessibletabsanchor,
.ce_accessible_tabs .tabhead {
position:absolute;
left:-999em;
}
ul , ol{margin:0 0 10px;}
ol {
list-style-type: decimal;
padding-left:20px;
}
.list ul li , .tabbody ul li, .ce_text ul li {
position:relative;
list-style-type: none;
line-height:22px;
padding-left: 20px;
}
.list li ul, .tabbody li ul, .ce_text li ul{
margin-top:3px;
}
.list ul li:before, .tabbody ul li:before , .ce_text ul li:before{
position: absolute;
left: 6px;
top: 4px;
content: "\f105";
font-size: 14px;
line-height: 14px;
color: #FF8B14;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.list li li:before, .tabbody li li:before{
left:3px; top:3px;
content: "\F00C";
}
.ce_text.share-list ul li { padding-left: 25px;}
.share-list ul li:before{
top:5px;
content: "\f064";
}
.pagination li:before {display:none;}
.tabbody .pagination li {padding: 0;}
.map .pane {margin:0; }
#content-inner .pane {border-color:#d5d5d5;}
/* Slider */
.camera_caption > div {
display:inline-block;
}
.cameraContent, .content {
max-width: 960px;
margin:0 auto;
}
.camera_caption.topRight, .camera_caption.topLeft {
height: 100%;
}
.camera_caption.bottomRight > div {margin: 18% 0 0 42%;}
.camera_caption.bottomLeft > div { margin: 16% 0 4% 0%;}
.camera_caption.topRight > div { margin: 2% 0 12% 60%;}
.camera_caption.topLeft > div { margin: 2% 0 12% 0;}
.camera_caption p { display:inline; margin:0; }
.camera_caption h3 { display:inline; margin:0; line-height:20px; font-size:20px;}
.camera_caption.bottomRight > div p {
color: #554c51;
font-size: 32px;
display:block;
text-align:right;
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.open .icon-caret-down:before {
content: "\F0D8";
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
-moz-border-radius: 5px 5px 5px 0;
border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.mod_changelanguage .fa-globe {color:#fff;}
.ic-nav{ list-style: none ;float:left;
margin: 0;
overflow: hidden;}
.ic-nav li{ float:left; margin:0; margin-right:10px;}
.ic-nav a{}
.gbs-nl i {font-size:14px;}
#feeds-nav {line-height:30px;}
.camera_wrap {
margin-bottom: 0 !important;
}
#fullslider{ position:relative; background-color:#fff;}
#fullslider:after{
/* content:"";
position:absolute;
z-index:-1;
box-shadow:0 0 20px rgba(0,0,0,0.8);
bottom:0px;
left:5%;
right:5%;
width:90%;
height:50%;
border-radius:80%;
*/
}
#primary-bar{
background-color:#fff;
}
.camera_wrap:after{
content: "";
width: 100%;
height: 1px;
bottom:0;
position: absolute;
z-index:-1;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .7);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .7);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .7);
}
.compact:after{
position: absolute;
right: 13px;
top: 7px;
content: "\F002";
font-size: 13px;
line-height: 13px;
color: #000;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;}
.camera_html {
width:288px;
position: absolute;
right: 15%;
visibility:hidden;
}
.nhome-banner .camera_html {
width:auto;
top:30px;
right: inherit;
left:0;
}
.nhome-banner .camera_caption.topRight > div {
margin: 13% 0 0 49%;
}
.nhome-banner .camera_caption {z-index:2;}
.fclaim p{ margin-bottom:0;}
#toTop {
background: rgba(111,111,111,0.8);
border-radius: 2px;
bottom: 15px;
cursor: pointer;
display: none;
height: 40px;
position: fixed;
right: 5px;
transition: all 0.8s ease 0s;
width: 40px;
z-index: 9999;
}
#toTop:after{
position: absolute;
right: 10px;
top: 0px;
content: "\F106 ";
font-size: 30px;
line-height: 40px;
color: #fff;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;}
.loesungen {position:relative; z-index:2;}
.loesungen .image_container {background-color:#fff;}
.loesungen img { margin-bottom: 2px; display:inline; vertical-align:middle; line-height:35px; }
.loesungen.z2 img{ display:block; float:left; width:35px; margin:-4px 5px 5px 0; }
.loesungen h5 { line-height:100%; min-height:35px; font-size:13px;margin:5px 0 5px 0; font-weight:bold;}
.loesungen.z2 h5{padding-top:4px;min-height:31px; }
@media only screen and (max-width: 599px) {
.loesungen.z2 img{ display:inline; float:none;margin: 0 0 2px;}
.loesungen.z2 h5{ padding-top:0;min-height:35px;}
}
.loesungen .caption { color:#6f6f6f;clear:both;}
.angebote {margin-top:10px;}
.angebote h4{margin:10px 0 5px; font-size:13px; font-weight:bold; }
.angebote p{margin-top:0; }
.angebote p a, span.more { display:inline-block; float:right;}
.c-one-half .mod_newslist .header, .event.c-one-half .header, .news .header {
width:40px; text-align:center;float:left;
margin:3px 10px 5px 0;
line-height:16px;
background: #ffffff;
border-width:2px;
border-color: #ff8b14 ;
color: #6F6F6F;
padding-bottom:7px;
}
.news .header {
width:50px;
padding-bottom:5px;
}
.c-one-half .mod_newslist .header .month, .event.c-one-half .header .month, .news .header .month{
border-bottom-width:1px;
border-color: #ff8b14;
padding: 3px 0;
display:block;
margin-bottom:5px;
color:#fff;
background: #ff8b14;
}
.tips-list .header{
margin-bottom:5px;
}
.academy-list .header{
margin-bottom:7px;
}
.tips-list .header i , .academy-list .header i {
font-size:14px;margin-right:5px;
}
.academy-list .mod_eventlist .header i {width:inherit;}
.tips-list .header + h2 , .academy-list .header + h2 {margin:0; font-size:14px; display:inline; line-height:20px; }
.tips-list .layout_latest.last hr {display:none;}
.tips-list .layout_latest.last {margin-bottom:30px;}
.tips-list .layout_latest hr, .academy-list .layout_latest hr {
position: relative;
border-width: 0;
border-bottom: 1px solid #e1e1e1;
}
.tips-list .layout_latest hr:before, .academy-list .layout_latest hr:before {
display:block;
content: '';
position: absolute;
width: 20%;
height: 1px;
margin:0 auto;
background-color: #FF8B14;
bottom: -1px;
left: 0;
right:0;
}
.tips-list .news4ward_list h2 {display:block;margin-bottom:10px;}
.academy-list .pane {padding:15px 0;}
.academy-list .pane .layout_latest:last-child hr {display:none;}
.padding {padding:0 10px;}
.irChart {width:600px; height:420px;}
.tips-list .header + h2 a, .academy-list .header + h2 a {color:#0570b4; }
.news .header .month{
border-color: #F7F7F7 !important;
margin-bottom:3px;
font-style:normal;
}
.news .header i {display:block; width:20px;margin:1px auto 0; font-style:normal; font-size:14px; border-top-width:1px; border-color: #6f6f6f !important;}
.c-one-half .mod_newslist h2 , .event.c-one-half h2, .news h2{ font-size:13px;font-weight:bold; margin-top:0;line-height:150%; margin-bottom:5px;}
.c-one-half .mod_newslist h2 a, .event.c-one-half h2 a, .news h2 a, .blue a { color:#0570b4; }
.c-one-half .mod_newslist h2 a:hover, .event.c-one-half h2 a:hover, .news h2 a:hover, .blue a:hover { color:#ff8b14; }
.mod_newslist .teaser p, .event.c-one-half .teaser p, .news .teaser p {
display:inline;
}
.news .teaser , .news h2{margin-left: 70px; }
.mod_eventlist .header i {width:40px; font-size:13px;}
.c-one-half .spalte .teaser {margin-left: 50px; }
/* Sitemap */
.mod_sitemap ul.level_1 {
}
.mod_sitemap ul.level_2, .mod_sitemap ul.level_3 {
clear: both;
margin-left: 20px;
}
.mod_sitemap ul.level_1 > li {
float: left;
margin: 0 15px 0 0;
min-height: 400px;
padding: 0;
}
.mod_sitemap ul.level_1 > li > a {
color: #0570b4;
font-size:16px;
display: block;
padding: 0 0 7px 0;
}
.mod_sitemap ul.level_2 > li {
margin: 0;
}
.mod_sitemap ul.level_3 li {
margin-left: 15px;
}
.mod_sitemap ul.level_2 > li > a
{
display: block;
font-size:15px;
padding: 5px 0;
border-top-width: 1px;
}
.mod_sitemap ul.level_3 > li > a { font-size:14px;}
.mod_sitemap ul.level_3 > li > a, .mod_sitemap ul.level_4 > li > a {
display: block;
padding: 5px 0 ;
border-top-width: 1px;
color: #6f6f6f;
}
.mod_sitemap ul.level_3 li.last {margin-bottom:10px;}
.content-navi {font-size:14px; font-weight:300; border-top:1px solid #eaeaea; margin-top:0px; }
.content-navi ul { margin:0; /*display:block;
max-width: 960px;
min-height:30px;
padding: 0 3.48837209%;
margin: 0 auto; */
}
.content-navi li {float:left;margin-right: 25px; display:block; }
.content-navi li:last-child {margin-right:0; }
.content-navi li > a , .content-navi li > span {
display:block;
margin: 0;
padding: 10px 4px 7px 4px;
color: #FF8B14;
}
.right-navi li > a , .right-navi li > span {
display:block;
margin: 0;
padding: 10px 4px 7px 4px;
border-bottom: 1px solid #FF8B14;
color: #FF8B14;
}
.right-navi li:last-child a {border-bottom: none; }
.content-navi li > a , .right-navi li > a {border-color:#fff;
color: #6f6f6f;
background-color: #fff;}
.content-navi li > a:hover , .right-navi li > a:hover{border-color:#FF8B14;
color: #FF8B14;
}
.headline h6 {color:#6f6f6f; margin:0 0 10px 3px; font-size:13px; }
.marked.ce_text.no-list li{
padding: 0 4px;
font-size: 12px;
font-weight: bold;
color: #999;
background: #eee;
border-radius: 2px;
box-shadow: inset 0 -1px 0 #e3e3e3;
margin:0 5px;
}
.marked li, .marked ul, .marked p { display:inline-block;}
.loesungen:before, .orng-border:before {
-moz-transition:all .15s linear;
-webkit-transition:all .15s linear;
-o-transition:all .15s linear;
transition:all .15s linear;
opacity:0;
display: block;
position: absolute;
left: -13px;
right: -13px;
top: -9px;
bottom: -25px;
content: "";
z-index:-1;
border:4px solid #FF8B14;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#fff;}
.orng-border:before {opacity:1; border-width:2px;
border-radius: 3px;
left: -7px;
right: -7px;
top: -9px;
bottom: -9px;
}
.angebote {max-width:213px; position:relative;}
.orng-border {max-width: inherit;}
.border-gray .orng-border:before {border-color:#ccc;}
@media only screen and (min-width: 960px) {
.content-navi li.first{/* margin-left:270px; */}
.loesungen {height:122px;}
.orng-border {min-height:130px;}
.loesungen:hover:before {
opacity:1;
}
.margin-top-90 {margin-top:90px;}
.plattformen .round-image { margin-top:90px; }
.plattformen .smallBtn.orangeBtn a{ }
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 960px) {
.content-navi li.first{ /* margin-left:280px;*/ }
}
.cnt-banner {margin:0 0 15px 0; position:relative;}
.cnt-banner img{display:block;}
.cnt-banner .text{
right:20px;
bottom:20px;
position: absolute;
z-index: 2;
background: rgba(255, 255, 255, 0.9);
border-radius: 2px;
padding:0 10px 0 10px;
max-width: 36%;
}
.cnt-banner.left .text{
left:20px;
right:inherit;
}
.cnt-banner.top .text{
top:20px;
bottom:inherit;
}
.cnt-banner.top.left .text{
top:20px;
left:20px;
right:inherit;
bottom:inherit;
}
.cnt-banner .text h2{margin:10px 0 0 0; color:#0570b4; font-size:120%; line-height:130%;}
.cnt-banner .text p{font-size:100%; margin:3px 0 15px 0;}
.box-email, .box-product {
background-color: #f0f0f0;
height:auto;
text-align:center;
padding:15px 14px 15px 14px;
margin-top:30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position:relative;
}
.gbox > ul, .gbox .text {
padding:15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #f0f0f0;
}
.center-box .col_2 .box-product, .center-box .col_2 .box-email {margin-right: auto;max-width:164px; }
.center-box .col_1 .box-product, .center-box .col_1 .box-email { margin-left:auto; max-width:164px; }
.center-box.only2 .col_2 .box-product, .center-box.only2 .col_2 .box-email { margin-left:15px;}
.center-box.only2 .col_1 .box-product, .center-box.only2 .col_1 .box-email { margin-right:15px; }
@media only screen and (min-width: 960px) {
.box-product .text, .box-email .text {min-height:120px;overflow: hidden;}
}
.box-product .image_container , .box-email .image_container {
position:absolute;
top:-30px;
left:0;right:0;
}
.box-product h2 {
margin:20px 0 5px;
font-size:15px;
}
.box-product p {
margin:3px 0;
}
.box-product .image_container a{background:#fff; display:block; width:60px;height:60px; margin:0 auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px; }
.box-product .image_container a:hover img{opacity:0.8;}
.no-hover .indicator {display:none;}
.b-head {margin:5px 0 30px;}
.box-email p{margin:3px 0;}
.box-email h3, #right .box-email h2{margin:25px 0 5px 0; font-size:15px;}
.newsMargin .layout_latest.first{margin-bottom:20px; }
#content-inner .box-email .image_container a { color:#6f6f6f; display:block; margin:0 auto; width:60px; height:60px;
border:1px solid #6f6f6f;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius:100%;
background:#fff;
}
#content-inner .box-email .image_container a:hover {color:#FF8B14; border-color:#FF8B14;}
.box-email .image_container a:before{
display: block;
width:60px;
height:60px;
content: "\F132";
/* Schloss F023 */
font-size: 24px;
line-height: 60px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
#content .box-header, .tip-box h2{overflow: visible;
padding: 8px 10px 8px 20px;
text-shadow: 0 -1px 1px rgba(139,40,50,0.2);
-moz-border-radius:3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
margin:0;font-size:14px; color:#fff;
background-color: #ff8b14;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff8b14);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff8b14)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff8b14));
background-image: -webkit-linear-gradient(top, #ff894d, #ff8b14);
background-image: -moz-linear-gradient(top, #ff894d, #ff8b14);
background-image: -ms-linear-gradient(top, #ff894d, #ff8b14);
background-image: -o-linear-gradient(top, #ff894d, #ff8b14);
background-image: linear-gradient(top, #ff894d, #ff8b14);
}
#content .i-down.box-header {
background: #074a8e;
background: -moz-linear-gradient(top, #0c92c7 0%, #074a8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c92c7), color-stop(100%,#074a8e));
background: -webkit-linear-gradient(top, #0c92c7 0%,#074a8e 100%);
background: -o-linear-gradient(top, #0c92c7 0%,#074a8e 100%);
background: -ms-linear-gradient(top, #0c92c7 0%,#074a8e 100%);
background: linear-gradient(to bottom, #0c92c7 0%,#074a8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c92c7', endColorstr='#074a8e',GradientType=0 );
}
.no-text .text {display:none;}
.no-p p{display:none;}
.campaign .colcount_2 .c-two-third {
width: 60.4166667%;
}
.campaign .colcount_2 .c-one-third {
width: 35.8333333%;
}
.box-content, .tip-box .text{
overflow: hidden;
position: relative;
border-width: 1px;
padding-bottom:15px;
-moz-border-radius:0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
background-color: #ededed;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(225,225,225, 0)), to(rgba(225,225,225, 0.66)));
background:-webkit-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66));
background: -moz-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66));
background: -ms-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66));
background: -o-linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66));
background: linear-gradient(top, rgba(225,225,225, 0), rgba(225,225,225, 0.66));
}
.simple-list li { margin:15px 0; }
.tip-box .text img{display:block; float:left; margin:0 10px 10px 0; }
.tip-box .text {padding:0 22px 5px; }
a#tab-m {font-size:12px;}
.tips {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px;
margin: 15px 0 35px;
padding: 30px 18px 10px;
position: relative;
}
.no-border {border:none; margin: 10px 0 50px; padding:0; }
.ce_download.tips { padding: 40px 18px 20px; margin: 15px 0 15px;}
.width296 {max-width:296px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tips h6{
background-color: #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 4px 0;
color: #6f6f6f;
margin:0;
font-size: 12px;
font-weight: bold;
left: -1px;
padding: 3px 7px;
position: absolute;
top: -1px;
}
.tips .text:after {content: "";
visibility: hidden;
display: block;
clear: both;
height: 0;}
.tips.last:after , .tips.last:before {display:none;}
.tips .text p:first-child {margin-top:0;}
.tips h6 +.text p:first-child, .tips h6 + .image_container + .text p:first-child, .tips h6 + .image_container {margin-top:10px;}
.tips:after {
display: block;
bottom:-25px;
text-align:center;
position:absolute;
font-size: 18px;
line-height: 18px;
height:18px;
width:24px;
left:0;right:0;
background-color:#fff;
margin:0 auto;
content: "\f13a";
color: #e7e6e6;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.tips:before {margin:0 auto;
border-color: #e7e6e6;
overflow: hidden;
left: 0;
clear: both;
right:0;
width:50%;
bottom:-18px;
position:absolute;
border-style: dotted;
border-width: 2px 0 0;
content: "";
display: block;
height: 0;
}
#content .orng {color:#FF8B14; }
.support-dwnl h5{margin:-12px 0 5px 0;}
.support-dwnl {margin-bottom:20px;}
.ce_accordion.last > .toggler {border-bottom:0;}
.ce_form.box-content {
background-color: #F9F9F9;
background:-webkit-linear-gradient(top, #F9F9F9), rgba(225,225,225, 0.66));
background: -moz-linear-gradient(top, #F9F9F9), rgba(225,225,225, 0.66));
background: -ms-linear-gradient(top, #F9F9F9), rgba(225,225,225, 0.66));
background: -o-linear-gradient(top, #F9F9F9), rgba(225,225,225, 0.66));
background: linear-gradient(top, #F9F9F9), rgba(225,225,225, 0.66));
}
.i-down h2{ padding-left:10px; color: #fff;}
#camlay2 .i-down h2{ padding-left:25px; color: #fff;}
.i-down h2:before{
display: block;
width:18px;
height:18px;
content: "\f0a7";
position: absolute;
left:10px;
top:15px;
font-size: 18px;
line-height: 18px;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
color:#fff;
z-index:100;
/*
background-color: #ff6c00;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff894d, endColorstr=#ffff6c00);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff894d, endColorstr=#ff6c00)";
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff894d), to(#ff6c00));
background-image: -webkit-linear-gradient(top, #ff894d, #ff6c00);
background-image: -moz-linear-gradient(top, #ff894d, #ff6c00);
background-image: -ms-linear-gradient(top, #ff894d, #ff6c00);
background-image: -o-linear-gradient(top, #ff894d, #ff6c00);
background-image: linear-gradient(top, #ff894d, #ff6c00);
*/
}
#camlay2 .i-down h2:before { left:25px; top:12px; }
#camlay2 .register-button .inner {padding:0 12px 0 12px;}
#camlay2 #submit {min-width:280px;} #camlay2 #submit i {font-size:18px; margin-right:5px;}
.tip-box .text > ul{margin-top:13px;}
#archiving .image_container a:before{
content: "\F07C";
font-size:22px;
width: 62px;
}
#crm-vertrieb .image_container a:before{
content: "\f007";
}
#statements .image_container a:before{
content: "\f075";
}
#success .image_container a:before{
content: "\f130";
}
#s-partner .image_container a:before{
content: "\f0c0";
}
#f-partner .image_container a:before{
content: "\f00e";
}
#w-partner .image_container a:before{
content: "\f067";
}
#crm-marketing .image_container a:before{
content: "\f086";
}
#crm-kunden .image_container a:before{
content: "\f095";
}
#mdm .image_container a:before{
content: "\f10b";
font-size:30px;
}
#webclient .image_container a:before{
content: "\f0ac";
}
#mobilization .image_container a:before{
content: "\f10b";
font-size:30px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
#productivity .image_container a:before{
content: "\f085";
}
#iqs-dl .image_container a:before{
content: "\F0E0";
}
#epdf-dl .image_container a:before{
content: "\f0f6";
font-size:26px;
}
#fc-dl .image_container a:before{
content: "\f002";
}
#ip-dl .image_container a:before{
content: "\f080";
}
#app-modern .image_container a:before{
content: "\f021";
font-size: 25px;
}
#app-create .image_container a:before{
content: "\f0a6";
font-size: 25px;
}
#app-intgr .image_container a:before{
content: "\f12e";
font-size: 26px;
width:57px;padding-left:3px;
}
#app-mig .image_container a:before{
content: "\f074";
}
#app-mobil .image_container a:before{
content: "\f10a";
font-size: 28px;
}
#c-ohs .image_container a:before{
content: "\f0ad";
font-size: 25px;
}
#c-ehs .image_container a:before{
content: "\f06c";
font-size: 25px;
}
#c-ims .image_container a:before{
content: "\f0c0";
font-size: 25px;
}
#c-qms .image_container a:before{
content: "\f06e";
font-size: 25px;
}
#c-erm .image_container a:before{
content: "\f0e9";
font-size: 25px;
}
#p-ri .image_container a:before{
content: "\f0ec";
}
#inp-report .image_container a:before{
content: "\f15c";
}
#inp-dashreport .image_container a:before{
content: "\f0e4";
line-height: 55px;
}
#power-off .image_container a:before{
content: "\f011";
font-size: 25px;
}
.box-email.lh25 h3 {margin-top:30px; line-height:25px;}
.mod_registration .icon label, .mod_registration .col_1.first label, .mod_lostPassword .email label {display:none;}
.field .field {margin:0;padding-bottom:0;}
.rotate-30 {
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.prevArticle {}
.nextArticle {float:right;}
.mod_twitterreader li {margin:10px 0; padding-bottom:9px; border-width: 0 0 1px;}
.mod_twitterreader li:first-child {margin-top:0; }
.mod_twitterreader li:last-child {margin-bottom:0; border-width: 0; padding:0;}
.mod_twitterreader .date {font-size:12px;font-weight:bold;padding-top:2px;}
.cdPreis {width:200px; min-height:20px; margin:10px 0; float:right; border-width: 1px 0 0 0; }
.border-top-bold {border-width: 2px 0 0 0; }
.cdAPlabel {width:140px;}
.hand, #defender .checkbox_container label { cursor:pointer;}
.aright {text-align:right;}
.fullwidth {width:100%; margin:10px 0;}
.orange {color:#FF8B14;}
.gbox { background-color: #F6F6F6; padding: 7px;margin: 5px 0;}
#defender .gbox { display:none; }
h2 i, h2 em {font-style:normal; font-size:0.8em;}
.margin-left, .field.field-margin-left {margin-left:20px;}
#content .info {background: #eaeaea;
font-size:110%;
width:33%;
display:block;
float:left;
margin:22px 22px 22px 0;
padding:22px;
border-width:0 5px 0 0;
font-style:italic;
border-style:double;
border-color:#FF8B14;
}
#content .info.right {
margin:20px 0 20px 22px;
padding:22px;
border-width:0 0 0 5px;
float:right;
}
/* Accordeon */
.accordion {
border-bottom: 1px solid #e8e6e6;
}
.toggler {cursor:pointer;
border-bottom: 1px solid #e8e6e6;
line-height:18px;
padding:10px 0 10px 30px;
font-size:110%;;
position:relative;
}
.toggler:before{
position: absolute;
left: 0;
text-align:center;
width:18px;
height:18px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
background:#FF8B14;
top: 11px;
content: "+";
color:#fff;
font-size: 12px;
line-height: 18px;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.toggler.ui-accordion-header-active{
padding-bottom:0;
border-bottom: 0;
}
.toggler.ui-accordion-header-active:before{
content: "-";
}
.toggler.ui-state-hover {color:#FF8B14;}
.slider-control .slider-menu b {
width: 11px;
height: 11px;
display: inline-block;
background: #6f6f6f;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -999em;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
margin-right:10px;
color: #f0f0f0;
}
.slider-menu b:hover{background: #FF8B14;}
.slider-control .slider-menu b.active {
background: #000;
background: rgba(0,0,0,0.9);
cursor:default;
}
.slider-control > a{
color:#fff;
border-radius: 2px;
width: 30px;
height: 30px;
margin: -20px 0 0;
background-color: rgba(111,111,111,0.5);
position: absolute;
top: 50%;
cursor: pointer;
line-height:30px;
text-align:center;
font-size:20px;
opacity: 0;
}
.slider-control {position:static;}
.slider-control .slider-menu {top:inherit;bottom:0;}
.ce_sliderStart {position:relative;}
.ce_sliderStart:hover .slider-control > a {opacity: 1;}
input.txtcap {display: table-cell;
padding-right:0;
width: 10%;
min-width:70px;
margin-right:10px;
}
span.captcha_text.txtcap{
display: table-cell;
width: 90%;
}
.field.txtcap {
display: table;
}
.PC_load {
cursor: pointer;
right: 10px;
top: inherit;
bottom: 5px;
position: absolute;
}
#ifpicCap .cpimg {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
width: 1%;
padding: 0 30px 0 0px;
vertical-align: bottom;
background: #f3f3f3;
border: 1px solid #ccc;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-left: 0;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
#ifpicCap .cpimg img {
padding: 0;
margin: 0;
height: 26px;
vertical-align: bottom;
display: inline-block;
min-width:90px;
max-width: inherit;
}
.form-group {
position: relative;
margin-bottom: 8px;
}
#ifpicCap input.captcha {
display: table-cell;
height: 28px;
line-height: 28px;
padding-right:0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
min-width:70px;
width: 100%;
margin-bottom: 0;
}
.flyerD .ce_downloads p {margin:0 0 10px 10px; }
.flyerD .ce_downloads .size, .ce_loginDownloads .size{padding:6px 0 0 2px; }
.flyerD .ce_downloads .grid h3, .ce_loginDownloads .grid h3 {margin:5px 0 10px 0; font-size:14px; line-height:17px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.flyerD .ce_downloads .caption , .ce_loginDownloads .caption{margin:0;
max-height:66px;
overflow: hidden;
}
.flyerD .ce_downloads li {width:48.125%; float:left; padding:0;margin:0 0 20px 3.75%;}
.flyerD .ce_downloads li:nth-child(odd) {margin-left:0;}
.flyerD .ce_downloads li:before {display:none;}
.flyerD .ce_downloads .grid {width:auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 15px;
height:73px;
overflow:hidden;
background-color: #f0f0f0;}
.mime_icon {margin-left:-3px;}
.ce_download img, .ce_downloads img, .ce_loginDownload img , .ce_loginDownloads img{
vertical-align: top;
}
.ce_loginDownloads.readme li {line-height:19px;margin-bottom:10px;
}
.ce_loginDownloads .grid {
width:auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 15px;
background-color: #f0f0f0;
}
.ce_loginDownloads li {
margin-bottom:20px;
}
.ce_loginDownloads p {margin:0; }
.ce_loginDownloads ul {position:relative;}
.ce_loginDownloads .no-list li.md5 { margin-top:20px;
left:51%;
z-index:10;
position:absolute;
line-height:20px;
min-width: 50px;
}
.button {overflow:hidden; max-width: 100%;}
.finanz-dwnl .ce_download h4 {margin-bottom:10px;}
.finanz-cal dl {margin:3px 0 0 0;}
.finanz-cal dt {color:#FF8B14;}
.finanz-cal dd {font-weight:bold;}
.finanz-dd {margin:0 0 7px 0; padding: 0 0 0 26.75%;}
.finanz-dd * {margin:2px 0;}
.margin {margin:20px 0;}
.top-margin-10 {margin-top:10px;}
.top-margin-20 {margin-top:20px;}
.margin-top-15 {margin-top:15px;}
.margin-bottom {margin-bottom:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-60, #right h3.margin-bottom-60 {margin-bottom:60px;}
.top-padding-12 {padding-top:12px;}
.padding-bottom , .acc-padding-bottom .accordion{padding-bottom:15px;}
.padding-top {padding-top:20px;}
.top-margin-40 {margin-top:40px;}
.margin40{margin:40px 0;}
.minus-margin {margin-top:-20px; display: block;}
.minus10margin {margin-top:-10px; display: block;}
.img-m-b .image_container {margin-bottom:20px;}
.img-m-l-r .image_container {margin-left:3em; margin-right:3em;}
.margin-icon .mime_icon {
margin-left:0;
}
.tips .text>ul {margin-top:20px;}
.plus-table td:before {
position: absolute;
left: 5px;
top: 10px;
content: "\f067";
font-size: 13px;
line-height: 13px;
color: #FF8B14;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.plus-table table td {padding-left:22px; position:relative;}
.plus-table table {border-width:1px;}
.width810 {max-width:810px;margin:0 auto;}
.app-banner {margin: 0; position: relative;}
.app-banner > .text {
right: 20px;
top:300px;
position: absolute;
z-index: 2;
background: rgba(255, 255, 255, 0.9);
border-radius: 2px;
padding: 0 10px 0 15px;
width:330px;
max-width:80%;
}
.width810 .text h3 {color:#FF8B14;}
.app-banner.text-center > .text {
padding: 0 10px 0 10px;
right:inherit;
bottom: inherit;
left:50%;
top:300px;
width:300px;
max-width:80%;
margin-left:-160px;
text-align:center;
}
.top350 , .app-banner > .text.top350{top:350px;}
.content-bg-orange #content > .background , .bgOrange {
background: #FF8B14;
color:#fff;
}
.white-h {margin-bottom:25px;font-weight:bold;color:#fff;}
.readme.tips {margin-bottom:30px;}
.readme.tips li {display:inline; padding:0; line-height:22px; white-space: nowrap;}
.readme.tips li:nth-child(odd) {padding-right:20px;}
.readme.tips ul {padding-top:10px;}
.socialButtons {text-align:right;}
.socialButtons a {padding-left:10px; color:#6f6f6f;}
.strongH6 h6 {color: #6f6f6f; font-size:13px; font-weight:bold; margin-bottom:5px;}
.strongH6 {margin:30px 0;}
.knw-list h2 {margin: 0;
font-size: 14px;
display:inline;
line-height: 20px;}
.knw-list h2 a{color:#6f6f6f;}
.knw-list h2 a:hover{color:#FF8B14;}
.knw-list .layout_short {min-height:45px;
border-width: 0 0 1px 0;
margin:20px 0;
padding-bottom:15px;
}
.knw-list .layout_related {
border-color: #e1e1e1;
border-width: 0 0 1px 0;
margin:20px 0;
padding-bottom:15px;
}
.knw-list .layout_related.last {border-width: 0; }
.mod_news4wardComments h3 {margin-top:50px;}
.kb .mod_search .formbody{
border: 1px #ccc solid;
border-radius: 3px;
padding: 10px;
}
.kb .mod_search input.text {height: 30px; line-height: 30px;}
.mod_news4wardComments textarea {min-height:86px;}
a.hlbtn {display:block;float:right; font-size:16px; font-weight:normal; padding:0 10px; margin:0;}
.mgrid .field {margin-right:40px;}
.modal-body h4 {margin:10px 0 7px 0;}
h1.ce_headline .news4wrad_filter_hint {float:right;display:inline; font-size:14px; color:#6f6f6f;}
.knw-active a.active {background: #f0f0f0;padding:0 3px;-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;}
.mod_le_workshopliste .knw-active a {margin-right:12px; padding:4px 7px; }
#content .results .box-header {font-size:16px;}
.bigger {font-size:1.1em;}
.vis { visibility: visible; }
.unvis { visibility: hidden;}
.relative {position:relative;}
.aquestion {text-align:center;}
.ib {padding-right:10px;}
#stage button {border:0; background:#0570B4; margin-top:5px; color:#fff; }
#stage button:hover { background:#FFAD42;}
#stage button.active { background: #FF8B14; }
.hidden {display:none;}
.prodBoxen { width:200px; display:none; }
#stage > img {display:block; position:absolute; width:16px; left:50%; top:49%; height:11px; margin-left:-8px;}
#stage {min-height:120px; position:relative; text-align:center; }
#stage > div { opacity:0; width:100%; position:relative;left:0;top:0;}
#prbar {}
#endbar {visibility: hidden; width:100%; position:absolute;}
#endbar .inner { width:20%;}
#endbar.end .inner {width:100%;}
#endbar.end {visibility: visible;}
#a_next {}
#result-single .prodBoxen {/*margin:10px auto; position:relative;*/}
#result .prodBoxen {}
.results {position:relative;}
.advisor-nav {text-align:center; margin:20px auto; width:240px;}
.advisor-nav button {min-width:80px; margin-right:5px; }
.prodBoxen.show {
display:block;
}
#result .plusIcon { text-align: center; margin-top:40px; }
#result-single.hidden {
display:block;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: transform 250ms ease-out, opacity 250ms ease-out; opacity: 0;
-ms-transition: transform 250ms ease-out, opacity 250ms ease-out;
transition: transform 250ms ease-out, opacity 250ms ease-out;
-webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
-ms-transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
-moz-transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
visibility: hidden;
opacity: 0;
}
#result-single {
margin:30px auto 20px auto;
width:100%;
min-width:240px;
max-width:768px;
position: relative;
top: 0px;
left: 0px;
-webkit-transition: transform 250ms ease-out, opacity 250ms ease-out;
-ms-transition: transform 250ms ease-out, opacity 250ms ease-out;
-moz-transition: transform 250ms ease-out, opacity 250ms ease-out;
transition: transform 250ms ease-out, opacity 250ms ease-out;
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
-ms-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
-moz-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
#result.hidden {
display:block;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: transform 250ms ease-out, opacity 250ms ease-out; opacity: 0;
-ms-transition: transform 250ms ease-out, opacity 250ms ease-out;
transition: transform 250ms ease-out, opacity 250ms ease-out;
-webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
-ms-transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
-moz-transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
transform: translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
visibility: hidden;
opacity: 0;
}
#result {
min-width:220px;
position: relative;
top: 0px;
left: 0px;
-webkit-transition: transform 250ms ease-out, opacity 250ms ease-out;
-ms-transition: transform 250ms ease-out, opacity 250ms ease-out;
-moz-transition: transform 250ms ease-out, opacity 250ms ease-out;
transition: transform 250ms ease-out, opacity 250ms ease-out;
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
-ms-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
-moz-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
/* Bootstrap Modal */
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.modal{position:fixed;left:50%;z-index:1050;width:400px;margin-left:-200px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}
.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-1000px;}
.modal.fade.in{top:10%;}
.modal-header{padding:9px 15px;border-bottom:1px solid #eee;}
.modal .close{margin-top:2px;cursor:pointer; border-radius:2px; float:right;}
.modal .close:hover{background-color:#fff;}
.modal h3, .modal p{margin:0;}
.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}
.modal-form{margin-bottom:0;}
.modal-footer{padding:6px 15px 5px;margin-bottom:0;background-color:#f5f5f5;border-bottom:1px solid #ddd;
-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0 ;border-radius:6px 6px 0 0;
-webkit-box-shadow:inset 0 -1px 0 #ffffff;-moz-box-shadow:inset 0 -1px 0 #ffffff;box-shadow:inset 0 -1px 0 #ffffff;*zoom:1;}
.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;}
.modal-footer:after{clear:both;}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.modal-footer .btn-block+.btn-block{margin-left:0;}
.gbs-videos .modal-backdrop {display:none;}
.nobgbox #cboxLoadedContent {background:none;}
.gutter-sizer { width: 3.5%; }
.ce_loginVideo {float:left; max-width: 296px; width: 31%; }
.ce_loginVideo.last {margin-right:0;}
.ce_loginVideo .image_container {overflow:hidden; height:180px;}
.ce_loginVideo .image_container a { width:296px; height:180px; display:block;}
.ce_loginVideo .image_container a::after {content:""; top:0; left:0; width:296px; height:180px; position:absolute;}
.ce_loginVideo.apd-icon .image_container a::after {background: url(../../video/appdesigner-icon.png) center center no-repeat;}
.ce_loginVideo.iqsuite-icon .image_container a::after {background: url(../../video/iqsuite-icon.png) center center no-repeat;}
.ce_loginVideo .image_container a img {
-webkit-transition: transform 500ms;
-moz-transition: transform 500ms;
-ms-transition: transform 500ms;
transition: transform 500ms;}
.ce_loginVideo .image_container a:hover img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-ms-transform: scale(1.04);
-moz-transform: scale(1.04);
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
.full .content h4{font-size:16px; color:#FF8B14; margin-bottom:10px; margin-top:0;}
.ce_loginVideo p {margin-top:10px;}
.ce_loginVideo .image_container a::before {
/*
background-color: rgba(111,111,111,0.8);
bottom: 0;
content: '';
display: block;
position: absolute;
left: 0;
opacity: 0;
-webkit-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
right: 0;
top: 0;
z-index: 1;
*/
}
.ce_loginVideo .image_container a:hover::before {
/* opacity: 1;*/
}
.filter-button-group button {cursor:pointer; padding:5px;color:#6f6f6f;}
.filter-button-group button:hover {color:#000;}
.filter-button-group button.is-checked {background-color:#FF8B14; color:#fff;}
@media only screen and (min-width: 700px) and (max-width:960px) {
.flyerD .ce_downloads .grid , .ce_loginDownloads .grid {
height:93px;
}
}
@media only screen and (max-width: 680px) {
.round-image {margin:10px auto;}
.ce_loginVideo {float:none; margin:0; max-width: 296px; width: 100%; }
.ce_loginVideo:nth-child(2n) { margin-left:3px;}
#secondary-bar-inner > .c-one-fourth {text-align:center;}
#c-hand {display:none;}
#c16-banner {display:block;}
.modal.fade.in {
left: 10px;
right: 10px;
top: 10px;
margin:0;
width: auto;
}
.campaign .grid.colcount_2 > * { width:100%; margin:0; float:none; left:0; }
.finanz-dd {padding:0;}
.flyerD .ce_downloads .grid h3, .ce_loginDownloads .grid h3 {
overflow: inherit;
white-space: inherit;
text-overflow: inherit;
}
.flyerD .ce_downloads li {width:100%; float:none; margin:0 0 12px 0;}
.flyerD .ce_downloads .grid {height:auto; overflow:inherit; text-align:center;}
.flyerD .ce_downloads p{margin:10px 0;}
#content .mod_eventreader .h-box p {
width:auto;float:none;
}
#content .mod_eventreader .info {
margin:5px auto;
float: none !Important;
width:90%;
}
.templateColumnContainer {display: block !important;width: 100% !important;}
.rightEvent {padding-top: 18px;}
.de_newsletter {margin-left: 0;}
}
/*********************************************************************
*********************************************************************
** Media Queries
*********************************************************************
*********************************************************************/
/*****************************
* Tablet (Portrait)
*****************************/
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
body
{
min-width:768px;
}
.fixw
{
width:768px;
}
.headline-left
{
width:458px;
}
.contentline-inner:before,
.contentline-inner:after
{
display:none;
}
.three-fifth
{
width:320px;
}
.pull-three
{
left:-360px;
}
.register-pane .text,
.register-pane .button
{
float:none;
text-align:center;
margin-right:0;
width:auto;
}
.register-pane .button
{
margin-top:20px;
}
.register-button a
{
font-size:14px;
}
.agenda-item .description
{
width:323px;
padding-right:150px;
}
ul.speakers
{
margin-right:-44px !important;
}
ul.speakers li
{
margin-right:44px !important;
}
.content-map
{
width:344px;
}
.sponsors img
{
margin-left:20px;
margin-right:20px;
}
.footer-copy
{
width:508px;
}
.box-product.fmargin {clear:left; margin: 50px 0 0 0;}
}
/*****************************
* Mobile (Landscape)
*****************************/
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
#c-hand {display:none;}
#c16-banner {display:block;}
.box-product.fmargin {clear:left; margin: 50px 0 0 0;}
body
{
min-width:420px;
font-size:12px;
}
.fixw
{
width:420px;
}
.content
{
padding-right:20px;
padding-left:20px;
width: auto;
}
.contentline-inner:before,
.contentline-inner:after
{
display:none;
}
.headline-left
{
padding-bottom:0px;
width:auto;
float:none;
margin:0;
}
.headline-right
{
padding-top:0;
width:auto;
float:none;
}
.headline-right-contaner
{
float:none;
text-align:left;
}
.two-fifth,
.three-fifth
{
width:auto;
margin-right:0;
margin-left:0;
float:none;
}
.pull-three,
.push-two
{
left:0;
}
.register-pane-inner
{
padding:20px;
}
.register-button a
{
font-size:15px;
}
.register-pane .text,
.register-pane .button
{
float:none;
text-align:center;
margin-right:0;
width:auto;
}
.register-pane .button
{
margin-top:20px;
}
.register-button .inner
{
padding-left:20px;
padding-right:20px;
}
.agenda-day
{
font-size:21px;
}
.agenda-item .description, .event-agenda .agenda-item .description ,
.agenda-item .time
{
float:none;
width:auto;
display:block;
padding:0 20px;
margin:20px 0;
border:0;
}
.agenda-item .time span
{
margin:0;
}
.agenda-item.gray .description,
.agenda-item.gray .time
{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.agenda-item .room
{
display:inline-block;
position:static;
margin:0;
}
ul.speakers
{
margin-right:-20px !important;
}
ul.speakers li
{
width:180px !important;
margin-right:20px !important;
height:320px;
}
ul.speakers li .pic img
{
float:none;
}
ul.speakers li .pic .name
{
margin-top:10px;
}
.sponsors img
{
margin-left:15px;
margin-right:15px;
}
.content-map
{
width:auto;
float:none;
margin:20px 0;
}
.contact-form
{
margin:40px auto;
float:none;
}
.twitterline
{
margin-right:-20px;
margin-left:-20px;
}
.footer-copy,
.footer-social
{
width:auto;
margin:20px 0;
float:none;
text-align:center;
}
}
.camera_wrap {height: 334px; display: block;}
.bigger h3 {font-size: 20px;}
.whiteBG {background-color:#ffffff;}
#scrollnavi {margin:0;border-width:0 0 1px 0; border-color: #e1e1e1; }
#scrollnavi .ce_hyperlink {padding:15px 0 10px 0; font-size:16px; font-weight:300; text-align:center;}
#scrollnavi .ce_hyperlink a {color:#6f6f6f;}
.round-border {display:block; margin:10px auto; max-width:200px; padding:0; position:relative;}
.round-border a, .round-border img {display:block;}
.round-border::before { content:''; display: block;
position: absolute;
left: -30px;
right: -30px;
top: -25px;
bottom: -25px;
content: "";
z-index: -1;
border: 2px dashed #FF8B14; border-radius:100%; display:block;}
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 999;
}
#scrollnavi .smallBtn.orangeBtn a {
color: #ffffff;
margin: 0;
display: block;
width: auto;
padding: 3px 0 2px 0;
border-width: 1px;
vertical-align: middle;
border-radius: 2px;
font-size: 16px;
}
#scrollnavi .ce_hyperlink.smallBtn {padding:10px 0;}
#prefooter { background-color: #ececec;}
#header #header-inner #secondary-bar {border-width: 0 0 3px 0; border-color: #FFF; padding:20px 0;}
#header #secondary-bar-inner {width:auto;}
#header p {margin:0;}
#header-inner {box-shadow: none;}
.camera_wrap:after { content:none;}
.camera_caption > div {
background: none;
padding-left:0;
min-width:300px;
}
.camera_caption h3, .full .camera_caption h3{ padding:20px; display: inline-block; font-weight:300;
margin: 0; color:#fff;
line-height: 55px;
font-size: 66px;}
.full .camera_caption.bottomRight > div {
text-align: right;
margin: 15% 0 0 37%;
max-width:70%;
}
.full .camera_caption.topRight > div {
text-align: right;
margin: 4% 0 0 23%;
max-width: 80%;
}
.full-breit .camera_caption.topRight > div {
text-align: right;
margin: 4% 0 0 16%;
max-width: inherit;
}
.full .camera_caption.topRight > div p {
color: #ffffff;
font-size: 32px;
display: block;
text-align: right;
font-weight:300;
}
.full-sparkassen .camera_caption > div p {
color: #3c3c3c;
}
.full-sparkassen .camera_caption h3 { background-color:#d51f1f; }
.full-ibm .camera_caption h3 { background-color:#01a0d7; }
.full-office .camera_caption h3 { background-color: #eb3c00; }
.full-exchange .camera_caption h3 { background-color:#0072c6; }
.full-sharepoint .camera_caption h3 { background-color:#226eb6; }
.full-azure .camera_caption h3 { background-color:#29abe2; }
.nhome-banner .camera_caption h3 { background-color:#ff8b14; }
.full-sparkassen .camera_caption > div {
margin: 6% 0 12% 0;
}
.nhome-banner .camera_caption.bottomLeft > div {
margin: 20% 0 6% 0%;
}
.nhome-banner .bottomLeft.fadeFromLeft.camera_caption > div {
margin: 17% 0 6% 0%;
}
.full-exchange .camera_caption.bottomLeft > div {
margin: 20% 0 6% 0%;
}
.full-exchange .camera_html { right: 0;}
.full-azure .camera_html { right: 5%;}
.nhome-banner.bt-right .bottomRight > div {
margin: 18% 0 0 44%;
}
.nhome-banner.bright .bottomRight > div {
margin: 20% 0 0 50%;
}
.bt-right .camera_caption.bottomRight > div p {
color: #fff;
padding-right:20px;
}
.camera_caption> div p {
display: block;
font-size: 32px;
font-weight:300;
line-height: 120%;
margin-top: 10px;
}
#sl-cebit h3 {
background:#fff;
color: #e51e1c;
line-height: 50px;
font-size: 60px;}
#camera_wrap_19 .bottomRight.fadeFromRight > div { margin: 12% 0 0 33%;}
#camera_wrap_24 .bottomRight.fadeFromRight > div{ margin: 12% 0 0 20%;}
#sl-cebit p {padding-right:35px;}
.slider-wrapper .image_container img {display: block; margin: 20px 0;}
.slider-control .mobile_handle {display:none;}
.slider-wrapper figcaption {margin-bottom:30px; font-style:italic; font-size:15px; font-weight:300;}
#ui-datepicker-div {z-index:10 !important;}
#cta-ticket .hov
{
background: #f3f3f3;
background: linear-gradient(to bottom, #FFF 0%,#f3f3f3 100%);
filter: none;
}
#secondary-bar #cta-ticket:hover {color: #6f6f6f;}
.c16 #secondary-bar a:hover {color: #fff;}
#cta-ticket .inner {padding:0 5px;}
.c16.full .camera_caption.bottomRight > div{
background: none;
padding-left:0;
text-align: right;
margin: 17% 0 0 29%;
max-width:inherit;
}
.c16.full .middle .camera_caption.bottomRight > div{
margin:17% 0 0 0;
}
.full.c16 .camera_caption h3 { padding:20px; background:#fff; display: inline-block;
margin: 0; color:#123F66;
line-height: 50px;
font-size: 60px;}
.full.c16 .camera_caption p {padding:0;padding-right:4px; padding-top:20px; color:#fff;
display: inline-block;
line-height: 30px;
font-size: 34px;
}
.full.c16 .camera_caption p.gray { color:#6f6f6f; }
.full.c16 .mifid h3 , .mifid h3 { background:#7b5c43; color:#fff; }
/* Form Dan Smith */
.fancy div.field {overflow:hidden;}
.fancy .check-privacy legend {
width:auto;
padding:5px 0 0 80px;
}
.checkbox_container.small > legend {font-size:11px;}
.fancy .checkbox_container.check-privacy > span {
position: absolute;
top: 0;
display: block;
padding-left: 6px;
}
.fancy input[type="text"], .fancy input[type="password"], .fancy textarea ,
.fancy input[type="email"], .fancy input[type="tel"], .fancy input[type="number"]{
width: 100%;
height: 40px;
padding: 10px 10px 10px 90px;
box-sizing: border-box;
border: 1px solid #ccc;
color: #333;
border-radius: 3px;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
background: none;
}
.fancy textarea {
box-shadow:none;
height: auto;
min-height: 150px;
padding: 50px 10px 10px 10px;
background: none;
}
.fancy textarea:focus {
padding-top: 10px;
}
.fancy .field > label {
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: bold;
width: 80px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
text-align: center;
letter-spacing: .05em;
color: white;
background: #FF8B14;
border-radius: 3px 0 0 3px;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
.fancy .field.textarea > label {
width: 100%;
border-radius: 3px 3px 0 0;
}
.fancy input[type="text"]:focus , .fancy input[type="password"]:focus , .fancy input[type="tel"]:focus , .fancy input[type="number"]:focus{
padding-left: 10px;
}
.fancy div.field > label.focus {
-webkit-transform: translateZ(0) translateX(-100%);
transform: translateZ(0) translateX(-100%);
}
.fancy div.field.textarea > label.focus {
-webkit-transform: translateZ(0) translateY(-100%);
transform: translateZ(0) translateY(-100%);
}
.fancy select{
cursor:pointer;
height: 40px;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
color: #333;
border-radius: 3px;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
background: none;
box-shadow:none;
line-height: 15px;
}
.fancy div.field.select > label {
height: auto;
line-height: 20px;
position: static;
font-size: 13px;
color:#6f6f6f;
font-weight: normal;
width: auto;
text-shadow: none;
text-align: left;
background:none;
}
.fancy .select:after {
content: '\f107';
position: absolute;
right: 10px;
top: 10px;
width: 25px;
font-size: 25px;
line-height: 24px;
text-align: center;
color: #FF8B14;
font-family: FontAwesome;
font-weight: bold;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
z-index:-1;
}
.fancy .check-privacy input[type="checkbox"], .fancy .check-privacy input[type="radio"] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
}
.fancy .check-privacy input[type="radio"] + label {
position: relative;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
background: #ccc;
width: 30px;
height: 30px;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
}
.fancy .check-privacy input[type="radio"] + label:before {
content: '';
position: absolute;
display: block;
height: 10px;
width: 10px;
top: 50%;
left: 50%;
background: white;
border-radius: 100%;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s;
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s;
-webkit-transform: translateZ(0) translate(-50%, -50%) scale(0);
transform: translateZ(0) translate(-50%, -50%) scale(0);
}
.fancy .check-privacy input[type="radio"]:checked + label {
background: #FF8B14;
}
.fancy .check-privacy input[type="radio"]:checked + label:before {
-webkit-transform: translateZ(0) translate(-50%, -50%) scale(1);
transform: translateZ(0) translate(-50%, -50%) scale(1);
}
.fancy .check-privacy input[type="checkbox"] + label {
position: relative;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
background: #ccc;
width: 60px;
height: 30px;
border-radius: 100px;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
}
.fancy .check-privacy input[type="checkbox"] + label:before {
content: '';
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0288D1;
border-radius: 100px;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s;
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9) 0.1s;
-webkit-transform: translateZ(0) scale(0);
transform: translateZ(0) scale(0);
}
.fancy .check-privacy input[type="checkbox"] + label:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
display: block;
height: 26px;
width: 26px;
background: white;
border-radius: 100%;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
.fancy .check-privacy input[type="checkbox"]:checked + label {
background: #FF8B14;
}
.fancy .check-privacy input[type="checkbox"]:checked + label:after {
left: calc(100% - 28px);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.no-legend > legend {display:none;}
.fancy button {
position: relative;
overflow: hidden;
height: 40px;
line-height: 40px;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
text-align: center;
text-transform: uppercase;
letter-spacing: .05em;
color: white;
border: none;
background: #0288D1;
border-radius: 3px;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
z-index: 2;
}
.fancy button:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #01579B;
height: 100%;
width: 100%;
border-radius: 3px;
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
-webkit-transform: translateZ(0) scale(0);
transform: translateZ(0) scale(0);
z-index: -1;
}
.fancy button:hover:before, .fancy button:focus:before {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
}
.fancy .select {
border-radius: 3px;
overflow: hidden;
background: none;
position: relative;
z-index: 1;
}
.fancy select {
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.fancy select:focus {
outline: none;
}
@media only screen and (max-width:600px) {
.gbs-tel {display:none;}
.c16 .camera_caption > div {display:block; max-width: 100%;}
.c16 .camera_caption p {padding:10px; padding-bottom:0;
line-height: 15px;
font-size: 13px;
display:block;
}
.c16 .camera_caption h3 { padding:10px;
line-height: 20px;
font-size: 18px;}
#full-slider .cameraSlide img {display:none;}
}
/* =Search Form
---------------------------------------------------------------------- */
/* Default styles */
#searchform { max-width: 322px; margin-bottom: 1.5em; clear: both; position: relative; }
#searchform .outer, #searchform .inner { position: relative; }
#searchform .form-actions { width: 30px; height: 100%; position: absolute; right: 0; top: 0; /* search icon */ }
#searchform .form-actions:before {
width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; z-index: 1; text-align: center; font: 14px/14px FontAwesome; content: "\f002"; -webkit-font-smoothing: antialiased; }
/* search phrase */
#s { width: 100%; padding-right: 36px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* submit button */
#searchsubmit { width: 100%; height: 100%; border-width: 0; position: absolute; right: 0; top: 0; z-index: 2; cursor: pointer; text-indent: -999px; overflow: hidden; background: none; box-shadow:none; color:inherit; }
/* Searchbox */
.searchbox { float: right; }
.searchbox a {text-decoration:none; }
.searchbox #s { background-color: transparent;
border-color: #fff; color: #fff;
border: 2px solid #fff;
padding: 8px 20px;
font-size: 30px;
background:none;
font-family: "Open Sans";
font-weight: 300;
height:50px;
line-height:inherit;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.searchbox--standard #searchform .outer { width: 94.53125%; margin-left: auto; margin-right: auto; padding: 28px 2.734375%;
background-color: #94949c; position: relative;
}
.searchbox--standard #searchform .inner { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.searchbox--standard #searchform .form-actions { width: 60px; /* search icon */ }
.searchbox--standard #searchform .form-actions:before { height: 28px; margin-top: -14px; font: 28px/28px FontAwesome; color:#fff; }
/* Small searchbox */
.searchbox--small { position: relative; }
.searchbox--small #searchform { width: 320px; right: 0; }
.searchbox--small #searchform .outer { padding: 20px; }
/* Adjust the max-width for various layouts */
.searchbox--semi-standard #searchform, .searchbox--semi-narrow #searchform { max-width: 1136px; }
.searchbox--standard-narrow #searchform { max-width: 1024px; }
.searchbox--wide-wide #searchform .inner, .searchbox--wide-semi #searchform .inner { max-width: 1136px; }
.searchbox--wide-standard #searchform .inner, .searchbox--semi-standard #searchform .inner { max-width: 1024px; }
.searchbox--wide-narrow #searchform .inner, .searchbox--semi-narrow #searchform .inner, .searchbox--standard-narrow #searchform .inner { max-width: 968px; }
/* Searchform toggle */
.searchbox__switch { padding:0 10px 30px ; position: relative; display: block; /* arrow */ /* icons */ }
.searchbox__switch .searchbox__arrow { width: 0; height: 0; margin-top: -12px; display: none; position: absolute; left: 10px; top: 100%; content: ""; border-style: solid; border-width: 6px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; }
.searchbox__switch strong { color: #6f6f6f; height: 33px;
line-height: 33px;
padding-left: 10px; display: block; position: relative; font-weight: normal; }
.searchbox__switch strong:before, .searchbox__switch strong:after {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 14px; height: 100%; position: absolute; left: 0; top: 50%; text-align: left; font: 18px/22px FontAwesome; }
.searchbox__switch strong:before { display: block; content: "\f002"; }
.searchbox__switch strong:after { display: none; content: "\f00d"; }
/* On|Off mechanism */
.searchbox--on .searchbox__switch strong:before { display: none; }
.searchbox--on .searchbox__switch strong:after { display: block; }
.searchbox--on .searchbox__arrow {color:#6f6f6f;}
.searchbox--on .searchbox__arrow, .searchbox--on #searchform {
display: block;
}
/* Shadows */
#searchform { -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); background-color: #7b7b84; max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
margin-bottom: 0;
padding: 10px 0;
display: none;
position: absolute;
}
/* CSS animations */
.cssanimations .searchbox .searchbox__switch { -webkit-backface-visibility: hidden; }
.cssanimations .searchbox .searchbox__switch strong:before { display: block; opacity: 1; -moz-transition: opacity 0.175s ease-in-out 0.175s; -o-transition: opacity 0.175s ease-in-out 0.175s; -webkit-transition: opacity 0.175s ease-in-out; -webkit-transition-delay: 0.175s; transition: opacity 0.175s ease-in-out 0.175s; }
.cssanimations .searchbox .searchbox__switch strong:after { display: block; opacity: 0; -moz-transition: opacity 0.175s ease-in-out; -o-transition: opacity 0.175s ease-in-out; -webkit-transition: opacity 0.175s ease-in-out; transition: opacity 0.175s ease-in-out; }
.cssanimations .searchbox .searchbox__arrow, .cssanimations .searchbox #searchform { display: block; visibility: hidden; opacity: 0; -moz-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); -webkit-transform: translate(0px, 40px); transform: translate(0px, 40px); -moz-transition: visibility 0s 0.35s, opacity 0.35s ease-in-out, -moz-transform 0.35s ease-in-out; -o-transition: visibility 0s 0.35s, opacity 0.35s ease-in-out, -o-transform 0.35s ease-in-out; -webkit-transition: visibility 0s, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.35s, 0s, 0s; transition: visibility 0s 0.35s, opacity 0.35s ease-in-out, transform 0.35s ease-in-out; }
.cssanimations .searchbox--on .searchbox__switch strong:before { opacity: 0; -moz-transition: opacity 0.175s ease-in-out; -o-transition: opacity 0.175s ease-in-out; -webkit-transition: opacity 0.175s ease-in-out; transition: opacity 0.175s ease-in-out; }
.cssanimations .searchbox--on .searchbox__switch strong:after { opacity: 1; -moz-transition: opacity 0.175s ease-in-out 0.175s; -o-transition: opacity 0.175s ease-in-out 0.175s; -webkit-transition: opacity 0.175s ease-in-out; -webkit-transition-delay: 0.175s; transition: opacity 0.175s ease-in-out 0.175s; }
.cssanimations .searchbox--on .searchbox__arrow, .cssanimations .searchbox--on #searchform { display: block; visibility: visible; opacity: 1; -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); -moz-transition: opacity 0.35s ease-in-out, -moz-transform 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out, -o-transform 0.35s ease-in-out; -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out; }
#primary-nav .searchbox { margin-left: 10px; }
#preheader-bar .searchbox { float: right; }
#preheader-bar .searchbox__switch { height: 32px; line-height: 32px; }
/* Hide clear icon in IE */
input::-ms-clear { display: none; }
/* FF button height fix */
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }
/* Input Placeholders */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }
input::-moz-placeholder, textarea::-moz-placeholder { color: inherit; opacity: 0.5; font-size: inherit;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }
.social-links a{padding-right:10px;}
.bwImg img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.3s ease-in;
}
.bwImg img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter:none;
}
.font-size25 {font-size:25px;}
.font18 {font-size:18px;font-weight:300; }
.statement h1 {
font-weight:300; color:#6f6f6f;font-size:25px; margin:0 0 20px 0; text-align:center; line-height:25px; font-style:italic; }
.statement span {display:inline-block; vertical-align:bottom; line-height:32px; }
.flat-home h2 {line-height:33px; font-size:22px;}
.ce_hyperlink.platform {padding:0;}
.platform, .separator > div { position:relative;}
.platform i {display:block; width:115px; height:115px;
background: url(../../sprites/platform.png) no-repeat;
margin:0 auto;
text-indent: -999em;
}
#loesung-home .platform i {background: url(../../sprites/loesungen.png) no-repeat;}
#loesung-home #hl-fastworks {background: url(../../sprites/loesung-icons-uk-us.png) no-repeat;
background-position: -140px -560px;
}
#loesung-home #hl-ip {background: url(../../sprites/loesung-icons-uk-us.png) no-repeat;
background-position: 0px -560px;
}
.platform a{ display:block;} .platform a:hover{ text-decoration:none;}
.platform h4{ color:#FF8B14; font-weight:300; font-size:25px; margin:20px 0 20px 0; text-align:center; line-height:30px;}
.platform p{ color:#6f6f6f;}
.separator > div:after {width:1px;height:100%;position:absolute; display:block; right:-15px; top:0px; background-color:#ececec; content:"";}
.separator > div.last:after {content:none;display:none;}
.h4Orange h4 {
color: #FF8B14;
font-weight: 300;
font-size: 20px;
margin: 20px 0 20px 0;
text-align: center;
line-height: 30px;
}
#ibm-notes {background-position: 0px -560px;}
#m-exchange {background-position: -140px -560px; }
#m-office {background-position: -280px -560px; }
#m-sharepoint {background-position: -420px -560px; }
a:hover #ibm-notes {background-position: 0px -700px;}
a:hover #m-exchange{background-position: -140px -700px; }
a:hover #m-office {background-position: -280px -700px; }
a:hover #m-sharepoint {background-position: -420px -700px; }
#loesung-home #hl-email {background-position: 0px -560px;}
#loesung-home #hl-workflow {background-position: -140px -560px; }
#loesung-home #hl-retirement {background-position: -280px -560px; }
#loesung-home #hl-academy {background-position: -420px -560px; }
#loesung-home a:hover #hl-email {background-position: 0px -700px;}
#loesung-home a:hover #hl-workflow {background-position: -140px -700px;}
#loesung-home a:hover #hl-retirement {background-position: -280px -700px;}
#loesung-home a:hover #hl-academy {background-position: -420px -700px;}
#loesung-home a:hover #hl-fastworks {background-position: -140px -700px;}
#loesung-home a:hover #hl-ip {background-position: 0px -700px;}
.round-image {max-width:180px; max-height:180px; border-radius:100%; overflow:hidden; background-color:#FF8B14;}
.full #content-inner {max-width:inherit; padding:0; }
ul.feeds { list-style-type:none; margin-left:0; overflow:hidden; }
ul.feeds li a {
background:url(../../sprites/social.png) 0 0 no-repeat;
height:38px; width:38px;
display:block; text-indent:-999em;
}
ul.feeds.list-horizontal li { overflow:hidden; display:block; float:left; margin:0 10px 10px 0; }
.feeds li.twitter a:hover {background-position: -54px -270px;}
.feeds li.facebook a:hover {background-position: 0px -270px; }
.feeds li.youtube a:hover {background-position: -162px -270px; }
.feeds li.xing a:hover {background-position: -108px -270px; }
.feeds li.twitter a {background-position: -54px -216px;}
.feeds li.facebook a {background-position: 0px -216px; }
.feeds li.youtube a {background-position: -162px -216px; }
.feeds li.xing a {background-position: -108px -216px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.platform i {background-size:535px 408px;}
#loesung-home .platform i {background-size:535px 408px;}
#loesung-home #hl-fastworks {background-size:255px 408px;}
#loesung-home #hl-ip{background-size:255px 408px;}
#loesung-home #hl-email {background-position: 0 0;}
#loesung-home #hl-workflow {background-position: -140px 0; }
#loesung-home #hl-retirement {background-position: -280px 0; }
#loesung-home #hl-academy {background-position: -420px 0; }
#loesung-home #hl-fastworks {background-position: -140px 0; }
#loesung-home #hl-ip {background-position: 0 0;}
#loesung-home a:hover #hl-email {background-position: 0px -140px;}
#loesung-home a:hover #hl-workflow {background-position: -140px -140px; }
#loesung-home a:hover #hl-retirement {background-position: -280px -140px; }
#loesung-home a:hover #hl-academy {background-position: -420px -140px; }
#loesung-home a:hover #hl-fastworks {background-position: -140px -140px; }
#loesung-home a:hover #hl-ip {background-position: 0px -140px;}
#ibm-notes {background-position: 0 0;}
#m-exchange {background-position: -140px 0; }
#m-office {background-position: -280px 0; }
#m-sharepoint {background-position: -420px 0; }
a:hover #ibm-notes {background-position: 0px -140px;}
a:hover #m-exchange{background-position: -140px -140px; }
a:hover #m-office {background-position: -280px -140px; }
a:hover #m-sharepoint {background-position: -420px -140px; }
ul.feeds li a {
background-size:176px 154px;
}
.feeds li.twitter a {background-position: -46px 0;}
.feeds li.facebook a {background-position: 0 0;}
.feeds li.youtube a {background-position: -138px 0;}
.feeds li.xing a {background-position: -92px 0;}
.feeds li.twitter a:hover {background-position: -46px -54px;}
.feeds li.facebook a:hover {background-position: 0 -54px; }
.feeds li.youtube a:hover {background-position: -138px -54px; }
.feeds li.xing a:hover {background-position: -92px -54px; }
}
.abox { position: relative; overflow: hidden; margin:40px 0; font-size:15px; font-weight:300;}
.abox::before {background-color: #f2f2f2;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
content: "";
webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.abox-inner{margin: 4px;
padding: 1.5em 1.5em 0 1.5em;
position: relative;
z-index: 1;
border-width: 1px 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border-color: #e6e6e6;
background-color: #fff;
}
hr.orange {border-color: #FF8B14;}
.full h1.ce_headline.whiteHeading {text-align:center;font-size:32px; margin-top:25px; padding-top:20px; color:#fff; }
.full h1.ce_headline , .full h2{ text-align:center;font-size:32px; color:#FF8B14; border:none; line-height:40px; font-weight:300;}
.sub h3 {margin:5px 0 15px;}
.full .aleft h2 , .aleft h2, .aleft h1, .full h1.ce_headline.aleft{text-align:left; }
.pm10 h2+p {margin-top:-10px;}
.platform-text h5 {font-size:13px; color:#6f6f6f; font-weight:bold; margin-bottom:10px;}
.platform-text h2, h1.platform-text {text-align:center;font-size:32px; color:#FF8B14; }
.platform-text h2 sub, h1.platform-text sub, .sub h3 {font-size:25px; color:#6f6f6f; line-height:30px; display:block; font-weight:300;}
.full .white h2, .white {color:#fff;}
.full .white h2 {margin-top:0; font-size:20px; font-weight:300; }
h1 sub {font-size:25px; line-height:30px; display:block; font-weight:300;}
.orangeBtn a, .orangeBtn .submit{ border: 0;-webkit-appearance: none;outline: none; height:auto;
background: none;
box-shadow:none;
border-radius: 0px; margin:14px 0 15px; margin-right: 0.2px; /*IE8 inline-block fix*/ padding: 15px 37px; border-width: 3px; border-style:solid; display: inline-block; position: relative; cursor: pointer; text-decoration: none; text-align: center; vertical-align: middle; zoom: 1; font-weight: 300; border-radius: 5px;background:none; background-color: #FF8B14; color:#fff; font-size:18px; border-color:#FF8B14;
-moz-transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; -o-transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; -webkit-transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; }
.orangeBtn a:hover, .orangeBtn .submit:hover{background-color: #ed6e00; border-color:#ed6e00;}
.orangeBtn.gray a:hover, .orangeBtn.gray .submit:hover{background-color: #454545; border-color:#454545;}
.smallBtn.orangeBtn a , .smallBtn.orangeBtn .submit{ margin:20px auto; display:block; width:212px; padding: 5px 0 4px 0; border-width: 2px; vertical-align: middle; border-radius: 3px;font-size:16px;}
.smallBtn.orangeBtn .submit {margin:0; min-height:30px; padding:0 15px; max-width: 100%; display:inline-block; }
.smallBtn.orangeBtn.aleft a, .smallBtn.orangeBtn.aright a{ margin:20px 0; display:inline-block; padding: 5px 7px;}
.orangeBtn.smallBtn.autowidth a {width:auto;}
.no-register .tablink {display:none;}
.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
.full h1.ce_headline:before {display:none;}
.full h3.headline.ce_headline:before {
content: '';
position: absolute;
width: 20%;
height: 2px;
background-color: #FF8B14;
bottom: -1px;
left: 0;
}
.full h3.headline.ce_headline{
position: relative;
border-bottom: 1px solid #e1e1e1;
font-size: 22px;
line-height: 33px;
font-weight: normal;
color: #0570b4;
}
.full h3 {font-size:25px; color:#6f6f6f; line-height:30px; display:block; font-weight:300;}
.full .h-blue h3, .h-blue h3 {color: #0570b4;}
.orangeBtn.bigger a {font-size:2em; line-height:1em;}
.full .table-wrapper table thead th {
text-align: center;
text-transform: none;
color:#FF8B14;
font-size:16px;
font-weight:300;
padding:10px;
border-top-width: 0;
}
.mod_eventreader + .ce_hyperlink.orangeBtn {display:none;}
.full-width, .button.full-width {width:100%; margin:0;}
.full .table-wrapper table tbody tr:last-child td{
border-bottom-width: 0;
}
.red { color:#e3000f;} .green{color:#00963f;} .font16 {font-size: 16px;}
.italic{
font-style:italic;font-weight: 300;}
.full .table-wrapper table td {
padding: 10px;
}
.full .table-wrapper table tr:nth-child(even) td {
background-color: #ffffff;
}
.wSlider .camera_caption.bottomRight > div {margin:0; position:absolute; right:0; top:0; width:50%;}
.kb-workflow .tips-list .header {display:none;}
.full .kb-workflow h2 {text-align:left; font-weight:bold; margin-bottom:5px 0 -10px;font-size: 14px; line-height: 20px; }
.kb-workflow h2 a { color: #0570b4;}
.rss_items_only {position:relative; margin:40px 0; min-height:113px;}
.rss_items_only .description div {position:absolute; top:0;left:0;}
.rss_items_only .description , .rss_items_only h2, .rss_items_only a.paddingLeft {padding-left:243px;}
.rss_items_only .description p:last-child {display:none;}
.wSlider h2 {
display: block;
font-weight: 300;
margin: 30px 0;
color: #fff;
line-height: 40px;
font-size: 45px;
}
.wSlider h2 sub{ font-size: 25px; }
.wSlider .camera_caption > div p{ font-size: 25px; margin:20px 0;
color: #ffffff;
font-size: 16px;
display: block;
text-align: left;
}
.wSlider .smallBtn.orangeBtn a{display:inline-block; margin:0;}
.smallBtn.orangeBtn a.gray{background-color:#6f6f6f; margin-right:20px;}
.orangeBtn.big a{display:block; width:auto; max-width:100%; font-size: 22px;}
.orangeBtn.gray a{background-color:#6f6f6f; border-color:#6f6f6f;}
#content-inner .legend-off .box {display:none;}
.picker { min-width: 250px;}
.abox-inner h2 { margin-top: 5px; line-height:33px; font-weight: normal; color: #0570b4; text-align: left; font-size: 22px;}
#cookiebar{display:block; position:fixed;left:0;width:100%;background-color:#4b4b4b;padding:8px 16px;text-align:center;font-size:13px;color:#fff;line-height:2;z-index:10}#cookiebar.top{top:0}#cookiebar.bottom{bottom:0}#cookiebar span{margin-right:1em}#cookiebar button{height:26px;padding:0 12px;border:0;background-color:#4ea55e;color:#fff;cursor:pointer;font-weight:bold;line-height:26px}#cookiebar a{margin-left:1em;color:#fff;text-decoration:underline}
/* ColorBox v1.5.8, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../../assets/jquery/colorbox/1.5.8/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*!
* shariff - v1.23.0 - 26.01.2016
* https://github.com/heiseonline/shariff
* Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
* Licensed under the MIT license
*/.shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{height:35px;box-sizing:border-box;overflow:hidden}.shariff li a{color:#fff;position:relative;display:block;height:35px;text-decoration:none;box-sizing:border-box}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fa{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal{display:-webkit-box}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-webkit-flex:none;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%;min-width:80px;width:auto;-webkit-flex:1;-ms-flex:1;flex:1}.shariff .orientation-horizontal li .share_count{display:block}.shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-webkit-flex:none;-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal li{min-width:110px;max-width:160px}.shariff .orientation-horizontal li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-webkit-flex:1;-ms-flex:1;flex:1}}@media only screen and (min-width:1024px){.shariff li{height:30px}.shariff li a{height:30px}.shariff li .fa{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#F67C1A}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#F67C1A}@media only screen and (min-width:600px){.shariff .flattr .fa-money{font-size:19px}}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:22px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}@media only screen and (min-width:600px){.shariff .googleplus .fa-google-plus{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-webkit-flex:none!important;-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33AAE8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465D}.shariff .tumblr a:hover{background-color:#44546B}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@media only screen and (max-width: 959px) {
.camera_caption p {font-size:100%; line-height:100%;}
.orng-border p{overflow: hidden; text-overflow: ellipsis;}
.camera_caption.bottomRight > div {
margin: 9% 0 0 35% !important;
max-width: 100%;
}
.camera_caption h3 {
margin-bottom:10px;
}
.full .camera_caption h3 , .nhome-banner .camera_caption h3, .camera_caption h3{
line-height: 52px;
font-size: 44px;
}
}
@media only screen and (max-width: 800px) {
.camera_caption p, .nhome-banner .camera_caption p {font-size:120%; margin-top:10px; line-height:100%;}
.orng-border p{overflow: hidden; text-overflow: ellipsis;}
}
@media only screen and (max-width: 599px) {
.camera_caption > div , .cnt-banner .text {display:none;}
.box-email, .box-product {margin:50px auto 0 !important; max-width:100%;}
}