/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
* (en) stylesheet for content area
* (de) Stylesheet für den Contentbereich
*
* @creator Christian Rolle | C2 mediaproduction
* @link http://www.c-two.de
* @file content.css
* @-yaml-minver 3.3
*/
@media all
{
/*-------------------------------------------------------------------------
* Contao imported styles
*-----------------------------------------------------------------------*/
.inside { position:relative; text-align:left; }
.clear,
#clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline; }
.custom { display:block; text-align:left;}
.custom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
header,footer,nav,section,aside,article,figure,figcaption{display:block;}
/*-------------------------------------------------------------------------
* Non-semantic Helper Classes
*-----------------------------------------------------------------------*/
.float_left { float:left; display:inline; margin-right:18px; margin-bottom:9px; }
.float_right { float:right; display:inline; margin-left:18px; margin-bottom:9px; }
.center { display:block; text-align:center; margin:9px auto; }
table.full { width:100%; }
table.fixed { table-layout:fixed; }
/*-----------------------------------------------------------------------------
* [Block] Gallery
*---------------------------------------------------------------------------*/
.mod_gallerylist h2,
.mod_galleryviewer h2,
.ce_gallery h4,
.ce_news_gallery h4 { margin: 0 0 18px 0; }
/* Passepartout */
.page_main .ce_text img,
.page_main .image_container img,
.page_main .mod_gallerylist img,
.page_main .mod_galleryviewer img,
.page_main .ce_gallery img,
.page_main .ce_news_gallery img { background-image:none; border:0px solid #adadad; margin: 0; padding:3px; vertical-align:bottom; }
/* Passepartout ausschalten */
.page_main .ce_text img.raw,
.page_main .image_container img.raw,
.page_main .mod_gallerylist img.raw,
.page_main .mod_galleryviewer img.raw,
.page_main .ce_gallery img.raw,
.page_main .ce_news_gallery img.raw { background-color:inherit; border: 0 none; padding:0; }
.mod_galleryviewer .image_gallery,
.ce_gallery .image_gallery,
.ce_news_gallery .image_gallery { margin: 25px 0 0 0; width: 100%; }
.mod_gallerylist .image_container,
.mod_galleryviewer .image_container,
.ce_gallery .image_container,
.ce_news_gallery .image_container { text-align:center; margin: 0 auto; }
.mod_gallerylist .image_container a,
.mod_galleryviewer .image_container a,
.ce_gallery .image_container a,
.ce_news_gallery .image_container a { height: auto; display: block; }
.layout_short .image_container a { height: auto; }
.mod_gallerylist .image_text,
.mod_galleryviewer .image_text,
.ce_gallery .image_text,
.ce_news_gallery .image_text { text-align:center !important; height: 32px; overflow: hidden; }
.mod_gallerylist .image_text a,
.mod_galleryviewer .image_text,
.ce_gallery .image_text a,
.ce_news_gallery .image_text { font-weight: bold; }
.mod_gallerylist .layout_short,
.mod_galleryviewer .cols,
.ce_gallery .cols,
.ce_news_gallery .cols { height:100%; float:left; margin-bottom: 10px; margin-right: 10px; }
.mod_gallerylist .rows,
.mod_galleryviewer .rows,
.ce_gallery .rows,
.ce_news_gallery .rows { /*clear: left;*/ }
.image_gallery .rows { margin: 0 0 36px 0; }
/* content element: caption beneath image */
.image_container .caption { margin: 3px auto 0; padding:4px; background:#eee; font-size: 11px; line-height: 12px; word-wrap: break-word; overflow: hidden; }
.ce_image .image_container .caption { margin: 3px 0 0 0; }
.image_container .caption code { line-height: 11px; }
.image_gallery .image_container .caption { margin: 2px auto 0 auto; }
.ce_gallery table { position: relative; left: -2px; border-spacing: 2px; border-collapse: separate; padding: 18px 0 23px; }
.ce_gallery td { padding: 6px 5px 5px; background-color: #eee; }
.ce_gallery td,
.ce_gallery td img { vertical-align: middle; }
/*-----------------------------------------------------------------------------
* [Block] General Pagination
*---------------------------------------------------------------------------*/
.pagination { width: 100%; margin: 18px 0; text-align: center; }
.pagination .text { display: inline-block; margin:0 auto; position: relative; top: -8px; left: -3em; }
.pagination .list { display: inline-block; margin:0 auto; position: relative; left: -3em; }
.pagination .item { list-style-type: none; float: left; margin: 0 1px; }
.pagination .current,
.pagination .link:link,
.pagination .link:visited { padding: 2px 8px; color: #f0f0f0; display: block; background: #252525; border: 1px solid #252525; border-radius: 3px; }
.pagination .current,
.pagination .link:hover,
.pagination .link:active { text-decoration: none; background: #f9f9f9; color: #252525; border-color: #252525; }
/*-----------------------------------------------------------------------------
* [Block] Language-Switcher
*---------------------------------------------------------------------------*/
.mod_changelanguage { position: absolute; right: 250px; top: 3px; }
.mod_changelanguage ul { margin: 0; }
.mod_changelanguage li { float: left; display: block; margin: 0 2px 0 0; }
.mod_changelanguage span,
.mod_changelanguage a,
.mod_changelanguage a:link,
.mod_changelanguage a:visited { display: block; width: 25px; height: 25px; line-height: 25px; background: #666; text-align: center; }
.mod_changelanguage a:hover,
.mod_changelanguage a:active { text-decoration: none; background: #555; }
/*-----------------------------------------------------------------------------
* [Block] Sitemap
*---------------------------------------------------------------------------*/
.mod_xSitemap { padding: 18px 0 0 0; }
.mod_xSitemap ul.level_1 > li.submenu { list-style-type: none; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 5px 0 4px 0; padding: 5px 0 4px 0; }
.mod_xSitemap ul.level_1 > li > a { font-size: 14px; font-weight: bold; }
.mod_xSitemap ul.level_1 > li.submenu > ul > li { float: left; width: auto; padding: 0 18px 0 0; }
.mod_xSitemap ul.level_1 > li.submenu > ul > li.submenu { float: left; width: auto; padding: 0 18px 9px 0; }
.ie7 .mod_xSitemap ul.level_1 > li.submenu > ul > li.submenu { float: none; }
.mod_xSitemap ul.level_1 > li.submenu ul { margin-left: 0; margin-bottom: 0 }
.mod_xSitemap ul.level_1 > li.submenu li { list-style-type: none; }
.mod_xSitemap ul.level_1 > li.submenu + li.submenu { border-top: 0 none; }
.mod_xSitemap .clear_left { clear: left; }
.mod_xSitemap ul.level_2 > li.submenu > a { font-weight: bold; border-bottom: 1px dotted #cc0000; }
/*-----------------------------------------------------------------------------
* [Block] Headline
*---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 { max-width: 46em; font-weight: normal; font-family: "Open Sans",Helvetica,Tahoma,Arial,sans-serif; color:#444; margin: 0; text-rendering: optimizeLegibility; /* www.aestheticallyloyal.com/public/optimize-legibility/ */ }
h1 { font-size: 34px; line-height: 27px; margin-bottom: 20px; color: #ff8708; margin-left: 170px; }
h2 { font-size: 24px; line-height: 27px; margin-bottom: 9px; color: #333333; font-weight: bold; text-transform: uppercase;}
h3 { font-size: 19px; line-height: 27px; margin-bottom: 9px; color: #ff8708; text-transform: uppercase;}
h4 { font-size: 16px; line-height: 18px; color: #ff8708;}
h5 { font-size: 15px; line-height: 18px; }
h6 { font-size: 13px; line-height: 18px; }
.ce_headline {}
/*-----------------------------------------------------------------------------
* [Block] Text
*---------------------------------------------------------------------------*/
hr { display:block; height:1px; border:0; margin:0 0 17px 0; }
big { font-size:13px; line-height: 16px; }
small { font-size:11px; line-height: 16px; }
strong,
b { font-weight: 700; }
em,
i,
var,
dfn { font-style:italic; }
mark { font-style:italic; font-weight:bold; background-color:#ff9; color:#444; }
ins { text-decoration:none; background-color:#ff9; color:#444; }
sub { vertical-align: sub; font-size: 8px; }
sup { vertical-align: super; font-size: 8px; }
del { text-decoration: line-through; }
abbr[title],
dfn[title] { border-bottom:1px dotted #adadad; cursor:help; }
cite,
q { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }
blockquote { margin: 0 0 18px 0; color: #444; font-style:italic; }
acronym,
abbr { border-bottom: 1px dotted #adadad; font-variant: small-caps; letter-spacing: .07em; cursor: help; }
p { line-height: 24px; margin: 0 0 18px 0; max-width: 50em; }
hr { color:#fff; background:transparent; border-bottom:1px solid #adadad; }
.ce_text {}
/*-----------------------------------------------------------------------------
* [Block] List
*---------------------------------------------------------------------------*/
ul,
ol,
dl { line-height: 18px; margin: 0 0 18px 0; }
ul { list-style-type: square; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-latin; }
li { line-height: 18px; margin: 0; }
ol li { line-height: 18px; }
dt { font-weight:bold; }
dd { margin:0 0 18px 18px; }
ul ul,
ul ol,
ol ul,
ol ol { margin-left: 18px; }
.ce_list {}
/*-----------------------------------------------------------------------------
* [Block] Table
*---------------------------------------------------------------------------*/
table { width:auto; border-collapse:collapse; border-collapse:collapse; border-spacing:0;/* tables still need cellspacing="0" in the markup */ }
th { font-weight: 700; }
td,
td img { vertical-align:top; }
tbody th { text-align:left; }
caption,
td { font-weight: normal; text-align: left; }
.ce_table .table { margin: 9px 0 9px; width:auto; border-collapse:collapse; border-collapse:collapse; border-spacing:0; }
.ce_table .headerdata { border-bottom: 2px solid #adadad; padding:9px 4px 8px 5px; background:#252525; color:#ccc; }
.ce_table .headerdata[scope="row"],
.ce_table .headerdata.sub { background:#f0f0f0; }
.ce_table .footerdata { border-top: 2px solid #adadad; font-weight: bold; padding:9px 4px 8px 5px; background:#ccc; color:#252525; }
.ce_table .bodydata { padding:9px 4px 8px 5px; border-bottom:1px solid #adadad; }
.ce_table .bodyrow:hover td { background:#f5f5f5; }
.ce_table .bodyrow.row_first td { padding-top: 8px; }
/*-----------------------------------------------------------------------------
* [Block] Accordion
*---------------------------------------------------------------------------*/
.ce_accordion .toggler { font-weight: bold; background-color: #eee; padding: 10px 9px 8px 5px; }
.ce_accordion .accordion > div { padding: 18px 5px; background: #f9f9f9; }
.ce_accordion + .ce_accordion .toggler { border-top: 1px solid #fff; padding-top: 9px; }
/*-----------------------------------------------------------------------------
* [Block] Code Area
*---------------------------------------------------------------------------*/
/* normalize monospace sizing */
/* en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
textarea,
pre,
code,
kbd,
samp,
var,
tt { color:#444; font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; margin:0; line-height: 16px; }
kbd,
samp,
var,
tt { font-weight:bold; }
pre { color:#444; line-height:18px; margin: 0 0 18px 0; /* 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 */ }
.ce_code { padding-bottom: 7px; }
/*-----------------------------------------------------------------------------
* [Block] Hyperlink
*---------------------------------------------------------------------------*/
a:link { -webkit-tap-highlight-color: #009bcc;/* j.mp/webkit-tap-highlight-color */ }
a:link,
a:visited { color:#009bcc; text-decoration:none; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover,
a:active { color:#afcf00; text-decoration:underline; outline: none;/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ }
/* maximum contrast for tab focus */
a:focus { text-decoration:underline; color:#666; /*background: #fff; outline: 1px #888 dotted;*/ }
a img { border: none; }
/* These both selection declarations have to be separate */
/* No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection{ background: #d7eef5; color: #444; text-shadow: none; }
::selection { background:#d7eef5; color: #444; text-shadow: none; }
.ce_hyperlink {}
/*-----------------------------------------------------------------------------
* [Block] Go-To-Top Link
*---------------------------------------------------------------------------*/
.ce_toplink {}
/*-----------------------------------------------------------------------------
* [Block] A Download
*---------------------------------------------------------------------------*/
.ce_download img { position: absolute; }
.ce_download a { margin-left: 20px; }
/*-----------------------------------------------------------------------------
* [Block] Multiple Downloads
*---------------------------------------------------------------------------*/
.ce_downloads img { position: absolute; }
.ce_downloads a { margin-left: 20px; }
/*-----------------------------------------------------------------------------
* [Block] Article Teaser
*---------------------------------------------------------------------------*/
.ce_teaser {}
/*-----------------------------------------------------------------------------
* [Block] User Comments
*---------------------------------------------------------------------------*/
.ce_comments {}
/*-----------------------------------------------------------------------------
* [Block] Navigation
*---------------------------------------------------------------------------*/
.mod_navigation ul { margin: 0; }
/*-----------------------------------------------------------------------------
* [Block] Custom Navigation
*---------------------------------------------------------------------------*/
.mod_customnav ul { list-style-type: none; }
/*-------------------------------------------------------------------------
* [Block] Page Outline
*-----------------------------------------------------------------------*/
html { -webkit-font-smoothing: antialiased;/* maxvoltar.com/archive/-webkit-font-smoothing */ }
body { no-repeat; font: 300 normal normal 14px/24px "Open Sans",Helvetica,Tahoma,Arial,sans-serif; overflow-y: scroll; /* Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera */ }
/*-------------------------------------------------------------------------
* [Block] Page Header
*-----------------------------------------------------------------------*/
.page_header { color: #444; position:fixed; margin: 0 auto; width: 100%; z-index: 100; min-width: 1200px;}
/*-------------------------------------------------------------------------
* [Block] Website Logo
*-----------------------------------------------------------------------*/
#websitelogo { position: relative; width: 980px; top: 55px; left:0px; margin: 0 auto; }
.logo link { display: block; height: auto; width: 60px; }
/*-------------------------------------------------------------------------
* [Modifier] Service Navigation
*-----------------------------------------------------------------------*/
.mod_navigation.service { position: absolute; top: 0; right: 20px; }
.mod_navigation.service .item { list-style-type: none; float: left; display: block; margin: 0 3px 0 0; }
.mod_navigation.service .text,
.mod_navigation.service .link:link,
.mod_navigation.service .link:visited { text-decoration: none; font-size: 10px; color: #fddbdb; display: block; padding: 3px 5px 2px 5px; }
.mod_navigation.service .text,
.mod_navigation.service .link:hover,
.mod_navigation.service .link:active { color: #f66d6d; }
/*-------------------------------------------------------------------------
* [Modifier] Sub Navigation
*-----------------------------------------------------------------------*/
.mod_navigation.sub { position: absolute; top: 170px; right: 20px; text-align: right; color: #aaa; }
.mod_navigation.sub .item { float: left; display: block; position: relative; }
.mod_navigation.sub .text,
.mod_navigation.sub .link:link,
.mod_navigation.sub .link:visited { text-decoration: none; display: block; padding: 0 7px 3px 7px; color: #fddbdb; }
.mod_navigation.sub .text,
.mod_navigation.sub .link.trail,
.mod_navigation.sub .link:hover,
.mod_navigation.sub .link:active { color: #f66d6d; }
/*-----------------------------------------------------------------------------
* [Modifier] Quicksearch
*---------------------------------------------------------------------------*/
.mod_form.quicksearch { position: absolute; right: 27px; top: 40px; margin: 0; padding: 0; width: 250px; height: 24px; background-color: #161616; border: 1px solid #616161; }
.mod_form.quicksearch:focus,
.mod_form.quicksearch:hover,
.mod_form.quicksearch:active { border-color: #c1c1c1; }
.mod_form.quicksearch .columns.type-text { margin: 0; position: absolute; top:0; left:0; }
.mod_form.quicksearch .columns.label { float: none; width:0px; height:0px; left:-32000px; top:-32000px; position:absolute; overflow:hidden; display:inline; }
.mod_form.quicksearch .columns.text { float: none; background-color: #252525; border: 0 none; margin: 0; padding: 0 7px; width: 186px; color: #b0afaf; height: 24px; }
.ie9 .mod_form.quicksearch .columns.text { padding-bottom: 4px; }
.mod_form.quicksearch .columns.text:focus,
.mod_form.quicksearch .columns.text:hover,
.mod_form.quicksearch .columns.text:active { border: 0 none; background: transparent; }
.mod_form.quicksearch .columns.submit_container { padding: 0; margin: 0; position: absolute; top:0; right: 0; }
.mod_form.quicksearch .columns.submit { background-color: #353535; border: 0 none; text-indent: -3000px; font-size: 0; line-height: 0; padding: 0; display: block; width: 50px; height: 24px; }
.mod_form.quicksearch .columns.submit:focus,
.mod_form.quicksearch .columns.submit:hover,
.mod_form.quicksearch .columns.submit:active { background-color: #535353; }
.ie7 .mod_form.quicksearch .columns.submit { display: block; }
.mod_form.quicksearch .columns.error { border: 0 none; }
.mod_form.quicksearch .columns.error .message { display: none; }
/*-------------------------------------------------------------------------
* [Block] Page Main Area
*-----------------------------------------------------------------------*/
.page_main { margin: 0; min-width: 1200px; }
.page_main a:link,
.page_main a:visited { color: #f07e01; }
.page_main ul,
.page_main ol,
.page_main dl { margin-left: 0px; }
.col1_content_main { padding: 0 0px 0 0px; }
.col2_content_main { padding: 0 0px 0 0px; }
.col3_content_main { padding: 0px; }
/*-------------------------------------------------------------------------
* [Modifier] Hyperlink
*-----------------------------------------------------------------------
.col3_main a[href^="http:"],
.col3_main a[href^="https:"] { padding-left: 16px; background: transparent url('../../images/icon_link_external.gif') no-repeat 0 -2px; }
.col3_main a[href^="http:"].noext,
.col3_main a[href^="https:"].noext { padding-left: 0; background: 0 none; }
*/
/*-------------------------------------------------------------------------
* [Modifier] Main Navigation
*-----------------------------------------------------------------------*/
.mod_onepagewebsitenavigation { overflow:hidden;}
.mod_onepagewebsitenavigation .item,
.mod_onepagewebsitenavigation .unit { display: block;float: left; }
/* level 1 */
.mod_onepagewebsitenavigation .list.lvl1 { margin: 0; height: 50px; background: #f88128; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y4ODEyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2YxNWUyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #f88128 1%, #f15e28 94%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f88128), color-stop(94%,#f15e28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f88128 1%,#f15e28 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f88128 1%,#f15e28 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f88128 1%,#f15e28 94%); /* IE10+ */
background: linear-gradient(to bottom, #f88128 1%,#f15e28 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88128', endColorstr='#f15e28',GradientType=0 ); /* IE6-8 */}
.mod_onepagewebsitenavigation .text.lvl1,
.mod_onepagewebsitenavigation .link.lvl1:link,
.mod_onepagewebsitenavigation .link.lvl1:visited { color: #fff; font-size: 18px; line-height: 18px; padding: 17px 10px 17px; text-decoration: none; }
.mod_onepagewebsitenavigation .text.lvl1,
.mod_onepagewebsitenavigation .link.lvl1.trail,
.mod_onepagewebsitenavigation .link.lvl1.active { color: #000; background-color: #f88128; -moz-box-shadow: inset 0 0 10px 0px #f15e28;
-webkit-box-shadow: inset 0 0 10px 0px #f15e28;
box-shadow: inset 0 0 10px 0px #f15e28;}
.mod_onepagewebsitenavigation .link.lvl1:hover,
.mod_onepagewebsitenavigation .link.lvl1:active { color: #fff; background-color: #000;}
.mod_onepagewebsitenavigation .submenu { color: #fff; background-color: #213030; }
.mod_onepagewebsitenavigation .submenu .link.lvl1.active { color: #fff; background-color: #0b1010;-moz-box-shadow: inset 0 0 0px 0px #f15e28;
-webkit-box-shadow: inset 0 0 0px 0px #f15e28;
box-shadow: inset 0 0 0px 0px #f15e28; }
/* level 2 */
.mod_onepagewebsitenavigation .list.lvl2 { margin-left: 0px; background-color: #213030; position: absolute; top: 50px; width: 100%; }
.mod_onepagewebsitenavigation .text.lvl2,
.mod_onepagewebsitenavigation .link.lvl2:link,
.mod_onepagewebsitenavigation .link.lvl2:visited { color: #fff; padding: 10px 15px; font-size: 18px; text-decoration: none; }
.mod_onepagewebsitenavigation .text.lvl2,
.mod_onepagewebsitenavigation .link.lvl2:hover,
.mod_onepagewebsitenavigation .link.lvl2.active { color: #fff; background-color: #0b1010; -moz-box-shadow: inset 0 0 10px 0px #000;
-webkit-box-shadow: inset 0 0 10px 0px #000;
box-shadow: inset 0 0 10px 0px #000;}
.mod_onepagewebsitenavigation .link.lvl2:hover,
.mod_onepagewebsitenavigation .link.lvl2:active { color: #fff; background-color: #000; }
/* level 3 */
.mod_onepagewebsitenavigation .list.lvl3 { margin: 9px 18px 9px 9px; }
.mod_onepagewebsitenavigation .text.lvl3,
.mod_onepagewebsitenavigation .link.lvl3:link,
.mod_onepagewebsitenavigation .link.lvl3:visited { color: #009bcc; padding: 0 0 0 9px; font-size: 14px; text-decoration: none; }
.mod_onepagewebsitenavigation .text.lvl3,
.mod_onepagewebsitenavigation .link.lvl3:hover,
.mod_onepagewebsitenavigation .link.lvl3.active { color: #afcf00; }
.mod_onepagewebsitenavigation .link.lvl3:hover,
.mod_onepagewebsitenavigation .link.lvl3:active { color: #afcf00; }
/*-------------------------------------------------------------------------
* [Modifier] Subcolumns Homepage Teaserboxes
*-----------------------------------------------------------------------*/
.ce_colsetStart.subcolumns_teaser .subcl,
.ce_colsetStart.subcolumns_teaser .subcr { margin: 1px 0 3px 0; padding: 10px; background: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid; border-color: #E5E5E5 #DBDBDB #D2D2D2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.ce_colsetStart.subcolumns_teaser .subcl { margin-left: 2px; margin-right: 9px; }
.ce_colsetStart.subcolumns_teaser .subcr { margin-left: 9px; margin-right: 3px; }
.ce_colsetStart.subcolumns_teaser .teaser_title { border-bottom: 1px solid #f0f0f0; }
/*-------------------------------------------------------------------------
* [Modifier] Onepage
*-----------------------------------------------------------------------*/
/*- Navigation */
.mod_onepagewebsitenavigation { left: 50%; position: relative; height: 90px;}
/*- Content */
.mod_onepagewebsiteregular ul.level_1 {margin:0px; }
.mod_onepagewebsiteregular .page { width: 100%;}
.mod_onepagewebsiteregular ul {list-style: none;}
.mod_onepagewebsiteregular {margin: 0 auto;}
.page .main {margin: 0 auto; width: 980px;}
/*- Teaser Stoffwechsel */
.mod_onepagewebsiteregular .home .main .teaser-stoffwechsel {position: relative; top: 162px; right: 147px; padding: 32px;
-webkit-transform: rotate(316deg);
-moz-transform: rotate(316deg);
-o-transform: rotate(316deg);
-ms-transform: rotate(316deg); }
.mod_onepagewebsiteregular .home .main .teaser-stoffwechsel a { background-image: url("../../images/stoffwechsel-hover.png"); background-repeat: no-repeat; display: block;}
.mod_onepagewebsiteregular .home .main .teaser-stoffwechsel img { display: block; border: 0; padding: 0px;}
.mod_onepagewebsiteregular .home .main .teaser-stoffwechsel a:hover img { visibility: hidden;}
/*- Teaser Farbsystem */
.mod_onepagewebsiteregular .home .main .teaser-farbsystem {position: relative; top: 220px; right: 0px; -webkit-transform: rotate(316deg);
-moz-transform: rotate(316deg);
-o-transform: rotate(316deg);
-ms-transform: rotate(316deg); }
.mod_onepagewebsiteregular .home .main .teaser-farbsystem a { background-image: url("../../images/farbsystem-hover.png"); background-repeat: no-repeat; display: block;}
.mod_onepagewebsiteregular .home .main .teaser-farbsystem img { display: block; border: 0; padding: 0px;}
.mod_onepagewebsiteregular .home .main .teaser-farbsystem a:hover img { visibility: hidden;}
/*- Teaser HochleistungsSport */
.mod_onepagewebsiteregular .nutrition-sport .main .teaser-sport {position: relative; top: 100px; right: 0px; -webkit-transform: rotate(316deg);
-moz-transform: rotate(316deg);
-o-transform: rotate(316deg);
-ms-transform: rotate(316deg); }
.mod_onepagewebsiteregular .nutrition-sport .main .teaser-sport a { background-image: url("../../images/sportleistung-hover.png"); background-repeat: no-repeat; display: block;}
.mod_onepagewebsiteregular .nutrition-sport .main .teaser-sport img { display: block; border: 0; padding: 0px;}
.mod_onepagewebsiteregular .nutrition-sport .main .teaser-sport a:hover img { visibility: hidden;}
.claim {position: relative; right: 0px; top: 20px;}
.coach {position: relative; right: 10px; top: 20px;}
.mod_onepagewebsiteregular .home {background:url('../../images/bg-index.jpg') center top no-repeat; min-width: 1200px;}
.mod_onepagewebsiteregular .home .wrapper{ margin:0 auto; position: relative;}
.mod_onepagewebsiteregular .home .main {position: relative; top: 220px; left: 0px; height: 847px;}
.mod_onepagewebsiteregular ul.level_2 {margin:0px; }
.mod_onepagewebsiteregular .nutrition {}
.mod_onepagewebsiteregular .nutrition .wrapper{ margin:0 auto; position: relative; height: 0px;}
.mod_onepagewebsiteregular .nutrition .main {}
.mod_onepagewebsiteregular .nutrition-privat {background:url('../../images/bg-food.jpg') center top no-repeat; height: 880px;min-width: 1100px;}
.mod_onepagewebsiteregular .nutrition-privat .wrapper{ margin:0 auto; position: relative; }
.mod_onepagewebsiteregular .nutrition-privat .main {position: relative; top: 310px; right: 218px; width: 540px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.mod_onepagewebsiteregular .nutrition-sport {background:url('../../images/bg-performance.jpg') center top no-repeat;height: 691px; min-width: 1100px;}
.mod_onepagewebsiteregular .nutrition-sport .wrapper{ margin:0 auto; position: relative; }
.mod_onepagewebsiteregular .nutrition-sport .main {position: relative; top: 180px;left: 97px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.mod_onepagewebsiteregular .nutrition-coaching {background:url('../../images/bg-coaching.jpg') center top no-repeat; height: 760px;}
.mod_onepagewebsiteregular .nutrition-coaching .wrapper{ margin:0 auto; position: relative; }
.mod_onepagewebsiteregular .nutrition-coaching .main {position: relative; top: 200px; right: 237px; width: 500px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.mod_onepagewebsiteregular .referenzen {background:url('../../images/bg-referenzen_big.jpg') center top no-repeat; height: 900px;}
.mod_onepagewebsiteregular .referenzen .wrapper{ margin:0 auto; position: relative;}
.mod_onepagewebsiteregular .referenzen .main {position: relative; top: 210px; left: 0px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.mod_onepagewebsiteregular .contact {background:url('../../images/bg-contact_big.jpg') center top no-repeat; height: 920px; font-size: 18px; line-height: 27px!important; }
.mod_onepagewebsiteregular .contact .wrapper{ margin:0 auto; position: relative; background:url('../../images/bg-contact-iphone.png') center top no-repeat; width: 100%; top: 170px; height: 670px;}
.mod_onepagewebsiteregular .contact .main { position: relative; top: 180px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.mod_onepagewebsiteregular .contact .kontakt-daten{width: 580px; margin:0 auto; }
.ios .mod_onepagewebsiteregular .contact .main,
.ios .mod_onepagewebsiteregular .referenzen .main,
.ios .mod_onepagewebsiteregular .nutrition-coaching .main,
.ios .mod_onepagewebsiteregular .nutrition-sport .main,
.ios .mod_onepagewebsiteregular .nutrition-privat .main,
.ios .mod_onepagewebsiteregular .home .main { opacity:1; filter:alpha(opacity=1);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; }
/*- List Styling */
.mod_onepagewebsiteregular .wrapper li {background:url('../../images/list-element.png') 0 0 no-repeat; padding-left: 20px; margin:15px 0;}
/*-------------------------------------------------------------------------
* [Block] Overlay
*-----------------------------------------------------------------------*/
#mbCenter {background-color: #353535;}
#mbCenter p{max-width: 50em; font-size: 16px; line-height: 24px; font-weight: 300;}
#mbCenter h2{font-size: 24px; text-transform: uppercase; color: #fff; margin-bottom: 25px;}
#mbCloseLink { width:20px;
height:20px;
background:#f07e01;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position: relative;
bottom: 10px;
right: 10px;
}
#mbBottom a,
#mbBottom a:link,
#mbBottom a:visited {padding: 4px 0 0 5px;}
#mbBottom a:active,
#mbBottom a:hover {padding: 4px 0 0 5px; background-color: #f15e28; text-decoration: none; }
#mbImage a,
#mbImage a:link,
#mbImage a:visited {color: #fff;}
#mbImage a:active,
#mbImage a:hover {text-decoration: none; color: #f07e01;}
/*-------------------------------------------------------------------------
* [Block] Page Footer
*-----------------------------------------------------------------------*/
.page_footer { margin-top: 240px; padding: 0; position: relative; background: #213030 ; z-index: 1; color: #ddd; padding: 10px; font-size: 14px; }
.page_footer a,
.page_footer a:link,
.page_footer a:visited { color: #f8f8f8; }
.page_footer a:active,
.page_footer a:hover { color: #f8f8f8; }
.phone {margin-left: 10px;}
.mail {margin-left: 20px;}
.page_footer h2 { font-size: 22px; color: #ddd; }
.page_footer h3 { font-size: 20px; color: #ddd; }
.page_footer h4 { font-size: 18px; color: #ddd; }
/*-------------------------------------------------------------------------
* [Modifier] Company Copyright
*-----------------------------------------------------------------------*/
.ce_text.copyright { position: absolute; bottom: 18px; }
/*-------------------------------------------------------------------------
* [Modifier] Publisher Copyright
*-----------------------------------------------------------------------*/
.ce_hyperlink.publisher { position: absolute; bottom: 8px; right: 10px; background: none; }
}