@charset "UTF-8";

/* Seite: Alva Liv - www.alva-liv.ch - CSS Copyright: MGOS WebDesign */

/* HtmlBody */
html { margin:0px; padding:0px; }
body { margin:0px; padding:0px; }
body { font-size:18px; line-height:24px; }
body { font-family:Arial,sans-serif; color:#000000; }

/* MasterLayout */
#masterLayout { position:relative; width:100%; height:auto; margin:0px auto; background-color:transparent; }
#masterLayout { font-weight:normal; font-size:1.0em; text-align:left; }
div.maxwidth { margin:0px auto; max-width:2100px; }
div.displaynone { display:none; }
.displayscreen { display:inline-block; }
.displayprint { display:none; }
#pagenotfound { position:absolute; top:5px !important; left:5px !important; color:#FFF; }
#layoutpagebottom { position:relative; width:100%; height:auto; margin:0px auto; }
#layoutpagedebug { position:relative; width:100%; height:auto; margin:0px auto; }
@media only screen and (max-width:480px) {
 #layoutpagedebug { display:none; }
}
@media print {
 .displayscreen { display:none; }
 .displayprint { display:inline-block !important; }
}

/* SlickNavMenu */
.slicknav_menu { display:none; }
#dropdownmenu { display:none; }
#menudata-dropdownmenu { display:none; }
@media only screen and (max-width:860px) {
 .slicknav_menu { display:none; background-color:#424242; font-size:1.0em; text-align:right; }
 .slicknav_menu ul { background-color:#FFFFFF !important; }
 .slicknav_btn { float:right; background-color:transparent !important; margin:0px 10px 0px 0px; }
 .slicknav_nav a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
 .slicknav_nav a:hover { color:#AAAAAA; background-color:#000; }
 #dropdownmenu { display:block; position:absolute; top:20px; right:15px; z-index:1010; }
 #dropdownmenu .slicknav_menu { display:block; padding:0px; background-color:transparent; font-size:1.2em; text-align:right; }
 #dropdownmenu .slicknav_menu .slicknav_menutxt { color:#19568D; font-weight:bold; text-shadow:0 0px 0px #000; }
 #dropdownmenu .slicknav_menu ul { background-color:#FFFFFF !important; }
 #dropdownmenu .slicknav_nav a:hover { color:#1C1730; background-color:#333333; }
 #dropdownmenu .slicknav_nav a { color:#19568D; background-color:rgba(255, 255, 255, 0.8) !important; font-weight:bold; text-decoration:none; }
 #dropdownmenu .slicknav_btn { float:right; background-color:transparent !important; margin:0px 10px 0px 0px; padding:10px 15px 10px 15px; }
}

/* MasterLayoutHeaderBack - topfixed */
#masterLayoutHeaderBack { display:block; position:fixed; top:0px; width:100%; max-width:2100px; height:120px; min-height:120px; background-color:rgba(255, 255, 255, 0.7); opacity:1.0; z-index:991; }
#headerback { position:absolute; top:0px; width:100%; height:100%; margin:0px auto; }
#headerback-clear { }
#headerback-body { position:relative; width:100%; height:100%; margin:0px auto; overflow:hidden; }
#headerback-body-clear { clear:both; }
@media print {
 #masterLayoutHeaderBack { position:relative; } 
}

/* MasterLayoutHeader */
#masterLayoutHeader { display:block; position:relative; width:100%; height:auto; margin:0px auto; }
#header { position:relative; width:100%; height:auto; margin:0px auto; }
#header-clear { }
#header-body { position:relative; width:100%; max-width:1100px; height:120px; margin:0px auto; background-color:transparent; }
#header-body-clear { clear:both; }

/* HeaderBody - 2-spaltig flexibel */
#header-body div.header-main { position:relative; width:96%; max-width:1100px; height:100px; margin:0px auto; background-color:transparent; }
#header-body div.header-main { color:#000000; font-weight:bold; font-size:1.0em; }
#header-body div.header-main a { color:#19568D; background-color:transparent; font-weight:bold; text-decoration:none; }
#header-body div.header-main a:hover { color:#1C1730; background-color:transparent; }
#header-body div.header-main div.spalte-titel { position:relative; float:left; width:auto; height:auto; margin:10px 0px 0px 0px; background-color:transparent; text-align:left; }
#header-body div.header-main div.spalte-titel img { display:block; width:auto; min-width:0px; max-width:none; height:auto; }
#header-body div.header-main div.spalte-menu { position:relative; float:left; width:auto; height:auto; margin:20px 0px 0px 20px; background-color:transparent; text-align:right; }
#header-body div.header-main div.spalte-menu div.mainmenu { position:relative; margin:0px 0px 0px 0px; }
#header-body div.header-main div.spalte-menu div.mainmenu div.menuelement { float:left; height:36px; padding:0px 10px 0px 10px; text-align:center; }
#header-body div.header-main div.spalte-menu div.mainmenu div.menuelement a { display:block; font-size:1.0em; font-weight:bold; padding:8px 20px 6px 20px; color:#19568D; background-color:transparent; border-bottom:none; text-decoration:none; }
#header-body div.header-main div.spalte-menu div.mainmenu div.menuelement a:hover { color:#1C1730 !important; background-color:transparent !important; border-bottom:7px solid #1C1730 !important; }
#header-body div.header-main div.spalte-menu div.mainmenu div.menuelement a.selected:hover { color:#19568D !important; background-color:transparent !important; border-bottom:7px solid #1C1730 !important; }
#header-body div.header-main div.spalte-menu div.mainmenu div.menuelement-clear { clear:left; }
#header-body div.header-main div.spalte-clear { clear:both; }
@media only screen and (max-width:860px) {
 #header-body div.header-main div.spalte-menu div.mainmenu { display:none; }
}

#header-body div.header-main div.spalte-menu div.mainmenu div.menuelement a.selected { color:#CC0297; border-bottom:5px solid #CC0297; border-color:#CC0297; 
 -webkit-animation: pulseback 6s infinite alternate; 
 -webkit-animation: pulseback 6s infinite alternate; 
 -ms-animation: pulseback 6s infinite alternate; 
 -moz-animation: pulseback 6s infinite alternate; 
 -o-animation: pulseback 6s infinite alternate; 
 animation: pulseback 6s infinite alternate; }
@-webkit-keyframes pulseback {
  0% { border-color:#CC0297; color:#CC0297; }
 50% { border-color:#DD1A46; color:#DD1A46; }
100% { border-color:#19568D; color:#19568D; } }

/* MasterLayoutContentBack - topfixed */
#masterLayoutContentBack { position:relative; margin-top:120px; width:100%; height:auto; min-height:300px; background-color:#FFFFFF; }
#contentback { position:absolute; top:0px; width:100%; height:100%; margin:0px auto; }
#contentback-clear { }
#contentback-body { position:relative; width:100%; height:100%; margin:0px auto; overflow:hidden; }
#contentback-body-clear { clear:both; }
@media print {
 #masterLayoutContentBack { margin-top:0px; } 
}

/* MasterLayoutContent */
#masterLayoutContent { position:relative; width:100%; height:auto; margin:0px auto; }
#centerPane { position:relative; width:100%; height:auto; margin:0px auto; }
#centerPane-clear { }
#content { position:relative; width:100%; max-width:100%; height:auto; margin:0px auto; background-color:transparent; }
#content #content-main { position:relative; width:100%; max-width:100%; height:auto; margin:0px auto; background-color:transparent; }
#content #content-main { color:#000000; font-weight:normal; font-size:1.0em; }
#content #content-main a { color:#19568D; font-weight:normal; font-size:1.0em; text-decoration:none; word-wrap:break-word; }
#content #content-main a:hover { color:#1C1730; }
#content #content-main div.spalte-titel { display:block !important; position:relative; width:94%; max-width:1100px; margin:0px auto; height:auto; }
#content #content-main div.spalte-titel h1 { position:absolute; top:10px; z-index:50; font-size:1.8em; font-weight:bold; color:#5D5D5D; }
#content #content-main div.return_message { position:relative; width:1100px; height:auto; margin:20px auto 20px auto; }
#content #content-main div.return_message div.text { width:96%; margin:0px auto; }
#content #content-main div.return_message div.text b.boldred { background-color:#FFE6F3; padding:5px; display:inline-block; }
#content #content-main div.spalte-content { position:relative; width:100%; height:auto; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; background-color:transparent; text-align:left; }
#content #content-main div.spalte-clear { }
#content #content-main div.spalte-static { display:none; }
#content-clear { clear:both; }

/* MasterLayoutFooterBack */
#masterLayoutFooterBack { position:relative; margin-top:0px; width:100%; height:auto; background-color:#000000; }
#footerback { position:absolute; top:0px; width:100%; height:100%; margin:0px auto; }
#footerback-clear { }
#footerback-body { position:relative; width:100%; height:100%; margin:0px auto; overflow:hidden; }
#footerback-body-clear { clear:both; }

#masterLayoutFooterBack { background-color:#CC0297;
 -webkit-animation: pulsefooter 6s infinite alternate; 
 -webkit-animation: pulsefooter 6s infinite alternate; 
 -ms-animation: pulsefooter 6s infinite alternate; 
 -moz-animation: pulsefooter 6s infinite alternate; 
 -o-animation: pulsefooter 6s infinite alternate; 
 animation: pulsefooter 6s infinite alternate;
}
@-webkit-keyframes pulsefooter {
  0% { background-color:#CC0297; }
 50% { background-color:#DD1A46; }
100% { background-color:#19568D; }
}

/* MasterLayoutFooter */
#masterLayoutFooter { position:relative; width:100%; height:auto; margin:0px auto; }
#footer { position:relative; width:100%; height:auto; margin:0px auto; }
#footer-clear { }
#footer-body { position:relative; width:100%; max-width:1100px; height:auto; margin:0px auto; background-color:transparent; }
#footer-body div.footer-main { position:relative; width:96%; height:auto; margin:0px auto; background-color:transparent; }
#footer-body div.footer-main div.spalte-links { position:relative; float:left; width:68%; height:auto; margin:10px 0px 10px 0px; background-color:transparent; text-align:left; }
#footer-body div.footer-main div.spalte-links div.links { color:#FFFFFF; font-weight:normal; font-size:0.9em; }
#footer-body div.footer-main div.spalte-links div.links a { color:#FFFFFF; font-weight:normal; font-size:0.9em; text-decoration:none; }
#footer-body div.footer-main div.spalte-links div.links a:hover { color:#CCCCCC; }
#footer-body div.footer-main div.spalte-copyright { position:relative; float:right; width:28%; height:auto; margin:10px 0px 10px 0px; background-color:transparent; text-align:right; }
#footer-body div.footer-main div.spalte-copyright div.copyright { color:#FFFFFF; font-weight:normal; font-size:0.9em; }
#footer-body div.footer-main div.spalte-copyright div.copyright a { color:#FFFFFF; font-weight:normal; font-size:0.9em; text-decoration:none; }
#footer-body div.footer-main div.spalte-copyright div.copyright a:hover { color:#CCCCCC; }
#footer-body div.footer-main div.spalte-clear { clear:both; }
#footer-body-clear { clear:both; }
@media only screen and (max-width:860px) {
 #footer-body div.footer-main div.spalte-links { float:left; width:100%; margin:10px 0px 5px 0px; text-align:left; }
 #footer-body div.footer-main div.spalte-copyright { float:left; width:100%; margin:5px 0px 10px 0px; text-align:left; }
}

/* Content Formate */
#container-index { position:relative; width:100%; height:auto; margin:0px auto; background-color:transparent; text-align:left; }
#container-index div.container-fullsize { position:relative; width:100%; height:auto; margin:0px auto; }
#container-index div.container-fullsize div.fullsizeimage { position:absolute; top:0px; bottom:0px; width:100%; height:auto; margin:0px auto; overflow:hidden; }
#container-index div.container-fullsize div.fullsizeimage div.fullsizeimage-margin { position:absolute; top:0px; left:50%; margin-left:-1050px; width:auto; height:auto; overflow:hidden; }
#container-index div.container-fullsize div.fullsizeimage div.fullsizeimage-margin div.fullsizeimage-img { position:relative; width:2100px; height:auto; }
#container-index div.container-fullsize div.fullsizeimage div.fullsizeimage-margin div.fullsizeimage-img img { display:block; width:100%; height:auto; }
#container-index div.container-fullsize div.fullsizeaddon { position:absolute; top:20px; right:20px; }
#container-index div.container-fullsize div.innersizetext { position:relative; width:98%; max-width:1100px; height:auto; margin:20px auto 50px auto; background-color:rgba(255, 255, 255, 0.6); }
#container-index div.container-fullsize div.innersizetext div.innersizetext-margin { position:relative; width:100%; height:auto; margin:0px auto; padding:0px 0px; text-align:left; }
#container-index div.container-fullsize div.innersizetext div.innersizetext-margin div.innersizetext-text { position:relative; width:96%; height:auto; margin:0px auto; text-align:left; }
#container-index div.container-inner { position:relative; width:98%; max-width:1100px; height:auto; margin:20px auto 0px auto; }
#container-index div.container-inner div.container-inner-text { position:relative; width:96%; height:auto; margin:0px auto; text-align:left; }
#container-index div.container-inner div.container-inner-text #innertextmenubox { position:absolute; top:0px; right:0px; }
#container-index div.container-inner div.container-inner-text #innercopyrightbox { position:absolute; top:-40px; right:0px; font-size:0.7em; color:#888; }

#container-index div.container-inner div.container-inner-text div.textlayout2s { position:relative; width:100%; height:auto; margin:0px auto; padding:0px 0px; text-align:left; }
#container-index div.container-inner div.container-inner-text div.textlayout2s div.textlayout2slinks { float:left; width:46%; }
#container-index div.container-inner div.container-inner-text div.textlayout2s div.textlayout2srechts {float:right; width:46%; }
#container-index div.container-inner div.container-inner-text div.textlayout2s div.textlayout2sclear { clear:both; }
@media only screen and (max-width:860px) {
 #container-index div.container-inner div.container-inner-text div.textlayout2s div.textlayout2slinks { float:none; width:100%; }
 #container-index div.container-inner div.container-inner-text div.textlayout2s div.textlayout2srechts {float:none; width:100%; }
}

