/*
Stile f�r das Design der Website, Farben, Schriften, Rahmen, etc.
Schriftschnitte: font-family: 'Roboto', sans-serif; font-weight: 300, 400 und font-weight: 400 f�r die Hervorhebung;
Grundfarben: PSA #0055a0; IDA #b20738 ; PDF #f2b300 ; ILA #f47f25; SMA #205285; PHILFE #000921 ;
Hoverfarben: PSA #00427c; IDA #8a032a ; PDF #c69405 ; ILA #c7651a; SMA #205285; PHILFE #001650 ;
Hinweis: Globale Stile sind oben, werden unten dann ggf. durch produktspezifische �berschrieben
*/
/*----------Fonts--------------*/
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../fonts/roboto-300.eot'); /* IE9 Compat Modes */
src: local('Roboto Light'), local('Roboto-Light'),
url('../fonts/roboto-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url('../fonts/roboto-300italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
url('../fonts/roboto-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-300italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-300italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-regular.eot'); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url('../fonts/roboto-italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Italic'), local('Roboto-Italic'),
url('../fonts/roboto-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-500.eot'); /* IE9 Compat Modes */
src: local('Roboto Medium'), local('Roboto-Medium'),
url('../fonts/roboto-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: url('../fonts/roboto-500italic.eot'); /* IE9 Compat Modes */
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
url('../fonts/roboto-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-500italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-500italic.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/*----------Globale Angaben--------------*/
/*.ce_text { background-image: url("../layout_v02/mobile_smartport.png"); background-position: top-left; background-repeat: no-repeat }*/
body, html { }
html,
html a {
-webkit-font-smoothing: antialiased;
-webkit-text-stroke: rgba(255,255,255,0.00) 0.0px;
}
a, a:visited { color: #333333 }
body {
margin:0;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #333333;
}
select, input, textarea {
margin:0;
font-family: 'Roboto', sans-serif;
color: #333333;
}
.mobile { }
.image_container { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
color: #333333;
}
h1 { font-size: 1.8em; margin: 1em 0 1em 0 }
h2 { font-size: 1.6em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
h5 { font-size: 1em }
h6 { font-size: 0.8em }
ul { margin: 0; padding: 0 }
b,strong { font-weight: 400 }
.none { display: none }
.mod_article ul,
.mod_article p {
line-height: 150%;
font-weight: 300;
font-size: 1.1em;
}
/*----------Hintergrundgrafiken-------------*/
/*body.startseite { background: #ffffff url("../background/onepage/schreibtisch01.jpg") repeat fixed left top; }
body.mag { background: #ffffff url("../background/onepage/schreibtisch01.jpg") repeat fixed left top; }
body.blog { background: #ffffff url("../background/onepage/schreibtisch01.jpg") repeat fixed left top; }
body.archiv { background: #ffffff url("../background/onepage/schreibtisch01.jpg") repeat fixed left top; }
body.dashboard { background: #ffffff url("../background/onepage/schreibtisch02.jpg") repeat fixed left top; }*/
body { background: #ffffff }
/*------------Layoutbereiche---------------*/
#wrapper {
width: 100%;
margin-bottom: 20px;
}
#container {
margin: 0 auto;
padding: 0;
width: 100%;
position: relative;
margin-top: 120px;
}
#main .inside {
margin: 0;
padding: 0 10px 30px 10px;
/*padding: 30px 0 30px 50px;*/
background: rgba(255, 255, 255, 0.5);
}
#right .inside {
margin: 0;
padding: 0;
font-size: 0.8em;
}
#container #main { width: 100%; }
#right { }
#main, #left, #right {
float: left;
position: relative;
}
#main { }
#header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
height: 60px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,565656+100 */
background: -moz-linear-gradient(top, #333333 0%, #565656 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #333333 0%,#565656 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #333333 0%,#565656 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
*/
/*background: #eeeeee;*/
}
.custom {
position: absolute;
left: 0;
top: 60px;
width: 100%;
z-index: 100;
height: 60px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d4d4d+0,040404+100 */
background: #4d4d4d; /* Old browsers */
background: -moz-linear-gradient(top, #4d4d4d 0%, #040404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4d4d4d 0%,#040404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4d4d4d 0%,#040404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #333333;
}
#header .inside {
position: relative;
width: 100%;
}
.custom #header2 {
width: 99%;
}
#header .mumlogo {
height: 74px;
width: 115px;
background: url("../layout_v02/mum-logo-black.png") left center no-repeat;
float:right;
display: none;
}
/*------- Fixed Navi beim Runterscrollen --------*/
.custom.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 3000;
height: 40px;
background: #333333;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
}
.custom.fixed #header2 .mod_navigation {
padding-left: 50px;
background-image: url("../layout_v02/creative-icon-30.png");
background-position: left center;
background-repeat: no-repeat;
width: 60%;
height: 40px;
}
.custom.fixed #header2 .mod_navigation ul {
margin: 6px 0 0;
}
.custom.fixed #header2 .mod_navigation li.mag {
width: 26px;
height: 26px;
margin-right: 0;
}
.custom.fixed #header2 .mod_navigation li.blog {
width: 30px;
height: 28px;
}
.custom.fixed #header2 .mod_navigation li span,
.custom.fixed #header2 .mod_navigation li a {
font-size: 1em;
padding: 3px 10px 4px 30px;
}
.custom.fixed #header2 .mod_navigation li.active.mag,
.custom.fixed #header2 .mod_navigation li.mag a { background-image: url("../layout_v02/top-icon-lerneinheiten-mini.png"); background-position: 5px 4px }
.custom.fixed #header2 .mod_navigation li.active.blog,
.custom.fixed #header2 .mod_navigation li.blog a { background-image: url("../layout_v02/top-icon-tipps-mini.png"); background-position: 5px 4px }
.custom.fixed #header2 .mod_navigation li.active.pakete,
.custom.fixed #header2 .mod_navigation li.pakete a { background-image: url("../layout_v02/top-icon-kurs20.png"); background-position: 5px 4px }
.custom.fixed #header2 .mod_customnav.mainMenu {
margin: 4px 0 0;
}
.custom.fixed #header2 .mod_customnav.mainMenu a,
.custom.fixed #header2 .mod_customnav.mainMenu a:visited {
font-size: 1em;
height: 24px;
}
.custom.fixed #header2 .mod_customnav.mainMenu a.intern {
background-image: url("../layout_v02/login-mit-pfeil-weiss-mini.png");
background-position: 7px 4px;
width: 30px;
padding-top: 6px;
padding-left: 10px;
}
.custom.fixed #header2 .mod_customnav.mainMenu a.logout {
background-image: url("../layout_v02/logout-mit-pfeil-ffaaaa-mini.png");
background-position: 7px 4px;
width: 30px;
margin-left: 15px;
margin-right: 10px;
color: transparent;
}
.custom.fixed #header2 .mod_customnav.mainMenu a.settings {
background-image: url("../layout_v02/eigener-bereich-weiss-mini.png");
background-position: 5px 4px;
margin-left: 30px;
}
.custom .toplink { display: none }
.custom.fixed .toplink {
display: block;
width: 30px;
float: right;
margin: 10px 0 0 0;
border-radius: 7px;
height: 24px;
}
.custom.fixed .toplink a,
.custom.fixed .toplink a:visited {
font-size: 1em;
height: 24px;
color: transparent;
text-decoration: none;
font-weight: 400;
margin: 6px 0 0 0;
background-image: url("../layout_v02/nach-oben-pfeil-mini.png");
background-position: 5px 3px;
background-repeat: no-repeat;
padding: 4px 10px 4px 30px;
width: 30px;
border-radius: 7px;
}
/*-----------------------------------------------Artikel-Liste------------------------------------------------*/
.article-item {
width: 31%;
float: left;
display: table-cell;
margin: 0 25px 0 0px;
}
.article-item img {
border: 1px solid #999999;
}
.article-item h2 {
font-size: 1.2em;
height: 52px;
overflow: hidden;
}
.article-item .item-teaser {
}
.article-item .item-teaser p {
height: 150px;
overflow: hidden;
font-size: 1em;
}
/*-----------------------------------------------Artikel-Filter------------------------------------------------*/
div.seiteneinleitung p { margin-bottom: 30px; }
.mod_article_filter {
background: #cdcdcd;
height: 78px;
margin: 0 5px 20px 0px;
background-position: 10px 7px;
background-repeat: no-repeat;
width: 100%;
}
body .mod_article_filter { background-image: url("../icons/blog_cc2_25px.jpg") }
body.psa .mod_article_filter,
body.ida .mod_article_filter,
body.ila .mod_article_filter,
body.pdf .mod_article_filter,
body.philfe .mod_article_filter { height: 156px }
.mod_article_filter div {
float: left;
height: 28px;
margin: 6px 10px 0px 0px;
}
.mod_article_filter select {
float: left;
width: 100%;
height: 27px;
font-size: 0.8em;
font-weight: 400;
color: #333333;
padding-left: 5px;
}
.mod_article_filter .software,
.mod_article_filter .function,
.mod_article_filter .archive { margin-left: 40px; width: 87% }
.mod_article_filter .author { display: none }
.mod_article_filter div.reset {
font-size: 0.8em;
font-weight: 400;
color: #333333;
text-decoration: none;
border: 1px solid #888888;
background: #ffffff;
padding: 4px 5px 5px 5px;
height: 16px;
width: 16px;
text-align: center;
}
.mod_article_filter .reset a,
.mod_article_filter .reset a:visited {
text-decoration: none;
background-position: center 3px;
background-repeat: no-repeat;
background-image: url("../layout_v02/filter_aufheben.png");
padding: 0;
color: transparent;
display: block;
}
.mod_article_list .count {
position: absolute;
top: 198px;
/*top: 228px;*/
left: 90px;
z-index: 5000;
display: none;
}
.mod_article_list .count p {
font-size: 0.8em;
font-weight: 400;
color: #333333;
padding-top: 5px;
}
.mod_article_filter .search {
width: 92%;
font-family: 'Roboto', sans-serif;
color: #333333;
font-size: 0.8em;
margin-right: 15px;
margin: 4px 0 0 40px;
}
.mod_article_filter .search .text {
width: 92% !important;
height: 27px;
margin-top: 3px;
padding-left: 8px;
background-image: url("../icons/lupe999999.png");
background-repeat: no-repeat;
background-position: right center;
border: 1px solid #888888;
}
.mod_article_filter .search .submit { display: none }
/*--------------------------------------Header-------------------------------------*/
/*--------------------------Main-Men�--------------------------------*/
#header2 .mod_customnav.mainMenu {
letter-spacing: 0.01em;
float: right;
margin: 12px 10px 0 0;
}
#header2 .mod_customnav.mainMenu ul {
height: 40px;
float: right;
}
#header2 .mod_customnav.mainMenu li {
padding: 0;
float: left;
color: transparent;
}
#header2 .mod_customnav.mainMenu a,
#header2 .mod_customnav.mainMenu a:visited {
z-index: 60;
text-decoration: none;
padding-top: 2px;
color: #ffffff;
font-size: 1.2em;
font-weight: 400;
color: #FFFFFF;
display: block;
height: 32px;
background-color: rgba(255,255,255,0);
background-position: 5px center;
background-repeat: no-repeat;
text-decoration: none;
padding-top: 5px;
border-radius: 7px;
color: transparent;
width: 39px;
padding-right: 0px;
}
#header2 .mod_customnav.mainMenu a.intern { background-image: url("../layout_v02/login-mit-pfeil-weiss.png"); width: 40px;}
#header2 .mod_customnav.mainMenu a.logout { background-image: url("../layout_v02/logout-mit-pfeil-ffaaaa.png"); margin-left: 10px; color: transparent }
#header2 .mod_customnav.mainMenu a.settings { background-image: url("../layout_v02/eigener-bereich-weiss.png"); margin-left: 0px }
body.dashboard #header2 .mod_customnav.mainMenu a.settings { background-color: rgba(255,255,255,0.1); }
.invisible { display: none }
/*---------------------------------------------Header 2----------------------------------------------------------*/
#header2 .mod_navigation {
display: block;
float: left;
height: 60px;
padding: 0;
margin: 0 0 0 10px;
/*background: url("../layout_v02/spacer-weiss.png") 208px 22px no-repeat;*/
}
#header2 .mod_navigation ul {
margin: 12px 0 0;
}
#header2 .mod_navigation li {
list-style: none;
float: left;
height: 37px;
width: 40px;
border-radius: 7px;
margin-right: 0px;
margin-left: 20px;
}
#header2 .mod_navigation li a {
color: transparent;
}
#header2 .mod_navigation li.newslist {
width: 41px;
margin-left: 10px;
}
#header2 .mod_navigation li.newslist a {
color: transparent;
}
#header2 .mod_customnav.hilfemenu li.hilfe {
width: 41px;
margin-right: 20px;
}
#header2 .mod_customnav.hilfemenu li.hilfe a {
color: transparent;
}
#header2 .mod_navigation .active span,
#header2 .mod_navigation li a,
#header2 .mod_navigation li a:visited {
font-size: 1.2em;
font-weight: 400;
color: #FFFFFF;
display: block;
height: 28px;
background-color: rgba(255,255,255,0);
background-position: center center;
background-repeat: no-repeat;
text-decoration: none;
padding: 5px 30px 4px 0px;
border-radius: 7px;
color: transparent;
}
#header2 .mod_navigation li.blog a { background-image: url("../layout_v02/top-icon-tipps.png"); }
#header2 .mod_navigation li.mag a { background-image: url("../layout_v02/top-icon-magazin.png"); }
#header2 .mod_navigation li.archiv a { background-image: url("../layout_v02/top-icon-archiv.png"); }
#header2 .mod_navigation li.hilfe a { background-image: url("../layout_v02/top-icon-hilfe.png"); }
#header2 .mod_navigation li.pakete a { background-image: url("../layout_v02/top-icon-kurs.png"); }
#header2 .mod_navigation li.active {
font-weight: 400;
color: #FFFFFF;
background-color: rgba(255,255,255,0.1);
margin-right: 0px;
border-radius: 7px;
background-position: 5px center;
background-repeat: no-repeat;
border: 1px solid #aaaaaa;
}
#header2 .mod_navigation li.active.blog { background-image: url("../layout_v02/top-icon-tipps.png"); }
#header2 .mod_navigation li.active.mag { background-image: url("../layout_v02/top-icon-magazin.png"); }
#header2 .mod_navigation li.active.archiv { background-image: url("../layout_v02/top-icon-archiv.png"); }
#header2 .mod_navigation li.active.hilfe { background-image: url("../layout_v02/top-icon-hilfe.png"); }
#header2 .mod_navigation li.active.pakete { background-image: url("../layout_v02/top-icon-kurs.png"); }
#header2 .mod_navigation li.blog { }
#header2 .mod_archive_list {
float: right;
width: 310px;
height: 80px;
margin: 18px 0 0;
padding: 0;
}
#header2 .archive-items li {
list-style: none;
float: left;
height: 40px;
width: 40px;
margin-left: 10px;
}
#header2 .archive-items li a,
#header2 .archive-items li a:visited {
font-size: 0.01em;
color: transparent;
display: block;
height: 40px;
width: 40px;
background-position: center center;
background-repeat: no-repeat;
background-color: rgba(255,255,255,0.1);
}
.archive-item.CS,
#header2 .archive-items .item-image { display: none }
#header2 .archive-items li.psa a { background-image: url("../layout_v02/but-psa.png"); background-color: rgba(0,85,160,0.2) }
#header2 .archive-items li.ida a { background-image: url("../layout_v02/but-ida.png"); background-color: rgba(178,7,56,0.2) }
#header2 .archive-items li.ila a { background-image: url("../layout_v02/but-ila.png"); background-color: rgba(244,127,37,0.2)}
#header2 .archive-items li.pdf a { background-image: url("../layout_v02/but-pdf.png"); background-color: rgba(242,179,0,0.2) }
#header2 .archive-items li.philfe a { background-image: url("../layout_v02/but-philfe.png"); background-color: rgba(246,206,0,0.2) }
#header2 .archive-items li#archive-item-0 a { background-image: url("../layout_v02/but-ca.png"); }
#header2 .archive-items li.psa.active a { background-color: #0055a0; }
#header2 .archive-items li.ida.active a { background-color: #b20738; }
#header2 .archive-items li.ila.active a { background-color: #f47f25; }
#header2 .archive-items li.pdf.active a{ background-color: #f2b300; }
#header2 .archive-items li.philfe.active a{ background-color: #000921; background-image: url("../layout_v02/but-philfe-aktiv.png"); }
#header2 .archive-items li#archive-item-0.active a { background-color: #999999 }
body.index-php-creative-aktuell-tipps-tag-adobe20indesign-html #header2 .archive-items li.ida a { background-color: #b20738; background-image: url("../layout_v02/but-ida.png"); }
body.index-php-creative-aktuell-tipps-tag-adobe20photoshop-html #header2 .archive-items li.psa a { background-color: #0055a0; background-image: url("../layout_v02/but-psa.png"); }
/*------------------------------Globale Suche im Header 1------------------------*/
body.news.mag #right .inside { padding: 0 }
.mod_ajax_search_field {
width: 96%;
height: 24px;
font-weight: 400;
margin: 0px 20px 20px 0;
}
body.home #header .mod_ajax_search_field { display: none }
.mod_ajax_search_field input {
background: #ffffff url("../icons/lupe999999.png") no-repeat scroll right center;
width: 98%;
height: 20px;
border: 1px solid #999999;
font-size: 0.8em;
font-weight: 400;
letter-spacing: 0.02em;
padding: 2px 5px;
color: #999999;
}
.mod_ajax_search_field .result_inside {
padding-bottom: 400px;
}
.mod_ajax_search_field .found {
margin: 30px 0 20px 20px;
font-size: 1.2em;
}
.mod_ajax_search_field .found a, .mod_ajax_search_field .found a:visited { color: #bbbbbb }
/*----------------------------------Men�s-------------------------------*/
/*-------------------------Header 1 Men�s--------------------*/
#header .shopmenu,
#header .mainMenu,
#header .aboutmenu { font-weight: 400}
#header .aboutmenu span,
#header .shopmenu span,
#header .mainMenu span {
color: #333333;
font-weight: 400;
text-align:center;
background: #EEEEEE;
display: block;
padding:0;
height: 24px;
padding-top: 1px;
}
/*---------------Starseitenmen�---------------*/
#header .startseitenmenu {
width: 260px;
height: 50px;
float: left;
margin: 11px 0;
}
#header .startseitenmenu li {
display: block;
margin:0;
padding:0;
list-style-type:none;
color: transparent;
}
#header .startseitenmenu li span.active,
#header .startseitenmenu li a,
#header .startseitenmenu li a :visited {
display: block;
color:transparent;
text-decoration: none;
height: 50px;
background: url("../layout_v02/creative-aktuell-toplogo-250.png") 10px center no-repeat;
}
/*wichtig, weil sonst weiter unten �berschrieben/neu gesetzt*/
body #header .startseitenmenu li { background: transparent; }
/*-------------------------Shopmen�----------------------*/
#header .shopmenu {
float: right;
font-size: 0.05em;
height: 50px;
letter-spacing: 0.02em;
text-align: center;
/*width: 90px; f�r 1-Pixel-Schatten*/
width: 50px;
margin: 12px 10px 0 0;
/*background: url("../layout_v02/mum-logo-black.png") 636px center no-repeat;*/
}
body.detailseite #header .shopmenu {
}
#header .shopmenu p {
display: inline;
float: left;
color: #aaaaaa;
margin-top: 28px;
margin-left: 50px;
display: none;
}
#header .shopmenu .angebotsbutton {
float: left;
margin: 0;
display: none; /*ausgeblendet*/
}
#header .shopmenu a,
#header .shopmenu a:visited {
display: block;
text-decoration: none;
color: transparent;
z-index: 60;
border-radius: 7px;
/*
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
*/
background: #a6233e;
width: 50px;
height: 50px;
background: url("../layout_v02/testen-button-mobile.png") center top no-repeat;
}
body.formularshop #header .shopmenu a, body.danke #header .shopmenu a,
body.formularshop #header .shopmenu a:visited, body.danke #header .shopmenu a:visited { background: url("../layout_v02/testen-button-mobile-active.png") center top no-repeat; }
/*---------------------About-Men�--------------------------*/
#header .aboutmenu {
display: inline;
float: right;
font-size: 0.9em;
height: 24px;
letter-spacing: 0.02em;
text-align: center;
/*width: 90px; f�r 1-Pixel-Schatten*/
width: 96px;
margin: 30px 0 0 7px;
}
#header .aboutmenu li {
float: left;
height: 24px;
list-style-type: none;
margin: 0;
padding: 0;
width: 96px;
}
#header .aboutmenu span,
#header .aboutmenu a,
#header .aboutmenu a:visited {
display: block;
text-decoration: none;
color: #ffffff;
height: 24px;
width: 96px;
background: #444444;
padding-top: 1px;
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
z-index: 60;
position: absolute;
padding-top: 2px;
}
#header .aboutmenu span { background: #999999 }
/*---------------------------Social-Men�-----------------------------*/
#header2 .socialmenu {
float: right;
height: 60px;
margin-right: 0;
margin-left: 10px;
width: 190px;
display: none;
}
#header2 .socialmenu div {
float: left;
height: 50px;
width: 90px;
}
#header2 .socialmenu div.spacer {
width: 2px;
height: 18px;
background: #ffffff;
float: left;
margin-top: 22px;
}
#header2 .socialmenu a {
display: block;
width: 32px;
height: 32px;
margin-left: 30px;
padding: 2px;
border-radius: 7px;
margin-top: 13px;
background-position: center 6px;
background-repeat: no-repeat;
}
#header2 .socialmenu .fbook a, #header2 .socialmenu .fbook a:visited {
background-image: url("../layout_v02/logo-facebook-header.png");
}
#header2 .socialmenu .youtube a, #header2 .socialmenu .youtube a:visited {
background-image: url("../layout_v02/logo-youtube-header.png");
}
/*--------------------------------Produktmen� ( Themenmen�)---------------------*/
#header .startseitenmenu ul,
#header .productMenu ul,
#header .level3Menu ul,
#header .level4Menu ul,
#header .mainMenu ul {
text-shadow: none;
margin:0;
padding:0;
list-style-type:none;
}
#header .productMenu li {
width:25%;
height:60px;
float:left;
margin:0;
padding:0;
list-style-type:none;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 1.6em;
letter-spacing: 0.05em;
text-align: center;
line-height: 58px;
/*text-transform: uppercase;*/
}
#header .productMenu li span.forward.trail,
#header .productMenu li span.active {
height: 31px;
width: 31px;
display:block;
}
#header .productMenu li span.forward.trail {
height: 100%;
/*width: 100%;*/
display:block;
}
/*----Neu----*/
body #header .productMenu {
float: right;
width: 163px;
height: 64px;
display: inline;
padding-right: 0;
}
body #header .productMenu.single{
float: right;
width: 36px;
height: 64px;
display: inline;
padding-left: 5px;
z-index: 65;
}
body #header .productMenu li {
width: 35px;
height: 35px;
color: transparent;
margin: 28px 0 0 5px;
background: url("../layout/headericons_schatten_rechts.png") 35px 2px no-repeat;
padding-right: 2px;
z-index: 55;
}
body #header .productMenu li.first {
margin: 28px 0 0 0px;
}
body #header .productMenu a {
height: 31px;
width: 31px;
}
body #header .productMenu a,
body #header .productMenu a:visited { color: transparent;
-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.75);
z-index: 55;
}
/*----Neu Ende----*/
#header .level3Menu a {
height:100%;
display:block;
text-align:center;
border-right:1px solid #FFF;
font-size:1em;
line-height:40px;
text-decoration:none;
color:#333;
/*text-transform:uppercase;*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
#header .level3Menu li span.active {
width: 100%;
height:100%;
display:block;
text-align:center;
background-color:#111111;
border-right:0px solid #FFF;
font-size:1em;
line-height:40px;
text-decoration:none;
color:#eeeeee;
/*text-transform:uppercase;*/
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
#header .level3Menu li.active { font-weight:bold; }
#header li.psa { background-color:#0055A0; }
#header li.ida { background-color:#B30739; }
#header li.pdf { background-color:#FFD300; }
#header li.ila { background-color:#F57F25; }
#header li.philfe { background-color:#000822; }
body #header2 .mod_navigation li.trail { background-color: rgba(255,255,255,0.1) }
body #header2 .mod_navigation li.trail a { background-color: rgba(255, 255, 255, 0) }
/*-------- Farbleitsystem --------*/
/*Photoshop*/
body.psa .mod_article_filter { background-color: #b5dcff; }
body.psa .mod_article_filter select { color: #0055a2; }
body.psa .mod_article_filter { background-image: url("../icons/blog_ps_25px.jpg") }
/*InDesign*/
body.ida .mod_article_filter { background-color: #ffabc3; }
body.ida .mod_article_filter select { color: #b20738; }
body.ida .mod_article_filter { background-image: url("../icons/blog_id_25px.jpg") }
/*Illustrator*/
body.ila .mod_article_filter { background-color: #ffd0ac; }
body.ila .mod_article_filter select { color: #f47f25; }
body.ila .mod_article_filter { background-image: url("../icons/blog_il_25px.jpg") }
/*PDF*/
body.pdf .mod_article_filter { background-color: #ffe59b; }
body.pdf .mod_article_filter select { color: #f2b300; }
body.pdf .mod_article_filter { background-image: url("../icons/blog_pd_25px.jpg") }
/*Philfe*/
body.philfe .mod_article_filter { background-color: #fff8a6; }
body.philfe .mod_article_filter select { color: #000000; }
body.philfe .mod_article_filter { background-image: url("../icons/blog_ph_25px.jpg") }
/*----------------------------Blog-----------------------------------------------*/
#main .mod_article { font-size: 1em; margin: 0; }
body.aktuell.news .ce_headline {
padding: 0 0 0 0;
margin-bottom: 10px;
font-size: 1.8em
}
body.aktuell.newslist .bereichsteaser {
margin: 0;
width: 98%;
}
/*--------------------------------------------------NEWSLIST----------------------------------------------------*/
body.newslist #container #main {
width: 96%;
padding: 0 2%;
display: block;
}
body.newslist #right {
width: 90%;
padding: 0 5%;
clear: both;
}
body.newslist #right .inside { font-size: 1em }
body.news .ce_text.partner {
background: #dddddd;
border: 1px solid #999999;
margin-left: 0;
margin-top: 20px;
padding: 10px 20px;
width: 262px;
}
body.news .ce_text.partner h3 { font-size: 1.4em; color: #666666; margin: 10px 0 }
body.news .ce_text.partner img { border: 1px solid #333333; width: 200px }
.mod_newsmenu {
margin: 30px 0 0 20px
}
.mod_tagcloudnews {
margin: 0
}
body .mod_newsmenu h1 { font-size: 1.9em; margin-top: 38px;}
body .mod_tagcloudnews h1 {
color: #333333;
font-size: 1.6em;
text-decoration: none;
font-weight: 400;
margin-bottom: 5px;
}
body .mod_newsmenu li.year a,
body .mod_newsmenu li.year a:visited {
color: #333333;
font-size: 1.6em;
font-weight: 400;
}
body .mod_newsmenu li.year span.active { font-size: 1.4em; }
body.psa .mod_tagcloudnews li.active a,
body.psa .mod_tagcloudnews li.active a:visited,
body.psa .mod_newsmenu li.year span.active { color: #0055a0; }
body.ida .mod_tagcloudnews li.active a,
body.ida .mod_tagcloudnews li.active a:visited,
body.ida .mod_newsmenu li.year span.active { color: #b20738; }
body.ila .mod_tagcloudnews li.active a,
body.ila .mod_tagcloudnews li.active a:visited,
body.ila .mod_newsmenu li.year span.active { color: #f47f25; }
body.pdf .mod_tagcloudnews li.active a,
body.pdf .mod_tagcloudnews li.active a:visited,
body.pdf .mod_newsmenu li.year span.active { color: #000000; }
body .mod_newsmenu .level_1 li.year.submenu ul.level_2 {
}
body .mod_newsmenu .level_1 li.year.submenu ul.level_2 li .first { margin-top: 10px }
body .mod_tagcloudnews .cloud li ,
body .mod_newsmenu .level_1 li.year.submenu ul.level_2 li {
margin: 4px 0 0 15px;
list-style-type: none;
}
body .mod_newsmenu .level_1 li.year.submenu ul.level_2 li a ,
body .mod_newsmenu .level_1 li.year.submenu ul.level_2 li a:visited {
text-decoration: underline;
font-size: 1.2em;
font-weight: 400;
}
body .mod_tagcloudnews .cloud li a,
body .mod_tagcloudnews .cloud li a:visited{
text-decoration: underline;
font-size: 1.2em;
font-weight: 400;
color: #333333;
padding-right: 4px;
}
body .mod_tagcloudnews .cloud .size3 { font-size: 1.2em }
body .mod_tagcloudnews .cloud .size2 { font-size: 1em }
body .mod_tagcloudnews .cloud .size1 { font-size: 0.8em }
.mod_newsmenu a,
.mod_newsmenu a:visited {
color: #333333;
}
.mod_tagcloudnews { padding-bottom: 50px }
.mod_newsarchive h3 { display : none }
#main .mod_newslist {
margin: 0;
padding-top: 10px
}
#main .mod_newslist h1 { display: none }
#main .layout_full {
margin: 0 25px 0 0;
color: #222222;
padding-top: 0px;
float: left;
}
body.news.mag #main .layout_latest {
margin: 0 30px 15px 0;
color: #222222;
padding-top: 30px;
width: 30%;
float: left;
padding: 5px 5px 0px 5px;
}
body.newslist .mod_newsarchive { margin-top: 0px; }
body.newslist #main .layout_full,
body.newslist #main .layout_latest {
margin: 0px 10px 0 0;
color: #222222;
padding-top: 30px;
float: left;
width: 100%;
}
body.newslist #main .layout_latest.servicebeitragneu.first {
padding-top: 0px;
}
body.newslist #main .layout_latest.servicebeitragneu {
padding-top: 10px;
}
#main .layout_latest p {
font-size: 1em;
line-height: 150%;
padding-right: 15px;
height: 147px;
}
#main .layout_latest .teaser {
font-size: 1em;
line-height: 150%;
padding-right: 15px;
height: 147px;
}
body.newslist #main .layout_latest p {
font-size: 1em;
line-height: 150%;
padding-right: 5px;
height: auto;
display: inline;
}
#main .layout_full p {
font-size: 1.1em;
line-height: 150%;
padding: 0 5px 0 0px;
}
#main .layout_full p.info {
padding-left: 30px;
float: left;
height: 30px;
}
body.newslist #main .layout_latest p.info {
margin-bottom: 10px;
font-size: 1em;
padding-left: 30px;
height: 30px;
padding-top: 2px;
}
body.startseite.newslist #main .layout_latest.ila p.info { background: url("../icons/blog_il_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.ida p.info { background: url("../icons/blog_id_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.psa p.info { background: url("../icons/blog_ps_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.pdf p.info { background: url("../icons/blog_pd_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.philfe p.info { background: url("../icons/blog_ph_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.cc p.info { background: url("../icons/blog_cc_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.creative p.info { background: url("../icons/blog_ca_25px.jpg") left 2px no-repeat; }
body.startseite.newslist #main .layout_latest.yt p.info { background: url("../icons/blog_yt_25px.jpg") left 2px no-repeat; }
#main .layout_full.ila p.info { background: url("../icons/blog_il_25px.jpg") left 2px no-repeat; }
#main .layout_full.ida p.info { background: url("../icons/blog_id_25px.jpg") left 2px no-repeat; }
#main .layout_full.psa p.info { background: url("../icons/blog_ps_25px.jpg") left 2px no-repeat; }
#main .layout_full.pdf p.info { background: url("../icons/blog_pd_25px.jpg") left 2px no-repeat; }
#main .layout_full.philfe p.info { background: url("../icons/blog_ph_25px.jpg") left 2px no-repeat; }
#main .layout_full.cc p.info { background: url("../icons/blog_cc_25px.jpg") left 2px no-repeat; }
#main .layout_full.creative p.info { background: url("../icons/blog_ca_25px.jpg") left 2px no-repeat; }
#main .layout_full.yt p.info { background: url("../icons/blog_yt_25px.jpg") left 2px no-repeat; }
#main .layout_full.ila p.info { color: #f47f25}
#main .layout_full.ida p.info { color: #b20738 }
#main .layout_full.psa p.info { color: #0055a0 }
#main .layout_full.pdf p.info { color: #f2b300 }
#main .layout_full.philfe p.info { color: #000921 }
#main .layout_full.cc p.info { color: #348f04 }
#main .layout_full.creative p.info { color: #333333 }
body.startseite.blog.fachbeitrag #main .layout_full.yt p.info { color: #d82524 }
body.newslist #main .layout_latest p.more { height: 30px; display: none; /*!*/ }
#main .layout_full .more ,
#main .layout_latest .more { margin: 10px 0; font-weight: 400 }
#main .layout_latest .teaser { margin: 0; }
#main .layout_latest .teaser p {
overflow: hidden;
margin: 0 0 0 0;
}
#main .layout_latest .more a ,
#main .layout_latest .more a :visited { color: #333333; }
#main .layout_full h1, #main .layout_full h2 { display: none }
#main .layout_full .ce_text h1 { display: block }
#main .layout_full h3 { font-size: 1.2em }
#main .layout_full h1 {
margin-bottom: 10px;
font-size: 1.4em;
color: #666666;
}
#main .layout_full h1,
#main .layout_latest h2{
margin: 15px 20px 15px 0;
font-size: 1.5em;
color: #666666;
}
#main .layout_latest h2{ font-size: 1.4em; }
#main .layout_full h2 a,
#main .layout_latest h2 a {
color: #666666;
text-decoration: none;
line-height: 100%;
}
#main .layout_latest .info {
display: inline;
letter-spacing: 0.01em;
font-size: 0.9em;
color: #333333;
padding-top: 2px;
}
#main .layout_full .info {
display: inline;
letter-spacing: 0.01em;
font-size: 1.1em;
color: #333333;
padding-top: 2px;
}
body.newslist #main .layout_full .info,
body.newslist #main .layout_latest .info {
display: block;
letter-spacing: 0.01em;
font-size: 0.9em;
color: #333333;
}
#main .layout_full .image_container,
#main .layout_latest .image_container {
display: inline;
float: left;
margin: 5px 20px 20px 0;
display: none;
}
#main .layout_full .image_container img,
#main .layout_latest .image_container img{
border: 3px solid #333
}
#main .servicebeitragneu .image_container.float_above { width: 99% }
#main .servicebeitragneu .image_container { }
#main .layout_full .screenshot {
border: 0px solid #333
}
#main .layout_full .spaltenshot {
margin-left: 10px;
border: 1px solid #333;
}
#main .layout_full .caption,
#main .layout_latest .caption {
padding-bottom: 30px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
font-size: 0.7em;
font-style: italic;
display: none;
}
#main .layout_full .ce_text ul {
margin: 0;
list-style: square url("../layout/bullet_home.gif") outside;
font-size: 1.2em;
line-height: 150%;
}
#main .layout_full .ce_text li {
padding: 0;
margin-bottom: 20px;
}
#main .layout_full p span.confirmation { font-variant: small-caps; color: #888888; font-weight: 400; font-size: 1.1em; }
/*----Weiterlesen-Link--------*/
#main .layout_latest .weiterlesen {
width: 100%;
z-index: 500;
color: #333333;
display: none;
}
#main .layout_latest .weiterlesen a {
margin-right: 10px;
}
#main .layout_latest.psa .weiterlesen a,
#main .layout_latest.psa .weiterlesen a:visited { color: #0055a0 }
#main .layout_latest.ida .weiterlesen a,
#main .layout_latest.ida .weiterlesen a :visited { color: #b20738 }
#main .layout_latest.ila .weiterlesen a,
#main .layout_latest.ila .weiterlesen a:visited { color: #f47f25 }
#main .layout_latest.pdf .weiterlesen a,
#main .layout_latest.pdf .weiterlesen a:visited { color: #f2b300 }
#main .layout_latest.philfe .weiterlesen a,
#main .layout_latest.philfe .weiterlesen a:visited { color: #000921 }
/*Weiterlesen im Blog*/
#main .layout_latest.psa .more a,
#main .layout_latest.psa .more a:visited { color: #0055a0 }
#main .layout_latest.ida .more a,
#main .layout_latest.ida .more a :visited { color: #b20738 }
#main .layout_latest.ila .more a,
#main .layout_latest.ila .more a:visited { color: #f47f25 }
#main .layout_latest.pdf .more a,
#main .layout_latest.pdf .more a:visited { color: #f2b300 }
#main .layout_latest.philfe .more a,
#main .layout_latest.philfe .more a:visited { color: #000921 }
#main .layout_latest .more a { text-decoration: none }
.uberdecker {
margin-top: -27px;
z-index: 500;
height: 28px;
width: 378px;
}
.uberdecker2 {
height: 28px;
margin-top: 176px;
position: absolute;
width: 398px;
margin-left: 120px;
}
/*---------------Pagnation-----------------*/
.pagination {
background-color: #ffffff;
padding: 30px 0 30px 10px;
width: 100%;
}
.pagination p {
margin: 0;
padding: 0;
font-weight: 400;
list-style-type: none;
margin: 0 10px 0 10px;
font-size: 1.3em;
margin-left: 25%;
}
.pagination ul {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
list-style-type: none;
margin: 0 5% 0 0;
}
.pagination ul a { color: #999999; }
.pagination ul a:visited { color: #999999; }
body.newslist .pagination p { margin-left: 0 }
body.newslist .pagination ul { margin-left: 0 }
.pagination li {
float: left;
font-size: 1em;
list-style: none outside none;
margin: 0;
padding: 4px;
text-align: center;
}
.pagination li .current {
background: #ffc1c1;
border: 1px solid #ff0000;
color: #333333;
display: block;
text-decoration: none;
padding: 0 5px;
}
.pagination a,
.pagination a:visited {
color: #333333;
display: block;
text-decoration: none;
padding: 0 5px;
border: 1px solid transparent;
}
.pagination .next { clear: both }
/*-------------------------------------Newsletteranmeldung-------------------------------------*/
body.fachbeitrag #right { width: 354px; }
body.fachbeitrag #right .inside { font-size: 1em }
body.fachbeitrag #right h2 { display: block; font-size: 1.2em; margin: 20px 0 0px 0; width: 292px; padding-left: 20px;}
body.newslist #right h2 { display: block; font-size: 1.2em; margin: 10px 0 0px 0; }
body.newslist .mod_tagcloudnews {
background: #dddddd none repeat scroll 0 0;
border: 1px solid #999999;
font-size: 0.6em;
padding: 10px 20px;
width: 91%;
margin-bottom: 20px;
}
body.newslist #main .inside { padding-left: 10px }
body.newslist .mod_tagcloudnews h3 { font-size: 2em; margin: 10px 0 10px 0; }
body.newslist .mod_newsmenu { font-size: 0.8em; margin-top: 0 }
body.newslist.mod_tagcloudnews .cloud li,
body.newslist .mod_newsmenu .level_1 li.year.submenu ul.level_2 li { margin: 4px 10px 0 0px; }
body.newslist.news .ce_headline { padding: 0; }
body.newslist .mod_newsmenu h1 {
font-size: 1.9em;
margin-top: 10px;
}
body.newslist .cloud li {
float: left;
height: 30px;
margin: 4px 10px 0 0px;
}
#rechte-spalte-creative-blogdetails { width: 320px }
body.newslist .newsletterinfo,
body.fachbeitrag .newsletterinfo {
margin: 0px 20px 20px 0px;
padding: 10px 5px;
border: 1px solid #999999;
background: #d6d6d6;
width: 95%;
display: table;
font-size: 1em;
}
body.blog .newsletterinfo .cr_button {
width: 50%;
height: 29px;
}
body .newsletterinfo .headline {
margin: 10px;
font-size: 1.1em;
}
body .newsletterinfo .anmeldung {
margin: 10px;
height: 30px;
}
body .newsletterinfo .anmeldung .musthave {
margin-right: 5px;
float:left;
width: 100%;
height: 30px;
}
body .newsletterinfo .anmeldung .submit_container {
width: 100%;
float:left;
}
body .newsletterinfo .vorteile {
margin: 10px;
width: 60%;
float: left;
}
body .newsletterinfo li {
background: url("../layout/bullet_999999.png") left 3px no-repeat;
list-style: none;
padding-left: 30px;
line-height: 150%;
width: 85%;
font-size: 0.9em;
}
body .newsletterinfo .gratisebook {
background: url("../serviceletter/psa/newsletter_ebook_01.jpg") center top no-repeat;
height: 176px;
margin-bottom:10px;
width: 100%;
margin-left: 0px;
float: left;
}
body .newsletterinfo .anmeldung input { height: 22px; width: 95% }
/*----------------------------------------Servicebeitrag----------------------------------------------*/
body.fachbeitrag .mod_login,
body.fachbeitrag .mod_html_pwdrecover { /*margin-left: 50px;*/ }
body.fachbeitrag .weiterlesen { clear: both; height: 50px; }
body.ida.fachbeitrag.cms #header .level3Menu li.news a, body.ida.fachbeitrag.cms #header .level3Menu li.news a:visited { background-color: #b20738; }
.ce_text.servicebeitrag { float:left; width: 100% }
body.fachbeitrag.blog #container #main {
width: 96%;
padding: 0 2%;
display: block;
}
body.fachbeitrag.blog #right {
width: 90%;
padding: 0 5%;
clear: both;
}
body.fachbeitrag.blog #right h2 {
display: none;
}
/*-------Newsletter-Info-Bereich rechts---------------*/
body.news .newsletterinfo {
margin-top: 0px;
width: 95%;
display: table;
font-size: 1em;
}
body.news .newsletterinfo .headline {
font-size: 1em;
}
body.news .newsletterinfo .vorteile {
width: 95%;
float: left;
}
body.news .newsletterinfo .gratisebook {
width: 100%;
}
body.news .ce_text.partner {
width: 92%;
margin: 0;
padding: 10px 10px;
}
body.news .ce_text.partner p {
float: left;
margin-right: 12px;
}
body.psa.fachbeitrag .mod_navigation.level3Menu {
display: none;
}
/**/#main .layout_full .ce_text.servicebeitrag p.h1,
#main .layout_full .ce_text.servicebeitrag h1 { margin: 20px 0px 30px 0; width:95% }
#main .layout_full .ce_text.servicebeitrag p { margin-top: 0 }
#main .layout_full .ce_text.servicebeitrag h4 img {
border: 1px solid #666666;
margin: 2px 35px 10px 0;
}
#main .layout_full .ce_text.servicebeitrag p img {
border: 1px solid #666666;
margin: 0px 5px;
}
#main .layout_full .ce_text.servicebeitrag h5 img {
border: 1px solid #666666;
margin: 0px 10px;
}
#main .layout_full .ce_text.servicebeitrag p img.links { float: left }
#main .layout_full .ce_text.servicebeitrag p a,
#main .layout_full .ce_text.servicebeitrag p a:visited { color:#333333; }
/**/#main .layout_full .ce_text.servicebeitrag p.h3,
#main .layout_full .ce_text.servicebeitrag h3 {
/*color: #333333;*/
font-size: 1em;
margin-top: 20px;
padding-right: 20px;
margin-bottom: 10px;
}
/**/#main .layout_full .ce_text.servicebeitrag p.h3.haupt,
#main .layout_full .ce_text.servicebeitrag h3.haupt {
font-size: 1.2em;
margin: 30px 0 20px 0;
display: block;
}
/**/#main .layout_full .ce_text.servicebeitrag p.h3.haupt60 { width: 60%; }
#main .layout_full .ce_text.servicebeitrag h4.illu,
#main .layout_full .ce_text.servicebeitrag p.h4.illu {
border: 1px solid #999999;
padding: 10px;
background: #dddddd;
width: 55%;
}
#main .layout_full .ce_text.servicebeitrag p.h4,
#main .layout_full .ce_text.servicebeitrag h4 {
font-size: 1.2em;
width: 95%;
margin-bottom: 20px;
}
#main .layout_full .ce_text.servicebeitrag h4.full { margin-bottom: 0px }
/**/
p.h1 { font-size: 1.6em; font-weight: 400; }
p.h2 { font-size: 1.4em; font-weight: 400 }
p.h3 { font-size: 1.2em; font-weight: 400 }
p.h4 { font-size: 1.2em; font-weight: 400 }
p.h5 { font-size: 0.8em; font-weight: 400 }
/*---Einleitungstext Hauptspalte ---------*/
/**/p.h4.illu {
border: 1px solid #999999;
padding: 10px;
background: #dddddd;
}
/*---Bild in Hauptspalte (![]()
)---------*/
h4 img {
border: 1px solid #666666;
}
h4.full { margin-bottom: 0px; }
h4.full img {
border: 1px solid #666666;
width: 95%;
margin-bottom: 0px;
}
/**/#main .layout_full .ce_text.servicebeitrag p.h5,
#main .layout_full .ce_text.servicebeitrag h5 {
color: #333333;
font-size: 0.8em;
font-weight:400;
padding-right: 30px;
-moz-hyphens: auto;
}
/**/#main .layout_full .ce_text.servicebeitrag p.h5.haupt { float: left; border: 0; width: 60% }
/**/#main .layout_full .ce_text.servicebeitrag p.h5 img { margin: 0px 10px;}
/**/#main .layout_full .ce_text.servicebeitrag p.h5.unten,
#main .layout_full .ce_text.servicebeitrag h5.unten {
float:left;
width: 95%;
color: #333333;
font-size: 0.8em;
margin-bottom: 30px;
}
/**/#main .layout_full .ce_text.servicebeitrag p.h6,
#main .layout_full .ce_text.servicebeitrag h6{
-moz-hyphens: auto;
color: #333333;
float: right;
font-size: 0.8em;
font-weight: 400;
padding-right: 300px;
width: 300px;
}
#main .layout_full .ce_download_mev {
float: left;
font-size: 1em;
font-weight: 400;
margin-right: 40px;
padding: 5px;
text-align: center;
margin-top: 7px;
}
#main .layout_full .ce_text.servicebeitrag span.button{ margin: 0 5px; }
#main .layout_full .ce_text.servicebeitrag p span.button img { clear: both; margin:0 }
body #main .layout_full .ce_text ul { }
body #main .layout_full .ce_text li {
background: url("../layout/bullet_999999.png") left 3px no-repeat;
list-style: none;
padding-left: 30px;
line-height: 150%;
}
body #main .layout_full.psatipps .ce_text li { background: url("../layout/bullet_psanews.png") left 3px no-repeat; }
body #main .layout_full.idatipps .ce_text li { background: url("../layout/bullet_idanews.png") left 3px no-repeat; }
body #main .layout_full.ilatipps .ce_text li { background: url("../layout/bullet_idapraxis.png") left 3px no-repeat; }
body #main .layout_full.pdftipps .ce_text li { background: url("../layout/bullet_psatipps.png") left 3px no-repeat; }
#main .layout_full .ce_download_mev a,
#main .layout_full .ce_download_mev a:visited {
text-decoration: none;
display: block;
color:#666666;
background-color: #cccccc;
padding: 3px;
border: 1px solid #999999;
}
#main .layout_full .ce_download_mev .mime_icon { display: none }
#main .layout_full .ce_text.servicebeitrag .kasten {
font-family: 'Roboto',sans-serif;
width: 31%;
float: right;
margin-right: 70px;
}
#main .layout_full .ce_text.servicebeitrag .kasten2 {
font-family: 'Roboto',sans-serif;
width: 65%;
float: left;
margin-right: 0;
margin-bottom:30px;
}
#main .layout_full .ce_text.servicebeitrag .kasten a,
#main .layout_full .ce_text.servicebeitrag .kasten a:visited { color: #333333 }
#main .layout_full .ce_text.servicebeitrag .kastentext {
background: #CCCCCC;
color: #333333;
font-family: 'Roboto',sans-serif;
font-size: 1em;
padding: 10px;
}
#main .layout_full .ce_text.servicebeitrag .hinweishead {
background: #333333 url("../icons/kasten_rufzeichen.png") left center no-repeat;
height: 27px;
font-size: 1em;
font-weight: 400;
color: #ffffff;
padding-left: 30px;
padding-top: 2px;
}
#main .layout_full .ce_text.servicebeitrag .tipphead {
background: #333333 url("../icons/kasten_runderstern.png") left 2px no-repeat;
height: 27px;
font-size: 1em;
font-weight: 400;
color: #ffffff;
padding-left: 30px;
padding-top: 2px;
}
#main .layout_full .ce_text.servicebeitrag p.textblock2 {
width: 45%;
font-size: 0.8em;
}
#main .layout_latest h2 {
overflow: hidden;
}
#main .layout_full h1 { padding-left: 50px; line-height: 40px; }
/*------------------------------------Gesamt Magazin Blog ----------------------------------------------------*/
body.startseite.news #main .layout_latest h2 {
font-size: 1em;
margin-bottom: 3px;
margin-top: 10px;
font-weight: 400;
height: 44px;
}
body.news.mag #main .layout_latest .item-image { margin-top: 5px }
body.newslist .mod_archive_list { display: none }
body.startseite.news #main .layout_latest.psa h2 a { color: #0055a0 }
body.startseite.news #main .layout_latest.ida h2 a { color: #b20738 }
body.startseite.news #main .layout_latest.ila h2 a { color: #f47f25}
body.startseite.news #main .layout_latest.pdf h2 a { color: #f2b300 }
body.startseite.news #main .layout_latest.philfe h2 a { color: #000921 }
body.startseite.news #main .layout_latest.cc h2 a { color: #348f04 }
body.startseite.news #main .layout_latest.creative h2 a { color: #333333 }
body.startseite.news #main .layout_latest.yt h2 a { color: #d82524 }
body.news.mag #main .layout_latest .item-image img,
body.startseite.news #main .layout_latest .image_container img { border: 1px solid #333333 }
body.news.mag #main .layout_latest.psa .item-image img,
body.startseite.news #main .layout_latest.psa .image_container img { border: 1px solid #0055a0 }
body.news.mag #main .layout_latest.ida .item-image img,
body.startseite.news #main .layout_latest.ida .image_container img { border: 1px solid #b20738 }
body.news.mag #main .layout_latest.ila .item-image img,
body.startseite.news #main .layout_latest.ila .image_container img { border: 1px solid #f47f25 }
body.news.mag #main .layout_latest.pdf .item-image img,
body.startseite.news #main .layout_latest.pdf .image_container img { border: 1px solid #f2b300 }
body.news.mag #main .layout_latest.philfe .item-image img,
body.startseite.news #main .layout_latest.philfe .image_container img { border: 1px solid #000921 }
body.startseite.news #main .layout_latest.cc .image_container img { border: 1px solid #348f04 }
body.startseite.news #main .layout_latest.creative .image_container img { border: 1px solid #333333 }
body.startseite.news #main .layout_latest.yt .image_container img { border: 1px solid #d82524 }
body.startseite.news #main .layout_latest .image_container img { width: 100% }
body.startseite.newslist.blog #main .layout_latest .image_container img { border-width: 3px }
/*Icon entfernen bei neuer Magazin-Beitragsliste*/
body.startseite.news.mag #main .layout_latest h2 { background: transparent }
body.news.mag #main .layout_latest h2 { padding-left: 0; }
/*--------------------------------------------------Servicebeitrag Referenzliste--------------------------------------------------*/
.mod_news_references { background-color: #ffffff }
.mod_news_references .element {
background: #dddddd;
width: 30%;
float: left;
margin: 0 15px 20px;
}
.mod_news_references .image_container {
width: 40%;
margin-right: 10px;
float: left;
background-color: #FFFFFF;
border: 1px solid #999999;
}
.mod_news_references .element h2 {
font-size: 1em;
}
.mod_news_references .element meta {
font-size: 1em;
}
.mod_news_references .image_container a,
.mod_news_references .image_container a:visited {
color: #333333
}
/*----------------------------------------------Einspalten-Layout-----------------------------------------------*/
body.news.mag #main .layout_latest {
margin: 0 2% 25px 0;
color: #222222;
padding-top: 30px;
width: 98%;
float: left;
padding: 0 2% 0 0;
}
body.news.mag #main .layout_latest .item-image {
margin-top: 5px;
width: 100%;
float: left;
margin-right: 0px;
}
body.startseite.news #main .layout_latest h2 {
font-size: 1.6em;
margin-bottom: 7px;
margin-top: 10px;
font-weight: 400;
height: auto;
}
body.startseite.mag #main .layout_latest h2 {
margin-bottom: 7px;
margin-top: 20px;
font-weight: 400;
height: auto;
float: left;
font-size: 1.3em;
margin-right: 0;
}
body.mag #main .layout_latest .teaser {
font-size: 1em;
line-height: 150%;
padding-right: 5px;
height: 143px;
float: left;
overflow: hidden;
}
body.news #main .layout_latest.servicebeitragneu .teaser {
font-size: 1em;
line-height: 150%;
padding-right: 15px;
overflow: hidden;
height: auto;
}
.uberdecker { display: none }
#main .layout_latest p {
font-size: 1em;
padding-right: 0px;
height: auto;
}
/*-----------------------------------------------------------Fachbeitrag Blog-------------------------------------------------------------*/
.fachbeitrag #container {}
.fachbeitrag #main { width: 70% }
.fachbeitrag.news #main { width: 706px }
.fachbeitrag #blog p { width: 70% }
.fachbeitrag #blog h4{ width: 29%; float:right; display:inline; margin-top:0px; }
.fachbeitrag #blog p.information {
width: 29%;
float:right;
display:inline;
margin-top:0px;
}
.fachbeitrag #blog p.information {
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
font-size: 0.7em;
padding-bottom: 50px;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-khtml-hyphens: auto;
hyphens: auto;
}
.mod_article div.mod_newsreader p.back { display: none }
#main .mod_newsreader { background: #FFFFFF; margin: 0 0px 20px 0 }
#main .mod_newsreader .layout_full { background: #FFFFFF; }
/*----Formatierung von Aufz�hlungsnummern--------*/
#main .layout_full span.warning {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
letter-spacing: 0.01em;
padding: 0 10px;
margin-right:10px;
}
/*---- Formatierung von Codes etc. im Text.--------*/
#main .layout_full .ce_text.servicebeitragneu p.warning,
#main .layout_full .ce_text.servicebeitrag p.warning {
background: none repeat scroll 0 0 #dddddd;
border: 1px solid #999999;
letter-spacing: 0.01em;
padding: 0 10px;
margin-right:10px;
width: 55%;
}
/*---- Formatierung der Befehlsfolgen (Kapit�lchen) --------*/
#main .layout_full li span.confirmation,
#main .layout_full p span.confirmation {
color: #888888;
font-size: 1.1em;
font-variant: small-caps;
font-weight: 400;
}
/*---- Formatierung von Codes neu --------*/
#main .layout_full .ce_text.servicebeitragneu p.code,
#main .layout_full .ce_text.servicebeitrag p.code {
background: #dddddd;
border: 1px solid #999999;
font-weight: 400;
padding: 10px;
width: 90%;
font-size: 0.8em;
}
.farbe-psa { color: #0055a0 }
.farbe-ida { color: #b20738 }
.farbe-ila { color: #f47f25 }
.farbe-pdf { color: #f2b300 }
.thema.farbe-pdf,.thema.farbe-ila,.thema.farbe-ida,.thema.farbe-psa { font-size: 1.1em; font-variant: small-caps; font-weight: 400; display: inline; height: 30px; padding: 0px 10px 5px 30px; }
.thema.farbe-psa { color: #0055a0; background: url("http://www.creative-aktuell.de/files/mev4creative/layout/layout/dot_ps.png") left top no-repeat; }
.thema.farbe-ida { color: #b20738; background: url("http://www.creative-aktuell.de/files/mev4creative/layout/layout/dot_id.png") left top no-repeat; }
.thema.farbe-ila { color: #f47f25; background: url("http://www.creative-aktuell.de/files/mev4creative/layout/layout/dot_il.png") left top no-repeat; }
.thema.farbe-pdf { color: #f2b300; background: url("http://www.creative-aktuell.de/files/mev4creative/layout/layout/dot_pd.png") left top no-repeat; }
/*Page*/
#main .servicebeitragneu p.teasertext { font-size: 1.2em; font-weight: 400 }
body.startseite h1,
body.startseite h2,
body.startseite h3,
body.startseite h4,
body.startseite h5,
body.startseite h6 { color: #666666 }
body.startseite .psa h1,
body.startseite .psa h2,
body.startseite .psa h3,
body.startseite .psa h4,
body.startseite .psa h5,
body.startseite .psa h6 ,
body.startseite .layout_full.psa .servicebeitragneu .teasertext,
body.startseite .layout_full.psa .servicebeitragneu .programmbefehl { color : #0055a0 }
body.startseite .ida h1,
body.startseite .ida h2,
body.startseite .ida h3,
body.startseite .ida h4,
body.startseite .ida h5,
body.startseite .ida h6 ,
body.startseite .layout_full.ida .servicebeitragneu .teasertext,
body.startseite .layout_full.ida .servicebeitragneu .programmbefehl { color : #b20738 }
body.startseite .ila h1,
body.startseite .ila h2,
body.startseite .ila h3,
body.startseite .ila h4,
body.startseite .ila h5,
body.startseite .ila h6 ,
body.startseite .layout_full.ila .servicebeitragneu .teasertext,
body.startseite .layout_full.ila .servicebeitragneu .programmbefehl { color : #f47f25 }
body.startseite .pdf h1,
body.startseite .pdf h2,
body.startseite .pdf h3,
body.startseite .pdf h4,
body.startseite .pdf h5,
body.startseite .pdf h6 ,
body.startseite .layout_full.pdf .servicebeitragneu .teasertext,
body.startseite .layout_full.pdf .servicebeitragneu .programmbefehl { color : #f2b300 }
body.startseite .yt h1,
body.startseite .yt h2,
body.startseite .yt h3,
body.startseite .yt h4,
body.startseite .yt h5,
body.startseite .yt h6 ,
body.startseite .layout_full.yt .servicebeitragneu .teasertext,
body.startseite .layout_full.yt .servicebeitragneu .programmbefehl { color : #d82524 }
body .psa h2.einleitung,
body .ida h2.einleitung,
body .ila h2.einleitung,
body .pdf h2.einleitung,
body .philfe h2.einleitung { color: #333333; }
/*----------------------Fachbeitrag-Website Neu-------------------------------*/
body.fachbeitrag #blog-details .mod_login { margin-left: 40px; width: 80%;}
body.fachbeitrag #blog-details .mod_html_pwdrecover { margin-left: 40px; width: 80%;}
body.fachbeitrag #blog-details .beitragslogin { margin-left: 0}
body.fachbeitrag .mod_newsreader .mod_login {margin: 0}
body.fachbeitrag .mod_html_pwdrecover { margin-left: 0; margin-bottom: 50px; }
body.fachbeitrag #einloggen-um-zu-lesen { margin: 0 0 0 40px }
body.fachbeitrag #main .layout_full .step {
text-indent: -2.7em;
margin-left: 3.2em;
float:left;
margin-bottom: 20px;
}
body.fachbeitrag #main .layout_full .stepmain {
text-indent: -2.7em;
margin-left: 2.7em;
margin-top: 0px;
margin-bottom: 20px;
width: 55%;
}
body.fachbeitrag #main .layout_full .erster { margin-top: 20px }
body.fachbeitrag #main .layout_full .quickhelp {
background : #dddddd;
padding: 0;
margin-bottom: 30px;
float: left;
width: 90%;
}
body.fachbeitrag #main .layout_full .quickeasy .quickhelp { margin-bottom: 0px; }
body.fachbeitrag #main .layout_full .quickhelp p { width: 95% }
body.fachbeitrag #main .layout_full h3.quickinfo {
float: left;
font-size: 1.2em;
margin-bottom: 20px;
width: 98%;
color: #ffffff;
background: #999999;
font-weight: 400;
padding: 3px 4px 3px 15px;
}
body.fachbeitrag #main .layout_full h3 { margin-bottom: 30px }
body.fachbeitrag #main .layout_full h2.subhead{
color: #333333;
font-size: 1.6em;
display: block;
margin: 50px 0 30px 0;
width: 95%;
}
body.fachbeitrag #main .layout_full .ce_text h1 {
display: block;
background: none;
line-height: 40px;
padding-left: 0px;
margin-top: 20px;
color: #333333;
font-size: 2em;
}
body.ida.fachbeitrag #main .layout_full h1 { color: #333333 }
body.fachbeitrag #main .layout_full .ce_text ul { margin-left: 20px; }
body.fachbeitrag #main .layout_full .ce_text li { padding-right:30px; }
/*tabcontrol*/
body.fachbeitrag .ce_tabcontrol {
margin: 30px 0;
}
body.fachbeitrag .ce_tabcontrol ul {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
margin-left: 0;
}
body.fachbeitrag .tabcontrol_tabs.block li {
padding: 2px 20px;
}
body.fachbeitrag .ce_tabcontrol .tabs {
font-size: 1.2em;
}
body.fachbeitrag .ce_tabcontrol .tabs.tab_2 { margin-right: 0 }
body.fachbeitrag .tabcontrol_panes {
border: 0px solid #666666;
}
body.fachbeitrag .ce_tabcontrol .tabs {
cursor: pointer;
font-weight: 400;
background: #DDDDDD;
}
body.fachbeitrag .ce_tabcontrol .tabs.selected {
font-weight: 400;
color: #FFFFFF;
background: #333333;
}
body.ida.fachbeitrag .ce_tabcontrol .tabs { background-color: #ffa7c0 }
body.ida.fachbeitrag .ce_tabcontrol .tabs.selected { background-color: #333333 }
body.ida.fachbeitrag.workflow .ce_tabcontrol .tabs { background-color: #cee97a }
body.ida.fachbeitrag.workflow .ce_tabcontrol .tabs.selected { background-color: #89ab20 }
body.fachbeitrag .ce_tabcontrol ul.vorteile {
width: 64%;
margin-top: 20px;
}
body.fachbeitrag .ce_tabcontrol .leseprobenbild img { border: 1px solid #999999; margin-top:20px; }
body.fachbeitrag .ce_tabcontrol p {
margin-bottom: 0px;
font-size: 1.1em;
}
/*--------------Detailseite PDF-Beitr�ge-----------------------*/
body.detailseite.archiv #main .inside {
padding: 0px 0 30px 0px;
}
body.detailseite.archiv .mod_mev_contribute_details {
padding: 0px 20px 0px 20px;
}
.mod_mev_contribute_details .image_container {
margin-right: 0px !important;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 30px;
width: 100%;
clear: both;
}
.mod_mev_contribute_details .image_container img { width: 75% }
.mod_mev_contribute_details h1 {
font-size: 1.8em;
font-weight: 400;
padding-top: 90px;
margin-top: 0;
}
.mod_mev_contribute_details .w50 {
margin-right: 10px;
padding: 10px 0;
font-size: 1em;
}
.mod_mev_contribute_details .info {
}
.mod_mev_contribute_details .info h3 {
font-size: 1em;
margin: 0;
display: inline;
}
.mod_mev_contribute_details .info .w100.fromcontent h3 {
display: block;
margin-bottom: 10px;
display: none;
}
.mod_mev_contribute_details .info .w100.landing h3 {
display: inline;
}
.mod_mev_contribute_details .w100.thumbs h3 { display: block }
body.detailseite.archiv.psa .mod_mev_contribute_details .info h3 { color: #0055a2 }
body.detailseite.archiv.ida .mod_mev_contribute_details .info h3 { color: #b20738 }
body.detailseite.archiv.ila .mod_mev_contribute_details .info h3 { color: #f47f25 }
body.detailseite.archiv.pdf .mod_mev_contribute_details .info h3 { color: #f2b300 }
body.detailseite.archiv.philfe .mod_mev_contribute_details .info h3 { color: #000921 }
.mod_mev_contribute_details .info .w100 {
margin-bottom: 20px;
margin-right: 10px;
font-size: 1em;
line-height: 150%;
padding: 5px 0;
}
body.detailseite.archiv .mod_mev_contribute_details .info .w100.landing h3 {
color: #ffffff;
font-size: 1em;
padding: 5px;
}
body.detailseite.archiv .mod_mev_contribute_details .info .w100.landing {
width: 90%;
padding: 5%;
display: table;
}
body.detailseite.archiv .mod_mev_contribute_details .info .w100.landing a {
font-size: 1em;
color: #ffffff;
float: right;
}
body.detailseite.archiv.psa .mod_mev_contribute_details .info .w100.landing { background: #0055a2 }
body.detailseite.archiv.ida .mod_mev_contribute_details .info .w100.landing { background: #b20738 }
body.detailseite.archiv.ila .mod_mev_contribute_details .info .w100.landing { background: #f47f25 }
body.detailseite.archiv.pdf .mod_mev_contribute_details .info .w100.landing { background: #f2b300 }
body.detailseite.archiv.philfe .mod_mev_contribute_details .info .w100.landing { background: #000921 }
.mod_mev_contribute_details .info .w50 { width: 90%; }
.mod_mev_contribute_details .info .software { clear: both }
.mod_mev_contribute_details .info .author { }
.mod_mev_contribute_details .info .version { }
.mod_mev_contribute_details .info .pagenum { width: 90%; }
.mod_mev_contribute_details .info .topic,
.mod_mev_contribute_details .info .articlenumber { display: none }
body.detailseite.archiv.psa .mod_mev_contribute_details { background: url("../layout_v02/detailseite-balken-psa-repeat.png") left 10px repeat-x;}
body.detailseite.archiv.ida .mod_mev_contribute_details { background: url("../layout_v02/detailseite-balken-ida-repeat.png") left 10px repeat-x }
body.detailseite.archiv.ila .mod_mev_contribute_details { background: url("../layout_v02/detailseite-balken-ila-repeat.png") left 10px repeat-x }
body.detailseite.archiv.pdf .mod_mev_contribute_details { background: url("../layout_v02/detailseite-balken-pdf-repeat.png") left 10px repeat-x }
body.detailseite.archiv.philfe .mod_mev_contribute_details { background: url("../layout_v02/detailseite-balken-philfe-repeat.png") left 10px repeat-x }
body.detailseite.archiv.psa .mod_mev_contribute_details h1 { background: url("../layout_v02/detailseite-balken-psa-logo.png") left 10px no-repeat}
body.detailseite.archiv.ida .mod_mev_contribute_details h1 { background: url("../layout_v02/detailseite-balken-ida-logo.png") left 10px no-repeat }
body.detailseite.archiv.ila .mod_mev_contribute_details h1 { background: url("../layout_v02/detailseite-balken-ila-logo.png") left 10px no-repeat }
body.detailseite.archiv.pdf .mod_mev_contribute_details h1 { background: url("../layout_v02/detailseite-balken-pdf-logo.png") left 10px no-repeat }
body.detailseite.archiv.philfe .mod_mev_contribute_details h1 { background: url("../layout_v02/detailseite-balken-philfe-logo.png") left 10px no-repeat }
.mod_mev_contribute_details .w100.thumbs {
width: 95%;
clear: both;
}
.mod_mev_contribute_details .w100.thumbs .thumbnail {
width: 50px;
border: 1px solid #bbbbbb;
float: left;
margin-right: 15px;
}
.mod_mev_contribute_details .w100.download {
margin: 18px 30px 0px 0px;
height: 102px;
}
.mod_mev_contribute_details .w100.download h3 { }
.mod_mev_contribute_details .w100.download .public {
display: inline;
color: #ff0000;
font-weight: 400;
}
.mod_mev_contribute_details .w100.download p {
float: left;
margin-right: 15px;
margin-bottom: 15px;
text-align: center;
font-size: 1em;
width: 100%;
margin-top: 0;
}
.mod_mev_contribute_details .w100.download p:last-child {
margin-bottom: 30px;
}
.mod_mev_contribute_details .w100.download p a,
.mod_mev_contribute_details .w100.download p a:visited {
border: 1px solid #bbbbbb;
padding: 10px;
display: block;
font-weight: 400;
display: table-cell;
vertical-align: middle;
}
body.psa .mod_mev_contribute_details .w100.download p a,
body.psa .mod_mev_contribute_details .w100.download p a:visited {
background: #cde8ff;
color: #0055a0;
border: 1px solid #0055a0;
}
body.ida .mod_mev_contribute_details .w100.download p a,
body.ida .mod_mev_contribute_details .w100.download p a:visited {
background: #ffd4e0;
color: #b20738;
border: 1px solid #b20738;
}
body.ila .mod_mev_contribute_details .w100.download p a,
body.ila .mod_mev_contribute_details .w100.download p a:visited {
background: #ffe7d5;
color: #f47f25;
border: 1px solid #f47f25;
}
body.pdf .mod_mev_contribute_details .w100.download p a,
body.pdf .mod_mev_contribute_details .w100.download p a:visited {
background: #fff3d1;
color: #f2b300;
border: 1px solid #f2b300;
}
/*------------- Favoritenfunktion------------------*/
/*------------- Favoritenfunktion------------------*/
.mod_mev_user_favourite_contribute,
.mod_mev_user_favourite_books {
margin: 0;
padding: 0;
position: absolute;
left: 90%;
top: 30px;
width: 30px;
height: 30px;
}
body.archiv .mod_mev_user_favourite_contribute,
body.archiv .mod_mev_user_favourite_books {
top: 19px;
left: 90%;
}
.mod_mev_user_favourite_contribute h1,
.mod_mev_user_favourite_books h1 { display:none }
.mod_mev_user_favourite_contribute input[type="submit"] {
background-color: transparent;
cursor: pointer;
width: 30px;
height: 29px;
color: transparent;
background-image: url("../layout_v02/favorit_sprite_nur_stern.png");
background-position: center top;
background-repeat: no-repeat;
border: 0;
padding: 0;
margin: 0;
}
.mod_mev_user_favourite_contribute.active input[type="submit"] { background-position: center -60px; cursor: pointer }
.mod_mev_user_favourite_contribute input,
.mod_mev_user_favourite_books input {
font-family: 'Roboto',sans-serif;
font-weight: 400;
width: 30%;
}
.mod_mev_user_favourite_books .ce_text,
.mod_mev_user_favourite_contribute .ce_text {
font-size: 1.1em;
font-family: 'Roboto',sans-serif;
font-weight: 300;
width: 780px;
margin: 0 0 0 10px;
border-top: 1px dashed #999999;
padding-top: 20px;
display: none;
}
/*-------------------------------Rechte Spalte Login und Passwort-Recover----------------------------------*/
.mod_login {
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #AAAAAA;
color: #333333;
font-family: 'Roboto',sans-serif;
font-weight: 400;
margin: 30px 15px 20px;
padding: 10px;
width: 75%;
font-size: 1em;
}
.mod_login h1 {
margin-bottom: 10px;
font-size: 1.4em;
}
.mod_login input {
font-family: 'Roboto',sans-serif;
font-weight: 400;
width: 95%;
}
.mod_login input {
font-family: 'Roboto',sans-serif;
font-weight: 400;
width: 95%;
}
.mod_login input {
font-family: 'Roboto',sans-serif;
font-weight: 400;
width: 95%;
}
.mod_html_pwdrecover a,
.mod_html_pwdrecover a:visited { color: #2f587b }
.mod_lostPassword input[type="email"] ,
.mod_lostPassword input[type="text"] {
border: 1px solid #999999;
border-radius: 5px;
padding: 2px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
font-size: 1em;
margin-bottom: 10px;
}
.mod_lostPassword #ctrl_email { }
body.vergessen .mod_lostPassword { padding-bottom: 50px;}
body.vergessen label { display: inline-block; width: 130px }
body.vergessen input.captcha {}
body.vergessen .captcha_text { display: block; margin-left: 10px }
body.vergessen .submit_container { font-size: 1em; margin-left: 10px; width: 160px; margin-top: 20px }
body.vergessen .submit_container input { padding: 5px 10px; }
body.vergessen .fields { width: 90% }
/*------------Registrierung-------------*/
.confirm.message,
.error { color: #00CC00 }
.clearboth { clear : both; height: 0}
/*------------------------------------------Interner Bereich------------------------------------*/
/*------------------------------------------Dashboard---------------------------------------*/
body.dashboard .mod_newsarchive .empty,
body.dashboard #header .aboutmenu,
body.dashboard .mod_ajax_search_field,
body.dashboard .mod_archive_list { display: none }
body.dashboard #header .mainMenu { width: 315px }
body.dashboard #header .mainMenu li.logout {
margin: 0 20px 0 7px;
}
body #header .mainMenu li.settings { margin-right: 27px;}
body #header .mainMenu .settings a { padding: 1px 10px 0px 10px;; margin-right: 20px; height: 25px; color: #eeeeee }
body.dashboard #header .mainMenu a,
body.dashboard #header .mainMenu a:visited {
display: block;
text-decoration: none;
color: #333333;
height: 24px;
background: #ffffff;
padding-top: 1px;
padding: 1px 10px 0px 10px;
}
body #header .mainMenu .logout a,
body #header .mainMenu .logout a:visited {
display: block;
text-decoration: none;
color: #ffffff;
height: 25px;
background: #660000;
padding-top: 1px;
}
body.dashboard .info { font-size: 0.8em }
body.dashboard .more { display: none }
body.dashboard p { width: 85% }
body.dashboard .unterabschnitt h1 {
border-top: 1px dashed #bbbbbb;
width: 90%;
padding-top: 30px;
}
/*------------------------------------------Passwort �ndern---------------------------------------*/
body.dashboard .mod_personalData {
width: 95%;
background: #DDDDDD;
padding: 10px;
font-size: 1.1em;
}
body.dashboard .mod_personalData legend { display: none; }
body.dashboard .mod_personalData fieldset { border: none; }
body.dashboard .mod_personalData fieldset label { margin-right: 10px }
body.dashboard .mod_personalData fieldset input { width: 100% }
body.dashboard .mod_personalData .submit_container { margin-left: 10px }
/*------------------------------------------Abo-Liste---------------------------------------*/
body #main .inside .mod_mev_user_abo_list {
font-size: 1.1em;
padding-top:10px;
}
body #main .inside .mod_mev_user_abo_list table {
background-color: #DDDDDD;
text-align: left;
width: 60%;
}
body #main .inside .mod_mev_user_abo_list table th,
body #main .inside .mod_mev_user_abo_list table td{
padding:10px 20px;
border: 1px solid #FFFFFF;
}
#kundennummer h1 {
float: left;
margin-top: 0;
padding-right: 10px;
}
#kundennummer p {
float: left;
font-size: 1.5em;
color: #999999;
margin-top: 0;
}
/*-----------------------------Support-Formular intern -------------------------------*/
body.dashboard .ce_form .formbody {
width: 95%;
background: #dddddd;
padding: 20px;
padding-top: 10px;
}
body.dashboard .ce_form .formbody p { margin: 0 0 20px 0; padding: 0; width: 95% }
body.dashboard .ce_form label {
display: block;
clear: both;
font-size: 1.1em;
font-family: 'Roboto', sans-serif;
}
body.dashboard .ce_form select {
width: 90%;
display: block;
font-size: 1.1em;
margin-bottom: 20px;
}
body.dashboard .ce_form .styled_select {
display: block;
width: 90%;
margin-bottom: 20px;
font-size: 1em;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
body.dashboard .ce_form textarea {
font-size: 1.1em;
font-family: 'Roboto', sans-serif;
font-weight: 400;
width: 90%;
}
body.dashboard .ce_form .submit_container {
margin: 10px 0 0 0px;
}
body.dashboard .submit_container input{
background: #E7E7E7;
border-radius: 5px;
padding: 3px 10px;
}
body.dashboard .ce_form p.autoinfo {
margin-bottom: 0px;
float: left;
margin-right: 10px;
}
body.dashboard .ce_form p.autoemail { float: left; }
/*----------------------Dashboard Favoriten---------------------*/
body.dashboard .mod_mev_user_dashboard .fav.element {
margin: 30px 0;
height: 220px;
}
body.dashboard .mod_mev_user_dashboard .fav.element .image_container {
width: 150px;
float:left;
margin-right: 20px;
}
body.footer h1,
body.dashboard h1 {
font-size: 1.8em;
}
body.dashboard .mod_mev_user_dashboard .fav.element h2 {
font-size: 1.3em;
margin-bottom: 5px;
margin-top: 0;
}
body.dashboard .mod_mev_user_dashboard .fav.element .teaser p {
font-size: 1em;
overflow: hidden;
margin-bottom: 5px;
margin-top: 0;
}
body.dashboard .mod_mev_user_dashboard .fav.element .teaser {
font-size: 1em;
overflow: hidden;
margin-bottom: 5px;
height: 136px;
}
body.dashboard .mod_mev_user_dashboard .fav.element a {
font-size: 1.1em;
float: left;
margin-top: 10px;
}
/*----------------------------------------Firmenkonten---------------------------------------*/
body.intern.firmenkonten #right { }
body.intern.firmenkonten #firmenkonten {
padding: 30px;
}
body.intern.firmenkonten .mod_ca_list th {
text-align: left;
width: 200px;
}
body.intern.firmenkonten #bearbeiten {
padding: 30px;
}
body.intern.firmenkonten #bearbeiten .abo_data {
margin: 30px 0;
}
body.intern.firmenkonten #bearbeiten .abo_data table {
width: 960px;
}
body.intern.firmenkonten #bearbeiten .abo_data table th {
text-align: left;
width: 150px;
}
body.intern.firmenkonten #bearbeiten .add_abo .abo {
margin: 0 0 20px 0;
}
/*---------------------------------------------Footer----------------------------------*/
#footer {
position: absolute;
width: 100%;
left: 0;
margin: 20px 0 0 0;
z-index: 5000;
background-color: #111111;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,111111+100 */
background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(17,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding-bottom: 40px;
}
#footer .inside {
width: 98%;
padding: 1%
}
.footernav { float: left; padding-left: 2%;}
.footernav.mod_customnav { width: 98% }
.footernav.faq { width: 98% }
.footernav.sma { width: 98%}
.footernav.ca { width: 98%; }
.footernav.ca {
background: url("../layout_v02/creative-footer-logo.png") bottom right no-repeat;
height: 300px;
width: 92%;
padding-bottom: 30px;
}
body .footernav h2 {
font-size: 1.1em;
color: #eeeeee;
letter-spacing: 0.01em;
}
body .footernav h5 {
font-size: 1.1em;
color: #eeeeee;
letter-spacing: 0.01em;
margin: 20px 0 10px 0;
}
.footernav ul { margin:0; padding: 0 }
.footernav li { list-style-type: none }
body.detailseite.fachbeitrag.iv2 .footernav.sma li.weiterempfehlen,
.footernav.sma li.weiterempfehlen {
color: #ffffff;
list-style-type:none;
font-size: 0.95em;
padding: 0;
font-weight: 400;
margin: 5px 0 0 0;
}
body.detailseite.fachbeitrag.iv2 .footernav.ca li,
.footernav.ca li {
background: url("../icons/ok-mumrot.png") left top no-repeat;
color: #eeeeee;
font-size: 0.95em;
list-style-type: none;
padding-left: 22px;
float: left;
width: 100%;
}
body.detailseite.fachbeitrag.iv2 .footernav.ca li.testlink,
.footernav.ca li.testlink {
background: transparent;
margin-top: 10px;
}
.footernav a,
.footernav a:visited {
color: #bbbbbb;
background: url("../layout_v02/footer-linkpfeil-sprite.png") left 3px no-repeat;
padding-left: 18px;
font-weight: 400;
text-decoration: none;
font-size: 0.95em;
}
.footernav.ca li.testlink a {
color: #ffffff;
background: #0fcc00 url("../layout_v02/footer-linkpfeil-sprite.png") 5px -14px no-repeat;
padding: 3px 10px 4px 23px;
font-weight: 400;
text-decoration: none;
font-size: 1em;
border-radius: 7px;
}
.footernav li.active span{
background: url("../layout_v02/footer-linkpfeil-sprite.png") left -17px no-repeat;
padding-left: 18px;
font-weight: 400;
color: #eeeeee;
font-size: 1em;
}
/*----------------------------------------Feedback-Formular------------------------------------*/
body.footer .mod_form.tableless {
font-size: 1em
}
body.footer .mod_form.tableless h1 {
font-size: 1.5em;
margin:0px;
margin-bottom: 10px;
font-family: 'Roboto', sans-serif;
}
body.footer .mod_form.tableless label.mandatory { display: none }
body.footer .mod_form.tableless textarea {
border: 2px solid #999999;
border-radius: 5px;
padding: 5px;
background-color: #CCCCCC;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
font-size: 1em;
width: 80%;
}
body.footer .mod_lostPassword input[type="submit"],
body.footer .mod_form.tableless input[type=submit] {
padding:3px 15px;
cursor:pointer;
background: #AAAAAA;
border: 1px solid #666666;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top: 20px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
font-size: 1em;
}
/*-------------------------------------Kontakt-Seite-------------------------------------*/
#agb,
#impressum,
#datenschutz,
#kontakt {
padding: 0px 20px 20px 20px;
background-color: #FFFFFF;
}
body.footer h1 { }
body.footer .mod_article h2 { font-size: 1.4em; margin: 30px 0 10px 0 }
body.datenschutz h3 { font-size: 1em; }
body.footer p,
body.footer td {
font-size: 1.2em;
margin-top: 0;
line-height: 150%
}
body.footer iframe { border: 1px dotted #333333 }
body.footer .ce_form.tableless input[type=submit]{
/*padding:3px 15px;
cursor:pointer;
background: #AAAAAA;
border: 1px solid #FFF;
border-radius: 5px;
border: 2px solid #666666;
width: 50%;*/
margin: 30px 0 0 0;
}
body.footer .ce_form.tableless textarea {
/*
border: 2px solid #999999;
padding: 5px;
background-color: #EEEEEE;
font-family: 'Roboto', sans-serif;
font-weight: 400;
letter-spacing: 0.01em;
font-size:1.1em;
width: 90%;
float: left;
margin-bottom: 10px;
border-radius: 7px;
height: 165px;
*/
}
body.footer .ce_form.tableless label {
float: left;
font-size: 1.1em;
padding-top: 2px;
}
body.footer .ce_form.tableless p.error {
font-size: 1em;
margin: 5px 0;
}
body.footer .ce_form.tableless label.textarea { }
body.footer .ce_form.tableless label.sicherheitsfrage {
width: 30%;
clear: left;
margin-top: 20px;
font-size: 1.1em;
}
body.footer .ce_form.tableless input.sicherheitsfrage { /*margin-top: 20px*/ }
/*
body.footer .ce_form.tableless input[type=password],
body.footer .ce_form.tableless input[type=email],
body.footer .ce_form.tableless input[type=text] {
padding:2px;
border:2px solid #999;
font-size: 1.1em;
background-color: #EEEEEE;
width: 90%;
margin-bottom:10px;
border-radius: 7px;
}
*/
body.footer .ce_form.tableless input.emailfeld { margin-bottom: 30px }
body.footer .ce_form.tableless .select {
border:2px solid #999;
font-size: 1em;
background-color: #EEEEEE;
width: 90%;
font-family: 'Roboto', sans-serif;
margin-bottom: 20px;
}
body.footer .ce_form.tableless .select option { width: 300px }
body.footer .tableform { margin-top: 30px }
body.footer .mod_form.tableless { font-size: 1.1em; }
body.footer .ce_form.tableless { width: 100% }
body.footer .tableless span.captcha_text {
width: 95%;
height: 30px;
display: block;
margin-left: 0;
font-size: 1.1em;
clear: both;
}
body.footer .ce_form.tableless input[type=text]
body.kontakt p { margin-bottom: 20px; margin-top: 10px }
body.kontakt table { margin-bottom: 20px }
body.kontakt .ce_gmaps { margin-top: 30px; width: 60% }
body.kontakt .ce_gmaps img{
border: 3px solid #333333;
}
/*--------------Impressum--------------------*/
body.footer #impressum.mod_article { width: 95% }
body.footer #impressum p,
body.footer #impressum td { font-size: 1.1em }
body.footer #impressum h2 {margin-bottom: 0 }
body.footer #impressum p { margin-bottom: 20px; margin-top: 10px }
body.footer #impressum table { margin-bottom: 20px }
/*--------------Datenschutzseite----------------*/
body.footer #datenschutz .ce_text { width: 95% }
body.footer #datenschutz ul {
line-height: 150%;
width: 100%;
margin-bottom: 20px;
}
body.footer #datenschutz li {
background: url("../layout/bullet_999999.png") left 3px no-repeat;
list-style: none;
padding-left: 30px;
line-height: 150%;
}
body.footer #datenschutz iframe {
border: 1px dotted #999999;
font-family: 'Roboto', sans-serif;
font-weight: 400;
background: #dddddd;
padding: 20px;
width: 90% !important;
overflow: scroll;
}
/*--------------AGB-Seite----------------*/
body.footer #agb { width: 90% }
/*-----------------------------------------------SHOP NEU (Formularbestellung)---------------------------------------------*/
body.formularshop { background: #FFFFFF }
body.formularshop #wrapper {
width: 100%;
}
body.formularshop #container {
width: 100%;
margin: 134px 0 0 0;
}
body.formularshop #main .inside { padding: 0 0 30px 0 }
body.formularshop .einleitung {
width: 96%;
margin: 0 2% 30px 2%;
}
body.formularshop .angebotstabelle{
background: #FFFFFF;
width: 100%;
padding: 0 0 0 2%;
}
body.formularshop .angebotsblock {
width: 90%;
float: left;
margin-right: 2%;
background: #FFFFFF;
border: 2px solid #333333;
/*-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.1);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.1);*/
margin-bottom: 30px;
}
body.formularshop .angebotsblock.ca_print {
}
body.formularshop .angebotsblock.ca_printplus {
}
body.formularshop .angebotsblock .headline {
background: #333333;
color: #FFFFFF;
font-size: 1.4em;
font-weight: 400;
padding: 10px 0 10px 20px;
}
body.formularshop .angebotsblock .headline span {
color: #ffc600;
display: block;
}
body.formularshop .angebotsteil li {
font-size: 0.9em;
list-style-type: none;
background: url("../icons/ok-gruen.png") 20px 2px no-repeat;
padding: 0 10px 0 50px;
font-weight: 400;
margin: 20px 0;
line-height: 20px;
}
body.formularshop .angebotsteil li br { display: none }
body.formularshop .angebotsteil p.testphase {
font-size: 1em;
font-weight: 400;
padding: 10px 10px 10px 50px;
background: #d1dfec url("../icons/ok-gruen.png") 20px 11px no-repeat;
margin: 0;
}
.testphase br {
display: none;
}
body.formularshop .angebotsblock .preisgestaltung {
background: #333333;
padding: 10px 0;
display: table;
}
body.formularshop .angebotsblock .preisgestaltung p.laufzeit {
margin: 0;
color: #ffffff;
font-size: 16px;
font-weight: 400;
float: right;
margin-top: 0;
margin-right: 10px;
text-align: right;
}
body.formularshop .angebotsblock .preisgestaltung p.laufzeit.monatlich {
float: right;
margin-right: 10px;
width: 80%;
}
body.formularshop .angebotsblock .preisgestaltung p.laufzeit.mindest {
margin-left: 25px;
}
body.formularshop .angebotsblock .preisgestaltung p.preis {
margin: 0;
color: #ffffff;
font-size: 44px;
font-weight: 400;
text-align: center;
float: right;
margin-right: 10px;
}
/*---------------------Bestellformular--------------------*/
body.formularshop .ce_form {
background: #ffffff;
}
body.formularshop .widget.headline {
margin: 30px 0 0 2%;
float: left;
width: 90%;
}
body.formularshop .formbody h2 {
font-size: 36px;
}
body.formularshop .formbody {
width: 100%;
margin: 0 auto;
}
body.formularshop .produktauswahl.bigdisplay { }
body.formularshop .produktauswahl {
height: 170px;
width: 100;
margin: 0;
float: left;
}
body.formularshop .produktauswahl.hiermit {
height: auto;
font-size: 1.1em;
margin-left: 3%;
margin-bottom: 20px;
}
body.formularshop .produktauswahl fieldset {
border: 0;
margin: 0;
}
body.formularshop .produktauswahl label {
color: #333333;
width: 20px;
height: 20px;
font-size: 1.1em;
font-weight: 400;
padding-left: 25px;
}
body.formularshop .produktauswahl span {
float: left;
width: 70%;
height: 50px;
display: block;
line-height: 1.4em;
text-indent: -25px;
padding-left: 25px;
}
body.formularshop .produktauswahl span:nth-child(2) {
}
body.formularshop .produktauswahl span:nth-child(3) {
}
body.formularshop .produktauswahl span:last-child {
}
body.formularshop .produktauswahl .radio_container input { }
body.formularshop .produktauswahl input[type=radio] { display: none; }
body.formularshop .produktauswahlinput[type=radio] + label {
width: 20px;
height: 20px;
display:inline-block;
line-height: 19px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}
body.formularshop .produktauswahl input[type=radio]:checked + label {
background-position: 0 -20px;
}
body.formularshop .produktauswahl label {
background-image: url("../layout_v02/radiobutton-quadrat20.png");
background-repeat: no-repeat;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
body.formularshop .geschlecht .radio_container input[type=radio] { display:none; }
body.formularshop .geschlecht .radio_container input[type=radio] + label {
padding-left:24px;
height:20px;
display:inline-block;
line-height:19px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}
body.formularshop .geschlecht .radio_container input[type=radio]:checked + label {
background-position: 0 -20px;
}
body.formularshop .geschlecht .radio_container label {
background-image:url("../buttons/radiobutton_schwarz.png");
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
body.formularshop .geschlecht .radio_container {
width: 480px;
border: 0;
padding: 0;
margin-left: 150px;
}
.widget-textarea label,
.widget-select label,
.widget-text label { }
body.formularshop .widget-checkbox,
body.formularshop .widget-textarea,
body.formularshop .widget-select,
body.formularshop .widget-text {
width: 86%;
margin: 5px 3%;
float: left;
}
body.formularshop .widget-select { margin-top: 30px }
body.formularshop .widget-text.strasse { }
.widget.widget-textarea.sonstiges {
clear: left;
}
body.formularshop input {
width: 100%;
height: 40px;
font-size: 1em;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
-webkit-box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
-moz-box-shadow: 3px 4px 4px 0px rgba(10,10,10,0.15);
box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
border: 1px solid #aaaaaa;
padding: 0 0 0 5px;
float: left;
border-radius: 5px;
}
body.formularshop input.stadt,
body.formularshop input.nachname { }
body.formularshop input.strasse { }
body.formularshop select {
width: 100%;
height: 42px;
font-size: 1em;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
-webkit-box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
-moz-box-shadow: 3px 4px 4px 0px rgba(10,10,10,0.15);
box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
border: 1px solid #aaaaaa;
padding: 0 0 0 5px;
float: left;
border-radius: 5px;
}
body.formularshop .sonstiges{
width:93%;
font-size: 1em;
font-family: 'Roboto', sans-serif;
margin-bottom: 3px;
padding: 0 0 0 3px;
float: left;
background: #ffffff;
}
body.formularshop .sonstiges textarea {
-webkit-box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
-moz-box-shadow: 3px 4px 4px 0px rgba(10,10,10,0.15);
box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
border-radius: 5px;
border: 1px solid #999999;
height: 100px;
}
body.formularshop .widget-checkbox {
width: 90%;
margin: 10px 3%;
float: left;
font-size: 0.9em;
}
body.formularshop .widget-checkbox fieldset {
border: 0;
}
body.formularshop .widget-checkbox label {
}
body.formularshop .widget-checkbox input {
width: 30px;
height: 30px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
body.formularshop select.anrede {
width: 100%;
}
body.formularshop .formtext2 {
width: 86%;
margin: 5px 20px;
float: left;
font-size: 0.9em;
}
body.formularshop .formsubtext {
width: 86%;
margin: 5px 20px;
float: left;
font-size: 0.9em;
}
body.formularshop .formtext {
width: 86%;
margin: 5px 20px;
float: left;
font-size: 0.9em;
}
body.formularshop .formtext2 .head {
font-size: 1.1em;
font-family: 'Roboto', sans-serif;
display: block;
font-weight: 400;
}
body.formularshop .zusatz {
margin-top: 30px;
}
body.formularshop .sicherheit {
width: 90%;
height: 40px;
font-size: 0.9em;
float: left;
margin: 5px 25px 0 12px;
}
body.formularshop label.sicherheitsfrage {
display: none
}
body.formularshop .captcha_text {
font-size: 1em;
margin-left: 10px;
}
body.formularshop .submit_container {
height: 70px;
width: 85%;
padding: 5px;
margin: 50px 0 0 5%;
float: left;
}
body.formularshop input.absenden {
font-size: 1.1em;
width: 100%;
height: 40px;
color: #FFFFFF;
-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1);
box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1);
background-color: #b80300;
color: #ffffff;
text-decoration: none;
float:left;
border: 1px solid #960401;
margin: 0;
padding: 0;
letter-spacing: 0.02em;
cursor: pointer;
}
body.formularshop legend { display: none }
/*-------Bestellung Danke-Seite--------------*/
.danke-unten { margin: 40px 0; font-size: 1.2em; }
.danke-unten .feld {
float: left;
margin-bottom: 10px ;
margin-right: 5px;
font-weight: 400;
}
.danke-unten .eingabe {
font-weight: 300;
margin-left: 20px;
}
/*-----------------------NEUES SERVICE LAYOUT----------------------------*/
/*-----------------------------------Servicebeitrag ab 2015------------------------------*/
#main .layout_full.servicebeitragneu { margin: 0; width: 100% }
body.fachbeitrag #main .layout_full .servicebeitragneu {
padding: 0;
margin: 0;
width: 100%;
}
#main .layout_full.servicebeitragneu h1.ce_headline {
display: block;
background: none;
font-size: 1.8em;
color: #333333;
padding-left: 0;
}
body.fachbeitrag #main .layout_full .servicebeitragneu h1 { font-size: 1.8em; background: none; padding: 0 }
body.fachbeitrag #main .layout_full .servicebeitragneu h2 { font-size: 1.6em; display: block; margin-top: 30px; }
body.fachbeitrag #main .layout_full .servicebeitragneu h3 { font-size: 1.4em; margin: 30px 0 0px 0; color: #333333 }
body.fachbeitrag #main .layout_full .servicebeitragneu h4 { font-size: 1em; }
body.fachbeitrag #main .layout_full .servicebeitragneu h5 { font-size: 0.8em; }
body.fachbeitrag #main .layout_full.psa .servicebeitragneu h2 { color: #0055a0; }
body.fachbeitrag #main .layout_full.cc .servicebeitragneu h2 { color: #348f04; }
.layout_full .servicebeitragneu ul { margin: 20px 0; }
.layout_full .servicebeitragneu .clearboth { clear: both }
/*-----Flie�text-------*/
.layout_full .servicebeitragneu ul,
.layout_full .servicebeitragneu p {
line-height: 150%;
width: 100%
}
.layout_full .servicebeitragneu p a,
.layout_full .servicebeitragneu p a:visited { color:#333333; }
.layout_full .servicebeitragneu img { /*width: 100%; height: 100%;*/ }
/*-----Aufz�hlung mit Bullet-------*/
.layout_full .servicebeitragneu li {
background: url("../layout/bullet_999999.png") left 3px no-repeat;
list-style: none;
padding-left: 30px;
line-height: 150%;
}
/*----Formatierung von Aufz�hlungsnummern--------*/
.layout_full .servicebeitragneu ol b {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
letter-spacing: 0.01em;
padding: 0 10px;
margin-right:10px;
}
/*----Formatierung von Aufz�hlungsnummern--------*/
.layout_full .servicebeitragneu .aufzaehlung{
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
letter-spacing: 0.01em;
padding: 0 10px;
margin-right:10px;
}
/*---- Formatierung der Befehlsfolgen (Kapit�lchen) --------*/
.layout_full .servicebeitragneu .programmbefehl {
color: #888888;
font-size: 1.1em;
font-variant: small-caps;
font-weight: 400;
}
body.psa .layout_full .servicebeitragneu p.teaasertext,
body.psa .layout_full .servicebeitragneu .programmbefehl {color: #0055a0 }
body.ida .layout_full .servicebeitragneu p.teaasertext,
body.ida .layout_full .servicebeitragneu .programmbefehl {color: #b20738 }
body.ila .layout_full .servicebeitragneu p.teaasertext,
body.ila .layout_full .servicebeitragneu .programmbefehl {color: #f47f25 }
body.pdf .layout_full .servicebeitragneu p.teaasertext,
body.pdf .layout_full .servicebeitragneu .programmbefehl {color: #f2b300 }
body .layout_full.cc .servicebeitragneu .programmbefehl {color: #348f04 }
body .layout_full.yt .servicebeitragneu .programmbefehl {color: #d82524 }
body.hilfe.faq .icon,
body .layout_full .servicebeitragneu .icon{
height: 20px;
width: 20px;
border: 1px solid #333333;
box-shadow: 1px 1px #333333;
margin: 0 5px 0 2px;
position: relative;
top: 0px;
}
body .layout_full .servicebeitragneu .tastatur70{
height: 70px;
width: 70px;
margin: 0;
position: relative;
top: 3px;
}
body .layout_full .servicebeitragneu .tastatur35{
height: 35px;
width: 35px;
margin: 0;
position: relative;
top: 11px;
}
body .layout_full .servicebeitragneu .tastatur40{
height: 40px;
width: 40px;
margin: 0;
position: relative;
top: 14px;
}
.layout_full .servicebeitragneu .kastentext p { width: 95% }
.layout_full .servicebeitragneu .Nummernk-stchen { display: none }
#main .layout_full .servicebeitragneu .bu{
display: block;
font-size: 1em;
margin: -10px 5px 10px;
padding: 10px 0 0 54px;
text-align: left;
text-indent: -64px;
width: 75%;
font-style: italic;
}
#main .layout_full .servicebeitragneu .bu_service {
display: block;
font-size: 1em;
margin: 0 10px 0 0;
padding: 0 0 30px 0;
text-align: left;
font-style: italic;
}
#main .layout_full .servicebeitragneu .bu_service_schmal {
display: block;
font-size: 1em;
margin: -10px 5px 10px 10px;
padding: 10px 0 0 0;
text-align: left;
text-indent: 0;
font-style: italic;
width: 95%;
float: left;
}
#main .layout_full .servicebeitragneu .screenshot {
margin: 30px 0 5px 0;
border: 1px solid #999999;
text-align: center;
width: 93%;
padding: 10px
}
#main .layout_full .servicebeitragneu .screenshot_schmal {
margin: 0px 0 5px 0;
border: 1px solid #999999;
text-align: center;
padding: 10px;
font-weight: bold;
width: 90%;
float: left
}
#main .layout_full .servicebeitragneu .bu_service_schmal2 {
display: block;
font-size: 1em;
margin: -10px 5px 10px 10px;
padding: 10px 0 0 0;
text-align: left;
text-indent: 0;
font-style: italic;
width: 95%;
float: left;
}
#main .layout_full .servicebeitragneu .screenshot_schmal2 {
margin: 0px 0 30px 0;
border: 1px solid #999999;
text-align: center;
padding: 10px;
font-weight: bold;
width: 90%;
float: left
}
#main .layout_full .servicebeitragneu span.shotnummer {
background: none repeat scroll 0 0 #dddddd;
color: #666666;
letter-spacing: 0.01em;
padding: 0 5px;
margin: 0px 5px 0 5px;
border: 1px solid #999999
}
/*-----Tabellenformatierung----------*/
#main .layout_full .servicebeitragneu .tabelle { display: table; width: 95%; border: 1px solid #333333 }
#main .layout_full .servicebeitragneu .tabelle .center { text-align: center; }
#main .layout_full .servicebeitragneu .tabellenzeile { display: table-row; }
#main .layout_full .servicebeitragneu .tabellenspalte { display: table-cell; vertical-align: middle; }
#main .layout_full .servicebeitragneu .tabellenspalte span { padding: 5px; display: inline-block }
#main .layout_full .servicebeitragneu .tabellenspalte img { width:auto !important; height:auto !important; }
#main .layout_full .servicebeitragneu .tabellenzeile.titel { background-color: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.6); padding-top: 10px }
#main .layout_full .servicebeitragneu .tabellenspalte.titel { background-color: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.6);}
#main .layout_full .servicebeitragneu .tabellenzeile.ungerade { background-color: rgba(0, 0, 0, 0.1); }
#main .layout_full .servicebeitragneu .tabellenspalte.ungerade { background-color: rgba(0, 0, 0, 0.1); }
#main .layout_full .servicebeitragneu .tabellenspalte span.fussnote { position: absolute; font-size: 0.8em; padding: 0}
#main .layout_full .servicebeitragneu .tabelle.sechsspaltig .tabellenspalte { width: 10% }
#main .layout_full .servicebeitragneu .tabellenfussnote { font-size: 0.8em }
body #main .layout_full .servicebeitragneu .tabellenfussnote ul { margin: 5px 0 0 0 }
body #main .layout_full .servicebeitragneu .tabellenfussnote li { background: #FFFFFF; padding: 0; margin-bottom: 0 }
/*-----Hinweiskasten, �berschrift wird je nach Art um Symbol erg�nzt (Hinweis oder Tipp)------*/
#main .layout_full .servicebeitragneu .kastentext {
background: #CCCCCC;
color: #333333;
font-size: 1em;
padding: 10px;
margin-top:0;
margin-bottom: 30px;
width: 98%;
}
#main .layout_full .servicebeitragneu h4.hinweishead {
background: #333333 url("../icons/kasten_rufzeichen.png") left center no-repeat;
height: 25px;
color: #ffffff;
padding: 2px 0 0 30px;
margin: 20px 0 0 0;
}
#main .layout_full .servicebeitragneu h4.tipphead {
background: #333333 url("../icons/kasten_runderstern.png") left 2px no-repeat;
height: 25px;
color: #ffffff;
padding: 2px 0 0 30px;
margin: 20px 0 0 0;
}
#main .layout_full.servicebeitragneu .ce_text ul { width: 95% }
#main .layout_full.servicebeitragneu .ce_text li { width: 95% }
body.fachbeitrag #main .layout_full.servicebeitragneu .inhaltsverzeichnis_service ul { margin: 0 0 20px 0 }
body.fachbeitrag #main .layout_full.servicebeitragneu .inhaltsverzeichnis_service li { margin: 0 0 10px 0 }
#main .layout_full.servicebeitragneu .ce_text.servicebeitrag p.warning { width: 90% }
body.servicebeitragneu .mod_login { width: 640px }
body.servicebeitragneu .mod_html_pwdrecover { width: 640px }
/*-----Anker-Navi Tipp-Beitrag--------*/
body.fachbeitrag #main .meinanker { height: 0px }
#main .layout_full .servicebeitragneu h4.ankerhead {
background: #333333 url("http://www.creative-aktuell.de/files/mev4creative/layout/icons/kasten_inhalt.png") left 2px no-repeat;
height: 25px;
color: #ffffff;
padding: 0px 0 0 30px;
margin: 20px 0 0 0;
width: 93%
}
body.fachbeitrag #main .layout_full .servicebeitragneu h4.subheadline {
margin-top: 40px;
font-size: 1.2em;
}
#main .layout_full .servicebeitragneu div.inhaltsnavi {
background: #CCCCCC;
color: #333333;
font-size: 1em;
margin-top:0;
margin-bottom: 30px;
width: 97%;
display: table;
}
#main .layout_full .servicebeitragneu ul.ankernavi.spalte {
width: 90%;
float: left;
}
#main .layout_full .servicebeitragneu ul.ankernavi {
font-size: 0.9em;
margin: 5px 0 10px 0;
padding-left: 20px;
}
#main .layout_full .servicebeitragneu ul.ankernavi a { text-decoration: none }
#main .layout_full .servicebeitragneu ul.ankernavi li.vz_ebene1 {
margin: 10px 0 0 0;
}
#main .layout_full .servicebeitragneu ul.ankernavi li.vz_ebene2 {
margin-left: 20px;
}
#main .layout_full .servicebeitragneu ul.ankernavi li.vz_ebene3 {
margin-left: 40px;
font-size: 0.8em;
}
#main .layout_full .servicebeitragneu ul.ankernavi li {
background: url("http://www.creative-aktuell.de/files/mev4creative/layout/icons/ankerpfeil_rechts_kontur.png") left 3px no-repeat;
list-style: none;
padding-left: 20px;
margin: 5px 0;
}
/*------------------Detailseite Kopfbereich----------------*/
/*Teaserimage ausgeblendet*/
body.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage {
margin: 0 0 0 50px;
width: 656px;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage {
border: 2px solid #333333;
display: none;
}
body.psa.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage { border: 2px solid #0055a0 }
body.ida.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage { border: 2px solid #b20738 }
body.ila.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage { border: 2px solid #f47f25 }
body.pdf.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage { border: 2px solid #f2b300 }
body.philfe.detailseite.fachbeitrag.iv2 .mod_mev_article_teaserimage { border: 2px solid #000921 }
body.detailseite.fachbeitrag.iv2 #main { width: 100%; }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details { width: 100%; float: left; }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details .ce_text { margin-top: 0px; }
body.detailseite.fachbeitrag.iv2 #headerImage .image_container,
body.detailseite.fachbeitrag.iv2 .contentslider,
body.detailseite.fachbeitrag.iv2 #headerImage { height: 200px; background: #ffffff }
body.detailseite.fachbeitrag.iv2 #headerImage .image_container img { /*display: none*/ }
body.detailseite.fachbeitrag.iv2 #header .level3Menu,
body.detailseite.fachbeitrag.iv2 #header .level4Menu { /*margin-top: 0*/ }
/*--------------------Detailseite Inhaltsbereich-----------------------*/
body.detailseite.fachbeitrag.iv2 .ce_text.block {
padding: 0px 20px 0px 20px;
}
body.detailseite.fachbeitrag.iv2 #main .inside { padding: 0px 0 30px 0px }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details { margin-top: 11px }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.psa { background: url("../layout_v02/detailseite-balken-psa-repeat.png") left 10px repeat-x }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.ida { background: url("../layout_v02/detailseite-balken-ida-repeat.png") left 10px repeat-x }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.ila { background: url("../layout_v02/detailseite-balken-ila-repeat.png") left 10px repeat-x }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.pdf { background: url("../layout_v02/detailseite-balken-pdf-repeat.png") left 10px repeat-x }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.philfe { background: url("../layout_v02/detailseite-balken-philfe-repeat.png") left 10px repeat-x }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_details.psa h1 { background: url("../layout_v02/detailseite-balken-psa-logo.png") left 10px no-repeat; }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_details.ida h1 { background: url("../layout_v02/detailseite-balken-ida-logo.png") left 10px no-repeat; }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_details.ila h1 { background: url("../layout_v02/detailseite-balken-ila-logo.png") left 10px no-repeat; }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_details.pdf h1 { background: url("../layout_v02/detailseite-balken-pdf-logo.png") left 10px no-repeat; }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_details.philfe h1 { background: url("../layout_v02/detailseite-balken-philfe-logo.png") left 10px no-repeat; }
body.detailseite.fachbeitrag.iv2 #main h1{ font-size: 1.8em; font-weight: 400; padding-top: 110px; margin-top: 0 }
body.detailseite.fachbeitrag.iv2 #main h2 { font-size: 1.4em; font-weight: 400 }
body.detailseite.fachbeitrag.iv2 #main h2.einleitung { font-size: 1.4em; font-weight: 400; }
body.detailseite.fachbeitrag.iv2 #main h3 { font-size: 1.2em; font-weight: 400; margin-top: 0px; color: #333333; margin-top: 20px; }
body.detailseite.fachbeitrag.iv2 #main h4 { font-size: 1em; font-weight: 400 }
body.detailseite.fachbeitrag.iv2 #main h5 { font-size: 0.8em; font-weight: 400 }
body.detailseite.fachbeitrag.iv2 #main h2.subhead { font-size: 1.6em; padding-top: 0px; }
/*
body.detailseite.fachbeitrag.iv2 #main h1 { text-indent: 40px; padding-left: -40px }
body.detailseite.fachbeitrag.iv2 #main .psa h1 { background: url("../icons/blog_ps_34px.jpg") left 3px no-repeat }
body.detailseite.fachbeitrag.iv2 #main .ida h1 { background: url("../icons/blog_id_34px.jpg") left 3px no-repeat }
body.detailseite.fachbeitrag.iv2 #main .ila h1 { background: url("../icons/blog_il_34px.jpg") left 3px no-repeat }
body.detailseite.fachbeitrag.iv2 #main .pdf h1 { background: url("../icons/blog_pd_34px.jpg") left 3px no-repeat }
body.detailseite.fachbeitrag.iv2 #main .philfe h1 { background: url("../icons/blog_ph_34px.jpg") left 3px no-repeat }
*/
body.detailseite.fachbeitrag.iv2 #main p.einleitung { font-size: 1.2em; font-weight: 400; color: #333333 }
body.detailseite.fachbeitrag.iv2 #main h2.einleitung:first-letter,
body.detailseite.fachbeitrag.iv2 #main p.einleitung:first-letter {
font-size: 3em;
font-weight: 400;
float: left;
margin: 12px 5px 0 0;
font-family: Georgia;
}
body.detailseite.fachbeitrag.iv2 ol,
body.detailseite.fachbeitrag.iv2 ul,
body.detailseite.fachbeitrag.iv2 li { margin: 0; padding: 0 }
body.detailseite.fachbeitrag.iv2 b,
body.detailseite.fachbeitrag.iv2 strong { font-weight: 400 }
body.detailseite.fachbeitrag.iv2 .ce_text ul { margin: 20px 0; }
/*----Formatierung von Aufz�hlungsnummern--------*/
body.detailseite.fachbeitrag.iv2 .aufzaehlung{
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
letter-spacing: 0.01em;
padding: 0 10px;
margin-right:10px;
}
/*---- Formatierung der Befehlsfolgen (Kapit�lchen) --------*/
body.detailseite.fachbeitrag.iv2 .programmbefehl {
color: #888888;
font-size: 1.1em;
font-variant: small-caps;
font-weight: 400;
}
body.faq.hilfe .programmbefehl {
color: #0083b4;
font-size: 1.1em;
font-variant: small-caps;
font-weight: 500;
}
body.detailseite.fachbeitrag.iv2 .kastentext p { width: 95% }
body.detailseite.fachbeitrag.iv2 .clearboth { clear: both }
body.detailseite.fachbeitrag.iv2 .bildunterschrift{
display: block;
font-size: 1em;
margin: 0;
padding: 0px 30px 0px 0;
text-align: left;
font-style: italic;
}
body.detailseite.fachbeitrag.iv2 .bildunterschrift_schmal {
display: block;
font-size: 1em;
margin: -10px 5px 10px 10px;
padding: 10px 0 0 0;
text-align: left;
text-indent: 0;
font-style: italic;
width: 40%;
float: left;
}
body.detailseite.fachbeitrag.iv2 .bildunterschrift_schmal2 {
display: block;
font-size: 1em;
margin: -10px 5px 10px 10px;
padding: 10px 0 0 0;
text-align: left;
text-indent: 0;
font-style: italic;
width: 25%;
float: left;
}
body.detailseite.fachbeitrag.iv2 .screenshot {
margin: 30px 0 5px 0;
border: 1px solid #999999;
text-align: center;
width: 95%;
padding: 10px;
font-weight: bold;
}
body.detailseite.fachbeitrag.iv2 .screenshot .bildlupe {
float: right;
height: 0;
position: relative;
}
body.detailseite.fachbeitrag.iv2 div.bildlupe img {
width: 30px;
height: 30px;
}
body.detailseite.fachbeitrag.iv2 .screenshot_schmal {
margin: 0px 0 5px 0;
border: 1px solid #999999;
text-align: center;
padding: 10px;
font-weight: bold;
width: 50%;
float: left
}
body.detailseite.fachbeitrag.iv2 .screenshot_schmal2 {
margin: 0px 0 5px 0;
border: 1px solid #999999;
text-align: center;
padding: 10px;
font-weight: bold;
width: 70%;
float: left
}
body.detailseite.fachbeitrag.iv2 .zweinebeneinander {
margin: 0px 0 5px 0;
border: 1px solid #999999;
text-align: center;
padding: 10px;
font-weight: bold;
width: 95%;
padding-right:20px;
float:left;
}
body.detailseite.fachbeitrag.iv2 .zweinebeneinander div {
width: 43%;
float: left;
padding-left: 30px;
border: 0;
margin-top: 10px;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.psa .zweinebeneinander .ergebnis { background: url("../fachbeitrag/grafiken/ergebnispfeil_psa.png") left center no-repeat; }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.ida .zweinebeneinander .ergebnis { background: url("../fachbeitrag/grafiken/ergebnispfeil_ida.png") left center no-repeat; }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.ila .zweinebeneinander .ergebnis { background: url("../fachbeitrag/grafiken/ergebnispfeil_ila.png") left center no-repeat; }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.pdf .zweinebeneinander .ergebnis { background: url("../fachbeitrag/grafiken/ergebnispfeil_pdf.png") left center no-repeat; }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_details.philfe .zweinebeneinander .ergebnis { background: url("../fachbeitrag/grafiken/ergebnispfeil_philfe.png") left center no-repeat; }
body.faq.hilfe .kastentext,
body.detailseite.fachbeitrag.iv2 .kastentext {
background: #CCCCCC;
color: #333333;
font-size: 1em;
padding: 10px;
margin-top:0;
margin-bottom: 30px;
}
body.detailseite.fachbeitrag.iv2 h4.hinweishead {
background: #333333 url("../icons/kasten_rufzeichen.png") left center no-repeat;
height: 25px;
color: #ffffff;
padding: 2px 0 0 30px;
margin: 20px 0 0 0;
}
body.faq.hilfe h4.tipphead,
body.detailseite.fachbeitrag.iv2 h4.tipphead {
background: #333333 url("../icons/kasten_runderstern.png") left 2px no-repeat;
height: 25px;
color: #ffffff;
padding: 2px 0 0 30px;
margin: 20px 0 0 0;
}
body.detailseite.fachbeitrag.iv2 .kastentext img { width: 50%; height: 50%; }
body.detailseite.fachbeitrag.iv2 .kastentext .icon { width: 20px; height: 20px; }
body.detailseite.fachbeitrag.iv2 p img,
body.detailseite.fachbeitrag.iv2 .icon{
height: 20px;
width: 20px;
border: 1px solid #333333;
box-shadow: 1px 1px #333333;
margin: 0 5px;
position: relative;
top: -3px;
}
body.detailseite.archiv.psa h1,
body.detailseite.fachbeitrag.iv2 .psa h1,
body.detailseite.fachbeitrag.iv2 .psa .programmbefehl { color: #0055a0; }
body.detailseite.archiv.ida h1,
body.detailseite.fachbeitrag.iv2 .ida h1,
body.detailseite.fachbeitrag.iv2 .ida .programmbefehl { color: #b20738; }
body.detailseite.archiv.ila h1,
body.detailseite.fachbeitrag.iv2 .ila h1,
body.detailseite.fachbeitrag.iv2 .ila .programmbefehl { color: #f47f25; }
body.detailseite.archiv.pdf h1,
body.detailseite.fachbeitrag.iv2 .pdf h1,
body.detailseite.fachbeitrag.iv2 .pdf .programmbefehl { color: #f2b300; text-shadow: 1px 1px #dddddd; }
body.detailseite.archiv.philfe h1,
body.detailseite.fachbeitrag.iv2 .philfe h1,
body.detailseite.fachbeitrag.iv2 .philfe .programmbefehl { color: #111111; text-shadow: 1px 1px #bbbbbb; }
body.detailseite.fachbeitrag .nurhead { margin: 0}
body.detailseite.fachbeitrag.iv2 .ce_text li{
background: url("../layout/bullet_999999.png") left 3px no-repeat;
list-style: none;
padding-left: 25px;
line-height: 150%;
margin-bottom: 20px;
}
body.psa.detailseite.fachbeitrag.iv2 .ce_text li{ background: url("../layout/bullet_psa.gif") left 3px no-repeat; }
body.ida.detailseite.fachbeitrag.iv2 .ce_text li{ background: url("../layout/bullet_ida.gif") left 3px no-repeat; }
body.ila.detailseite.fachbeitrag.iv2 .ce_text li{ background: url("../layout/bullet_ila.gif") left 3px no-repeat; }
body.pdf.detailseite.fachbeitrag.iv2 .ce_text li{ background: url("../layout/bullet_pdf.gif") left 3px no-repeat; }
body.philfe.detailseite.fachbeitrag.iv2 .ce_text li{ background: url("../layout/bullet_philfe.gif") left 3px no-repeat; }
body.detailseite.fachbeitrag.iv2 .psa .ce_text li{ background: url("../layout/bullet_psa.gif") left 3px no-repeat; }
body.detailseite.fachbeitrag.iv2 .ida .ce_text li{ background: url("../layout/bullet_ida.gif") left 3px no-repeat; }
body.detailseite.fachbeitrag.iv2 .ila .ce_text li{ background: url("../layout/bullet_ila.gif") left 3px no-repeat; }
body.detailseite.fachbeitrag.iv2 .pdf .ce_text li{ background: url("../layout/bullet_pdf.gif") left 3px no-repeat; }
body.detailseite.fachbeitrag.iv2 .philfe .ce_text li{ background: url("../layout/bullet_philfe.gif") left 3px no-repeat; }
body.detailseite.fachbeitrag.iv2 .psa .ce_text p.liste{ background: url("../layout/bullet_psa.gif") left 7px no-repeat; padding-left: 25px; }
body.detailseite.fachbeitrag.iv2 .ida .ce_text p.liste{ background: url("../layout/bullet_ida.gif") left 7px no-repeat; padding-left: 25px; }
body.detailseite.fachbeitrag.iv2 .ila .ce_text p.liste{ background: url("../layout/bullet_ila.gif") left 7px no-repeat; padding-left: 25px; }
body.detailseite.fachbeitrag.iv2 .pdf .ce_text p.liste{ background: url("../layout/bullet_pdf.gif") left 7px no-repeat; padding-left: 25px; }
body.detailseite.fachbeitrag.iv2 .philfe .ce_text p.liste{ background: url("../layout/bullet_pdf.gif") left 7px no-repeat; padding-left: 25px; }
body.detailseite.fachbeitrag.iv2 .ce_text .bx-wrapper ul { background: none; list-style: none; padding: 0; margin: 0 }
body.detailseite.fachbeitrag.iv2 .ce_text .bx-wrapper li { background: none; list-style: none; padding: 0; margin: 0 }
body.detailseite.fachbeitrag.iv2 .ce_text .bx-wrapper li .screenshot { margin: 0 }
/*----Code und Tabelle-------*/
body.detailseite.fachbeitrag.iv2 p.code {
background: #ffdf86;
border: 1px solid #f2b300;
font-weight: 400;
padding: 10px;
width: 70%;
font-family: Courier New, monospace;
}
body.detailseite.fachbeitrag.iv2.ida p.code {
background: #ffe7ee;
border: 1px solid #b20738;
padding: 10px;
width: 70%;
font-family: Courier New, monospace;
}
body.detailseite.fachbeitrag.iv2 .tabelle {
font-family: 'Roboto',sans-serif;
font-size: 1em;
margin-top: 30px;
border: 1px solid #333333;
display: table;
width: 600px;
overflow:hidden;
border-collapse: collapse;
margin-bottom: 50px;
}
body.detailseite.fachbeitrag.iv2 .tabelle.pdf { background-color: rgba(242, 179, 0, 0.2);}
body.detailseite.fachbeitrag.iv2 .tabelle div.beschriftung { font-weight: 400}
body.detailseite.fachbeitrag.iv2 .reihe { display: table-row; }
body.detailseite.fachbeitrag.iv2 .reihe.titel { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-weight: 400 }
body.detailseite.fachbeitrag.iv2 .reihe.ungerade { background-color: rgba(0, 0, 0, 0.1); }
body.detailseite.fachbeitrag.iv2 .tabelle.zweispaltig div.spalte.ungerade { width: 40%; display: table-cell; }
body.detailseite.fachbeitrag.iv2 .tabelle.zweispaltig div.spalte.gerade { width: 50%; display: table-cell; }
body.detailseite.fachbeitrag.iv2 .tabelle.gleich div.spalte.gerade, .tabelle.gleich div.spalte.ungerade { width: 45%; display: table-cell;}
body.detailseite.fachbeitrag.iv2 .tabelle div.spalte.gerade { background-color: rgba(0, 0, 0, 0.1); }
body.detailseite.fachbeitrag.iv2 .tabelle div { padding: 10px }
body.detailseite.fachbeitrag.iv2 #einloggen-hauptbereich .anmeldetext span { border: 1px solid #008000; padding: 5px; background: #a1ffa1 }
/* Tabelle Neu */
body.detailseite.fachbeitrag.iv2 .tabelle-neu {
font-family: 'Roboto',sans-serif;
font-size: 1em;
margin-top: 30px;
border: 1px solid #333333;
display: table;
width: 100%;
overflow:hidden;
border-collapse: collapse;
margin-bottom: 50px;
}
body.detailseite.fachbeitrag.iv2 .tabelle-neu td p {
margin: 0; padding: 0;
}
body.detailseite.fachbeitrag.iv2 .tabelle-neu td {
padding: 10px;
border: 1px solid #333333;
}
body.detailseite.fachbeitrag.iv2 .tabelle-neu.indesign tr {
background: #ffeff4;
}
body.detailseite.fachbeitrag.iv2 .tabelle-neu tr.gerade {
background: #ffffff;
}
body.detailseite.fachbeitrag.iv2 .tabelle-neu.indesign thead tr {
background: #b20738;
color: #ffffff;
}
body.detailseite.fachbeitrag.iv2 #main .tabelle-neu h3 {
margin: 0;
padding: 0;
}
/* Ergänzung für Lernpakete */
body.detailseite.fachbeitrag.iv2 p.uebungsdatei {
background: #333333 url("http://www.creative-aktuell.de/files/mev4creative/layout/icons/kasten_datei.png") left center no-repeat;
height: 26px;
color: #ffffff;
padding: 3px 10px 3px 30px;
margin: 0px;
display: inline;
font-size: 17px;
font-weight: 300;
font-variant: small-caps;
}
body.detailseite.fachbeitrag.iv2 span.neu {
background: #f47f25;
color: #ffffff;
padding: 2px;
margin: -5px 0 0 0;
display: inline;
font-size: 8px;
font-weight: 300;
font-variant: small-caps;
border-radius: 3px;
position: relative;
vertical-align: baseline;
top: -1em;
}
body.detailseite.fachbeitrag.iv2 p .zahlenbutton { border: none; box-shadow: none }
body.detailseite.fachbeitrag.iv2 h4.h3 { font-size: 1.2em; font-weight: 500; margin-top: 0px; color: #333333; margin-top: 40px; }
body.detailseite.fachbeitrag.iv2 .nummer {
border: none;
box-shadow: none;
top: -1px;
}
/*-----------------------------Panels rechts-----
body.philfe.funktionen .toggler { color: #ffffff; }
body.philfe.funktionen .toggler { background: #000000 url("../icons/pfeil_auf.png") right 4px no-repeat; }
body.philfe.funktionen .toggler.active { background: #b6a200 url("../icons/pfeil_ab.png") right 4px no-repeat; }
---------------------*/
body.detailseite.fachbeitrag.iv2 .mod_mev_article_files,
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta,
body.detailseite.fachbeitrag.iv2 .mod_mev_article_index {
float: left;
width: 95%;
padding: 0;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_index {
padding: 15px 0 10px 0;
margin-bottom: 0px;
margin-left: 14%;
background: #000000;
width: 84%;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta {
padding-bottom: 10px;
margin-bottom: 10px;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_files{
padding: 10px 0;
margin-bottom: 10px;
font-size: 1em;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_index ul { margin-bottom: 10px }
/*------------------------------------------------Sidebar----------------------------------------------------*/
body.detailseite.fachbeitrag.iv2 .sidebarillustrator a, body.detailseite.fachbeitrag.iv2 .sidebarillustrator a:visited {
color: #333333;
/*text-decoration: none;*/
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_1 {
list-style-type: none;
margin-top: 0;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_1 li {
margin: 0;
font-weight: 500;
line-height: 30px;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_1 li a,
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_1 li a:visited {
display: block;
color: #ffffff;
font-size: 1.2em;
margin: 5px 0 20px 10px;
font-style: normal;
/*text-decoration: none;*/
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_2 {
margin-top: 10px;
font-size: 1em;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files ul { margin: 0 }
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_2 li {
margin: 5px 10px 0 10px;
font-weight: 400;
font-size: 0.9em;
text-align: left;
line-height: 20px;
list-style-type: none;
font-style: italic;
color: #666666;
background: url("../icons/bulletpfeil_weiss_trans.png") left 2px no-repeat;
padding-left: 20px;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files li {
font-weight: 400;
font-size: 0.9em;
text-align: left;
line-height: 20px;
list-style: none;
font-style: italic;
color: #666666;
padding: -5px 0 0 50px;
margin-top: 10px;
margin-left: 50px;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files .pdf {
margin: 10px 0 0 30px;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files .pdf a:visited,
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files .pdf a {
color: #cccccc;
background: url("../icons/bulletpfeil_weiss.png") left 2px no-repeat;
margin: 0 0 0 35px;
font-size: 1em;
font-style: italic;
font-weight: 400;
line-height: 30px;
padding: 0px 0 2px 20px;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_2 li a,
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_2 li a:visited {
color: #cccccc;
background: url("../icons/bulletpfeil_weiss.png") left 2px no-repeat;
margin: 0 0 0 -20px;
padding-left: 20px;
text-decoration: none;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files li a,
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .mod_mev_article_files li a:visited, {
color: #cccccc;
background: url("../icons/bulletpfeil_weiss.png") left 2px no-repeat;
margin: 0 0 0 -20px;
padding-left: 20px;
text-decoration: none;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_3 {
margin-top: 0;
font-size: 0.9em;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_3 li {
margin: 2px 10px 0 0px;
font-weight: 400;
list-style: none;
background: url("../icons/bulletpfeil_klein_weiss_trans.png") left 2px no-repeat;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_3 li a,
body.detailseite.fachbeitrag.iv2 .sidebarillustrator ul.level_3 li a:visited {
color: #aaaaaa;
background: url("../icons/bulletpfeil_klein_weiss.png") left 2px no-repeat;
padding-left: 15px;
}
body.detailseite.fachbeitrag.iv2 #main .sidebarillustrator h2 {
background: #cccccc;
color: #333333;
display: block;
text-align: left;
font-size: 1.2em;
letter-spacing: 0.03em;
height: 32px;
line-height: 30px;
margin: 20px 0 0 14%;
padding: 2px 0 0 10px;
width: 80%;
border-radius: 7px;
}
body.detailseite.fachbeitrag.iv2 #main .sidebarillustrator h2.down {
background-image: url("../icons/verzeichnis-minus.png");
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}
body.detailseite.fachbeitrag.iv2 #main .sidebarillustrator h2.up {
background-image: url("../icons/verzeichnis-plus.png");
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}
body.detailseite.fachbeitrag.iv2 #main .sidebarillustrator .mod_mev_article_files h2 { margin-top: 0 }
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .hidden { display: none }
body.detailseite.fachbeitrag.iv2 .sidebarillustrator {
width: 100%;
height: 100%;
position: fixed;
margin-top: 0px;
top: 0 !important;
background: #000000;
min-height: 100%;
max-height: none;
overflow-y: scroll;
border-left: 5px solid #666666;
z-index: 10000;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
left:-101%;
padding-top: 55px;
}
body.detailseite.fachbeitrag.iv2 .sidebarillustrator.mobile {
left:-5px;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_cover { display: none }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta {
font-size: 1em;
padding-left: 0px;
margin-top: 0px;
margin-left: 10%;
background: #000000;
width: 90%;
padding-bottom: 100px;
padding-top: 15px;
}
body.detailseite.fachbeitrag.iv2 .info,
body.detailseite.fachbeitrag.iv2 .image.cover { float: left; padding-top: 10px }
body.detailseite.fachbeitrag.iv2 .image.cover img { width: 85px; height: 120px; margin-left:10px }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50 {
margin: 5px 0 0 15px;
font-size: 0.9em;
color: #aaaaaa;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.creation { display: none }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.autor { }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.pagenum { display: none }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.output { display: none }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.creation { }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.articlenumber { display: none }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.chapter { display: none }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.topic { }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w50.software { padding-right: 5px }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_meta .w50.version h3 { }
body.detailseite.fachbeitrag.iv2 .mod_mev_article_meta .w100.tags { display: none }
body.detailseite.fachbeitrag.iv2 #main .mod_mev_article_meta .w50 h3 {
display: inline;
font-size: 1em;
color: #cccccc;
width: 100px;
}
body.detailseite.fachbeitrag.iv2 .mod_mev_article_files a,
body.detailseite.fachbeitrag.iv2 .mod_mev_article_files a:visited {
color: #cccccc;
background: url("../icons/bulletpfeil_weiss.png") left 4px no-repeat;
padding-left: 20px;
margin: 15px;
font-size: 1.1em;
font-style: italic;
}
body.detailseite.startseite.fachbeitrag.iv2 #header .level3Menu,
body.detailseite.startseite.fachbeitrag.iv2 #header .level4Menu {
background: none repeat scroll 0 0 #ffffff;
height: 30px;
margin: 0;
width: 100%;
padding: 0 0 30px 0px;
}
body.detailseite.startseite.fachbeitrag.iv2 #header .level3Menu li,
body.detailseite.startseite.fachbeitrag.iv2 #header .level4Menu li,
body.detailseite.startseite.fachbeitrag.iv2 #header .level3Menu li.first,
body.detailseite.startseite.fachbeitrag.iv2 #header .level4Menu li.first,
body.detailseite.startseite.fachbeitrag.iv2 #header .level3Menu li.last,
body.detailseite.startseite.fachbeitrag.iv2 #header .level4Menu li.last {
width: 50%;
}
body.detailseite.startseite.fachbeitrag.iv2 #header .level3Menu ul,
body.detailseite.startseite.fachbeitrag.iv2 #header .level4Menu ul {
margin-left: 0;
}
body.detailseite.startseite.fachbeitrag.iv2 #header .level4Menu a,
body.detailseite.startseite.fachbeitrag.iv2 #header .level3Menu a { line-height: 30px; }
body.philfe.detailseite.iv2 #header .level3Menu.creative,
body.psa.detailseite.iv2 #header .level3Menu.creative,
body.ida.detailseite.iv2 #header .level3Menu.creative,
body.ila.detailseite.iv2 #header .level3Menu.creative,
body.pdf.detailseite.iv2 #header .level3Menu.creative { display: none }
body.philfe.detailseite.iv2 #header .level4Menu.creative,
body.psa.detailseite.iv2 #header .level4Menu.creative,
body.ida.detailseite.iv2 #header .level4Menu.creative,
body.ila.detailseite.iv2 #header .level4Menu.creative,
body.pdf.detailseite.iv2 #header .level4Menu.creative { display: none }
/*---------Registrierungshinweis Unsch�rfebereich---------------*/
body.detailseite.fachbeitrag.iv2 .ce_text.layer_register {
border: 1px solid #b01613;
padding: 20px;
background: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcd9d9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,217,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,217,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,217,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcd9d9',GradientType=0 ); /* IE6-9 */
width: 80%;
}
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register h3 {
margin: 0;
font-size: 1.6em;
text-align: center;
margin-bottom: 10px;
}
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register a,
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register a:visited {
background: #0eba00;
color: #ffffff;
font-weight: 400;
text-decoration: none;
padding: 5px 20px;
border: 2px solid #0a8d00;
letter-spacing: 0.02em;
}
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register p {
margin-top: 5px;
width: 95%;
padding: 0px 15px;
font-size: 1em;
}
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register ul {
margin-bottom: 35px;
}
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register li{
list-style: none;
background: url("../icons/ok-mumrot.png") 14px 5px no-repeat;
padding-left: 41px;
font-size: 0.9em;
margin-bottom: 10px;
}
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register p.button {
text-align: center;
}
/*---------Registrierungshinweis Tipp-Bereich---------------*/
body.fachbeitrag.news.blog .ce_text.layer_register {
border: 1px solid #b01613;
padding: 20px;
background: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcd9d9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,217,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,217,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,217,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcd9d9',GradientType=0 ); /* IE6-9 */
width: 80%;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register h3 {
margin: 0;
font-size: 1.6em;
text-align: center;
margin-bottom: 30px;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register a,
body.fachbeitrag.news.blog #main .ce_text.layer_register a:visited {
background: #0eba00;
color: #ffffff;
font-weight: 400;
text-decoration: none;
padding: 5px 20px;
border: 2px solid #0a8d00;
letter-spacing: 0.02em;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register a:hover { background: #0fc600 }
body.fachbeitrag.news.blog #main .ce_text.layer_register p {
margin-top: 5px;
width: 100%;
padding: 5px 0px;
font-size: 1em;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register ul {
margin-bottom: 35px;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register li{
list-style: none;
background: url("../icons/ok-mumrot.png") 14px 5px no-repeat;
padding-left: 41px;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register p.button {
text-align: center;
}
/*--------Einloggen auf Beitragsdetailseite ----------------*/
body.detailseite.fachbeitrag.iv2 .mod_login {
background: none repeat scroll 0 0 #dddddd;
border: 1px solid #aaaaaa;
color: #333333;
font-family: "Roboto",sans-serif;
font-size: 0.9em;
font-weight: 400;
margin: 30px 15px 20px 50px;
padding: 10px;
width: 59%;
}
body.detailseite.fachbeitrag.iv2 #main .mod_login h1 { font-size: 1.3em; margin-top: 0; text-indent: 0 }
body.detailseite.fachbeitrag.iv2 .mod_html_pwdrecover {
background: none repeat scroll 0 0 #dddddd;
border: 1px solid #aaaaaa;
color: #333333;
font-family: "Roboto",sans-serif;
font-weight: 400;
margin: 15px;
padding: 10px;
width: 59%;
margin-left: 50px;
font-size: 0.9em;
}
body.detailseite.fachbeitrag.iv2 .trenner {
border-top: 1px dashed #666666;
height: 10px;
margin: 20px 20px 10px 0;
width: 95%;
}
/*-------Globale Suche Ergebnis-------------*/
body.ergebnis #suchergebnis .mod_ajax_search_field,
body.ergebnis #sucheergebnis .mod_ajax_search_field { display: none }
body.ergebnis #suchergebnis .module_element .description p,
body.ergebnis #sucheergebnis .module_element .description p {
font-size: 1em;
height: 152px;
overflow: hidden;
padding: 0 10px 0 0;
}
body.ergebnis #suchergebnis .module_element .image_container img,
body.ergebnis #sucheergebnis .module_element .image_container img {
border: 0;
height: 215px;
width: 150px;
margin-right: 15px;
}
body.ergebnis #suchergebnis .themenspecial.tipps .module_element .image_container img,
body.ergebnis #sucheergebnis .themenspecial.tipps .module_element .image_container img { border: 0 }
body.ergebnis .themenspecial.tipps .module_element .image_container img { border: 2px solid #333333; }
body.ergebnis .themenspecial.tipps .module_element.psa .image_container img { border: 2px solid #0055a0 }
body.ergebnis .themenspecial.tipps .module_element.ida .image_container img { border: 2px solid #b20738 }
body.ergebnis .themenspecial.tipps .module_element.ila .image_container img { border: 2px solid #f47f25}
body.ergebnis .themenspecial.tipps .module_element.pdf .image_container img { border: 2px solid #f2b300 }
body.ergebnis .themenspecial.tipps .module_element.cc .image_container img { border: 2px solid #009000 }
/* Farbiger Rahmen
body.ergebnis #sucheergebnis .module_element .image_container img { border: 2px solid #333333 }
body.ergebnis #sucheergebnis .module_element.psa .image_container img { border: 2px solid #0055a0 }
body.ergebnis #sucheergebnis .module_element.ida .image_container img { border: 2px solid #b20738 }
body.ergebnis #sucheergebnis .module_element.ila .image_container img { border: 2px solid #f47f25 }
body.ergebnis #sucheergebnis .module_element.pdf .image_container img { border: 2px solid #f2b300 }
body.ergebnis #sucheergebnis .module_element.cc .image_container img { border: 2px solid #009000 }
*/
body.ergebnis #suchergebnis .themenspecial.tipps .module_element .image_container img,
body.ergebnis #sucheergebnis .themenspecial.tipps .module_element .image_container img { border: 0; height: 150px }
body.ergebnis #suchergebnis .image_container a,
body.ergebnis #sucheergebnis .image_container a { display: block }
.mod_ajax_search_field .module_element .headline {
font-size: 1.1em;
font-weight: 400;
color: #333333;
padding: 5px;
}
body.ergebnis #suchergebnis .pagnation,
body.ergebnis #sucheergebnis .pagnation { display: none }
body.ergebnis #container { background: #FFFFFF }
body.ergebnis #suchergebnis .module_element,
body.ergebnis #sucheergebnis .module_element {
height: 215px;
width: 95%;
background: #dddddd;
margin: 0 0px 30px 10px;
float: left;
overflow: hidden;
}
body.ergebnis #suchergebnis .mod_ajax_search_result,
body.ergebnis #sucheergebnis .mod_ajax_search_result {
float: left;
margin-bottom: 30px;
}
body.ergebnis #suchergebnis .headline,
body.ergebnis #sucheergebnis .headline {
font-size: 1em;
font-weight: 400;
color: #333333;
padding: 5px;
margin-top: 7px;
}
body.ergebnis #suchergebnis .description,
body.ergebnis #sucheergebnis .description { font-size: 0.9em; display: none }
body.ergebnis #suchergebnis .description p { margin: 0 }
body.ergebnis #suchergebnis .headline a,
body.ergebnis #sucheergebnis .headline a { text-decoration: none }
body.ergebnis #suchergebnis h1,
body.ergebnis #sucheergebnis h1 { clear: both; }
body.ergebnis #suchergebnis .themenspecial h1,
body.ergebnis #sucheergebnis .themenspecial h1 { clear: both; border-top: 1px dashed #888888; padding: 20px 0 20px 0; margin-left: 20px; margin-right: 20px }
body.ergebnis #suchergebnis h5,
body.ergebnis #sucheergebnis h5 { float: left; margin: 2px 10px 20px 0; font-size: 1em}
body.ergebnis #suchergebnis ul,
body.ergebnis #sucheergebnis ul { list-style: none }
body.ergebnis #suchergebnis li,
body.ergebnis #sucheergebnis li { float: left; margin-right: 15px; }
body.ergebnis #suchergebnis .element_container,
body.ergebnis #sucheergebnis .element_container { clear: both; }
body.ergebnis #suchergebnis .filterMode li input[type=radio],
body.ergebnis #sucheergebnis .filterMode li input[type=radio] {
display:none;
}
body.ergebnis #suchergebnis .filterMode li input[type=radio] + label,
body.ergebnis #sucheergebnis .filterMode li input[type=radio] + label {
padding-left:24px;
height:19px;
display:inline-block;
line-height:19px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}
body.ergebnis #suchergebnis .filterMode li input[type=radio]:checked + label,
body.ergebnis #sucheergebnis .filterMode li input[type=radio]:checked + label {
background-position: 0 -19px;
}
body.ergebnis #suchergebnis .filterMode li label,
body.ergebnis #sucheergebnis .filterMode li label {
background-image:url("../buttons/radiobutton_schwarz.png");
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
body.ergebnis #suchergebnis .module_element,
body.ergebnis #sucheergebnis .module_element { background: #eeeeee }
body.ergebnis #suchergebnis .themenspecial .module_element,
body.ergebnis #sucheergebnis .themenspecial .module_element { height: 149px }
body.ergebnis #suchergebnis .themenspecial .module_element .image_container img,
body.ergebnis #sucheergebnis .themenspecial .module_element .image_container img { }
body.ergebnis #suchergebnis .themenspecial h1,
body.ergebnis #sucheergebnis .themenspecial h1 { margin-top: 20px }
body.ergebnis #suchergebnis .themenspecial.tipps .module_element,
body.ergebnis #sucheergebnis .themenspecial.tipps .module_element { height: 152px }
body.ergebnis #suchergebnis .mod_ajax_search_result_news.themenspecial .module_element,
body.ergebnis #sucheergebnis .mod_ajax_search_result_news.themenspecial .module_element { background: #dddddd }
body.ergebnis .found { width : 50% }
body.ergebnis #suchergebnis .mod_ajax_search_result_news .module_element,
body.ergebnis #sucheergebnis .mod_ajax_search_result_news .module_element {
height: 152px;
width: 95%;
background: #dddddd;
margin: 0 0px 30px 10px;
float: left;
}
body.ergebnis #suchergebnis .mod_ajax_search_result_news .module_element .image_container img,
body.ergebnis #sucheergebnis .mod_ajax_search_result_news .module_element .image_container img {
height: 150px;
width: 150px;
border: 1px solid #333333;
}
body.ergebnis #sucheergebnis .mod_ajax_search_result_news .module_element.psa .image_container img { border: 1px solid #0055a0}
/*PSA #0055a0; IDA #b20738 ; PDF #f2b300 ; ILA #f47f25; SMA #205285; PHILFE #000921 ;*/
/*---------------------Videointegration-----------------------*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 30px;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*-------------------- Neuer Login -------------------------*/
#loginElement { display: none }
#loginElement .mod_login {
margin: 0;
}
#loginElement {
background: #333333;
background: rgba(0,0,0,0.8);
color: #EEEEEE;
font-size: 1em;
width: 80%;
position: absolute;
z-index: 10000;
right: 0px;
top: 34px;
border: 0;
box-shadow: 1px 1px 5px #000000;
height: 180px;
}
#loginElement table { float: right }
/*----------------Umfrageseiten------------------------*/
body.umfrage fieldset { border: none }
body.umfrage .widget-headline {
font-weight: 400;
margin-left: 75px;
}
body.umfrage .explanation {
font-weight: 400;
padding: 0 150px 10px 75px;
}
body.umfrage fieldset legend {
margin: 20px 0 10px 60px;
font-weight: 400;
}
body.umfrage .radio_container.sechs.schulnoten legend {
display: none;
}
body.umfrage .radio_container span label {
margin-left: 10px;
width: 100px;
font-size: 0.9em
}
body.umfrage .radio_container.sechs.schulnoten span label {
margin-left: 10px;
width: 50px;
font-size: 0.9em
}
body.umfrage .radio_container span label#lbl_343_0,
body.umfrage .radio_container span label#lbl_344_0,
body.umfrage .radio_container span label#lbl_345_0 { margin-left: 70px; }
body.umfrage .radio_container.sechs.schulnoten span label#lbl_381_1,
body.umfrage .radio_container.sechs.schulnoten span label#lbl_380_1,
body.umfrage .radio_container.sechs.schulnoten span label#lbl_379_1,
body.umfrage .radio_container.sechs.schulnoten span label#lbl_378_1,
body.umfrage .radio_container.sechs.schulnoten span label#lbl_377_1,
body.umfrage .radio_container.sechs.schulnoten span label#lbl_375_1,
body.umfrage .radio_container.sechs.schulnoten span label#lbl_373_1 { margin-left: 30px; }
body.umfrage legend .mandatory { display: none }
body.umfrage label.textarea {
display: block;
margin: 20px 0 0px 75px;
font-weight: 400;
width: 70%;
}
body.umfrage textarea {
margin: 20px 0 10px 75px;
width: 70%;
font-family: 'Roboto', sans-serif;
font-size: 0.9em;
font-weight: 400;
height: 100px;
}
body.umfrage input[type=radio] { display:none; }
body.umfrage input[type=radio] + label {
padding-left:24px;
height:19px;
display:inline-block;
line-height:19px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}
body.umfrage input[type=radio]:checked + label {
background-position: 0 -19px;
}
body.umfrage .bewertung.sechs.schulnoten .radio_container label {
background-image:url("../buttons/radio-umfrage-6er-verlauf1.png");
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
body.umfrage .bewertung.fuenf.gespiegelt .radio_container label {
background-image:url("../buttons/radio-umfrage-5er-gespiegelt2.png");
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_381_0,
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_380_0,
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_379_0,
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_378_0,
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_377_0,
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_375_0,
body.umfrage .bewertung.sechs.schulnoten .radio_container label#lbl_373_0 {
background: none;
font-size: 1em;
font-weight: 400;
margin-left: 40px;
width: 230px;
}
body.umfrage input#opt_373_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_373_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_373_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_373_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_373_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_373_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_375_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_375_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_375_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_375_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_375_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_375_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_377_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_377_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_377_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_377_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_377_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_377_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_378_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_378_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_378_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_378_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_378_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_378_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_379_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_379_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_379_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_379_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_379_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_379_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_380_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_380_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_380_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_380_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_380_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_380_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_381_1[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_381_2[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_381_3[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_381_4[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_381_5[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_381_6[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_343_0[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_343_1[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_343_2[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_343_3[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_343_4[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_343_5[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_344_0[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_344_1[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_344_2[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_344_3[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_344_4[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage input#opt_344_5[type=radio]:checked + label { background-position: 0 -114px; }
body.umfrage input#opt_345_0[type=radio]:checked + label { background-position: 0 -19px; }
body.umfrage input#opt_345_1[type=radio]:checked + label { background-position: 0 -38px; }
body.umfrage input#opt_345_2[type=radio]:checked + label { background-position: 0 -57px; }
body.umfrage input#opt_345_3[type=radio]:checked + label { background-position: 0 -76px; }
body.umfrage input#opt_345_4[type=radio]:checked + label { background-position: 0 -95px; }
body.umfrage .submit_container input {
background: -webkit-gradient(linear, left top, left bottom, from(#0dae01), to(#0fcc00));
background: -webkit-linear-gradient(top, #0dae01, #0fcc00);
background: -moz-linear-gradient(top, #0dae01, #0fcc00);
background: -ms-linear-gradient(top, #0dae01, #0fcc00);
background: -o-linear-gradient(top, #0dae01, #0fcc00);
cursor: pointer;
color: #FFFFFF;
text-shadow: 1px 1px 3px #000000;
border: 1px solid #666666;
border-radius: 5px;
font-family: "Roboto",sans-serif;
font-size: 1.2em;
height: 35px;
margin: 30px 0 50px 75px;
padding: 0 0 0 5px;
width: 300px;
}
body.umfrage .widget-radio.schulnoten.gerade { background: #dddddd }
/*-----Verkaufsangebote f�r Partner-------*/
body.shopbereich.vdn .angebotsmodul .angebotstext p { line-height: 150% }
body.shopbereich.vdn .seminarangebot { padding: 0px 50px; width: 66% }
body.shopbereich.vdn .angebotsmodul .angebotsbild { margin-top: 0 }
body.shopbereich.vdn .formtext.ohnemarg { font-size: 0.9em }
body.shopbereich.vdn .bestellform .radio_container { margin-bottom: 10px }
body.shopbereich.vdn .angebotsmodul .angebotstext { width: 50%; margin-top: 10px }
body.shopbereich.vdn .angebotsmodul .angebotsbild { width: 45%; margin-top: 10px }
body.shopbereich.vdn .angebotsmodul .angebotstext li { list-style: outside url("../icons/ok-gruen.png") square; margin-left: 50px }
body.shopbereich.vdn .angebotsmodul {
background: url("../angebot/logo-adm.png") top right no-repeat;
margin-top: 40px;
padding-top: 0;
}
body.shopbereich.vdn #footer,
body.shopbereich.vdn #header .startseitenmenu li a,
body.shopbereich.vdn #header .level3Menu,
body.shopbereich.vdn #header .socialmenu,
body.shopbereich.vdn #header .mainMenu,
body.shopbereich.vdn #header .shopmenu { display: none }
/*---------------Startseite Neu----------------------*/
.before::before,
.after::after {
content: "\A";
white-space: pre;
}
body.startseite.home #container {
width: 100%;
margin-top: 120px;
}
body.startseite.home #main .inside { }
body.startseite.home #main .inside {
padding: 0;
}
body.startseite.home .shopmenu .angebotsbutton { display: none }
body.startseite.home #header2 .mod_customnav.mainMenu {
display: none;
}
body.startseite.home #loginElement { display: none!important; }
/*---------Abschnitt 1--------*/
body.startseite .vollebreite1 {
width: 100%;
background: #0e0e0e;
height: 580px;
}
body.startseite.home .hauptmotiv {
margin: 0 auto;
width: 100%;
height: 650px;
background: url("../banner/startseite/startseite-topmotiv01_portrait.jpg") center -70px no-repeat;
background-size: cover;
}
body.startseite.home .textkasten {
width: 75%;
height: 310px;
text-align: center;
padding-top: 35px;
}
body.startseite.home .mainlogo {
width: 180px;
height: 30px;
background: url("../layout_v02/ca-logo-startseite.png") center center no-repeat;
color: transparent;
margin: 0 auto;
background-size: 100%;
display: none;
}
body.startseite.home .headline h1{
font-size: 2em;
color: #ffffff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
margin: 10px 0 0 0;
}
body.startseite.home .headline .optional {
display: none;
}
body.startseite.home .headline h2{
font-size: 1.1em;
color: #ffffff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
margin-top: 0px;
}
body.startseite.home .bestellen {
width: 100%;
margin-top: -90px;
margin-left: 75px;
}
body.startseite.home .bestellen a,
body.startseite.home .bestellen a:visited {
background-color: transparent;
width: 330px;
text-decoration: none;
font-size: 16px;
padding: 8px 12px;
font-weight: 500;
color: #000000;
border: none;
}
/*Login-Startseite*/
body.startseite.home .loginstart {
}
body.startseite.home .loginstart .mod_login {
margin: 0 auto;
width: 80%;
border: 1px solid #ffffff;
background: rgba(255,255,255,0.7);
padding: 15px 15px 55px 20px;
margin-left: 30px
}
body.startseite.home .loginstart .mod_login h1 {
text-align: left;
margin-bottom: 13px;
margin-top: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
color: #111111;
}
body.startseite.home .loginstart .mod_login .formbody {
text-align: left;
}
body.startseite.home .loginstart .mod_login label {
font-size: 16px;
color: #666666;
}
body.startseite.home .loginstart .mod_login input {
margin-bottom: 5px;
height: 39px;
}
body.startseite.home .loginstart .mod_login .submit_container {
width: 47%;
float: left;
margin-top: 15px;
}
body.startseite.home .loginstart .mod_login .submit_container input {
border: 1px solid #000000;
background: rgba(255,255,255,0);
text-decoration: none;
font-size: 16px;
padding: 8px 12px;
font-weight: 500;
color: #000000;
}
body.startseite.home .loginstart .mod_login .submit_container input:hover {
background: rgba(255,255,255,0.3);
}
body.startseite.home .loginstart .mod_html_pwdrecover {
position: absolute;
margin-left: 90px;
margin-top: 30px;
padding: 0;
}
body.startseite.home .loginstart .mod_html_pwdrecover a,
body.startseite.home .loginstart .mod_html_pwdrecover a:visited {
color: #333333;
}
body.startseite.home .loginstart .mod_html_pwdrecover a:hover {
color: #444444;
}
/*-----------Abschnitt 2--------*/
body.startseite .vollebreite2 {
width: 98%;
padding: 0 1%;
clear: both;
}
body.startseite.home .hauptnutzen {
margin: 0 auto;
width: 100%;
}
body.startseite.home .hauptnutzen .nutzenversprechen1 {
padding-top: 0px;
margin: 5% 2% 0 2%;
display: table;
width: 90%;
}
body.startseite.home .hauptnutzen .nutzenversprechen1 br { display: none }
body.startseite.home .hauptnutzen .nutzenversprechen2 {
width: 95%;
padding-top: 5px;
margin-bottom: 20px;
display: table;
margin: 2% 2% 20px 2%;
}
body.startseite.home .hauptnutzen .nutzenversprechen1 p{
font-size: 1.6em;
color: #333333;
text-align: left;
font-weight: 400;
padding-top: 30px 20px 0 20px;
margin: 0;
}
body.startseite.home .hauptnutzen .nutzenversprechen2 p{
font-size: 1.2em;
color: #333333;
float: left;
text-align: left;
padding-top: 10px;
line-height: 150%;
margin: 0;
}
body.startseite.home .hauptnutzen .textkasten { height: auto }
body.startseite.home .hauptnutzen .reason-why {
width: 100%;
margin-top: 20px;
float: left;
}
body.startseite.home .hauptnutzen .reason-why .reason {
width: 100%;
float: left;
padding-top: 110px;
margin-bottom: 20px;
}
body.startseite.home .hauptnutzen .reason-why h3 {
font-size: 1.2em;
margin: 0;
padding: 0 8%;
}
body.startseite.home .hauptnutzen .reason-why p {
text-align: left;
font-size: 1em;
padding: 0 8%;
}
body.startseite.home .hauptnutzen .reason-why .reason.eins { background: url("../layout_v02/icon-lerneinheiten.png") center top no-repeat; }
body.startseite.home .hauptnutzen .reason-why .reason.zwei { background: url("../layout_v02/icon-wissensarchiv.png") center top no-repeat; }
body.startseite.home .hauptnutzen .reason-why .reason.drei { background: url("../layout_v02/icon-tipps.png") center top no-repeat; }
body.startseite.home .hauptnutzen .reason-why .reason.vier { background: url("../layout_v02/icon-support.png") center top no-repeat; }
/*-----------Abschnitt 3--------*/
body.startseite .vollebreite3 {
width: 98%;
background: #e5e5e5;
padding: 0 1%;
clear: both;
}
body.startseite.home .lernangebot {
margin: 0 auto;
width: 100%;
padding: 40px 0;
display: table;
}
body.startseite.home .lernangebot .bild {
width: 95%;
height: 130px;
float: left;
background: url("../banner/startseite/vierer-kombo-01-portrait.jpg") center center no-repeat;
background-size: 100%;
margin: 0 15px;
}
body.startseite.home .lernangebot .bild img { display: none }
body.startseite.home .lernangebot .text {
width: 95%;
float: left;
padding-top: 5px;
margin: 15px 0 15px 0;
padding-left: 20px;
}
body.startseite.home .lernangebot .text h2{
font-size: 1.6em;
color: #333333;
margin: 0;
}
body.startseite.home .lernangebot .text h2 br { display: none }
body.startseite.home .lernangebot .text p{
font-size: 1em;
color: #333333;
float: left;
text-align: left;
font-weight: 300;
padding-top: 15px;
margin: 0;
}
body.startseite.home .lernangebot .liste {
float: left;
padding-left: 20px;
width: 75%;
}
body.startseite.home .lernangebot .liste ul{
font-size: 1em;
font-weight: 300;
color: #333333;
margin: 0;
padding: 0;
}
body.startseite.home .lernangebot .liste li{
list-style-type: none;
background: url("../layout_v02/pfeil-leer.png") left 8px no-repeat;
padding-left: 20px;
margin-bottom: 10px
}
/*-----------Abschnitt 4--------*/
body.startseite .vollebreite4 {
width: 98%;
padding: 0 1%;
clear: both;
}
body.startseite.home .redaktion {
margin: 0 auto;
width: 100%;
padding: 40px 0;
}
body.startseite.home .redaktion h3 {
font-size: 1.6em;
color: #333333;
margin: 0;
padding: 0 4%;
}
body.startseite.home .redaktion .lerneinheiten {
background: url("../banner/startseite/drei-einheiten.jpg") top left no-repeat;
background-size: 100%;
width: 98%;
height: 120px;
margin: 20px 0 40px 0;
}
body.startseite.home .autorinnen {
width: 100%;
margin-top: 40px;
}
body.startseite.home .autorinnen div {
width: 100%;
float: left;
padding-top: 130px;
text-align: center;
margin-bottom: 20px;
}
body.startseite.home .autorinnen h4 {
font-size: 1.3em;
margin: 0;
}
body.startseite.home .autorinnen p {
text-align: left;
font-size: 1em;
padding: 0 10%;
}
body.startseite.home .autorinnen .eins { background: url("../layout_v02/autoren_md.png") center top no-repeat; }
body.startseite.home .autorinnen .zwei { background: url("../layout_v02/autoren_ik.png") center top no-repeat; }
body.startseite.home .autorinnen .drei { background: url("../layout_v02/autoren_mg.png") center top no-repeat; }
body.startseite.home .autorinnen .vier { background: url("../layout_v02/autoren_mt.png") center top no-repeat; }
/*-----------Abschnitt 4a--------*/
body.startseite.home .onlinekurse {
margin: 0 auto;
width: 98%;
padding: 10px 0;
}
body.startseite.home .onlinekurse h3 {
font-size: 1.6em;
color: #333333;
margin: 0;
margin: 10px 10px;
font-weight: 400;
}
body.startseite.home .kurse {
width: 100%;
margin-top: 20px;
}
body.startseite.home .kurse div {
width: 92%;
float: left;
padding-top: 10px;
text-align: center;
margin-bottom: 40px;
margin-right: 3%;
text-align: left;
margin-left: 3%;
}
body.startseite.home .kurse h4 {
font-size: 19px;
margin: 10px 0 0 0;
font-weight: 400;
font-size: 1em;
}
body.startseite.home .kurse a {
text-decoration: none;
font-weight: 300;
}
body.startseite.home .kurse a:hover {
color: #666666;
}
body.startseite.home .kurse img {
opacity: 1;
width: 600px;
}
body.startseite.home .kurse img:hover {
opacity: 0.9;
}
/*-----------Abschnitt 4b--------*/
body.startseite.home .themenbereiche {
margin: 0 auto;
width: 100%;
padding: 40px 0;
}
body.startseite.home .themenbereiche h3 {
font-size: 1.6em;
color: #333333;
margin: 0;
padding: 0 4%;
}
body.startseite.home .themenbereiche .lerneinheiten {
background: url("../banner/startseite/drei-einheiten.jpg") top left no-repeat;
background-size: 100%;
width: 98%;
height: 120px;
margin: 20px 0 40px 0;
}
body.startseite.home .programme {
width: 100%;
margin-top: 40px;
}
body.startseite.home .programme div {
width: 100%;
float: left;
padding-top: 10px;
text-align: center;
margin-bottom: 20px;
}
body.startseite.home .programme h4 {
font-size: 1.3em;
margin: 10px 0 0 0;
}
body.startseite.home .programme p {
text-align: left;
font-size: 1em;
padding: 0 10%;
}
body.startseite.home .programme img {
width: 100px;
height: 100px;
opacity: 1;
}
body.startseite.home .programme .eins a, body.startseite.home .programme .eins a h4 { color: #005da8; text-decoration: none; }
body.startseite.home .programme .zwei a, body.startseite.home .programme .zwei a h4 { color: #b20738; text-decoration: none; }
body.startseite.home .programme .drei a, body.startseite.home .programme .drei a h4 { color: #f47f25; text-decoration: none; }
body.startseite.home .programme .vier a, body.startseite.home .programme .vier a h4 { color: #f2b300; text-decoration: none; }
body.startseite.home .programme .eins a:hover { color: #006dce }
body.startseite.home .programme .zwei a:hover { color: #ed0749 }
body.startseite.home .programme .drei a:hover { color: #faa461 }
body.startseite.home .programme .vier a:hover { color: #ffd660 }
/*
body.startseite.home .programme .eins { background: url("../layout_v02/programme_ps.png") center top no-repeat; }
body.startseite.home .programme .zwei { background: url("../layout_v02/programme_id.png") center top no-repeat; }
body.startseite.home .programme .drei { background: url("../layout_v02/programme_il.png") center top no-repeat; }
body.startseite.home .programme .vier { background: url("../layout_v02/programme_pd.png") center top no-repeat; }
*/
/*-----------Abschnitt 5--------*/
body.startseite .vollebreite5 {
width: 98%;
background: #e5e5e5;
padding: 0 1%;
clear: both;
}
body.startseite.home .zumangebot {
margin: 0 auto;
width: 100%;
padding: 40px 0;
display: table;
}
body.startseite.home .zumangebot h2 {
font-size: 1.6em;
color: #333333;
margin: 0 0 20px 0;
text-align: left;
padding: 0 20px;
}
body.startseite.home .zumangebot h2 br { display: none }
body.startseite.home .zumangebot p {
text-align: left;
font-size: 1.1em;
padding: 0 10px;
float:left;
line-height: 150%;
}
body.startseite.home .zumangebot .bestellbutton {
float: left;
width: 100%;
margin: 20px 0 0 10px;
}
body.startseite.home .zumangebot .bestellbutton a,
body.startseite.home .zumangebot .bestellbutton a:visited {
font-size: 1.1em;
font-weight: 400;
color: #ffffff;
background: #a6233e;
border-radius: 7px;
padding: 5px 15px;
text-decoration: none;
}
/*-----------Abschnitt 6--------*/
body.startseite .vollebreite6 {
width: 98%;
clear: both;
padding: 0 1%;
}
body.startseite.home .kunden {
margin: 0 auto;
width: 100%;
padding: 20px 0;
}
body.startseite.home .kunden h3 {
font-size: 1.6em;
color: #333333;
margin: 0 0 0 0;
text-align: left;
padding: 0 20px;
}
body.startseite.home .kunden .text {
width: 90%;
float: left;
padding-top: 5px;
margin-bottom: 40px;
padding-left: 30px;
margin-left: 1%;
}
body.startseite.home .kunden p {
text-align: left;
font-size: 1em;
padding: 0 10px 0 120px;
float:left;
line-height: 150%;
}
body.startseite.home .kunden2 p.testi1,
body.startseite.home .kunden2 p.testi2,
body.startseite.home .kunden2 p.testi3,
body.startseite.home .kunden2 p.testi4,
body.startseite.home .kunden2 p.testi {
text-align: left;
font-size: 1.1em;
padding: 0 10px 0 0;
float: left;
line-height: 36px;
margin: 0;
font-weight: 400;
float: right;
}
body.startseite.home .kunden .kundengrafik {
width: 70%;
margin: 0 13%;
float: left;
}
body.startseite.home .slider-wrapper { margin: 0 auto; }
body.startseite.home .content-slider { width: 96%; margin: 0 2%; float: left }
body.startseite.home .slider-control { display: none }
/*-----------Related Box (Relevante Beitr�ge) ------------*/
body.detailseite .mod_article_related {
width: 100%;
padding-left: 10px;
}
body.detailseite .mod_article_related div.layout_latest {
width: 90%;
padding-right: 20px;
float: left;
}
body.detailseite .mod_article_related div .item-image {
width: 100%;
border: 1px solid #999999;
}
body.detailseite #main .mod_article_related .info { display: none }
body.detailseite #main .mod_article_related div.layout_latest h2 {
font-size: 1em;
}
body.detailseite #main .mod_article_related div.layout_latest .teaser {
font-size: 0.9em;
margin-top: 10px;
display: none;
}
body.detailseite #main h2.ce_headline {
float: left;
padding: 0 0 0 10px;
margin-bottom: 20px;
}
/*--- Liste auf Startseite ---*/
body.startseite.home .mod_article_list {
margin: 0 auto;
width: 95%;
}
body.startseite.home .mod_article_list div.layout_latest {
width: 90%;
padding: 0 3%;
float: left;
}
body.startseite.home .mod_article_list div .item-image {
width: 100%;
margin-top: 5px;
}
body.startseite.home #main .mod_article_list .info { font-size: 0.8em; }
body.startseite.home #main .mod_article_list div.layout_latest h4 {
font-size: 1em;
margin-right: 0;
}
body.startseite.home #main .mod_article_list div.layout_latest h4 a,
body.startseite.home #main .mod_article_list div.layout_latest h4 a:visited {
text-decoration: none;
}
body.startseite.home #main .mod_article_list div.layout_latest .teaser {
font-size: 0.9em;
margin-top: 10px;
height: auto;
display: none;
}
body.startseite.home h3.zentriert {
width: 95%;
margin: 30px 10px;
color: #333333;
font-size: 1.6em;
}
body.startseite.home .mod_article_list .count { display: none }
body.startseite.home #header2 .mod_customnav.mainMenu { display: none }
/*-----------Videoabschnitt Startseite - Ergänzt am 01.05.2020 --------*/
body.startseite.home #main .vollebreite-video .hauptnutzen2 {
margin: 0 auto;
width: 100%;
}
body.startseite.home #main .vollebreite-video .hauptnutzen2 .screenshot {
margin: 20px 2% 5px 2%;
border: 1px solid #333333;
text-align: center;
width: 94%;
padding: 1%;
}
body.startseite.home #main .vollebreite-video {
width: 100%;
display: table;
padding-top: 10px;
padding-bottom: 50px;
}
/*--------------------------------Hilfe und h�ufige Fragen--------------------------------------------*/
body.faq #main .mod_article { padding: 20px 10px }
body.faq #main .ce_text { width: 95% }
body.faq .bildspalte img {
float: left;
margin: 0 30px 10px 0;
width: 132px;
padding: 5px;
}
/*body.faq .psa { color: #0055a0; }
body.faq .ida { color: #b20738; }
body.faq .ila { color: #f47f25; }
body.faq .pdf { color: #f2b300; }
*/
body.faq .ce_text li {
background: url("../layout/bullet_999999.png") left 3px no-repeat;
list-style: none;
padding-left: 30px;
line-height: 150%;
margin-bottom: 10px;
}
body.faq .ce_text h2 { margin-top: 30px }
body.faq .ce_text h3 { font-size: 1.2em }
body.faq #main .ce_text .vorstellung { display: table}
body.faq #main .ce_text .bildspalte { width: 150px; display: table-cell; vertical-align: top }
body.faq #main .ce_text .textspalte { float: left; display: table-cell }
body.faq #main .ce_text .textspalte p { margin-top: 0 }
body.faq #main .bu_service {
display: block;
font-size: 1em;
margin: 0 10px 0 0;
padding: 0 0 10px 0;
text-align: left;
font-style: italic;
}
body.faq #main .screenshot {
margin: 30px 0 5px 0;
border: 1px solid #999999;
text-align: center;
width: 95%;
padding: 10px
}
/*Facebook-Impressum*/
body.facebookimpressum #article-1018 { padding: 50px }
body.facebookimpressum .ce_text { margin-bottom: 20px }
body.facebookimpressum #header, body.facebookimpressum #footer { display: none }
/*----------Version ohne Programm-Filterbuttons im Header------------*/
.webshop.startseite { display: none }
#header2 .mod_archive_list { display: none }
/*------------------Mobiles Men� einblenden-------------------*/
body.detailseite.iv2.fachbeitrag #mobileMenuOpen {
position: fixed;
left: 0px;
top: 67px;
z-index: 15000;
margin-top: 3px;
padding: 5px;
}
#mobileMenuOpen .image_container {
width: 30px;
height: 30px;
padding: 0 2px;
background: #cccccc;
z-index: 50;
border-radius: 7px;
border: 1px solid #ffffff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
/*Navi auf Detailseite verschieben f�r Mobi-Men�*/
body.detailseite.iv2 #header2 .mod_navigation { margin-left: 15px }
/*------------------Sidebar ein- oder ausblenden---------------------------*/
body.detailseite.fachbeitrag.iv2 .sidebarillustrator .hidden { display: none }
body.detailseite.iv2.fachbeitrag #mobileMenuOpen {
/*visibility: hidden;*/
}
/*---------- �bungsdateien und PDF-Datei bei HTML-Version --------------*/
body.detailseite.startseite.fachbeitrag.iv2 .sidebarillustrator .files { display: block }
body.detailseite.fachbeitrag.iv2 #main h1 { padding-top: 140px; }
body.detailseite.fachbeitrag.iv2 .additional {
position: absolute;
top: 80px;
left: 0px;
width: 100%;
}
body.detailseite.fachbeitrag.iv2 .additional .files { float: left }
body.detailseite.fachbeitrag.iv2 .additional .pdf { float: left }
body.detailseite.fachbeitrag.iv2 .additional .files p { display: none }
body.detailseite.fachbeitrag.iv2 .additional .files ul { font-size: 1em }
body.detailseite.fachbeitrag.iv2 .additional .files li { list-style-type: none }
body.detailseite.fachbeitrag.iv2 .additional div {
text-align: center;
display: table;
margin-left: 20px;
}
body.detailseite.fachbeitrag.iv2 .additional .files a,
body.detailseite.fachbeitrag.iv2 .additional .files a:visited {
color: transparent;
border: 1px solid #333333;
display: block;
padding: 0;
height: 34px;
width: 148px;
background: url("../layout_v02/uebungsdatei-icon.png") center center no-repeat;
}
body.detailseite.fachbeitrag.iv2 .additional .pdf a,
body.detailseite.fachbeitrag.iv2 .additional .pdf a:visited {
color: transparent;
border: 1px solid #333333;
display: block;
padding: 0;
height: 34px;
width: 148px;
background: url("../layout_v02/pdf-version-icon.png") center center no-repeat;
}
body.detailseite.fachbeitrag.iv2.psa .additional a,
body.detailseite.fachbeitrag.iv2.psa .additional a:visited {
background-color: #cde8ff;
border: 1px solid #0055a0;
}
body.detailseite.fachbeitrag.iv2.ida .additional a,
body.detailseite.fachbeitrag.iv2.ida .additional a:visited {
background-color: #ffd4e0;
border: 1px solid #b20738;
}
body.detailseite.fachbeitrag.iv2.ila .additional a,
body.detailseite.fachbeitrag.iv2.ila .additional a:visited {
background-color: #ffe7d5;
border: 1px solid #f47f25;
}
body.detailseite.fachbeitrag.iv2.pdf.additional a,
body.detailseite.fachbeitrag.iv2.pdf .additional a:visited {
background-color: #fff3d1;
border: 1px solid #f2b300;
}
body.detailseite.fachbeitrag.iv2.praxishilfe.additional a,
body.detailseite.fachbeitrag.iv2.praxishilfe.additional a:visited {
background-color: #fff3d1;
border: 1px solid #f2b300;
}
/*-----------Danke Kontaktaufnahme -------------------*/
body.dashboard.danke .danke-unten,
body.footer.kontakt .danke-unten { width: 100% }
body.dashboard.danke .danke-unten .feld,
body.footer.kontakt .danke-unten .feld { clear: left; width: 80%; margin-bottom: 0 }
body.dashboard.danke .danke-unten .eingabe,
body.footer.kontakt .danke-unten .eingabe { clear: left; width: 80%; margin-left: 0; margin-bottom: 20px; }
body.fachbeitrag.news.blog #right h3 { font-size: 1.1em; margin-left: 15px; }
/*--------------------Werbebereich Lerneinheiten---------------------*/
body.news.mag .angebotsbeschreibung {
width: 100%;
height: 260px;
}
body.news.mag .angebotsbeschreibung .box {
width: 70%;
background-color: #333333;
float: left;
margin: 2% 14%;
border: 1px solid #333333;
}
body.news.mag.psa .angebotsbeschreibung .box { background-color: #002545; border-color: #002545; }
body.news.mag.ida .angebotsbeschreibung .box { background-color: #470316; border-color: #470316; }
body.news.mag.ila .angebotsbeschreibung .box { background-color: #462206; border-color: #462206; }
body.news.mag.pdf .angebotsbeschreibung .box { background-color: #473500; border-color: #473500; }
body.news.mag.philfe .angebotsbeschreibung .box { background-color: #111111; border-color: #111111; }
body.news.mag .angebotsbeschreibung .box .picture {
width: 100%;
height: 170px;
background-size: cover;
}
body.news.mag .angebotsbeschreibung .box .text {
color: #ffffff;
font-weight: 400;
padding: 5px;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
font-size: 0.8em
}
body.news.mag .angebotsbeschreibung .box .text.alle { display: block}
body.news.mag .angebotsbeschreibung .box .text.psa { display: none }
body.news.mag .angebotsbeschreibung .box .text.ida { display: none }
body.news.mag .angebotsbeschreibung .box .text.ila { display: none }
body.news.mag .angebotsbeschreibung .box .text.pdf { display: none }
body.news.mag .angebotsbeschreibung .box .text.philfe { display: none }
body.news.mag.psa .angebotsbeschreibung .box .text.alle { display: none }
body.news.mag.psa .angebotsbeschreibung .box .text.psa { display: block }
body.news.mag.psa .angebotsbeschreibung .box .text.ida { display: none }
body.news.mag.psa .angebotsbeschreibung .box .text.ila { display: none }
body.news.mag.psa .angebotsbeschreibung .box .text.pdf { display: none }
body.news.mag.psa .angebotsbeschreibung .box .text.philfe { display: none }
body.news.mag.ida .angebotsbeschreibung .box .text.alle { display: none }
body.news.mag.ida .angebotsbeschreibung .box .text.psa { display: none }
body.news.mag.ida .angebotsbeschreibung .box .text.ida { display: block }
body.news.mag.ida.angebotsbeschreibung .box .text.ila { display: none }
body.news.mag.ida .angebotsbeschreibung .box .text.pdf { display: none }
body.news.mag.ida.angebotsbeschreibung .box .text.philfe { display: none }
body.news.mag.ila .angebotsbeschreibung .box .text.alle { display: none }
body.news.mag.ila .angebotsbeschreibung .box .text.psa { display: none }
body.news.mag.ila .angebotsbeschreibung .box .text.ida { display: none }
body.news.mag.ila .angebotsbeschreibung .box .text.ila { display: block }
body.news.mag.ila .angebotsbeschreibung .box .text.pdf { display: none }
body.news.mag.ila .angebotsbeschreibung .box .text.philfe { display: none }
body.news.mag.pdf .angebotsbeschreibung .box .text.alle { display: none }
body.news.mag.pdf .angebotsbeschreibung .box .text.psa { display: none }
body.news.mag.pdf .angebotsbeschreibung .box .text.ida { display: none }
body.news.mag.pdf .angebotsbeschreibung .box .text.ila { display: none }
body.news.mag.pdf .angebotsbeschreibung .box .text.pdf { display: block }
body.news.mag.pdf .angebotsbeschreibung .box .text.philfe { display: none }
body.news.mag.philfe .angebotsbeschreibung .box .text.alle { display: none }
body.news.mag.philfe .angebotsbeschreibung .box .text.psa { display: none }
body.news.mag.philfe .angebotsbeschreibung .box .text.ida { display: none }
body.news.mag.philfe .angebotsbeschreibung .box .text.ila { display: none }
body.news.mag.philfe .angebotsbeschreibung .box .text.pdf { display: none }
body.news.mag.philfe .angebotsbeschreibung .box .text.philfe { display: block }
body.news.mag .angebotsbeschreibung .box .text a,
body.news.mag .angebotsbeschreibung .box .text a:visited {
color: #ffffff;
font-weight: 400;
padding: 5px 12px;
text-decoration: none;
background: #a6233e;
border-radius: 7px;
float: left;
margin: 7px 10px 7px 30px;
}
body.news.mag.psa .angebotsbeschreibung .box .text a,
body.news.mag.psa .angebotsbeschreibung .box .text a:visited { background: #0055a0 }
body.news.mag.ida .angebotsbeschreibung .box .text a,
body.news.mag.ida .angebotsbeschreibung .box .text a:visited { background: #b20738 }
body.news.mag.ila .angebotsbeschreibung .box .text a,
body.news.mag.ila .angebotsbeschreibung .box .text a:visited { background: #f47f25 }
body.news.mag.pdf .angebotsbeschreibung .box .text a,
body.news.mag.pdf .angebotsbeschreibung .box .text a:visited { background: #f2b300 }
body.news.mag.philfe .angebotsbeschreibung .box .text a,
body.news.mag.philfe .angebotsbeschreibung .box .text a:visited { background: #eff800; color: #000000 }
body.news.mag .angebotsbeschreibung .box .picture { background-position: center center; background-repeat: no-repeat; }
body.news.mag .angebotsbeschreibung .box.workers .picture { background-image: url("../layout_v02/workers-alle.jpg") }
body.news.mag.psa .angebotsbeschreibung .box.workers .picture { background-image: url("../layout_v02/workers-psa.jpg") }
body.news.mag.ida .angebotsbeschreibung .box.workers .picture { background-image: url("../layout_v02/workers-ida.jpg") }
body.news.mag.ila .angebotsbeschreibung .box.workers .picture { background-image: url("../layout_v02/workers-ila.jpg") }
body.news.mag.philfe .angebotsbeschreibung .box.workers .picture { background-image: url("../layout_v02/workers-philfe.jpg") }
body.news.mag.pdf .angebotsbeschreibung .box.workers .picture { background-image: url("../layout_v02/workers-pdf.jpg") }
body.news.mag .angebotsbeschreibung .box.examples .picture { background-image: url("../layout_v02/examples-alle.jpg") }
body.news.mag.psa .angebotsbeschreibung .box.examples .picture { background-image: url("../layout_v02/examples-psa.jpg") }
body.news.mag.ida .angebotsbeschreibung .box.examples .picture { background-image: url("../layout_v02/examples-ida.jpg") }
body.news.mag.ila .angebotsbeschreibung .box.examples .picture { background-image: url("../layout_v02/examples-ila.jpg") }
body.news.mag.philfe .angebotsbeschreibung .box.examples .picture { background-image: url("../layout_v02/examples-philfe.jpg") }
body.news.mag.pdf .angebotsbeschreibung .box.examples .picture { background-image: url("../layout_v02/examples-pdf.jpg") }
body.news.mag .angebotsbeschreibung .box.responsive .picture { background-image: url("../layout_v02/responsive-alle.jpg") }
body.news.mag.psa .angebotsbeschreibung .box.responsive .picture { background-image: url("../layout_v02/responsive-psa.jpg") }
body.news.mag.ida .angebotsbeschreibung .box.responsive .picture { background-image: url("../layout_v02/responsive-ida.jpg") }
body.news.mag.ila .angebotsbeschreibung .box.responsive .picture { background-image: url("../layout_v02/responsive-ila.jpg") }
body.news.mag.philfe .angebotsbeschreibung .box.responsive .picture { background-image: url("../layout_v02/responsive-philfe.jpg") }
body.news.mag.pdf .angebotsbeschreibung .box.responsive .picture { background-image: url("../layout_v02/responsive-pdf.jpg") }
body.news.mag .angebotsbeschreibung .box.advantages .picture ul {
margin: 0;
padding: 0;
}
body.news.mag .angebotsbeschreibung .box.advantages .picture { height: 144px; }
body.news.mag .angebotsbeschreibung .box.advantages .picture li {
list-style-type: none;
color: #ffffff;
font-size: 0.7em;
font-weight: 400;
line-height: 1.1em;
padding-left: 45px;
margin: 20px 0;
background: url("../layout_v02/ok-box-rot.png") 10px center no-repeat;
}
body.news.mag.psa .angebotsbeschreibung .box.advantages .picture li { background: url("../layout_v02/ok-box-psa.png") 10px center no-repeat;}
body.news.mag.ida .angebotsbeschreibung .box.advantages .picture li { background: url("../layout_v02/ok-box-ida.png") 10px center no-repeat;}
body.news.mag.ila .angebotsbeschreibung .box.advantages .picture li { background: url("../layout_v02/ok-box-ila.png") 10px center no-repeat;}
body.news.mag.pdf .angebotsbeschreibung .box.advantages .picture li { background: url("../layout_v02/ok-box-pdf.png") 10px center no-repeat;}
body.news.mag.philfe .angebotsbeschreibung .box.advantages .picture li { background: url("../layout_v02/ok-box-philfe.png") 10px center no-repeat;}
body.news.mag .angebotsbeschreibung .box.advantages .picture li.first { margin-top: }
body.news.mag .angebotsbeschreibung .box.advantages .picture { background-image: none }
body.news.mag .angebotsbeschreibung .box.advantages { margin-bottom: 40px }
div.seiteneinleitung p br { display: none }
body.news.mag .filterbeschreibung {
width: 90%;
}
body.news.mag .filterbeschreibung .alle { display: inline}
body.news.mag .filterbeschreibung .psa { display: none }
body.news.mag .filterbeschreibung .ida { display: none }
body.news.mag .filterbeschreibung .ila { display: none }
body.news.mag .filterbeschreibung .pdf { display: none }
body.news.mag .filterbeschreibung .philfe { display: none }
body.news.mag.psa .filterbeschreibung .alle { display: none }
body.news.mag.psa .filterbeschreibung .psa { display: inline }
body.news.mag.psa .filterbeschreibung .ida { display: none }
body.news.mag.psa .filterbeschreibung .ila { display: none }
body.news.mag.psa .filterbeschreibung .pdf { display: none }
body.news.mag.psa .filterbeschreibung .philfe { display: none }
body.news.mag.ida .filterbeschreibung .alle { display: none }
body.news.mag.ida .filterbeschreibung .psa { display: none }
body.news.mag.ida .filterbeschreibung .ida { display: inline }
body.news.mag.ida.filterbeschreibung .ila { display: none }
body.news.mag.ida .filterbeschreibung .pdf { display: none }
body.news.mag.ida.filterbeschreibung .philfe { display: none }
body.news.mag.ila .filterbeschreibung .alle { display: none }
body.news.mag.ila .filterbeschreibung .psa { display: none }
body.news.mag.ila .filterbeschreibung .ida { display: none }
body.news.mag.ila .filterbeschreibung .ila { display: inline }
body.news.mag.ila .filterbeschreibung .pdf { display: none }
body.news.mag.ila .filterbeschreibung .philfe { display: none }
body.news.mag.pdf .filterbeschreibung .alle { display: none }
body.news.mag.pdf .filterbeschreibung .psa { display: none }
body.news.mag.pdf .filterbeschreibung .ida { display: none }
body.news.mag.pdf .filterbeschreibung .ila { display: none }
body.news.mag.pdf .filterbeschreibung .pdf { display: inline }
body.news.mag.pdf .filterbeschreibung .philfe { display: none }
body.news.mag.philfe .filterbeschreibung .alle { display: none }
body.news.mag.philfe .filterbeschreibung .psa { display: none }
body.news.mag.philfe .filterbeschreibung .ida { display: none }
body.news.mag.philfe .filterbeschreibung .ila { display: none }
body.news.mag.philfe .filterbeschreibung .pdf { display: none }
body.news.mag.philfe .filterbeschreibung .philfe { display: inline }
/*-----Formulare und Buttons global -----------*/
body.fachbeitrag.news.blog #main .ce_text.layer_register a, body.fachbeitrag.news.blog #main .ce_text.layer_register a:visited,
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register a, body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register a:visited,
.footernav.ca li.testlink a, .footernav.ca li.testlink a:visited,
body.news.mag .angebotsbeschreibung .box .text a, body.news.mag .angebotsbeschreibung .box .text a:visited,
body.startseite.home .zumangebot .bestellbutton a, body.startseite.home .zumangebot .bestellbutton a:visited,
a.button,
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 10px;
height: 40px;
padding: 10px 12px;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 3px;
transition: background-color .25s ease-out,color .25s ease-out;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #b01613;
color: #fefefe;
font-size: 1.1em;
font-weight: 500;
font-family: 'Roboto', sans-serif;
text-decoration: none;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register a:hover,
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register a:hover,
.footernav.ca li.testlink a:hover,
body.news.mag .angebotsbeschreibung .box .text a:hover,
body.startseite.home .zumangebot .bestellbutton a:hover
a.button:hover,
.button:hover { background-color: #c40400 }
body.news.mag .angebotsbeschreibung .box .text a,
body.startseite.home .zumangebot .bestellbutton a {
height: 30px;
padding-top: 18px
}
body.news.mag .angebotsbeschreibung .box .text a {
height: 13px;
padding: 12px 8px;
margin: 0 0 8px 37px;
font-size: 1em
}
.footernav.ca li.testlink a {
background-image: none;
height: 20px;
margin-top: 5px;
padding-top: 13px;
}
.submit_container input {
display: inline-block;
vertical-align: middle;
margin: 0 0 10px;
padding: 14px 14px;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 3px;
transition: background-color .25s ease-out,color .25s ease-out;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #b01613;
color: #fefefe;
font-size: 1.1em;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.submit_container input:hover { background-color: #c40400 }
textarea,
input[type=password],
input[type=email],
input[type=text] {
width: 100%;
height: 40px;
font-size: 1em;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
-webkit-box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
-moz-box-shadow: 3px 4px 4px 0px rgba(10,10,10,0.15);
box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
border: 1px solid #e6e6e6;
padding: 0 0 0 5px;
float: left;
border-radius: 3px;
}
.widget-textarea label,
.widget-select label,
.widget-text label { color: #777777; font-weight: 300 }
select {
height: 40px;
margin: 0 0 10px;
padding-left: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #e6e6e6;
border-radius: 3px;
background-color: #fefefe;
font-family: inherit;
font-size: 1.1em;
line-height: normal;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow .5s,border-color .25s ease-in-out;
}
body.fachbeitrag.news.blog #main .ce_text.layer_register .button,
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register .button { background-color: transparent }
body.fachbeitrag.news.blog #main .ce_text.layer_register a,
body.detailseite.fachbeitrag.iv2 #main .ce_text.layer_register a { height: auto }
body.fachbeitrag.news.blog #main .ce_text.layer_register h3 { color: #b01613 }
/*---------Abschnitt 1 neu--------*/
body.startseite.zwei .vollebreite1 {
width: 100%;
background: #0e0e0e;
display: table;
}
body.startseite.home.zwei .hauptmotiv {
margin: 0 auto;
width: 100%;
height: 607px;
background: url("../banner/startseite/startseite-topmotiv03-smart.jpg") center center no-repeat;
background-size: cover;
display: table-cell;
}
body.startseite.home.zwei .textkasten.oben {
width: 100%;
height: 310px;
text-align: center;
padding-top: 30px;
margin: 0 auto;
}
body.startseite.home.zwei .headline {
width: 100%;
float: left;
}
body.startseite.home.zwei .headline h1{
font-size: 2.7em;
color: #ffffff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
margin: 30px 0 5px 0;
width: 90%;
margin-left: 20px;
}
body.startseite.home.zwei .headline h2{
font-size: 1.4em;
color: #ffffff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
margin-top: 0px;
width: 90%;
margin-left: 20px;
}
body.startseite.home.zwei .bestellen {
position: absolute;
margin-left: 196px;
margin-top: 275px;
width: auto;
height: 40px;
}
body.startseite.home.zwei .bestellen a,
body.startseite.home.zwei .bestellen a:visited {
background-color: transparent;
text-decoration: none;
font-size: 16px;
padding: 8px 12px;
font-weight: 500;
color: #fefefe;
border: none;
}
body.startseite.home.zwei .bestellen a:hover {
color: #eeeeee;
}
body.startseite.home.zwei .vollebreite1 .button_container {
width: 100%;
margin-bottom: 30px;
}
body.startseite.home.zwei .vollebreite1 .button {
height: 20px;
}
/*Login-Startseite Neu*/
body.startseite.home.zwei .loginstart .login_info { color: #efefef }
body.startseite.home.zwei .loginstart {
}
body.startseite.home.zwei .loginstart .mod_login {
margin: 0 auto;
width: 265px;
height: 310px;
border: 0;
background: #333333;
padding: 15px 15px 15px 15px;
float: left;
margin-left: 30px;
}
body.startseite.home.zwei .loginstart .mod_login.logout { height: 200px }
body.startseite.home.zwei .loginstart .mod_login h1 {
text-align: left;
margin-bottom: 13px;
margin-top: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
color: #fefefe;
}
body.startseite.home.zwei .loginstart .mod_login .formbody {
text-align: left;
}
body.startseite.home.zwei .loginstart .mod_login label {
font-size: 16px;
color: #fefefe;
font-weight: 300;
}
body.startseite.home.zwei .loginstart .mod_login input {
margin-bottom: 25px;
height: 34px;
width: 260px;
border: 0;
}
body.startseite.home.zwei .loginstart .mod_login .submit_container {
width: 100%;
margin-top: 60px;
}
body.startseite.home.zwei .loginstart .mod_login .submit_container input {
border: 1px solid #fefefe;
background: transparent;
text-decoration: none;
font-size: 16px;
padding: 10px 12px;
font-weight: 500;
color: #fefefe;
width: 110px;
height: 40px;
}
body.startseite.home.zwei .loginstart .mod_login .submit_container input:hover {
background: rgba(255,255,255,0.1);
}
body.startseite.home.zwei .loginstart .mod_login .submit_container a {
display:inline-block;
color: #fefefe;
line-height:40px;
text-decoration: none;
float:right;
}
body.startseite.home.zwei .loginstart .mod_html_pwdrecover {
position: absolute;
margin-left: 50px;
margin-top: 220px;
width: 240px;
padding: 0;
text-align: left;
}
body.startseite.home.zwei .loginstart .mod_html_pwdrecover a,
body.startseite.home.zwei .loginstart .mod_html_pwdrecover a:visited {
color: #bbbbbb;
text-decoration: none;
}
body.startseite.home.zwei .loginstart .mod_html_pwdrecover a:hover {
color: #cccccc;
}
body.startseite.home.zwei .lernangebot .bild {
width: 94%;
height: 8em;
float: left;
background-size: cover;
}
body.startseite.home .lernangebot .text {
width: 100%;
float: left;
padding-top: 40px;
margin-bottom: 20px;
padding-left: 10px;
}
body.startseite.home .lernangebot .text p {
width: 96%;
}
body.startseite.home .lernangebot {
padding: 20px 0;
}
/*------ Hauptmotiv 2 (Leiterfrau) -------*/
body.startseite.home.zwei.drei .hauptmotiv {
background: url("../banner/startseite/startseite-topmotiv02-smart.jpg") left center no-repeat;
margin: 0 auto;
width: 100%;
height: 607px;
background-size: cover;
}
body.startseite.home.zwei.drei .vollebreite1 .button_container {
width: 80%;
margin: 20px 0 0 40px;
}
/*----Headlines umstellen ---------*/
body.startseite.home.zwei .headline_neu {
width: 45%;
float: left;
}
body.startseite.home.zwei .headline_neu h2{
font-size: 2.5em;
color: #ffffff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
text-transform: uppercase;
margin: 10px 0 5px 0px;
position: relative;
top: -50px;
width: 100%;
left: 0;
text-align: center;
}
body.startseite.home.zwei .headline_neu h1{
font-size: 1.4em;
color: #ffffff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
margin-top: 0px;
position: relative;
top: 190px;
margin-left: 0;
width: 100%;
}
body.startseite.home.zwei .headline_neu .button_container {
position: relative;
top: 20px;
margin-left: 0px;
width: 100%;
}
body.startseite.home.zwei .headline_neu {
width: 100%;
float: left;
}
body.startseite.home .loginstart .mod_login h5 {
text-align: left;
margin-bottom: 13px;
margin-top: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
color: #fefefe;
}
/*---Begr��ung auf Startseite------*/
body.startseite.home.zwei .loginstart {
}
body.startseite.home .hallo {
background: rgba(0,0,0,0.5);
background: #333333;
width: 245px;
height: 310px;
color: #efefef;
float: left;
padding: 0 10px;
margin: 0 40px;
}
body.startseite.home .hallo h5 {
color: #efefef;
font-size: 19px;
margin: 10px 0 0 0;
}
body.startseite.home .hallo p {
margin: 20px 0;
font-size: 1em;
}
body.startseite.home .hallo .abmeldebutton {
}
body.startseite.home .hallo .abmeldebutton .button {
font-weight: 400;
}
body.startseite.home .hallo a,
body.startseite.home .hallo a:visited {
color: #ffffff;
}
body.startseite.home .hallo a:hover { color: #efefef; }
.submit_container input {
display: inline-block;
vertical-align: middle;
margin: 0 0 10px;
padding: 14px 14px;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 3px;
transition: background-color .25s ease-out,color .25s ease-out;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #b01613;
color: #fefefe;
font-size: 1.1em;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.submit_container input:hover { background-color: #c40400 }
textarea,
input[type=password],
input[type=email],
input[type=text] {
width: 95%;
height: 40px;
font-size: 1em;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
-webkit-box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
-moz-box-shadow: 3px 4px 4px 0px rgba(10,10,10,0.15);
box-shadow: 3px 3px 4px 0px rgba(10,10,10,0.15);
border: 1px solid #e6e6e6;
padding: 0 0 0 5px;
float: left;
border-radius: 3px;
}
textarea { height: 170px }
.widget-textarea label,
.widget-select label,
.widget-text label { color: #777777; font-weight: 300 }
select {
height: 40px;
margin: 0 0 10px;
padding-left: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #e6e6e6;
border-radius: 3px;
background-color: #fefefe;
font-family: inherit;
font-size: 1.1em;
line-height: normal;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow .5s,border-color .25s ease-in-out;
}
/*---Hilfemenü---*/
.mod_customnav.hilfemenu {
letter-spacing: 0.01em;
float: right;
margin: 12px 0 0 0;
}
.mod_customnav.hilfemenu a {
z-index: 60;
text-decoration: none;
padding-top: 2px;
color: #ffffff;
font-size: 1.2em;
font-weight: 400;
color: #FFFFFF;
display: block;
height: 32px;
width: 50px;
background-color: rgba(255,255,255,0);
background-position: 5px center;
background-repeat: no-repeat;
text-decoration: none;
padding-top: 5px;
padding-left: 40px;
border-radius: 7px;
background-image: url("../layout_v02/top-icon-hilfe.png");
margin-right: 20px;
}
.mod_customnav.hilfemenu a:hover {
background-color: rgba(255,255,255,0.1);
}
body.faq.hilfe .mod_customnav.hilfemenu a {
background-color: rgba(255,255,255,0.1);
}
.custom.fixed .mod_customnav.hilfemenu {
display: none;
}
/* DSGVO-sichere Integration Videovorschau für Youtube-Videos */
body.startseite.home #main .video-container.dsgvo {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
background-image: url("../thumbs/youtube/yt-playbutton.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
body.startseite.home #main .video-container.dsgvo a {
display: block;
opacity: 1;
}
body.startseite.home #main .video-container.dsgvo a:hover {
opacity: 0.9;
}
body.startseite.home #main .screenshot.dsgvo p.dsgvo-text {
margin: 10px 0 0 0;
padding: 0;
font-size: 0.9rem;
}
/* Hinweis für aktualisiert Artikel 10.03.2020 */
span.aktualisiert {
background: url("../layout_v02/hinweis-aktualisiert-rot.png") right 5px no-repeat;
width: 72px;
height: 24px;
display: inline-block;
margin-left: 5px;
}
/* Gradtionskurven #article-item-2960 .info,*/
/* Zeichenflächen #article-item-2144 .info */
/* Objektauswahl #article-item-2921 .info */
/* Exportieren-Befehl #article-item-2163 .info */
/* Vorgaben verwalten #article-item-2919 .info */
/* Objektauswahl #article-item-2921 .info */
/* Endlosmuster #article-item-2847 .info */
/* Vorgaben synchronisieren */ #article-item-2835 .info {
background: url("../layout_v02/hinweis-aktualisiert-rot.png") right 6px no-repeat;
width: 305px;
height: 24px;
display: inline-block !important;
margin-top: 0;
margin-bottom: 0;
}
body.detailseite.iv2 #main .mod_article_related #article-item-2835 .info { display: none !important; }
/*-------------------------- Lernpakete ----------------------------*/
body.pakete { }
/* Startseite Lernpakete */
body.pakete div.seiteneinleitung p {
margin: 0 40px 10px 0
}
body.pakete.psa div.seiteneinleitung,
body.pakete.ida div.seiteneinleitung,
body.pakete.ila div.seiteneinleitung,
body.pakete.acr div.seiteneinleitung {
margin-bottom: 30px;
}
body.pakete #creative-lernpakete h1 {
line-height: normal;
padding: 0;
}
body.pakete #creative-lernpakete .seiteneinleitung {
margin-bottom: 20px;
}
body.pakete #creative-lernpakete .angebotsbeschreibung {
margin: 40px 0;
}
body.pakete .lernpaket {
margin: 30px 0 20px 0;
}
body.pakete .paketbild {
width: 95%;
margin-right: 20px;
}
body.pakete .lernpaket h2 {
font-size: 1.6em;
font-weight: 400;
margin-top: 20px;
margin-bottom: 10px;
}
body.pakete .lernpaket h2 a {
text-decoration: none;
}
body.pakete #main .lernpaket.psa h2 a { color: #0055a0 }
body.pakete #main .lernpaket.ida h2 a { color: #b20738 }
body.pakete #main .lernpaket.ila h2 a { color: #f47f25}
body.pakete #main .lernpaket.acr h2 a { color: #0c2531 }
body.pakete .lernpaket p {
margin-top: 10px;
width: 95%;
}
body.pakete .paket {
margin: 20px 30px 20px 0;
color: #222222;
padding: 5px 5px 0px 5px;
width: 100%;
clear: both;
}
body.pakete .paket .item-image {
width: 470px;
float: left;
margin: 5px 20px 30px 0px;
}
body.pakete .paket .paketinfo {
height: 213px;
}
body.pakete .paket .info {
display: inline;
letter-spacing: 0.01em;
font-size: 1.2em;
color: #333333;
padding-top: 0px;
}
body.pakete .paket .teaser {
font-size: 1.1em;
line-height: 150%;
padding-right: 15px;
height: auto;
float: left;
width: 680px;
overflow: hidden;
}
body.pakete .paket h2 {
font-size: 1.6em;
margin-bottom: 7px;
margin-top: 5px;
font-weight: 400;
height: auto;
color: #666666;
}
body.pakete h1 {
background-position: left center;
background-repeat: no-repeat;
padding: 20px 0 20px 80px;
margin: 10px 0 20px 0;
font-size: 1.8em;
}
body.pakete .angebotsbeschreibung {
padding-top: 10px;
padding-left: 5px;
}
body.pakete #werbemodul-praxishilfe,
body.pakete #werbemodul-indesign,
body.pakete #werbemodul-illustrator,
body.pakete #werbemodul-photoshop { clear: both; padding-top: 40px; }
/*---Lernpakete Kleine Boxen Version 1 --- */
body.pakete #main .kastenversion {
width: 100%;
margin-right: 20px;
}
body.pakete .kastenversion .paket {
margin: 0;
padding: 0;
}
body.pakete .kastenversion .paket.unten,
body.pakete .kastenversion .paket.zugriff {
margin: 0;
padding: 0;
}
body.pakete .kastenversion .baustein-kasten {
background: #d8d8d8;
padding: 10px;
border-radius: 7px;
width: 90%;
margin-bottom: 20px;
border: 1px solid #111111;
}
body.pakete .kastenversion .baustein-kasten img {
width: 380px;
margin: 10px 0;
border: 1px solid #111111;
}
body.pakete .baustein-kasten .baustein {
font-size: 1em;
font-weight: 500;
text-align: center;
padding: 0;
margin: 0;
color: #666666;
/*font-variant:small-caps;*/
text-transform: uppercase;
height: 25px;
}
body.pakete .baustein-kasten h3 {
font-size: 1em;
font-weight: 500;
color: #111111;
margin: 10px 0;
padding: 0;
}
body.pakete .baustein-kasten h3 a {
text-decoration: none;
}
body.pakete .baustein-kasten p.baustein-teaser {
font-weight: 300;
font-size: 1em;
margin: 0;
padding: 0;
clear: both;
display: none;
}
body.pakete .kastenversion .zugriff .baustein-kasten {
background: #dddddd;
padding: 10px 10px 20px 10px;
border-radius: 0;
width: 376px;
margin-bottom: 0;
border-top: 0;
}
body.pakete .kastenversion .zugriff .baustein-kasten a {
font-weight: 500;
height: auto;
padding: 5px 0;
font-size: 1em;
width: 178px;
margin: 0;
text-transform: uppercase;
}
body.pakete .kastenversion .zugriff .baustein-kasten a:first-child {
margin: 0 10px 0 0;
}
body.pakete .kastenversion .unten .baustein-kasten {
background: #dddddd;
height: 10px;
border-radius: 0 0 7px 7px;
width: 376px;
margin-bottom: 30px;
padding: 0 10px;
border-top: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
body.pakete .lektion { display: block; clear: both }
body.pakete .lektion h3.ce_headline {
font-size: 1.6em;
margin: 20px 0 20px 0;
}
/* Login-Hinweis */
body.pakete #main .Login-Hinweis {
font-size: 0.9em;
background: #0055A0;
color: #ffeeee;
border-radius: 10px;
margin: 20px 0 30px 0;
width: 93%;
text-align: center;
}
body.pakete #main .Login-Hinweis p {
margin: 0;
padding: 5px;
font-weight: 400;
}
body.pakete #main .Login-Hinweis a {
color: #D3E7FD;
}
body.pakete #main .Login-Hinweis { display: none }
/* Baustein-Nummerierung */
body.pakete .baustein span:after {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 15px;
background-color: #333333;
color: #ffffff;
}