/*
HTML5 0 Boilerplate
style.css contains a reset, font normalization and some base styles.
credit is left where credit is due.
much inspiration was taken from these projects:
yui.yahooapis.com/2.8.1/build/base/base.css
camendesign.com/design/
praegnanz.de/weblog/htmlcssjs-kickstart
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video*/
/*fonts*/
#INVALID-RULE { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section*/
#INVALID-RULE { display: block; }
NAV UL { list-style: none; }
BLOCKQUOTE, Q { quotes: none; }
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after { content: ''; content: none; }
A { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
INS { background-color: #FF9; color: #000; text-decoration: none; }
MARK { background-color: #FF9; color: #000; font-style: italic; font-weight: bold; }
DEL { text-decoration: line-through; }
ABBR[title], DFN[title] { border-bottom: 1px dotted #000000; cursor: help; }
/*tables still need cellspacing="0" in the markup*/
TABLE { border-collapse: collapse; border-spacing: 0; }
HR { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
INPUT, SELECT { vertical-align: middle; }
IMG { border:0px; }
/*END RESET CSS
fonts.css from the YUI Library: developer.yahoo.com/yui/
Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
There are three custom edits:
* remove arial, helvetica from explicit font stack
* we normalize monospace styles ourselves
* table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
BODY { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; letter-spacing: 0.2px; line-height:20px; }
/*hack retained to preserve specificity*/
SELECT, INPUT, TEXTAREA, BUTTON { font: 99%; }
/*normalize monospace sizing
* en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
*/
PRE, CODE, KBD, SAMP { font-family: monospace, sans-serif; }
/*
* minimal base styles
*/
BODY, SELECT, INPUT, TEXTAREA { /*#444 looks better than black: twitter.com/H_FJ/statuses/11800719859*/
color: #888;/*set your base font here, to apply evenly
font-family: Georgia, serif;*/
}
#content { }
/*Headers (h1,h2,etc) have no default font-size or margin,
you'll want to define those yourself.*/
H1, H2, H3, H4, H5, H6 { font-weight: bold; }
/*always force a scrollbar in non-IE*/
HTML { overflow-y: scroll; }
/*Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test*/
A:hover, A:active { outline: none; }
A, A:active, A:visited { }
A:hover { }
a { outline: 0; }
UL, OL { margin-left: 0;padding-left:0; }
OL { list-style-type: decimal; }
/*Remove margins for navigation lists*/
NAV UL, NAV LI { margin: 0; }
SMALL { font-size: 85%; }
STRONG, TH { font-weight: bold; }
TD, TD IMG { vertical-align: top; }
SUB { vertical-align: sub; font-size: smaller; }
SUP { vertical-align: super; font-size: smaller; }
PRE { padding: 15px; /*www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/*/
white-space: pre; /*CSS2*/
white-space: pre-wrap; /*CSS 2.1*/
white-space: pre-line; /*CSS 3 (and 2.1 as well, actually)*/
word-wrap: break-word; /*IE*/
}
TEXTAREA { overflow: auto; }
/*thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/*/
.ie6 LEGEND, .ie7 LEGEND { margin-left: -7px; }
/*thnx ivannikolic!
align checkboxes, radios, text inputs with their label
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css*/
/*INPUT[type="radio"]
{
vertical-align: text-bottom;
}
INPUT[type="checkbox"]
{
vertical-align: bottom;
}
.ie7 INPUT[type="checkbox"]
{
vertical-align: baseline;
}
.ie6 INPUT
{
vertical-align: text-bottom;
}*/
/*hand cursor on clickable input elements*/
LABEL, INPUT[type=button], INPUT[type=submit], BUTTON { cursor: pointer; }
/*webkit browsers add a 2px margin outside the chrome of form elements*/
/* BUTTON, INPUT, SELECT, TEXTAREA
{
margin: 0;
}*/
/*colors for form validity*/
INPUT:valid, TEXTAREA:valid {
}
INPUT:invalid, TEXTAREA:invalid {
/*border-radius: 1px
-moz-box-shadow: 0px 0px 5px red*/
-webkit-box-shadow: 0px 0px 5px #FF0000;
/*box-shadow: 0px 0px 5px red*/
}
.no-boxshadow INPUT:invalid, .no-boxshadow TEXTAREA:invalid {
background-color: #F0DDDD;
}
/*These selection declarations have to be separate.
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink.*/
::-moz-selection {
background: #666;
color: #FFF;
text-shadow: none;
}
::selection {
background: #666;
color: #FFF;
text-shadow: none;
}
/*j.mp/webkit-tap-highlight-color*/
A:link { -webkit-tap-highlight-color: #FF5E99; }
/*make buttons älay nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/*/
BUTTON { width: auto; overflow: visible; }
/*bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/*/
.ie7 IMG { -ms-interpolation-mode: bicubic; }
/*
* Non-semantic helper classes
for image replacement*/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/*Hide for both screenreaders and browsers
css-discuss.incutio.com/wiki/Screenreader_Visibility*/
.hidden { display: none; visibility: hidden; }
/*Hide only visually, but have it available for screenreaders
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden*/
.visuallyhidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); /*IE6, IE7*/
clip: rect(1px, 1px, 1px, 1px); }
/*Hide visually and from screenreaders, but maintain layout*/
.invisible { visibility: hidden; }
/*>> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix*/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/*Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page*/
.clearfix { zoom: 1; }
/*Primary Styles
Author: ThemeShaper
*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
LUXUOS STYLES
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
FOUC
*/
.jsfouc { visibility:hidden; } /*
.js .fouc {visibility:hidden;}
.js .cuf {visibility:hidden;}
*/
/*
LAYOUT
*/
.whatsazk{background: url("../imgunit/azk8_all/vorazk9_wasistazk.png"); width:261px; height:138px; float: right; margin: -80px 29px 0 -15px;}
#wrapper { width:948px; margin:0 auto; position: relative;}
#header { color:#333; width:948px; float:left; border:1px solid #CCC; height:100px; background:#E7DBD5; margin:10px 0 0; }
#logo-media { color:#333; width:948px; float:left; height:90px; }
#logo { background: url("../images/logo.png") no-repeat scroll 0 0 transparent; float: left; height: 85px; margin-left: 387px; margin-top: 4px; width: 150px; }
#top-menu { color:#333; width:948px; float:left; height:52px; padding-left:17px; z-index:1002; }
#teaser-gold{float:left; width:948px; height:5px; background:url(../images/teaser-gold.png); margin-bottom:-3px; }
#teaser { float:left; width:948px; color:#333; padding-bottom:25px; padding-top:20px; background:url(../images/teaser-background.jpg) repeat-x scroll 0 0 #dedede; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); }
.cssgradients #teaser { float: left; width: 948px; color: #333; padding-bottom: 25px; padding-top: 20px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)), color-stop(0.997, rgba(255, 255, 255, 1)) ); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); }
.cssgradients #teaser-hight { float: left; width: 948px; color: #333; padding-bottom: 25px; padding-top: 70px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)), color-stop(0.997, rgba(255, 255, 255, 1)) ); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% ); }
#teaser-footer { float:left; width:948px; color:#333; padding-bottom:25px; padding-top:20px; background:url(../images/teaser-background.jpg) repeat-x scroll 0 0 #dedede; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); }
.cssgradients #teaser-footer { float: left; width: 948px; color: #333; padding-bottom: 25px; padding-top: 20px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.003, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0.003%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02% ); border-top: 1px solid #FFFFFF; }
#teaser-text { padding-left:35px; }
body.p-index #teaser-text h1 { margin: 5px 0 15px 0 }
#content { background:url(../images/content_verlauf.jpg)repeat-x; background-color:#f6f6f6; overflow:hidden; width:100%; }
#content_overflow{ background:url(../images/content_verlauf.jpg)repeat-x; background-color:#f6f6f6;}
#leftcolumn { float:left; padding-left:35px; padding-top:35px; padding-bottom:35px; width:559px; margin:0; }
#rightcolumn { display:inline; float:right; width:284px; padding:35px; padding-top:35px; }
#leftcolumninv { float: right;margin: 0;padding-bottom: 35px;padding-right: 35px;padding-top: 35px;width: 559px; }
#rightcolumninv { display:inline; float:left; width:284px; padding:35px; padding-top:35px; }
#fullcolumn { float:left; padding-left:35px; padding-top:35px; padding-bottom:35px; width:878px; margin:0; }
#footer-widgets { background-color:#595959; clear:both; height:180px; width:948px; position:relative; z-index:3; }
#bottom-menu { width:948px; clear:both; position:relative; z-index:2; }
#tweet-bar { width:948px; clear:both; height:52px; position:relative; z-index:1; }
.tweetList { background:url(../images/twitter-bird-white.png) no-repeat scroll 0 11px transparent; line-height:52px; margin:0 0 0 32px; padding:0 0 0 45px; background-color:red; }
.tweetList p { margin:0; padding:0; }
#widget-wrapper { padding-bottom:25px; margin-left:5px; padding-top:25px; overflow:hidden; width:940px;}
.footer-widgets { clear:both; background:url(../images/gradient-lines.png) #595959; }
.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:230px; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:77.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:5px; float:left; }
.last { margin-right:0!important; clear:right; }
.snippet { margin-bottom:20px; }
.inner{padding-left:15px;padding-right:15px;}
.portfolio-2 { width:260px; }
/*
GENERAL
*/
.clear-both { clear:both; }
.alignleft { float:left; margin:2px 16px 2px 0px; }
.alignright{ float:right; margin:2px 2px 2px 16px; }
.aligncenter {text-align: center; }
.noalign { width:100%; margin:0px 0 3px 0; }
p { margin:15px 0px; padding:0 }
/*
SEARCH
*/
.search { background: #dfe6ff; float:right; height: 32px; margin-top: 7px; -webkit-border-radius: 4px; border-radius: 4px; /*width:192px;*/ }
.searchform { position: absolute; right: 0px; top: -45px; }
.sbox { background-color:transparent; border:0 none; height:20px; margin-left:5px; margin-top:2px; width:227px; font-size: 150%;}
#sbutton { margin-left:5px; margin-top:1px; }
#jquery-live-search {
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: -3px;
width: 267px !important;
z-index: 1000000;
background: rgba(255,255,255,.9);
max-height: 625px;
overflow-y: auto;
top: 85px !important;
}
#jquery-live-search li {
padding: 5px 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: none;
color: #2b2b2b;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#jquery-live-search li:hover {
background: #f8f8f8;
}
/*
Mediacenter - TOOLTIP
*/
.tooltip_content {
display: none;
position: absolute;
top: 265px;
font-size: 12px;
width: 550px;
background: rgba(255,255,255,.80);
z-index: 25000;
padding: 10px;
-webkit-box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.54);
box-shadow: 0 0 9px -1px rgba(0, 0, 0, 0.54);
margin: 16px 0 0 0;
}
.tooltip_content .tipTop {
height: 8px;
overflow: hidden;
position: absolute;
width: 15px;
top: -8px;
left: 130px
}
.tooltip_content .tipTop > div {
background: #888;
height: 10px;
left: 2px;
position: absolute;
top: 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
}
/*
jQuery Überschreiben -> Tabs - stylen
*/
.mc_download.azkTabs.ui-tabs {
background: none;
}
.mc_download .ui-state-default,
.mc_download .ui-widget-content .ui-state-default,
.mc_download .ui-widget-header .ui-state-default {
height: 33px;
float: left;
background: none;
border: none;
margin: 5px 8px;
}
.mc_download .ui-widget-header {
border: none;
background: none;
}
.mc_download.ui-widget-content {
border: none;
}
.mc_download .ui-widget-content {
border: none;
background: #ffffff;
}
.mc_download .ui-icon-arrowthickstop-1-s {
/*display: block;*/
float: left;
}
.mc_download .ui-tabs-panel {
padding: 0 5px 5px 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.mc_download .readmore_left {
margin: 5px 0 0 0;
padding-bottom: 4px;
}
.mc_download .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding: 0px !important;
}
/*
SOCIAL MEDIA
*/
#social { float:right; margin-right:3px; }
#social-list { margin-top:45px; }
#social-list li { display:inline; list-style-type:none; }
#social-contact { margin-right:12px; margin-top:18px; text-align:right; font-size:12px; color:#ccc; }
/*
BAR / HEADER / BOXES / ACCORDION / TOGGLE
*/
.caps { text-transform:uppercase; letter-spacing:1.4px; }
.sleek-black { background:url(../images/dark-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:53px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/dark-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:11px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.boxshadow .subtle-white {margin-bottom: 1px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); border:1px solid #FFF; font-size:11px; height:50px; background-color:#dbdbdb; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.subtle-white {margin-bottom: 1px; background:url(../images/light-bar.jpg) repeat-x scroll 0 0 transparent; border:1px solid #dddddd; font-size:11px; height:50px; }
.header-content-left { height:34px; padding-top:17px; padding-left:34px; float:left; line-height:14px; color:#777; font-size:11px;}
.sleek-black .header-content-left { height:34px; padding-top:18px; padding-left:34px; float:left; line-height:14px; color:#eee; }
.header-content-right { height:32px; padding-top:19px; padding-left:34px; float:right; margin-right:17px; line-height:14px; }
.subtle-white .arrow { background:url(../images/arrow-dark.png) no-repeat scroll 11px 18px transparent; }
.sleek-black .arrow { background:url(../images/arrow-light.png) no-repeat scroll 11px 19px transparent; }
.subtle-white .arrow-down { background:url(../images/arrow-dark-down.png) no-repeat scroll 11px 18px transparent; }
.sleek-black .arrow-down { background:url(../images/arrow-light-down.png) no-repeat scroll 11px 19px transparent; }
.date { letter-spacing:1px; text-transform:uppercase; font-size:11px; text-decoration:none; }
#accwrapper { margin-top:0px; }
#accwrapper .subtle-white:hover{ color:#4095eb; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); background:url(../images/light-bar-hover.jpg) repeat-x scroll 0 0 transparent;}
.accordionButton { width:100%; cursor:pointer; margin-bottom:6px; clear:both; }
.accordionContent { display:block; margin:15px 15px 18px; }
.special-header { margin-bottom:20px; }
.white { color: #EEEEEE; font-size: 11px; padding-bottom: 10px; }
/*
DROPCAPS
*/
.dropcap1{display: block;
float: left;
font-size: 38px;
line-height: 20px;
margin: 4px 6px -10px 0px; }
/*
BLOCKQUOTES
*/
blockquote {
float: left;
width: 33%;
font-size: 22px;
letter-spacing: 0;
line-height: 25px;
margin: 12px 20px 2px 2px;
padding: 15px;
background-color:#f3f3f3;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF;
background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1))); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% );
}
.pullquote-right{ float: right;
font-size: 22px;
letter-spacing: 0;
line-height: 25px;
margin: 12px 2px 2px 20px;
padding: 15px;
width: 33%;
background-color:#f3f3f3;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF;
background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1)) ); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% );
}
.pullquote-left{
float: left;
font-size: 22px;
letter-spacing: 0;
line-height: 25px;
margin: 12px 20px 2px 2px;
padding: 15px;
width: 33%;
background-color:#f3f3f3;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF;
background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1))); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% );
}
/*
DIVIDERS
*/
.divider { background:url(../images/indent-divider-vertical.png) repeat-y scroll -6px -3px transparent; padding-left:15px; color:#8a8a8a; font-size:10px; letter-spacing:1px; }
/*
IMAGES
*/
.thumb-frame { background-color:#ffffff; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:4px; }
.large-wide-frame { background-color:#ffffff; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:8px; }
.cssgradients .thumb-frame { background-image:0; box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:4px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, rgb(255,255,255)), color-stop(0.87, rgb(242,242,242)) ); background-image: -moz-linear-gradient( center top, rgb(255,255,255) 47%, rgb(242,242,242) 87% ); }
.cssgradients .large-wide-frame { background-image:0; box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:8px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.47, rgb(255,255,255)), color-stop(0.87, rgb(242,242,242)) ); background-image: -moz-linear-gradient( center top, rgb(255,255,255) 47%, rgb(242,242,242) 87% ); }
.thumb-title { color:#999; text-decoration:none; }
.thumb-rollover { position:relative; overflow:hidden; padding:2px; }
.thumb-rolloverplay { position:relative; overflow:hidden; padding:2px; }
.thumb-rolloverlink { position:relative; overflow:hidden; padding:2px; }
.thumb-rolloveraudio { position:relative; overflow:hidden; padding:2px; }
.thumb-magnify { background:url(../images/search-icon-small-black.png) no-repeat scroll center transparent; display:block; position:absolute; top:0; left:0; }
.thumb-magnifyplay { background:url(../images/play-icon-small-black.png) no-repeat scroll center transparent; display:block; position:absolute; top:0; left:0; }
.thumb-magnifylink { background:url(../images/link-icon-small-black.png) no-repeat scroll center transparent; display:block; position:absolute; top:0; left:0; }
.thumb-magnifyaudio { background:url(../images/audio-icon-small-black.png) no-repeat scroll center transparent; display:block; position:absolute; top:0; left:0; }
.thumb-wrap { display:block; margin-right:10px; }
.white-magnify { background:url(../images/search-icon-small-white.png) no-repeat scroll 0 13px transparent; display:block; float:right; height:50px; width:47px; }
.white-magnifyplay { background:url(../images/play-icon-small-white.png) no-repeat scroll 0 13px transparent; display:block; float:right; height:50px; width:47px; }
.rollover { position:relative; display:block; overflow:hidden; padding:2px; margin-left:-2px; }
.caption { position:absolute; width:150px; top:-56px; left:0px; height:50px; }
.caption-header { height:34px; padding-top:17px; padding-left:34px; float:left; line-height:14px; color:#777; width:40px; color:#eee }
#right { margin-right:0px; }
.cap-title { font-size:24px; }
.social-image-display{margin:10px;}
.topspace{margin-top:10px !important;}
/*
LISTS
*/
.footer-widgets ul { margin:0; padding:0; }
#tweet-bar ul li { list-style-type:none; }
.large { font-size:22px; }
#breadcrumbs { margin:0px; clear:both; width:100%; padding: 10px 0 0 35px; text-transform:uppercase; }
#breadcrumbs ul { margin:0px; padding:0px; }
#breadcrumbs ul li { list-style-type:none; display:inline; float:left; letter-spacing:0.3px; font-size:11px; padding-right: 5px; }
#breadcrumbs ul li a { color:#999; }
#breadcrumbs ul li a:hover { color:#4095eb; }
#breadcrumbs-home { margin:0px; clear:both; width:100%; padding: 15px 0 0 35px; text-transform:uppercase; }
#breadcrumbs-home ul { margin:0px; padding:0px; }
#breadcrumbs-home ul li { list-style-type:none; display:inline; float:left; letter-spacing:0.3px; font-size:11px; padding-right: 5px; }
#breadcrumbs-home ul li a { color:#999; }
#breadcrumbs-home ul li a:hover { color:#4095eb; }
#pagination { margin:0px; padding:0px; clear:both; padding-top:20px; }
#pagination li { list-style-type:none; display:inline; float:left; letter-spacing:0.3px; font-size:11px; padding-right: 5px; }
#pagination li a, button { color:#888888;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); background:url(../images/light-bar.jpg) repeat-x scroll 0 0 transparent; border:1px solid #FFF; font-size:10px; height:50px; background-color:#dbdbdb; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:6px; font-size: 11px; margin-right: 4px; padding: 8px; }
#pagination li a:hover, button:hover { color:#4095eb; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); background:url(../images/light-bar-hover.jpg) repeat-x scroll 0 0 transparent;}
button{padding:10px 20px 10px 20px;height:auto;}
.footer-widgets ul li { list-style-type: none; line-height:22px; border-right:2px solid #333; padding-left: 5px}
.footer-widgets ul li a { text-decoration: none; color:#aaa}
.footer-widgets ul li a:hover { color: #5b6bf0; }
.footer-widgets .title {color: #f0d740;}
.thumb-list, .link-list { border-top:1px solid #e3e3e3; margin-top:20px;padding-left: 0; margin-bottom: 20px;}
.thumb-list .date { line-height:38px; color:#bbb; }
.thumb-list ul { margin:0px; padding:0px; }
.thumb-list li { list-style-type:none; border-bottom:1px solid #E3E3E3; padding-bottom:10px; padding-top:15px; }
.last ul li { border:0; }
.link-list li { list-style-type:none; border-bottom:1px solid #E3E3E3; padding-bottom:8px; padding-top:8px; }
.link-list li a { padding-left:15px; text-decoration:none; }
#rightcolumn ul, .thumb_list, #footer ul { list-style:none outside none; margin-left:0; padding-left:0; line-height:20px; margin-bottom:20px; }
.sub-header { float: left; padding-left: 35px; padding-top: 15px; }
.sub-header ul { margin:0px; padding:0px; }
.sub-header ul li { margin:0px; padding:0px; list-style-type:none; display:inline; }
ul.arrow_list li{ background-position:-5px 2px; background-repeat:no-repeat; display:block; padding-bottom:5px; padding-left:15px; background-image: url("../images/small-rightarrow.png"); }
ul.check_list li{ background-image:url("../images/tick.png"); background-position:-5px -1px; background-repeat:no-repeat; display:block; padding-left:18px; }
ul.bullet_list li{ background-image:url("../images/dot.png"); background-position:-5px -2px; background-repeat:no-repeat; display:block; padding-bottom:5px; padding-left:18px; }
/*
MENU
*/
.jqueryslidemenu { width:100%; z-index:500; }
.jqueryslidemenu ul li:hover { background:url(../images/top-hover.png) no-repeat scroll center 10px transparent; }
.jqueryslidemenu ul .active{ background:url(../images/top-hover.png) no-repeat scroll center 10px transparent;}
.jqueryslidemenu ul .active a { color:#E8D500; }
.jqueryslidemenu ul .active ul li a { color:#777; }
.jqueryslidemenu ul li ul .active a { color:#4095eb; }
.jqueryslidemenu ul li ul li:hover { background:none; }
.jqueryslidemenu ul li ul .active{ background:none;}
.jqueryslidemenu ul li ul { margin-left:0; position:absolute; left:0; top:52px!important; display:block; visibility:hidden; background-color:#f2f2f2; -webkit-border-radius:3px; border-radius:3px; border:1px solid #fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5); box-shadow:0 1px 4px rgba(0, 0, 0, 0.5); padding:6px; }
.cssgradients .jqueryslidemenu ul li ul { margin-left:0; position:absolute; left:0; top:53px!important; display:block; visibility:hidden; -webkit-border-radius:3px; border-radius:3px; border:1px solid #fff; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5); box-shadow:0 1px 4px rgba(0, 0, 0, 0.5); padding:6px; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1))); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%); }
.jqueryslidemenu ul li ul li { display:list-item; float:none; }
.jqueryslidemenu ul li ul li ul { top:0px !important; left:231px !important; }
.cssgradients .jqueryslidemenu ul li ul li ul { top:0px !important; left:231px !important; }
.jqueryslidemenu ul li ul li a { width:200px; border-top-width:0; font-size:11px!important; color:#777; margin:0; padding:15px; }
.jqueryslidemenu_lang ul a{ width:82px; border-top-width:0; font-size:11px!important; color:#777; margin:0; padding:15px; }
/*#sprache{width:82px; border-top-width:0; font-size:11px!important; color:#777; margin:0; padding:15px; padding-left: 21px; width: 61px; border-right-width: 1px;}
sprache:hover{width:82px; border-top-width:0; font-size:11px!important; color:#777; margin:0; padding:15px; padding-left: 21px; width: 61px; border-right-width: 1px;}*/
.jqueryslidemenu ul li ul li a:hover { background:#fff; -webkit-border-radius:3px; border-radius:3px; }
.downarrowclass { position:absolute; right:3px; top:19px; }
.rightarrowclass { position:absolute; right:10px; top:14px; }
#tweet-bar ul li a, a { text-decoration:none; color:#999;}
#bottom-menu ul, .jqueryslidemenu ul { list-style-type:none; margin:0 0 0 13px; padding:0; }
#bottom-menu ul li, .jqueryslidemenu ul li { position:relative; display:inline; float:left; }
#bottom-menu ul li a, .jqueryslidemenu ul li a { color:#CCC; display:block; line-height:14px; text-decoration:none; padding:18px 22px 21px; }
* html .bottom-menu ul li a, * html .jqueryslidemenu ul li a { display:inline-block; }
span.minfont {
font-size:0.8em;
}
span.minfont05{
font-size:0.6em;
}
/*
HEADERS
*/
.no-arrow { padding-left:25px!important; }
.simple_overlay { display:none; z-index:10000; background-color:#333; width:675px; height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000; }
.simple_overlay .close { background-image:url(../img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
#triggers { text-align:center; }
#triggers img { cursor:pointer; background-color:#fff; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 5px; padding:2px; }
.details { position:absolute; top:15px; right:15px; font-size:11px; color:#fff; width:150px; }
.details h3 { color:#aba; font-size:15px; margin:0 0 -10px; }
h1 { font-size:34px; margin:0; padding:0; }
h2 { font-size:26px; margin:0; padding:0; }
h3 { font-size:21px; margin:0; padding:0; }
h4 { font-size:12px; margin:0; padding:0; text-transform:uppercase; }
h5 { font-size:10px; margin:0; padding:0; text-transform:uppercase; }
.blurb { color:#999; line-height:22px; display:block; margin-top:0px; padding-top:0px; font-size:24px; }
/*
LINKS
*/
a:hover, li a:hover { color:#4095eb; text-decoration:none; }
#bottom-menu ul li a:hover, #tweet-bar ul li a:hover, .jqueryslidemenu ul li a:hover { color:#4095eb; }
.cuf a:hover { color:#fff; text-decoration:none; }
button:hover { color:#4095eb; }
.arrow-link {color:#666 !important; background-image:url("../images/light-bar.jpg"); box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF; display: block; height: 20px; letter-spacing: 1.2px; padding: 4px 10px 6px; font-size:11px; letter-spacing:1.2px; }
.arrow-link:hover {color:#333 !important; background-image:url("../images/light-bar-hover.jpg"); box-shadow:0 0px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF; display: block; height: 20px; letter-spacing: 1.2px; padding: 4px 10px 6px; font-size:11px; letter-spacing:1.2px; }
.arrow-link-big {color:#666 !important; background-image:url("../images/light-bar.jpg"); box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF; display: block; height: 40px; letter-spacing: 1.2px; padding: 4px 10px 6px; font-size:11px; letter-spacing:1.2px; }
.arrow-link-big:hover {color:#333 !important; background-image:url("../images/light-bar-hover.jpg"); box-shadow:0 0px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF; display: block; height: 40px; letter-spacing: 1.2px; padding: 4px 10px 6px; font-size:11px; letter-spacing:1.2px; }
.top-margin{margin-top:15px;}
.top-margin:hover {margin-top:15px;}
#content a{color:#555;}
.readmore_right{
float:right;
margin: 7px 4px 12px 0;
}
.readmore_left{
float:left;
margin: 7px 0 12px 4px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
END LUXUOS STYLES
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
UNI-FORM DEFAULT by DRAGAN BABIC (v2) | Wed, 31 Mar 10
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Copyright (c) 2010, Dragan Babic
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.uniForm { margin: 0; position: relative; z-index: 1; padding: 5px 0 0; }
.uniForm fieldset { border-left: 0 none; border-right: 0 none; border-top: 1px solid; margin: 0; padding: 0; border-bottom:1px solid; border-color:#E3E3E3; }
.uniForm fieldset legend { margin: 0; padding: 0; }
.uniForm .ctrlHolder, .uniForm .buttonHolder { margin: 0; padding: 0; clear: both; }
.uniForm:after, .uniForm .buttonHolder:after, .uniForm .ctrlHolder:after, .uniForm .ctrlHolder .multiField:after, .uniForm .inlineLabel:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.uniForm label, .uniForm button { cursor: pointer; }
.uniForm label, .uniForm .label { display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; }
.uniForm .textInput, .uniForm .fileUpload, .uniForm .selectInput, .uniForm select, .uniForm textarea { float: left; width: 53%; margin: 0; }
.uniForm .readOnlyLabel { margin: 0; font-size: 1em; font-weight: bold; }
.uniForm .readOnly { font-size: .85em; }
.uniForm .readOnly .choiceLabel { color: #777; text-transform: uppercase; font-size: .75em; letter-spacing: .15em; }
.uniForm .formHint { float: right; width: 43%; margin: 0; clear: none; }
.uniForm ul { float: left; width: 53%; margin: 0; padding: 0; }
.uniForm ul li { margin: 0 0 .5em 0; list-style: none; }
.uniForm ul li label { margin: 0; float: none; display: block; overflow: visible; }
.uniForm ul.alternate li { float: left; width: 30%; margin-right: 3%; }
.uniForm ul.alternate li label { float: none; display: block; width: 98%; }
.uniForm ul .textInput, .uniForm ul .selectInput, .uniForm ul select, .uniForm ul.alternate .textInput, .uniForm ul.alternate .selectInput, .uniForm ul.alternate select { width: 98%; margin-top: .5em; display: block; float: none; }
.uniForm label em, .uniForm .label em { float: left; width: 1em; margin: 0 0 0 -1em; }
.uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .inlineLabels .readOnlyLabel { float: left; padding: 0; line-height: 1; position: relative; width: 32%; }
.uniForm .inlineLabels .readOnlyLabel { margin: 0; }
.uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select, .uniForm .inlineLabels textarea { float: left; width: 64%; }
.uniForm .inlineLabels .formHint { clear: both; float: none; width: auto; margin-left: 34%; position: static; }
.uniForm .inlineLabels ul { float: left; width: 66%; }
.uniForm .inlineLabels ul li { margin: .5em 0; }
.uniForm .inlineLabels ul li label { float: none; display: block; width: 100%; }
.uniForm .inlineLabels ul.alternate li { margin-right: 3%; margin-top: .25em; }
.uniForm .inlineLabels ul li label .textInput, .uniForm .inlineLabels ul li label textarea, .uniForm .inlineLabels ul li label select { float: none; display: block; width: 98%; }
.uniForm .inlineLabels .readOnly { float: right; width: 66%; }
.uniForm .inlineLabels label em, .uniForm .inlineLabels .label em { display: block; float: none; margin: 0; position: absolute; right: 0; }
.uniForm legend { color: inherit; }
.uniForm .secondaryAction { float: left; }
.uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input, .uniForm label input { float: none; display: inline; margin: 0; padding: 0; border: none; }
.uniForm .buttonHolder .inlineLabel, .uniForm .buttonHolder label { float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; }
.uniForm .inlineLabels .noLabel ul { margin-left: 34%; }
.uniForm .small { width: 30% !important; }
.uniForm .medium { width: 45% !important; }
.uniForm .large { }
.uniForm .auto { width: auto !important; height: auto !important; }
.uniForm .small, .uniForm .medium, .uniForm .auto { margin-right: 4px; }
.uniForm .col { float: left; }
.uniForm .col { width: 50%; }
.uniForm { }
.uniForm legend { font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
.uniForm .ctrlHolder { border-bottom: 1px solid #E3E3E3; min-height: 52px; padding: 28px 20px; border-bottom: 1px solid #E3E3E3; }
.uniForm .ctrlHolder.focused { background: #f6f6f6; }
.uniForm .inlineLabels .noLabel { }
.uniForm .buttonHolder { text-align: right; margin: 1.5em 0 0 0; padding: 1.5em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.uniForm .buttonHolder .primaryAction { }
.uniForm .buttonHolder .primaryAction:hover { }
.uniForm .buttonHolder .primaryAction:active { position: relative; top: 1px; }
.uniForm .secondaryAction { text-align: left; }
.uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; }
.uniForm .inlineLabels label em, .uniForm .inlineLabels .label em { font-style: normal; font-weight: bold; }
.uniForm label small { font-size: .75em; color: #777; }
.uniForm .textInput { background: url("../images/input-large.jpg") no-repeat scroll 0 0 transparent; height: 18px; width: 337px !important; }
.uniForm textarea { background:url("../images/textarea-large.jpg") no-repeat scroll transparent; height: 165px !important; padding-left: 6px; width: 344px !important; }
.uniForm .textInput, .uniForm textarea { padding: 4px; border: 0px solid #aaa; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; }
select { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; }
.uniForm textarea { height: 12em; }
.uniForm select { background-color: #f6f6f6; border: 1px solid #e6e6e6; height: 25px; }
.uniForm .fileUpload { }
.uniForm ul { }
.uniForm li { }
.uniForm ul li label { }
.uniForm .small { }
.uniForm .medium { }
.uniForm .large { }
.uniForm .auto { }
.uniForm .small, .uniForm .medium, .uniForm .auto { }
.uniForm .ctrlHolder .textInput:focus, .uniForm .ctrlHolder textarea:focus { outline: none; }
.uniForm .formHint { color: #777; }
.uniForm .inlineLabels .formHint { padding-top: .5em; }
.uniForm .ctrlHolder.focused .formHint { color: #333; }
.uniForm #errorMsg { background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.uniForm #errorMsg h3 { }
.uniForm #errorMsg ol { margin: 0 0 1.5em 0; padding: 0; }
.uniForm #errorMsg ol li { margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.uniForm .ctrlHolder.error, .uniForm .ctrlHolder.focused.error { background: none repeat scroll 0 0 #F6F6F6; border-left: 5px solid #FF0000; }
.uniForm .ctrlHolder.error p { color:#ff0000; }
.uniForm .ctrlHolder.error input.error, .uniForm .ctrlHolder.error select.error, .uniForm .ctrlHolder.error textarea.error { color: #af4c4c; padding: 4px; }
.uniForm #okMsg { background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 1.5em; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.uniForm #okMsg p { margin: 0; }
.uniForm .col { }
.uniForm .col.first { }
.uniForm .col.last { }
.uniForm .col { margin-bottom: 1.5em; }
.uniForm .col.first { width: 49%; float: left; clear: none; }
.uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
LOF SLIDER
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@charset "utf-8";
.lof-slidecontent, .lof-slidecontent a { color:#FFF; }
.lof-slidecontent a.readmore { color:#58B1EA; font-size:95%; }
.lof-slidecontent {margin-top: 3px; position:relative; overflow:hidden; background: url("../images/dark-stripe.jpg") repeat-x scroll left bottom transparent; width:948px; height:300px; }
.lof-slidecontent .preload { height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#FFF }
.lof-slidecontent .preload div { height:100%; width:100%; background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; }
.lof-main-outer { position:relative; height:100%; width:900px; z-index:3px; overflow:hidden; width:948px; height:300px; }
.lof-main-item-desc { background: url("../images/transparent_bg_white.png") repeat scroll 0 0 transparent; bottom: 0; left: 0; padding: 5px 35px; position: absolute; text-align: right; width: 878px; }
.lof-main-item-desc-white { background: url("../images/transparent_bg_white.png") repeat scroll 0 0 transparent; bottom: 0; left: 0; padding: 15px 35px; position: absolute; text-align: left; width: 878px; }
.lof-main-item-desc p { margin:0 8px; padding:8px 0; }
.lof-main-item-desc h3 {padding:0; margin:0; color:black; font-weight:bold; font-size:15px;}
.lof-main-item-desc h2 { padding:0; margin:15px 0 0 0px; }
.lof-main-item-desc h3 a { margin:0; background:#C01F25; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; text-transform:uppercase; text-decoration:none }
.lof-main-item-desc h3 a:hover { text-decoration:underline; }
.lof-main-item-desc h3 i { font-size:70%; }
.lof-main-item-desc-white p { margin:0 8px; padding:8px 0 }
.lof-main-item-desc-white h3 { padding:0; margin:0; color:black; font-weight:bold;}
.lof-main-item-desc-white h2 { padding:0; margin:15px 0 0 0px; }
.lof-main-item-desc-white h3 a { margin:0; background:#C01F25; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; text-transform:uppercase; text-decoration:none }
.lof-main-item-desc-white h3 a:hover { text-decoration:underline; }
.lof-main-item-desc-white h3 i { font-size:70%; }
ul.lof-main-wapper { overflow:hidden; background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden; width:948px; height:300px; }
ul.lof-main-wapper li { overflow:hidden; padding:0px; margin:0px; float:left; position:relative; height:250px; }
.lof-opacity li { position:absolute !important; top:0; left:0; float:inherit; }
ul.lof-main-wapper li img { padding:0px; }
.lof-navigator-wapper { bottom: 10px; padding: 1px 0; position: absolute; right: 20px; z-index: 400;}
.lof-navigator-text { bottom: 10px; left: 37px; padding: 6px 0; position: absolute; }
.lof-navigator-outer { position:relative; z-index: -1; height:180px; width:310px; overflow:hidden; color:#FFF; float:left }
ul.lof-navigator { top:0; padding:0; margin:0; position:absolute; width:100%; }
ul.lof-navigator li { cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; background:url(../images/slider-btn-off.png) no-repeat center; text-align:center; }
ul.lof-navigator li img { border:#666 solid 3px; }
ul.lof-navigator li.active, ul.lof-navigator li:hover { background:url(../images/slider-btn-on.png) no-repeat center; }
.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous { display:block; width:22px; height:30px; color:#FFF; cursor:pointer; }
.lof-navigator-wapper .lof-next { float:left; text-indent:-999px; margin-right:5px;display:none; }
.lof-navigator-wapper .lof-previous { float:left; text-indent:-999px; margin-left:5px; display:none; }
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
PRETTYPHOTO
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
/*SLIDING PANEL*/
.panel { position: absolute; top: 50px; left: 0; display: none; border:0px solid #ccc; background-color:#111; height: auto; opacity: 1; padding: 15px; top: 145px; -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); color:#ddd; font-family:arial; font-size:12px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
a.trigger { background: #000; border: 0 solid #444444; display: block; left: 0; padding: 15px 68px 15px 28px; position: absolute; text-decoration: none; top: 90px; font-size:10px; color:#fff!important; background:#111; -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); color:#ddd; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#bars { float:left; width:90px; padding:15px }
#backgrounds { width:90px; padding:15px; }
.panel .cuf { font-size:10px; color:#fff; letter-spacing:1px; margin-bottom:10px; }
ul { padding: 0; margin: 0; list-style-type: none; }
ul li { padding: 0; margin: 0; list-style-type: none;}
hr { background-color: #333333; height: 1px; }
.backswitch, .barswitch{color:#999;}
.curBack{color:#4095eb;}
.curBack:hover{color:#4095eb;}
.curBar{color:#4095eb;}
.curBar:hover{color:#4095eb;}
.footer-widgets {
background-color: #595959;
}
p#txt_refinfo{
margin: -7px 0 0 35px;
color: #fff;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
BAR COLOR OVERRIDES
Uncomment one if required
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BLACKCURRANT
.sleek-black { background:url(../images/color-variations/bars/blackcurrant-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/blackcurrant-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/blackcurrant-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* BLUE VELVET
.sleek-black { background:url(../images/color-variations/bars/blue-velvet-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/blue-velvet-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/blue-velvet-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* BURGUNDY
.sleek-black { background:url(../images/color-variations/bars/burgundy-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/burgundy-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/burgundy-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* GREEN VELVET
.sleek-black { background:url(../images/color-variations/bars/green-velvet-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/green-velvet-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/green-velvet-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* HOT PINK
.sleek-black { background:url(../images/color-variations/bars/hot-pink-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/hot-pink-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/hot-pink-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* NAVY
.sleek-black { background:url(../images/color-variations/bars/navy-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/navy-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/navy-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* PURPLE VELVET
.sleek-black { background:url(../images/color-variations/bars/purple-velvet-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/purple-velvet-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/purple-velvet-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* RED VELVET
.sleek-black { background:url(../images/color-variations/bars/red-velvet-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/red-velvet-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/red-velvet-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* SEA GREEN
.sleek-black { background:url(../images/color-variations/bars/sea-green-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/sea-green-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/sea-green-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* SOLID BLACK
.sleek-black { background:url(../images/color-variations/bars/solid-black-stripe.jpg); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); box-shadow:0 1px 6px rgba(0, 0, 0, 0.6); height:52px; color:#ddd; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.sleek-black-thin { background:url(../images/color-variations/bars/solid-black-stripe.jpg); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); height:12px; color:#ddd; position:relative; clear:both; font-family:arial; font-size:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.lof-slidecontent { position:relative; overflow:hidden; background: url(../images/color-variations/bars/solid-black-stripe.jpg) repeat-x scroll left bottom transparent; width:948px; height:300px; }
*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
BACKGROUND COLOR OVERRIDES
Uncomment one if required
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BLUE GREEN
html { background:url(../images/color-variations/backgrounds/blue-green.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* CYAN
html { background:url(../images/color-variations/backgrounds/cyan.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* GOLD GREEN
html { background:url(../images/color-variations/backgrounds/gold-green.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* GREEN RED YELLOW
html { background:url(../images/color-variations/backgrounds/green-red-yellow.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* NATURE GREEN
html { background:url(../images/color-variations/backgrounds/nature-green.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
.*/
/* PURPLE PINK
html { background:url(../images/color-variations/backgrounds/purple-pink.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID AQUA
html { background:url(../images/color-variations/backgrounds/solid-aqua.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID BLUE
html { background:url(../images/color-variations/backgrounds/solid-blue.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID DARK BLUE
html { background:url(../images/color-variations/backgrounds/solid-dark-blue.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID GOLD
html { background:url(../images/color-variations/backgrounds/solid-gold.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID LIME
html { background:url(../images/color-variations/backgrounds/solid-lime.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID PURPLE PINK
html { background:url(../images/color-variations/backgrounds/solid-purple-pink.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID RED
html { background:url(../images/color-variations/backgrounds/solid-red.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID SILVER
html { background:url(../images/color-variations/backgrounds/solid-silver.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* SOLID VELVET PINK
html { background:url(../images/color-variations/backgrounds/solid-velvet-pink.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* STRONG CYAN
html { background:url(../images/color-variations/backgrounds/strong-cyan.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
*/
/* YELLOW GREEN
html { background:url(../images/color-variations/backgrounds/yellow-green.jpg) no-repeat center top #313131; width:100%; display:table; margin:0; padding:0; }
/*
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
FONT COLOR OVERRIDE
Uncomment and change font colors if required
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
#accwrapper .subtle-white:hover, #breadcrumbs ul li a:hover, #breadcrumbs-home ul li a:hover, #pagination li a:hover, button:hover, a:hover, li a:hover, button:hover, .active, #bottom-menu ul li a:hover, #tweet-bar ul li a:hover, .jqueryslidemenu ul li a:hover { color:#61e800 !important;}
.cuf a:hover { color:#fff!important;}
a:link, a:active { color:#089568 !important;}
#content a{color:#555;}
*/
/* Media queries for responsive design
* These follow after primary styles so they will successfully override.
Style adjustments for portrait mode goes here
Style adjustments for landscape mode goes here
Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
j.mp/textsizeadjust
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
}
@media print {
A, A:visited { color: #444 !important; text-decoration: underline; }
}
@media print {
A:after { content: " (" attr(href) ")"; }
}
@media print {
ABBR:after { content: " (" attr(title) ")"; }
}
@media print {
.ir A:after { content: ""; }
}
/*Don't show links for images*/
@media print {
PRE, BLOCKQUOTE { border: 1px solid #999; page-break-inside: avoid; }
}
@media print {
THEAD { display: table-header-group; }
}
/*css-discuss.incutio.com/wiki/Printing_Tables*/
@media print {
TR, IMG { page-break-inside: avoid; }
}
@media print {
@page {
margin: 0.5cm;
}
}
@media print {
P, H2, H3 { orphans: 3; widows: 3; }
}
@media print {
H2, H3 { page-break-after: avoid; }
}
/*UI ICONS*/
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons.png); }
.ui-corner-all { -webkit-border-radius: 4px; border-radius: 4px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/*Styles für benutzerdefinierte Seiten*/
/*********************************************/
/*view.azk*.php*/
.ref_language{
width: 16px;
height: 11px;
border: none;
}
.btn_trailer{
float:right;
margin: -45px 35px 0 0;
width:284px;
height: 30px;
padding: 3px 0 20px 0;
}
div#link_alert{
border-style:solid;
border-width:1px;
border-color:#ff7373;
width:850px;
height:180px;
padding: 0 12px 0 12px;
display:none;
}
a#btn_linkalert{
margin: -12px 0px 0 0; float:right;
}
/*view.azkvideo.php*/
div#cont_azkvideo{
background-color: #000000;
text-align:center;
display:none;
height:880px;
overflow:hidden;
}
#teaser_video { float:left; width:800px; height:40px; color:#333; padding-bottom:25px; margin: 0 0 0 75px; padding-top:20px; background:url(../images/teaser-background.jpg) repeat-x scroll 0 0 #dedede; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); }
#pullquote_video{
float: left;
letter-spacing: 0;
line-height: 25px;
margin: 0px 20px 7px 75px;
padding: 7px;
width: 786px;
text-align:left;
background-color:#f3f3f3;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.35); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #FFFFFF;
background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(255, 255, 255, 1)), color-stop(0.587, rgba(224, 224, 224, 1)), color-stop(0.633, rgba(230, 230, 230, 1)), color-stop(0.99, rgba(222, 222, 222, 1))); background:-moz-linear-gradient( 50% 0%, rgba(255, 255, 255, 1) 0%, rgba(224, 224, 224, 1) 58.69%, rgba(230, 230, 230, 1) 63.28%, rgba(222, 222, 222, 1) 99.02%, rgba(255, 255, 255, 1) 99.67% );
}
/*view.header.php*/
div#logged_msg{
background-color:white;
opacity:0.8;
padding: 0 5px 5px 20px;
width:300px;
height:80px;
float:right;
}
div#admin_msg{
background-color:white;
opacity:0.8;
padding: 0 5px 5px 20px;
width: 350px;
height:80px;
float:left;
margin: 0 -498px 0 0;
overflow: scroll;
}
/* view.azz.php */
div.down_cont{
background-color:#F7F7F7; padding:5px;
}
.right{float:right;}
/* view.azk.php */
ul.linkref{
float:right; margin:-14px 0 0 0;text-align:right;
}
/*MEDIA-CENTER*/
.mediaCenter_Content > div {
padding-left: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mediaCenter_Content * {
color: #2b2b2b;
}
.mediaCenter_Content {
background: url('../imgunit/mediacenter_all/mc_azk_bg.png') #e1e1e1;
}
.SliderHeadline {
margin: 0 0 10px 85px;
font-size: 24px;
font-weight: normal;
width: 725px;
}
.SliderHeadline > span {
color: #444;
font-size: 0.75em;
}
.mc_header {
font-size: 39px;
margin: 0 0 13px;
padding: 25px 0 0 20px;
}
.mc_slider {
padding-top: 30px;
position: relative;
background-color: #e2e2e2;
}
.mc_video_slider_content {
float: left;
margin: 0 25px;
}
#mc_video_slider_wrapper, #videoLoader {
border: 6px solid #ffffff;
padding: 5px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.37);
-webkit-border-radius: 1px;
border-radius: 1px;
}
#videoLoader {
padding-bottom: 0px;
}
#slider_left, #slider_right {
float: left;
margin-top: 140px;
cursor: pointer;
}
#slider_left {
margin-left: 15px;
}
.mc_download {
padding: 5px 0;
width: 475px;
margin: 0 auto;
}
.mc_cont {
padding-top: 30px;
background-color: #e1e1e1;
}
.buttonMC {
background: #3b3b3b;
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
float: left;
padding: 0 15px 0 14px;
margin: 5px 8px;
font-size: 13px;
height: 33px;
position: relative;
cursor: pointer;
-webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
}
.buttonMC_ansicht {
background: #1a1a1a; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a1a1a), color-stop(100%,#353535)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #1a1a1a 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #1a1a1a 0%,#353535 100%); /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear, left top, right top, from(#1a1a1a),to(#353535));
background: linear-gradient(to right, #1a1a1a 0%,#353535 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#353535',GradientType=1 ); /* IE6-9 */
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
float: left;
margin: 5px 8px;
padding: 0 29px 0 14px;
font-size: 13px;
height: 33px;
position: relative;
cursor: pointer;
-webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
}
.mc_downarrowclass {
position: absolute;
top: 9px;
right: 10px;
}
.buttonMC > span, .buttonMC_ansicht > span {
display: block;
padding: 7px 0 0 0;
color: #fff;
font-size: 12px;
}
.mc_ansicht {
float: left;
margin: 14px 0 0 0;
color: #2e2e2e;
font-size: 20px;
}
.mc_headline {
margin: 0 0 20px 0;
}
#mediacenter_slider {
width: 100%;
height: 411px;
}
.mc_uebersicht_cont, .mc_uebersicht_cont_special {
float: left;
margin: 0 20px 22px 0;
height: 232px;
/*width: 283px;*/
}
.mc_video_prtext{
padding: 5px 2px 5px 7px;
overflow-y: hidden;
height: auto;
width: 742px;
background: #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #333;
font-size: 14px;
line-height: 16px;
}
.mc_uebersicht_cont .thumb-magnifyplay {
height: 160px !important;
}
.mc_uebersicht_cont.mc_img_big .mc_uebersicht_name {
width: 585px;
}
.mc_uebersicht_cont.mc_img_big .thumb-magnifyplay {
width: 580px !important;
}
.mc_uebersicht_cont.mc_img_smaller .mc_uebersicht_name {
width: 291px;
}
.mc_uebersicht_cont.mc_img_smaller .thumb-magnifyplay {
width: 286px !important;
}
.mc_uebersicht_cont.mc_img_small .mc_uebersicht_name {
width: 281px;
}
.mc_uebersicht_cont.mc_img_small .thumb-magnifyplay {
width: 276px !important;
}
.mc_uebersicht_headline {
color: #2f2f2f;
margin: 0 0 15px 0;
font-size: 29px;
}
.mc_uebersicht_name > b {
color: #202020;
}
.mc_uebersicht_name {
color: #333;
font-size: 14px;
height: 52px;
line-height: 16px;
overflow: auto;
margin: 6px 0 0 0;
min-width: 280px;
}
.mc_uebersicht_topic {
color: black;
font-size: 14px;
height: 283px;
line-height: 16px;
overflow: auto;
margin: 6px 0 0 0;
width: 292px;
}
.mc_uebersicht_topic > b {
color: #202020;
}
.mc_uebersicht_img {
/*height: 165px;*/
}
.mc_download.azkTabs > ul.publishTabs {
width: 375px;
margin: 0 auto;
}
.links {
padding-top: 5px;
}
.mediaCenter_Content #myGallery {
height: 435px;
}
.mediaCenter_Content .spacegallery {
margin-top: 0px;
}
.downloadgallery {
margin: 0 0 25px 183px;
}
/* Advertising for KlaTV, S&G, Tribunal, SasekTV */
#logosad {
display: block;
position: fixed;
left: 50%;
top: 38px;
margin: 0 0 0 -740px;
-ms-transform: scale(0.85);
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
.logosad_box {
width: 279px;
height: 161px;
background-color: #e2e2e2;
background-color: rgba(226, 226, 226, .71);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3px 0 0 0;
margin: 0 0 10px 0;
}
.logosad_box p {
color: #000;
}
.logosad_box_logo {
height: 128px;
overflow: hidden;
}
.logosad_box_logo img {
display: block;
margin: 0 auto;
}
.logosad_box_logo p {
margin: 0;
padding: 0;
text-align: center;
font-size: 10pt;
line-height: 16px;
letter-spacing: 0;
word-spacing: -1px;
}
.logosad_box_name {
background-color: #5a5c6f;
width: 100%;
height: 30px;
overflow: hidden;
}
.logosad_box_name p {
margin: 0;
padding: 0;
text-align: center;
font-size: 16pt;
line-height: 30px;
}
.logosad_box_name.name_tribunal p {
color: #fff;
}
.logosad_box_name.name_klatv {
background-color: #007185;
}
.logosad_box_name.name_sug {
background-color: #9ab5d3;
}
.logosad_box_name.name_stv {
background-color: #c03530;
}
.clickhere, .logosad_box {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.clickhere:hover {
color: #999;
}
.new_conf_banner {
position: absolute;
top: 17px;
left: 0;
}
/* AZK13 Sinn und Ziel */
.azk13-sinnundziel-wrapper {
height: 251px;
width: 236px;
position: absolute;
margin-left: 950px;
margin-top: -300px;
z-index: 2;
}
.azk13-sinnundziel {
background: url(../imgunit/azk13_all/azk13_Was-ist-Ziel-der-AZK_v02.png);
height: 251px;
width: 236px;
}
/* Kla-TV über Terror / Krieg & Flüchtlingsströme */
.klatv_container {
background-color: #cfd1e4;
}
.klatv_linkbox {
width: 300px;
height: 110px;
overflow: hidden;
font-size: 10pt;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 0 0 5px;
margin: 5px 0 0 0;
position: relative;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.klatv_linkbox:hover {
background-color: #fff;
background-color: rgba(240, 240, 240, .35);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.klatv_linkbox:hover .clickhere {
text-decoration: underline;
}
.klatv_header {
padding: 15px 0 0 0;
}
.klatv_linkbox p {
margin: 0;
line-height: 14px;
}
.klatv_linkbox p:last-child {
position: absolute;
bottom: 3px;
width: 100%;
}
.klatv_linkbox > a > img {
width: 12px;
float: left;
margin: 0 3px 0 0;
}
.klatv_linkinfo span {
display: block;
float: left;
font-size: 10pt;
}
.klatv_linkinfo span:nth-child(1) {
width: 45%;
}
.klatv_linkinfo span:nth-child(2) {
width: 30%;
}
.klatv_linkinfo span:nth-child(3) {
width: 25%;
}
.klatv_linkinfo span:last-child span {
background: #000;
color: #fff;
padding: 1px 6px 0 1px;
}
.klatv_linktxt {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 3px 0 4px 0;
}
/*Media-Center-Slider*/
/* New in version 1.7+ */
#slideshow {
width: 400px;
height: 300px;
list-style: none;
}
/* CSS to expand the image to fit inside colorbox */
#cboxPhoto { width: 100%; height: 100%; margin: 0 !important; }
/* Change metallic theme defaults to show thumbnails */
div.anythingControls {
bottom: 25px; /* thumbnail images are larger than the original bullets; move it up */
}
.anythingSlider-metallic .thumbNav a {
background-image: url();
height: 30px;
width: 30px;
border: #000 1px solid;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-indent: 0;
}
.anythingSlider-metallic .thumbNav a span {
visibility: visible; /* span changed to visibility hidden in v1.7.20 */
}
/* border around link (image) to show current panel */
.anythingSlider-metallic .thumbNav a:hover,
.anythingSlider-metallic .thumbNav a.cur {
border-color: #fff;
}
/* reposition the start/stop button */
.anythingSlider-metallic .start-stop {
margin-top: 15px;
}
/*MESSAGE BOXES*/
/*---------------------------------------------------------------*/
/* 3. MESSAGE BOXES
/*---------------------------------------------------------------*/
#content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow{color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;}
#content .message_green, .content_full_width .message_green {background: #DFE9B7 url(../images/ico1.gif) 20px center no-repeat;border:1px solid #BAC398;}
#content .message_red, .content_full_width .message_red {background: #F5DCD8 url(../images/ico3.gif) 20px center no-repeat;border:1px solid #CDBFBE; font-size: 17px;}
#content .message_blue, .content_full_width .message_blue {background: #DAE6F2 url(images/_global/ico3.gif) 20px center no-repeat;border:1px solid #BDC4CA;}
#content .message_yellow, .content_full_width .message_yellow {background: #F8F2B6 url(images/_global/ico4.gif) 20px center no-repeat;border:1px solid #D8D4B7;}
#content .message_green a, .content_full_width .message_green a {font-weight:bold;color:#66B500;}
#content .message_red a, .content_full_width .message_red a {font-weight:bold;color:#CB2A19;}
#content .message_blue a, .content_full_width .message_blue a {font-weight:bold;color:#0092F5;}
#content .message_yellow a, .content_full_width .message_yellow a {font-weight:bold;color:#A58100;}
#player_niedrigeq_wrapper, #player_hoheq_wrapper {
margin: 0 auto;
}
/* NEUER JW PLAYER 6.7 */
#player_nq {
width: 800px;
margin: 0 auto;
}
#player_hq {
width: 800px;
margin: 0 auto;
}
/* NEUES KLA.TV MENU */
/* NEUES KLA.TV MENU */
nav {
text-align: center;
z-index: 99999;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul li:hover > a > img.mc_downarrowclass {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
nav ul {
padding: 0 0 0 20px;
list-style: none;
position: relative;
/*display: inline-table;*/
font-family: 'ColaborateLightRegular',Arial,sans-serif;
line-height: 10px;
margin-left: -20px;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
text-align:left;
display: inline;
background: #1a1a1a; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a1a1a), color-stop(100%,#353535)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #1a1a1a 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #1a1a1a 0%,#353535 100%); /* Opera 11.10+ */ /* IE10+ */
background: -webkit-gradient(linear, left top, right top, from(#1a1a1a),to(#353535));
background: linear-gradient(to right, #1a1a1a 0%,#353535 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#353535',GradientType=1 ); /* IE6-9 */
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin: 5px 8px;
padding: 12px 29px 0 14px;
font-size: 13px;
height: 24px;
position: relative;
cursor: pointer;
-webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
color: #fff !important;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block;
text-decoration: none;
font-weight: normal;
font-size: 15px;
color: #fff !important;
}
nav ul ul {
background: #283a59; -webkit-border-radius: 0px; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
z-index: 99999;
margin-left: 0;
width: 240px;
}
nav ul ul li {
float: none;
border-bottom: 1px solid #575f6a; position: relative;
line-height: 1.1;
/*height: 35px;*/
height: auto;
}
nav ul ul li a {
color: #fff;
}
nav ul ul li a:hover {
background: #39547c;
}
nav ul ul ul {
position: absolute; left: 100%; top:0;
}
.searchListItem {
padding: 0;
margin: 0;
height: 50px;
float: right;
display: block;
}
.searchListItem:hover {
background: none !important;
}
nav .vert-ul {
background: #fff; -webkit-border-radius: 0px; border-radius: 0px;
background: -webkit-gradient(linear, left bottom, left top, from(#ddd), color-stop(80%, #fff)) no-repeat;
background: -webkit-linear-gradient(bottom, #ddd, #fff 80%) no-repeat;
background: -o-linear-gradient(bottom, #ddd, #fff 80%) no-repeat;
background: linear-gradient(0deg, #ddd, #fff 80%) no-repeat;
padding: 0 0 2px 0;
position: absolute; top: 100%;
z-index: 99999;
width: 920px;
-webkit-box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.54);
border: 0px;
-webkit-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
cursor: auto;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.vert-ul h3 {
margin: 20px 0 0 20px;
}
.vertul1 {
margin-left: -112px;
}
.vertul2 {
margin-left: -255px;
}
.vertul3 {
margin-left: -370px;
}
.vertul4 {
margin-left: -505px;
}
.vertul5 {
margin-left: -640px;
}
.vertul1, .vertul2, .vertul3 { position: relative; background: #fff; border: 4px solid #fff; }
.vertul1:after, .vertul1:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.vertul1:after{ border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 0px; margin-left: -30px; }
.vertul1:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 11px; margin-left: -315px; }
.vertul2:after, .vertul2:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.vertul2:after{ border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 0px; margin-left: -30px; }
.vertul2:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 11px; margin-left: -185px; }
.vertul3:after, .vertul3:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.vertul3:after{ border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 0px; margin-left: -30px; }
.vertul3:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 11px; margin-left: -63px; }
.vertul4:after, .vertul4:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.vertul4:after{ border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 0px; margin-left: -30px; }
.vertul4:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 11px; margin-left: 75px; }
.vertul5:after, .vertul5:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.vertul5:after{ border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 0px; margin-left: -30px; }
.vertul5:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 11px; margin-left: 230px; }
nav .vert-ul li {
display: inline;
padding-top: 5px;
padding-bottom: 5px;
float: left;
position: relative;
background: none;
-webkit-border-radius: none !important;
border-radius: none !important;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: none;
}
nav .vertul1 li {
width: 170px;
}
nav .vertul2 li {
width: 240px;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
nav .vertul3 li {
width: 164px;
height: 59px;
overflow: auto;
padding: 0 !important;
}
nav .vertul4 li {
width: 154px;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
nav .vertul5 li {
width: 245px;
height: 75px;
overflow: none;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
nav .vert-ul li a {
color: #777 !important;
padding: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
nav .vert-ul li a span {
color: #777;
font-size: 0.75em;
}
nav .vert-ul li a:hover {
background: #fff !important;
}
.vidinf {
display: none;
width: 80%;
margin: 0 auto;
padding: 7px;
background: #ffffff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.vidinf ul {
margin-left: 20px;
}
#btnLinks_content {
display: block;
}
.nav-langicon {
margin-right: 5px;
margin-top: -4px;
}
.padding10 {
padding-top: 8px;
}
/* DIREKTLINKS IM MENU */
nav ul li ul li ul {
background: rgba(255,255,255,0.8);
color: #000;
text-align: left;
padding: 5px 0 10px 0;
}
nav ul li ul li ul li {
color: #000;
border: none;
margin-left: 30px;
padding-left: 0;
}
nav ul li ul li ul li:hover {
background: none;
}
nav ul li ul li ul li a {
color: #000 !important;
font-size: 14px;
padding: 5px 5px 5px 5px;
}
nav ul li ul li ul h5 {
padding: 10px 10px 10px 20px;
font-size: 14px;
margin: 0;
font-weight: normal;
white-space: pre-wrap;
line-height: 99%;
}
nav ul li ul li a img {
float :left;
}
nav ul li ul li ul li a:hover {
color: #000;
background: none;
}
nav ul li ul li ul h4 {
font-size: 18px;
margin: 0 0 5px 0;
padding: 15px 0 0 10px;
}
/*Special-Message for different Video-Message*/
button#btn_hoermann:hover {
background: #dbdbdb url("../images/light-bar.jpg") repeat-x scroll 0 0;
}
a.header-ad:hover {
opacity: 0.9;
}
/******************************
Email form start page
+ contact form (bottom)
******************************/
.stv-form{
font: 95% Arial, Helvetica, sans-serif;
max-width: 730px;
margin: 10px auto;
padding: 16px;
height: 70px;
margin-left: 45px;
background: rgba(255,255,255,0.6);
border: 5px rgba(255,255,255,0.2) solid;
}
.stv-fullpage-form{
font: 95% Arial, Helvetica, sans-serif;
max-width: 500px;
margin: 0 auto;
padding: 0;
height: auto;
background: none;
border: none;
}
.stv-form h1{
background: #d2434c;
padding: 15px 0;
font-size: 140%;
font-weight: 300;
text-align: center;
color: #fff;
margin: -16px -16px 16px -16px;
}
.stv-form input[type="text"],
.stv-form input[type="date"],
.stv-form input[type="datetime"],
.stv-form input[type="email"],
#ouibounce-newsletter-form input[type="email"],
.stv-form input[type="number"],
.stv-form input[type="search"],
.stv-form input[type="time"],
.stv-form input[type="url"],
.stv-form textarea,
.stv-form select {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 60%;
background: rgba(255,255,255,0.8);
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 10px;
color: #555;
font: 95% Arial, Helvetica, sans-serif;
font-size: 13px;
margin-top: 10px;
margin-right: 10px;
}
.stv-form input[type="text"]:focus,
.stv-form input[type="date"]:focus,
.stv-form input[type="datetime"]:focus,
.stv-form input[type="email"]:focus,
.stv-form input[type="number"]:focus,
.stv-form input[type="search"]:focus,
.stv-form input[type="time"]:focus,
.stv-form input[type="url"]:focus,
.stv-form textarea:focus,
.stv-form select:focus
{
-webkit-box-shadow: 0 0 5px #d13d49;
box-shadow: 0 0 5px #d13d49;
padding: 10px;
border: 1px solid #d13d49;
}
.stv-form input[type="submit"],
.stv-form input[type="button"]{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 28%;
padding: 10px;
float: right;
font-size: 14px;
background: #4551c6;
border-bottom: 2px solid #daba32;
border-top-style: none;
border-right-style: none;
border-left-style: none;
color: #e1e1e1;
margin-top: 10px;
}
.blueButton {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
font-size: 16px;
background: #4551c6;
border-bottom: 2px solid #daba32;
border-top-style: none;
border-right-style: none;
border-left-style: none;
color: #e1e1e1;
margin-top: 10px;
}
.blueButton:hover {
color: #e1e1e1;
}
.stv-form input[type="submit"]:hover,
.stv-form input[type="button"]:hover{
background: #323232;
}
.stv-fullpage-form input, .stv-fullpage-form textarea{
width: 100% !important;
}
#subscribeNewsletterBox .success,
#ouibounce-newsletter .success {
display: none;
font-size: 15px;
margin-top: 10px;
font-size: 19px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
}
#subscribeNewsletterBox .success span,
#ouibounce-newsletter .success span {
font-size: 18px;
}
#subscribeNewsletterBox .error,
#ouibounce-newsletter .error {
display: none;
font-size: 15px;
margin-top: 20px;
font-size: 23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
}
#subscribeNewsletterBox .title {
float: left;
width: 30%;
font-size: 23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
text-align: left;
}
#subscribeNewsletterBox .error-validation {
display: none;
margin-left: 220px;
margin-top: -15px;
}
.bottom-menubar {
position: fixed;
bottom: 0px;
right: 0px;
height: 34px;
width: 380px;
}
.bottom-menubar .newsletter {
padding: 5px 10px;
float: right;
margin-right: 5px;
}
.bottom-menubar .contact {
padding: 5px 10px;
float: right;
margin-right: 10px;
}
.contactButton {
background: #e1e1e1;
border-bottom: 2px solid #daba32;
display:inline-block;
cursor:pointer;
color:#2e2e2e !important;
font-family:'Source Sans Pro';
font-size:15px;
font-weight: 400;
padding:6px 18px 2px 18px;
text-decoration:none;
border: 1px #daba32 solid;
}
.contactButton:hover {
padding:6px 18px 2px 18px;
background-color:#fff;
text-decoration: none;
color: #000 !important;
}
.contactButton:active, .contactButton:focus {
padding:6px 18px 2px 18px;
}
.bottom-menubar-modal {
background: rgba(255,255,255,0.95);
border: 4px #4551c6 solid;
position: fixed;
right: 50px;
bottom: 30px;
padding: 20px;
display: none;
height: auto;
}
.bottom-menubar-modal h3 {
font-size: 23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 200;
margin-top: -5px;
}
.bottom-menubar-modal p {
font-size: 16px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
width: 90%;
}
.bottom-menubar-modal .header .close {
float: right;
}
.bottom-menubar-modal:after,
.bottom-menubar-modal:after {
z-index: -1;
position: absolute;
left: 90%;
bottom: -14px;
content: '';
width: 0;
height: 0;
border-top: solid 10px #4551c6;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}
#modal-newsletter .bottom-menubar-modal:after {
top: 101.7%;
}
.modal-contact:after {
top: 100.7%;
}
#modal-newsletter {
right: 17px;
width: 470px;
min-height: 150px;
z-index: 100;
}
#modal-contact {
width: 450px;
right: 20px;
z-index: 100;
}
.filters input {
display: none;
}
.filters .icon {
text-align: center;
display: inline-block;
}
.filters .icon .fa {
visibility: hidden;
}
.filters input:checked + .icon .fa {
visibility: visible;
}
.btnWait_nl_content01 {
display: none;
background: #323232;
width: 18px;
}
.btnWait {
display: none;
float: right;
font-size: 14px;
margin-top: 10px;
font-family: 'Source Sans Pro';
padding: 10px 20px;
background: #323232;
color: #fff !important;
}
.btnWait:hover {
text-decoration: none;
padding: 10px 20px;
cursor: default;
}
.btnWait img {
height: 12px;
margin-right: 5px;
}
.ist-leben-ocg-hoelle.ist-leben-ocg-hoelle {
top: 89px;
margin-left: -782px;
padding-left: 0;
display: block;
position: fixed;
left: 50%;
}
.ist-leben-ocg-hoelle img {
max-width: 100%;
}
.ist-leben-ocg-hoelle img.abigail-vorher,
.ist-leben-ocg-hoelle img.dpa-jagt-ivo {
position: absolute;
left: 8%;
width: 85%;
}
.ist-leben-ocg-hoelle img.abigail-vorher {
top: 32%;
}
.ist-leben-ocg-hoelle img.dpa-jagt-ivo {
top: 65%;
}
#searchFormAzkPage input.sbox {
color: #666 !important;
}
@media only screen and (max-width: 1565px)
{
.ist-leben-ocg-hoelle.ist-leben-ocg-hoelle {
left: 0;
margin-left: 0;
padding-left: 4px;
width: -webkit-calc((100vw - 948px) / 2 - 4px);
width: calc((100vw - 948px) / 2 - 4px);
}
}
@media only screen and (max-width: 1400px)
{
#logosad {
position: absolute;
top: -100px;
left: -150px;
margin: 0;
-ms-transform: scale(0.65);
-webkit-transform: scale(0.65);
transform: scale(0.65);
}
.logosad_box {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
margin-bottom: 35px;
}
.azk13-sinnundziel-wrapper {
-ms-transform: scale(0.70);
-webkit-transform: scale(0.70);
transform: scale(0.70);
margin-left: 850px;
margin-top: 50px;
}
.azk13-sinnundziel {
-webkit-transform: rotate(30deg)!important;
-ms-transform: rotate(30deg)!important;
transform: rotate(30deg)!important;
}
}
/* Startseite Vertikales Menu 20181127 Timon D7 */
.submenu-wrapper {
display: block;
position: absolute;
left: 180px;
top: 0;
width: 750px;
height:300px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin:0% 0%;
-ms-transform-origin:0% 0%;
transform-origin:0% 0%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.fadein {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.submenu {
position:relative;
background: rgb(255,255,255);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
height: 297px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.submenu-date, .submenu-item a, #startpage-menu span {
color: #777;
}
#submenu2 .submenu {
height: 680px;
}
#submenu3 .submenu {
height: 1580px;
}
#submenu4 .submenu {
height: 1780px;
}
.submenu-date, #startpage-menu span {
font-size: 8px;
}
#submenu2 {
top: -49px;
overflow: scroll;
}
#submenu3 {
top: -98px;
overflow: scroll;
}
#submenu4 {
top: -147px;
overflow: scroll;
}
#submenu5 {
top: -196px;
}
.submenu-item {
text-transform: uppercase;
letter-spacing: 1.4px;
line-height: 14px;
text-decoration: none;
font-size: 11px;
color: #777;
padding: 15px;
width:138px;
margin-top: 5px;
}
/* Startseite 20181115 Timon D7 */
#startpage-menu .headline {
display: inline-block;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 120%;
background: #191919;
margin-bottom: 3px;
color: #f2f2f2;
padding: 13px 15px;
position:relative;
}
#start-page-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 178px;
}
#startpage-menu {
background: #d0d5fb;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
padding: 17px 3px 17px 15px;
}
#start-page-intro {
margin-left: 5px;
}
#startpage-menu .mc_ansicht {
display:none;
}
#startpage-menu .vert-ul {
display:none;
position:absolute;
left:180px;
top:0;
width: 300px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
/* font-size: 11px; */
color: #777777;
}
#startpage-menu .vert-ul {
margin-left: 0;
}
#startpage-menu .vert-ul li {
padding: 5px;
}
#startpage-menu .vert-ul li span {
font-size: 8.8px;
}
.newsletter-registration-form-banner{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #3d449e;
padding: 10px 36px;
}
.newsletter-registration-form-banner .item{
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
/*justify-content: center;*/
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.newsletter-registration-form-banner .item p {
color: #fff;
}
.newsletter-registration-form-banner .item.left{
width: 50%;
}
.newsletter-registration-form-banner .item.left .line1{
font-size: 27px;
}
.newsletter-registration-form-banner .item.left .line2{
font-size: 18px;
margin-top: 5px;
display: inline-block;
}
.newsletter-registration-form-banner .item.middle{
width: 40%;
}
.newsletter-registration-form-banner .item.middle .email-input-with-icon {
background: #fff;
padding: 0px 10px;
font-size: 18px;
padding-right: 0px;
background: #edeeff;
-webkit-box-flex: 1;
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
}
.newsletter-registration-form-banner .item.middle .email-input-with-icon + div {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
margin-left: 15px;
}
.nl-startpage-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.newsletter-registration-form-banner .item.middle .email-icon-wrapper{
color: #010004;
padding-right: 5px;
}
.newsletter-registration-form-banner .item.middle input{
border: 0px;
padding: 13px 17px;
font-size: 12px;
font-weight: bold;
width: 270px;
color: #000;
}
.newsletter-registration-form-banner .item.middle .email-input-with-icon,
.newsletter-registration-form-banner .item.middle input{
-webkit-border-radius: 6px;
border-radius: 6px;
}
.newsletter-registration-form-banner .item.middle input {
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left: 2px solid rgb(213, 215, 254);
}
.newsletter-registration-form-banner .item.middle input::-webkit-input-placeholder,
.newsletter-registration-form-banner .item.middle input::-moz-placeholder,
.newsletter-registration-form-banner .item.middle input:-ms-input-placeholder,
.newsletter-registration-form-banner .item.middle input:-moz-placeholder{
color: #9c9ffc !important;
}
.newsletter-registration-form-banner .item.right button,
#nl_content02 button {
text-transform: uppercase;
padding: 13px 17px;
font-size: 12px;
font-weight: bold;
border: none;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #000;
}
#newsletter-input-field-startpage {
width: 222px;
height: 27px;
font-size: 14px;
margin-bottom: 1px;
}
.startpage-content{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #d0d5fb;
padding: 10px 20px;
}
.startpage-content .item{
}
.startpage-content .item.left{
width: 67%;
margin-right: 3%;
}
.startpage-content .item.right{
width: 30%;
}
.startpage-content .box-header{
background: #1c1c1c;
color: #fafafa;
padding: 20px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-size: 20px;
}.startpage-content .box-header2{
background: #1c1c1c;
color: #fafafa;
margin-top: 10px;
padding: 20px;
-webkit-border-radius: 6px;
border-radius: 6px;
font-size: 20px;
}
.startpage-content .box-content{
display: block;
font-size: 16px;
background: #fff;
padding: 20px;
}
.startpage-content .box-content.right{
display: block;
font-size: 16px;
background: #fff;
padding: 10px;
}
.startpage-content .box-content .button-helper{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
/* by this solution https://stackoverflow.com/a/35270047 */
.startpage-content .box-content .button-helper button{
margin-left: auto;
font-size: 16px;
}
.startpage-content .box-space-1{
height: 5px;
display: block;
}
.startpage-content .box-space-2{
height: 10px;
display: block;
}
.startpage-content .box-space-3{
height: 15px;
display: block;
}
.startpage-content .box-space-4{
height: 20px;
display: block;
}
.startpage-content .box-content span,
.startpage-content .box-content p{
color: #000;
}
.startpage-content .box-content.center{
text-align: center;
}
.startpage-content .box-content h4{
font-size: 120%;
font-weight: bold;
color: #000;
text-transform: none;
}
.d-inline{
display: inline;
}
.d-block{
display: block;
}