Gute Idee - hätte ich auch selber draufkommen können.
Die umbenannte (MS_frontend.css -> frontend.css) wird genauso behandelt wie die alte MS_frontend.css - wird also nicht mit direktem link angezeigt und arbeitet auch nicht im template.
Demzufolge müsste es dann eigentlich etwas mit dem Inhalt der css Datei selbst zu tun haben...
Abr es ist ja nichts wildes drin...
Code: Select all
@font-face {
font-family: 'Cantarell';
font-style: normal;
font-weight: 400;
src: local('Cantarell Regular'), local('Cantarell-Regular'), url(http://fonts.gstatic.com/s/cantarell/v6/V86VyqXbc09Sss3BPsMj11tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
html {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow-y: auto;
scroll: scroll;
overflow-x: hidden;
background-color: #ebd9be;
background-image: url('../../layout/bg_body.jpg');
background-repeat: repeat;
background-attachment:fixed;
}
body {
width: 100%;
height: 100%;
min-height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: justify;
overflow-x: hidden;
background-image: url('../../layout/bg_body.jpg');
background-color: #ebd9be;
color: #0b2d48;
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
border: none;
}
/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
td, th, p, div, span {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
font-size: 18px; }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
td, th, p, div, span {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
font-size: 18px; }
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
td, th, p, div, span {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
font-size: 16px; }
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
td, th, p, div, span {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
font-size: 14px; }
}
form, div, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
.listEntry {
margin-bottom: 10px;
}
a, a:link, a:visited, a:active, a:focus {
color: #2a455f;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #5189b5;
text-decoration: none;
font-weight: bold;
}
.images a, a:link, a:visited, a:active, a:focus {
color: #2a455f;
text-decoration: none;
font-weight: bold;
}
.images a:hover {
color: #5189b5;
text-decoration: none;
font-weight: bold;
}
.fileEntry a, a:link, a:visited, a:active, a:focus {
color: #2a455f;
text-decoration: none;
font-weight: bold;
}
.fileEntry a:hover {
color: #5189b5;
text-decoration: none;
font-weight: bold;
}
.linklist a, a:link, a:visited, a:active, a:focus {
color: #2a455f;
text-decoration: none;
font-weight: normal;
}
.linklist a:hover {
color: #5189b5;
text-decoration: none;
font-weight: normal;
}
.articleText {
margin-bottom: 3px;
text-align: justify;
}
.articleCode {
margin-bottom: 3px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;;
}
.articleSummary {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;;
font-size: 11px;
color: #000000;
line-height: 135%;
}
h1 {
font-size: 22px;
margin-bottom: 20px;
}
h2 {
font-size: 18px;
margin-bottom: 5px;
}
h3 {
font-size: 16px;
margin-bottom: 5px;
}
h4 {
font-size: 14px;
margin-bottom: 0px;
}
h5 {
font-size: 12px;
margin-bottom: 5px;
}
h6 {
font-size: 10px;
margin-bottom: 5px;
}
/*---------------classes for mobile template ---------*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*------------------ css for mobile ---------------------*/
* {
box-sizing: border-box;
}
.m_main-header {
z-index: 500;
background-image: url('../../_mobile/layout/bg_top.png');
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
padding: 5px;
text-align: center;
color: #0b2d48;
font-size: 5vmin;
font-weight: bold;
position: fixed;
width: 100%;
height: 50px;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.m_main-header a {
border: 0px solid green;
position: absolute;
left: 10px;
top: 5px;
color: white;
font-size: 5vmin;
}
.m_page-wrap {
border: 0px solid green;
float: right;
width: 100%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
/* ------------------classes for mobile main (left) navigation----------------- */
.m_main-nav {
border: 0px solid red;
position: fixed;
top: 0;
width: 0;
height: 100%;
background-image: url('../../_mobile/layout/bg_ML.png');
overflow-y: auto;
transition: width 0.3s ease;
-webkit-transition: width 0.3s ease;
margin: 0 auto;
list-style-type: none;
text-decoration: none;
font: normal 4vw Cantarell, Verdana, Helvetica, Arial, sans-serif;
}
.m_main-nav em { font-style: normal; }
.m_main-nav ul {
width: 100%;
margin: 0;
padding: 0 0 0 0;
border: 0;
list-style: none;
border: 0px solid blue;
}
.m_main-nav ul li {
padding: 5px 0 5px 0;
}
.m_main-nav ul li a,
.m_main-nav ul li a:link,
.m_main-nav ul li a:visited,
.m_main-nav ul li a:active {
text-decoration: none;
text-transform: none;
color: #ede3d2;
font-weight: normal;
padding: 0 0 0 10px;
border: 0px solid green;
}
/* state for the active point if there is a sub_level */
.m_main-nav ul li.sub_ul_true a,
.m_main-nav ul li.sub_ul_true a:link,
.m_main-nav ul li.sub_ul_true a:visited,
.m_main-nav ul li.sub_ul_true a:active {
color: #pink;
font-weight: normal;
background: none;
}
/* state for the active path (link tracing) */
.m_main-nav ul li.act_path a,
.m_main-nav ul li.act_path a:link,
.m_main-nav ul li.act_path a:visited,
.m_main-nav ul li.act_path a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
/* state for the parent link (only Home) */
.m_main-nav ul li.sub_parent a,
.m_main-nav ul li.sub_parent a:link,
.m_main-nav ul li.sub_parent a:visited,
.m_main-nav ul li.sub_parent a:active {
background: #ede3d2;
color: green;
font-weight: normal;
}
/* state for the active link */
.m_main-nav ul li.active a,
.m_main-nav ul li.active a:link,
.m_main-nav ul li.active a:visited,
.m_main-nav ul li.active a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
.m_main-nav ul li a:hover, .m_main-nav ul li.sub_no a:hover {
color: #ede3d2;
font-weight: normal;
background: none;
}
.m_main-nav ul li.act_path a:hover {
color: #ede3d2;
font-weight: normal;
background: none;
}
.m_main-nav ul li.active a:hover {
color: #ede3d2;
font-weight: normal;
background: none;
}
.m_main-nav:after {
border: 0px solid yellow;
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 0px;
}
.m_content {
padding: 90px 10px 10px 10px;
background-image: url('../../layout/bg_content_center.jpg');
}
.m_close-menu {
display: none;
}
#m_main-nav:target {
width: 50%;
}
#m_main-nav:target + .m_page-wrap {
transform: translate(50%,0);
-webkit-transform: translate(50%,0);
}
#m_main-nav:target + .m_page-wrap .m_open-menu {
display: none;
}
#m_main-nav:target + .m_page-wrap .m_close-menu {
display: block;
}
#m_main-nav:target + .m_page-wrap .m_main-header {
transform: translate(0,0);
-webkit-transform: translate(0,0);
}
#m_main-nav:target + .m_page-wrap .m_lang_container {
transform: translate(40%,0);
}
/* ----------------id for language switch div in top navigation----------------- */
.m_lang_container {
position: absolute;
top: 0;
right: 15px;
height: 25px;
width: 35px;
margin: 0px px 0 0;
padding: 0 0 0 0;
border: 0px solid #0b2d48;
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
font-size: 5vmin;
font-weight: normal;
color: #0b2d48;
transition: all 0.3s ease;
}
/* ----------------classes for mobile sub menu navigation----------------- */
.m_sub_nav {
position: fixed;
z-index: 400;
top: 0;
left: 10%;
height: 90px;
width: 80%;
min-width: 300px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: center;
list-style-type: none;
text-decoration: none;
font: normal normal 14px/20px Cantarell, Verdana, Helvetica, Arial, sans-serif;
background-image: url('../../layout/bg_submenu.png');
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
}
.m_sub_nav em { font-style: normal; }
.m_sub_nav ul {
border: 0px solid blue;
display: inline-block;
margin: 45px auto 0 auto;
padding: 0;
list-style: none;
}
.m_sub_nav ul li {
border: 0px solid green;
padding: 0 0 0 0;
display: block;
float: left;
}
.m_sub_nav ul li a,
.m_sub_nav ul li a:link,
.m_sub_nav ul li a:visited,
.m_sub_nav ul li a:active {
display: block;
text-decoration: none;
text-transform: none;
color: #0b2d48;
padding: 0px 5vw 0 5vw;
border: none;
}
/* state for the active point if there is a sub_level */
.m_sub_nav ul li.sub_ul_true a,
.m_sub_nav ul li.sub_ul_true a:link,
.m_sub_nav ul li.sub_ul_true a:visited,
.m_sub_nav ul li.sub_ul_true a:active {
color: green;
font-weight: normal;
background: none;
}
/* state for the active path (link tracing) */
.m_sub_nav ul li.act_path a,
.m_sub_nav ul li.act_path a:link,
.m_sub_nav ul li.act_path a:visited,
.m_sub_nav ul li.act_path a:active {
color: red;
font-weight: bold;
background: none;
}
/* state for the parent link (only Home) */
.m_sub_nav ul li.sub_parent a,
.m_sub_nav ul li.sub_parent a:link,
.m_sub_nav ul li.sub_parent a:visited,
.m_sub_nav ul li.sub_parent a:active {
background: #81909F;
color: green;
font-weight:bold;
}
/* state for the active link */
.m_sub_nav ul li.active a,
.m_sub_nav ul li.active a:link,
.m_sub_nav ul li.active a:visited,
.m_sub_nav ul li.active a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
.m_sub_nav ul li a:hover, .m_sub_nav ul li.sub_no a:hover {
color: #ede3d2;
background: none;
}
.m_sub_nav ul li.act_path a:hover {
color: blue;
background: none;
}
.m_sub_nav ul li.active a:hover {
color: #ede3d2;
background: none;
}
/*--------------------------end classes for mobile -----------*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/* classes for content area */
.content_wrapper {
position: relative;
display: -webkit-flex; /* Safari */
display: -ms-flexbox; /* IE */
display: flex;
-webkit-flex-flow: row wrap; /* IE */
-ms-flex-flow: row wrap; /* Safari */
flex-flow: row wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-width: 1100px;
height: 100%;
min-height: 100vh;
border: 0px solid blue;
}
.content_left {
position: relative;
width: 15%;
min-width: 105px;
min-height: 1000px;
background-image: url('../../layout/bg_content_left.png');
background-repeat: repeat-y;
background-position: top right;
border: 0px solid yellow;
}
.content_center {
position: relative;
width: 60%;
min-width: 650px;
max-width: 800px;
min-height: 1000px;
background-image: url('../../layout/bg_content_center.jpg');
border: 0px solid black;
}
.content_inner_wrap {
position: relative;
margin: 140px 25px 40px 25px;
border: 0px solid green;
}
.content_right {
position: relative;
min-height: 1000px;
width: 1%;
min-width: 52px;
background-image: url('../../layout/bg_content_right.png');
background-repeat: repeat-y;
background-position: top left;
border: 0px solid red;
}
.content_mask {
position: fixed;
z-index: 500;
top: 0;
height: 140px;
width: 60%;
min-width: 650px;
max-width: 800px;
background-image: url('../../layout/bg_content_center.jpg');
border: 0px solid pink;
}
/* ------------classes for menu containers----------------- */
#menu_top {
position: fixed;
float: left;
z-index: 5000;
height: 70px;
width: 100%;
min-width: 1000px;
max-width: 1300px;
margin: 0 0 0 -30px;
background-image: url('../../layout/bg_menu_top.png');
background-repeat: no-repeat;
background-position: top center;
}
#menu_left {
position: fixed;
top: 180px;
left: 0;
z-index: 4000;
border: 0px solid blue;
height: 480px;
width: 170px;
background-image: url('../../layout/bg_menu_left.png');
background-repeat: no-repeat;
background-position: right;
padding: 80px 0 0 0;
}
.menu_sub {
border: 0px solid red;
position: fixed;
float: left;
z-index: 4900;
top: 0px;
width: 100%;
min-width: 500px;
max-width: 700px;
height: 125px;
padding: 0 0 0 0;
margin: -10px 0 0 0;
background-image: url('../../layout/bg_submenu.png');
background-repeat: no-repeat;
background-position: top right;
}
#footer {
position: fixed;
z-index: 9000;
bottom: 0;
width: 100%;
max-width: 1250px;
min-width: 400px;
height: 35px;
margin: 0 0 0 5%;
border: 0px solid red;
background-image: url('../../layout/bg_footer.png');
background-repeat: no-repeat;
background-position: bottom left;
}
/* classes for art overlays */
#art_right {
position: fixed;
left: 25%;
z-index: 5000;
border: 5px solid blue;
height: 1100px;
width: 840px;
margin-left: 650px;
background-image: url('../../layout/art_right_1.png');
background-repeat: no-repeat;
background-position: top left;
}
.art_left {
position: fixed;
left: 0;
top: 0;
z-index: 6000;
border: 0px solid blue;
height: 230px;
width: 230px;
margin: 0 0 0 -20px;
}
/* ------------classes for left navigation---------------- */
.left_nav {
height: 150px;
margin: 0 0 5px -5px;
padding: 0;
border: 0px solid red;
list-style-type: none;
text-decoration: none;
font: normal normal 16px/20px Cantarell, Verdana, Helvetica, Arial, sans-serif;;
}
.left_nav em { font-style: normal; }
.left_nav ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
.left_nav ul li {
padding: 8px 0 8px 0;
display: block;
float:left;
}
.left_nav ul li a,
.left_nav ul li a:link,
.left_nav ul li a:visited,
.left_nav ul li a:active {
display: block;
width: 108px; /* ;width entry = with + boarder left/right ==== IE only ====*/
w\idth: 92px; /* width entry = with - padding left/right */
text-decoration: none;
text-transform: none;
color: #ede3d2;
font-weight: normal;
padding: 0px 0 0 10px;
border: none;
}
/* state for the active point if there is a sub_level */
.left_nav ul li.sub_ul_true a,
.left_nav ul li.sub_ul_true a:link,
.left_nav ul li.sub_ul_true a:visited,
.left_nav ul li.sub_ul_true a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
/* state for the active path (link tracing) */
.left_nav ul li.act_path a,
.left_nav ul li.act_path a:link,
.left_nav ul li.act_path a:visited,
.left_nav ul li.act_path a:active {
color: #2f373d;
font-weight: normal;
background: none;
}
/* state for the parent link (only Home) */
.left_nav ul li.sub_parent a,
.left_nav ul li.sub_parent a:link,
.left_nav ul li.sub_parent a:visited,
.left_nav ul li.sub_parent a:active {
background: #81909F;
color: green;
font-weight: bold;
}
/* state for the active link */
.left_nav ul li.active a,
.left_nav ul li.active a:link,
.left_nav ul li.active a:visited,
.left_nav ul li.active a:active {
color: #2f373d;
font-weight: normal;
background: none;
}
.left_nav ul li a:hover, .left_nav ul li.sub_no a:hover {
color: #2f373d;
font-weight: normal;
background: none;
}
.left_nav ul li.act_path a:hover {
color: #2f373d;
font-weight: normal;
background: none;
}
.left_nav ul li.active a:hover {
color: #2f373d;
font-weight: normal;
background: none;
}
/* ----------------id for language switch div in top navigation----------------- */
.lang_container {
position: relative;
float: left;
z-index: 6100;
width: 80px;
margin: 10px 0 0 10px;
border-left: 1px solid #0b2d48;
text-align: right;
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
}
.lang_container a,
.lang_container a:link,
.lang_container a:visited,
.lang_container a:active {
color: #0b2d48;
font-weight: normal;
}
.lang_container a:hover {
color: #ede3d2;
font-weight: normal;
}
/* ------------------classes for top navigation----------------- */
.top_nav {
height: 60px;
width: 60%;
min-width: 610px;
margin: 0 auto;
padding: 10px 0 0 50px;
border: 0px solid red;
list-style-type: none;
text-decoration: none;
font: normal normal 16px/20px Cantarell, Verdana, Helvetica, Arial, sans-serif;
}
.top_nav em { font-style: normal; }
.top_nav ul {
width: 70%;
min-width: 550px;
margin: 0;
padding: 0 0 0 0;
border: 0;
list-style: none;
border: 0px solid blue;
}
.top_nav ul li {
padding: 10px 0 10px 0;
display: block;
float:left;
}
.top_nav ul li a,
.top_nav ul li a:link,
.top_nav ul li a:visited,
.top_nav ul li a:active {
display: block;
text-decoration: none;
text-transform: none;
color: #0b2d48;
font-weight: normal;
padding: 0px 20px 0 20px;
border: 0px solid green;
}
/* state for the active point if there is a sub_level */
.top_nav ul li.sub_ul_true a,
.top_nav ul li.sub_ul_true a:link,
.top_nav ul li.sub_ul_true a:visited,
.top_nav ul li.sub_ul_true a:active {
color: #pink;
font-weight: normal;
background: none;
}
/* state for the active path (link tracing) */
.top_nav ul li.act_path a,
.top_nav ul li.act_path a:link,
.top_nav ul li.act_path a:visited,
.top_nav ul li.act_path a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
/* state for the parent link (only Home) */
.top_nav ul li.sub_parent a,
.top_nav ul li.sub_parent a:link,
.top_nav ul li.sub_parent a:visited,
.top_nav ul li.sub_parent a:active {
background: #81909F;
color: green;
font-weight:bold;
}
/* state for the active link */
.top_nav ul li.active a,
.top_nav ul li.active a:link,
.top_nav ul li.active a:visited,
.top_nav ul li.active a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
.top_nav ul li a:hover, .top_nav ul li.sub_no a:hover {
color: #ede3d2;
font-weight: normal;
background: none;
}
.top_nav ul li.act_path a:hover {
color: #ede3d2;
font-weight: normal;
background: none;
}
.top_nav ul li.active a:hover {
color: #ede3d2;
font-weight: normal;
background: none;
}
/* ----------------classes for sub menu navigation----------------- */
.sub_nav {
position: fixed;
z-index: 5100;
top: 0;
height: 125px;
width: 60%;
min-width: 650px;
max-width: 800px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: center;
list-style-type: none;
text-decoration: none;
font: normal normal 14px/20px Cantarell, Verdana, Helvetica, Arial, sans-serif;
background-image: url('../../layout/bg_submenu.png');
background-repeat: no-repeat;
background-position: bottom center;
border: 0px solid yellow;
}
.sub_nav em { font-style: normal; }
.sub_nav ul {
border: 0px solid blue;
display: inline-block;
margin: 80px auto 0 auto;
padding: 0;
list-style: none;
}
.sub_nav ul li {
border: 0px solid green;
padding: 0 0 0 0;
display: block;
float: left;
}
.sub_nav ul li a,
.sub_nav ul li a:link,
.sub_nav ul li a:visited,
.sub_nav ul li a:active {
display: block;
text-decoration: none;
text-transform: none;
color: #0b2d48;
font-weight: normal;
padding: 0px 25px 0 25px;
border: none;
}
/* state for the active point if there is a sub_level */
.sub_nav ul li.sub_ul_true a,
.sub_nav ul li.sub_ul_true a:link,
.sub_nav ul li.sub_ul_true a:visited,
.sub_nav ul li.sub_ul_true a:active {
color: green;
font-weight: normal;
background: none;
}
/* state for the active path (link tracing) */
.sub_nav ul li.act_path a,
.sub_nav ul li.act_path a:link,
.sub_nav ul li.act_path a:visited,
.sub_nav ul li.act_path a:active {
color: red;
font-weight: bold;
background: none;
}
/* state for the parent link (only Home) */
.sub_nav ul li.sub_parent a,
.sub_nav ul li.sub_parent a:link,
.sub_nav ul li.sub_parent a:visited,
.sub_nav ul li.sub_parent a:active {
background: #81909F;
color: green;
font-weight:bold;
}
/* state for the active link */
.sub_nav ul li.active a,
.sub_nav ul li.active a:link,
.sub_nav ul li.active a:visited,
.sub_nav ul li.active a:active {
color: #ede3d2;
font-weight: normal;
background: none;
}
.sub_nav ul li a:hover, .sub_nav ul li.sub_no a:hover {
color: #ede3d2;
background: none;
font-weight: normal;
}
.sub_nav ul li.act_path a:hover {
color: blue;
background: none;
font-weight: normal;
}
.sub_nav ul li.active a:hover {
color: #ede3d2;
background: none;
font-weight: normal;
}
/* ----------------classes for footer navigation----------------- */
.footer_nav {
position: relative;
float: right;
bottom: 0;
z-index: 9100;
height: 25px;
padding: 0 0 0 0;
margin: 10px 25% 0 0;
border: 0px solid yellow;
list-style-type: none;
text-decoration: none;
font: normal normal 12px/20px Cantarell, Verdana, Helvetica, Arial, sans-serif;
background: none;
}
.footer_nav em { font-style: normal; }
.footer_nav ul {
margin: 0 0 0 0;
padding: 0;
border: 0;
list-style: none;
}
.footer_nav ul li {
border: 0px solid green;
padding: 0 0 0 0;
display: block;
float: left;
}
.footer_nav ul li a,
.footer_nav ul li a:link,
.footer_nav ul li a:visited,
.footer_nav ul li a:active {
display: block;
text-decoration: none;
text-transform: none;
color: #ede3d2;
padding: 0px 15px 0 15px;
border: none;
font-weight: normal;
}
/* state for the active point if there is a sub_level */
.footer_nav ul li.sub_ul_true a,
.footer_nav ul li.sub_ul_true a:link,
.footer_nav ul li.sub_ul_true a:visited,
.footer_nav ul li.sub_ul_true a:active {
color: green;
font-weight: normal;
background: none;
}
/* state for the active path (link tracing) */
.footer_nav ul li.act_path a,
.footer_nav ul li.act_path a:link,
.footer_nav ul li.act_path a:visited,
.footer_nav ul li.act_path a:active {
color: red;
font-weight: bold;
background: none;
}
/* state for the parent link (only Home) */
.footer_nav ul li.sub_parent a,
.footer_nav ul li.sub_parent a:link,
.footer_nav ul li.sub_parent a:visited,
.footer_nav ul li.sub_parent a:active {
background: none;
color: green;
font-weight:bold;
}
/* state for the active link */
.footer_nav ul li.active a,
.footer_nav ul li.active a:link,
.footer_nav ul li.active a:visited,
.footer_nav ul li.active a:active {
color: #0b2d48;
font-weight: normal;
background: none;
}
.footer_nav ul li a:hover, .footer_nav ul li.sub_no a:hover {
color: #0b2d48;
background: none;
font-weight: normal;
}
.footer_nav ul li.act_path a:hover {
color: blue;
background: none;
font-weight: normal;
}
.footer_nav ul li.active a:hover {
color: #0b2d48;
background: none;
font-weight: normal;
}
#copyright_holder {
position: relative;
z-index: 9100;
float: left;
bottom: 0;
height: 25px;
width: 250px;
margin: 10px 0 0 0;
border: 0px solid blue;
text-align: center;
font: normal 11px Cantarell, Verdana, Helvetica, Arial, sans-serif;
color: #ede3d2;
}
/* end nav classes */
/* -----------------------classes for content parts ---------------- */
.frame_imagediv_topright {
width: 228px;
height: 180px;
margin: -10px -10px 0 0;
padding: 10px 0 0 10px;
background-image: url('../../layout/frame_imagediv_topright.png');
background-repeat: no-repeat;
background-position: top left;
}
.frame_imagediv_topleft {
border: 1px solid red;
width: 228px;
height: 180px;
margin: -10px 5px 0 0;
padding: 10px 0 0 10px;
background-image: url('../../layout/frame_imagediv_topleft.png');
background-repeat: no-repeat;
background-position: top left;
}
.frame_imagediv_start {
width: 350px;
height: 270px;
margin: -10px 5px 0 0;
padding: 15px 0 0 15px;
background-image: url('../../layout/frame_imagediv_start.png');
background-repeat: no-repeat;
background-position: top left;
background-size: cover
}
/*----------------classes for email form --------*/
#phpwcmsForm41 {
width: 100%;
border: 0px solid red;
}
.form-label {
float: left;
width: 10vw;
min-width: 100px;
max-width: 120px;
display: block;
border: 0px solid blue;
}
.form_divider {
clear: both;
width: 100%;
height: 15px;
border: 0px solid yellow;
}
.inputfield {
float: left;
display: block;
margin: 0 0 0 0;
border: none;
outline-color: #707070;
outline-style: solid;
outline-width: 1px;
background:#989fa0;
width: 70%;
min-width: 150px;
}
.formTextArea {
float: left;
display: block;
margin: 0 0 0 0;
border: none;
outline-color: #707070;
outline-style: solid;
outline-width: 1px;
background:#989fa0;
width: 70%;
min-width: 150px;
}
.empty_label {
border: 0px solid blue;
display: block;
float: left;
width: 10vw;
min-width: 100px;
max-width: 120px;
height: 10px;
}
.form-type-submit {
display: block;
float: left;
width: 70%;
min-width: 200px;
margin: 0 auto 0 auto;
border: 0px solid black;
text-align: center;
}
.ms_button_1 {
cursor: pointer;
font-weight: bold;
margin: 0 0 0 0;
color: black;
border: none;
outline-color: #707070;
outline-style: solid;
outline-width: 1px;
background:#989fa0;
width: 200px;
}
.articleList_toptext {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;;
font-size: 10px;
}
.articleList_listhead {
font-family: Cantarell, Verdana, Helvetica, Arial, sans-serif;;
font-size: 11px;
font-weight: bold;
}
/* ------------------ special div id's ----------*/
#images53 {
text-align: center;
border: 0px solid green;
}
/* ---------------- classes for content parts ----------*/
.video-js {
width: 100% !important;
height: auto !important;
}
.video-js:after {
content: '.';
display: block;
position: relative;
padding: 0;
padding-top: 56.25%; /* set this to (height/width)*100% (eg. 56%=16:9, 75%=4:3) */
margin: 0 0 0 -100%;
visibility: hidden;
height: 0;
}
.vjs-poster {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.content_blank_spacer {
width: 100%;
height: 5px;
border: 1px solid red;
}
.content_divider {
border: 0px solid blue;
height: 10px;
min-width: 585px;
background-image: url('../../layout/bg_content_divider.png');
background-repeat: no-repeat;
background-position: top center;
}
.videolist_container {
text-align: center;
width: 98%;
max-width: 640px;
border: 0px solid red;
}