/*
 * Font style sheet.
 *
 * @name $Id: fonts.css
 * @domain: kommunale-infrastruktur.ch
 *
 */

/* Global font style */
body { font: normal 16px/22px 'Univers LT W01_57 Condensed', sans-serif; font-style: normal; color: #000000; }

h1 { font: normal 16px/22px 'Univers LT W01_67 Bold_1476016', sans-serif; }
h2 { font: normal 16px/22px 'Univers LT W01_67 Bold_1476016', sans-serif; }
h3 { font: normal 24px/28px 'Univers LT W01_75 Black1475980', sans-serif; }
h4 { font: normal 24px/28px 'Univers LT W01_75 Black1475980', sans-serif; }

p { margin: 0; padding: 0;  }
blockquote {  margin: 0; padding: 0; font-size: 20px!important;  line-height: 26px!important;  font-style: italic!important; }
ul {
    list-style: none;
    margin-left: 0;
    padding-left: 12px;
}
ul > li:before {
    display: inline-block;
    content: "-";
    width: 12px;
    margin-left: -12px;
}

/* Links */
a:link,
a:active,
a:visited { color: #f6a600; text-decoration: underline; }
a:hover { color: #f6a600; text-decoration:  underline }

/* Text */
.text {} /* Override global text and link style */
.text_bold { color: #f6a600; line-height: 16px; margin-bottom: 3px; }
.text_error { color: #f6a600; line-height: 16px; }

/* Forms */
input.text, textarea.text, select.text {  font: normal 16px/22px 'Univers LT W01_57 Condensed', sans-serif; color: #000000; }
input, textarea, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Freemod title */
h1.breadcrumb-title { font: normal 32px/40px 'ff-dax-web-pro', sans-serif; color: #c83027; display: inline}
a.breadcrumb-title:link,
a.breadcrumb-title:active,
a.breadcrumb-title:visited { font-family: 'ff-dax-web-pro';color: #000000; font-size: 16px; line-height: 32px; font-weight: 400; text-decoration: none; text-transform: none; }
a.breadcrumb-title:hover { font-family: 'ff-dax-web-pro'; color: #c83027;  font-size: 16px; line-height: 32px; font-weight: 400; text-decoration: none; text-transform: none; }
a.wrap-breadcrumb-title { text-decoration: none }


/* Freemod title */
h1.breadcrumb-title { font: normal 24px/28px 'Univers LT W01_75 Black1475980', sans-serif; color: #f6a600; display: inline}
a.breadcrumb-title:link,
a.breadcrumb-title:active,
a.breadcrumb-title:visited { font: normal 16px/22px 'Univers LT W01_57 Condensed', sans-serif; font-style: normal; color: #000000; text-decoration: none; text-transform: none; }
a.breadcrumb-title:hover { font: normal 16px/22px 'Univers LT W01_57 Condensed', sans-serif; font-style: normal; color: #000000; text-decoration: none; text-transform: none; }
a.wrap-breadcrumb-title { text-decoration: none }

/* Main Navigation top (dyn1) */
.nav-top-selected { font-family: 'Univers LT W01_57 Condensed'; color: #f6a600!important; font-size: 20px; line-height: 74px;  margin-right: 28px; text-decoration: none; text-transform: none; }
a.nav-top:link,
a.nav-top:active,
a.nav-top:visited,
span.nav-top { font-family: 'Univers LT W01_57 Condensed'; color: #000000; font-size: 20px; line-height: 74px; margin-right: 28px; text-decoration: none; text-transform: none; }
a.nav-top:hover { font-family: 'Univers LT W01_57 Condensed'; color: #f6a600; font-size: 20px; line-height: 74px;   margin-right: 28px; text-decoration: none; text-transform: none; }

/* Main Navigation (dyn1) */
.nav-main-nav-desktop-selected { font-family: 'Univers LT W01_57 Condensed'; display: block; color: #f6a600; font-size: 20px; line-height: 32px; text-decoration: none; }
a.nav-main-nav-desktop:link,
a.nav-main-nav-desktop:active,
a.nav-main-nav-desktop:visited { font-family: 'Univers LT W01_57 Condensed';  display: block; color: #f6a600; font-size: 20px; line-height: 32px; text-decoration: none; }
a.nav-main-nav-desktop:hover { font-family: 'Univers LT W01_57 Condensed';  display: block; color: #f6a600; font-size: 20px; line-height: 32px; text-decoration: none; }

.nav-main-nav-desktop-selected-sublevel { font-family: 'Univers LT W01_67 Bold_1476016'; display: inline-block;  color: #f6a600; font-size: 16px; line-height: 32px; text-decoration: none; margin-right: 20px }
a.nav-main-nav-desktop-sublevel:link,
a.nav-main-nav-desktop-sublevel:active,
a.nav-main-nav-desktop-sublevel:visited { font-family: 'Univers LT W01_67 Bold_1476016'; display: inline-block; color: #000000; font-size: 16px; line-height: 32px; text-decoration: none; margin-right: 20px }
a.nav-main-nav-desktop-sublevel:hover { font-family: 'Univers LT W01_67 Bold_1476016'; display: inline-block; color: #f6a600; font-size: 16px; line-height: 32px; text-decoration: none; margin-right: 20px}

a.nav-main-nav-desktop-sublevel4:link,
a.nav-main-nav-desktop-sublevel4:active,
a.nav-main-nav-desktop-sublevel4:visited { font-family: 'Univers LT W01_67 Bold_1476016'; display: inline-block; color: #ffffff; font-size: 16px; line-height: 32px; text-decoration: none; margin-right: 20px }
a.nav-main-nav-desktop-sublevel4:hover { font-family: 'Univers LT W01_67 Bold_1476016'; display: inline-block; color: #f6a600; font-size: 16px; line-height: 32px; text-decoration: none; margin-right: 20px}

/* Navigation top (static) & Navigation lang (static) */
div.nav-top-static { color: #000; font-weight: 400; font-size: 14px; line-height: 16px; text-decoration: none;  }
a.nav-top-static:link,
a.nav-top-static:active,
a.nav-top-static:visited,
a.nav-lang:link,
a.nav-lang:active,
a.nav-lang:visited { color: #000; font-weight: 400; font-size: 14px; line-height: 16px; text-decoration: none; }
a.nav-top-static:hover,
a.nav-lang:hover { color: #f6a600;font-weight: 400; font-size: 14px; line-height: 16px; text-decoration: none; }

/* Main Navigation top (dyn1) */
.wrap-footer-bottom-nav1 .nav-top-selected { font-family: 'Univers LT W01_67 Bold_1476016'; color: #f6a600; font-size: 16px; line-height: 32px; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }
.wrap-footer-bottom-nav1 a.nav-top:link,
.wrap-footer-bottom-nav1 a.nav-top:active,
.wrap-footer-bottom-nav1 a.nav-top:visited { font-family: 'Univers LT W01_67 Bold_1476016'; color: #000000; font-size: 16px; line-height: 32px; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block}
.wrap-footer-bottom-nav1 a.nav-top:hover { font-family: 'Univers LT W01_67 Bold_1476016'; color: #f6a600; font-size: 16px; line-height: 32px; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }


/* Navigation bottom (dyn1) */
.nav-bottom1-selected { font-family: 'Univers LT W01_67 Bold_1476016'; color: #f6a600; font-size: 16px; line-height: 32px; margin-right: 30px; text-decoration: none; text-transform: none; display: inline-block }
a.nav-bottom1:link,
a.nav-bottom1:active,
a.nav-bottom1:visited { font-family: 'Univers LT W01_67 Bold_1476016'; color: #000000; font-size: 16px; line-height: 32px; margin-right: 30px; text-decoration: none; text-transform: none; display: inline-block }
a.nav-bottom1:hover { font-family: 'Univers LT W01_67 Bold_1476016'; color: #f6a600; font-size: 16px; line-height: 32px; margin-right: 30px; text-decoration: none; text-transform: none; display: inline-block }

/* Navigation bottom (dyn3) */
.nav-bottom2-selected { font-family: 'Univers LT W01_57 Condensed'; color: #f6a600; font-size: 16px; line-height: 32px; font-weight: normal; margin-right: 30px; text-decoration: none; text-transform: none; display: inline-block }
a.nav-bottom2:link,
a.nav-bottom2:active,
a.nav-bottom2:visited { font-family: 'Univers LT W01_57 Condensed'; color: #000000; font-size: 16px; line-height: 32px; font-weight: normal; margin-right: 30px; text-decoration: none; text-transform: none; display: inline-block }
a.nav-bottom2:hover { font-family: 'Univers LT W01_57 Condensed'; color: #f6a600; font-size: 16px; line-height: 32px; font-weight: normal; margin-right: 30px; text-decoration: none; text-transform: none; display: inline-block }



.navigation-img-s {color: #000000; font-weight: 700;  letter-spacing : 2px;}

/* Navigation Left (dyn3) */
.nav-left-selected  { color: #f6a600; font-weight : 400; font-size: 20px; line-height: 26px; text-decoration: none;  }
a.nav-left:link,
a.nav-left:active,
a.nav-left:visited { color: #f6a600;  font-weight : 400; font-size: 20px; line-height: 26px; text-decoration: none;  }
a.nav-left:hover { color: #f6a600;  font-weight : 400; font-size: 20px; line-height: 26px; text-decoration: none;  }

.nav-left-sublevel-selected { color: #f6a600; font-weight : 400; font-size: 16px; line-height: 18px; text-decoration: none;  }
a.nav-left-sublevel:link,
a.nav-left-sublevel:active,
a.nav-left-sublevel:visited { color: #000000; font-weight : 400; font-size: 16px; line-height: 18px; text-decoration: none;  }
a.nav-left-sublevel:hover { color: #f6a600;  font-weight : 400; font-size: 16px; line-height: 18px; text-decoration: none;  }



div.news { color: #000000; font-size: 12px; font-weight: bold; line-height: 33px; }
span.slogan-title-1 { font-style: italic; font-weight: 700; color: #000000; font-size: 28px; line-height: 1.4; }
span.slogan-title-2 { font-style: italic; font-weight: 400; color: #000000; font-size: 22px; line-height: 1.4; }
div.numeration-1-top,
div.numeration-2-top,
div.numeration-3-top { font-size: 80px; line-height: 80px; }
div.numeration-1-bottom,
div.numeration-2-bottom,
div.numeration-3-bottom { font-size: 16px; line-height: 16px; margin-top:-5px; }
div.numeration-1-top,
div.numeration-1-bottom { color:#f6a600; }
div.numeration-2-top,
div.numeration-2-bottom { color:#00abe0; }
div.numeration-3-top,
div.numeration-3-bottom { color:#8ca979; }

img.nav-top-spacer { vertical-align: middle; }
a.nav-adress-bar:link,
a.nav-adress-bar:active,
a.nav-adress-bar:visited { color: #000000; text-decoration: none; }
a.nav-adress-bar:hover { color: #f6a600; text-decoration: none; }
.nav-adress-bar { color:#000000; font-weight: 400; }

a.no-text-decoration { text-decoration: none; }

/* Footer */
div.page-footer a:hover { text-decoration: none; }

.box-adress { color:#000000; font-size : 12px;  line-height: 19px; }
.box-adress a { color:#000000; font-size : 12px;  line-height: 19px; text-decoration: none; }

/*-------------------------------------------------/
 * Freemod elements
 *
/* Title */
h2.title,
h2.team-name { color: #f6a600; font-weight: 700; margin: 0; padding: 0;  }
h3.title { color: #f6a600; margin: 0; padding: 0;  }
h4.title { color: #000000; display:inline;  }
/* Hinweis */
h3.hint-title {
    display: inline;
    font-size: 48px;
    line-height: 58px;
    font-weight: bold;
    color: #f6a600;
}
h2.hint-subtitle {
    display: inline;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
    color: #ffffff;
}
a.hintBtn {
    background-color:transparent;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    margin-top: 25px;
    padding:0px 50px;
    line-height: 40px;
    text-decoration:none;
}
@media only screen and (max-width: 768px){
    h3.hint-title {
        font-size: 28px;
    }
    h2.hint-subtitle {
        font-size: 18px;
    }
}
/* Hinweis */


/* List */
div.enumeration { position:absolute; top:0px; left:0px; }
div.list-item { position: relative; padding-left: 12px; }

/* Form */
div.textBox-left { padding-right: 5px; }
div.inputBox-right { padding-right: 5px;}
div.inputBox-right input.text { width: 200px; }

/* Line */
hr.line { border: none; height: 1px; color: #cfd0d2; background-color: #cfd0d2; }

/* Table */
.back_tabelle { background-color: #000; }
.tabelle { line-height: 24px; margin: 0; padding: 3px; }
.tabelle_titel { color: #fff; font-weight: 400; line-height: 19px; margin: 0px; padding: 3px; }
a.tabelle_titel:link,
a.tabelle_titel:active,
a.tabelle_titel:visited,
a.tabelle_titel:hover { color: #000;}

/* Spacing */
div.spacing-very-small { height: 5px; }
div.spacing-small { height: 10px; }
div.spacing-medium  { height: 20px; }
div.spacing-large  { height: 40px; }


/* Livecam */
a.livecam:link,
a.livecam:active,
a.livecam:visited { color: #000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.livecam:hover { color: #000; text-decoration: none; line-height: 20px; font-weight: 400; }

/* Sitemap */
h2.title-sitemap { color: #f6a600; }
a.sitemap-menu-level1:link,
a.sitemap-menu-level1:active,
a.sitemap-menu-level1:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 700; }
a.sitemap-menu-level1:hover { color: #f6a600; text-decoration: none; line-height: 20px; font-weight: 700; }

a.sitemap-menu-level2:link,
a.sitemap-menu-level2:active,
a.sitemap-menu-level2:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.sitemap-menu-level2:hover { color: #f6a600; text-decoration: none; line-height: 20px; font-weight: 400; }

a.sitemap-menu-level3:link, a.sitemap-menu-level4:link,
a.sitemap-menu-level3:active, a.sitemap-menu-level4:active,
a.sitemap-menu-level3:visited, a.sitemap-menu-level4:visited { color: #000000; text-decoration: none;  line-height: 20px; font-weight: 400; }
a.sitemap-menu-level3:hover, a.sitemap-menu-level4:hover { color: #f6a600; text-decoration: none; line-height: 20px; font-weight: 400; }

/*-------------------------------------------------/
 * Include files
 *
/* Maps */
h2.day { color: #000000; display:inline; }
span.tmax { color: #000000; }
span.tmin { color: #000000; }
span.tmax1 { color: #000000; }
span.tmin1 { color: #000000; }
td.meteo-live { font: normal 11px/17px 'ff-dax-web-pro', sans-serif; color: #000000; }

/*-------------------------------------------------/
 * Topics
 *
/* Topics */
h4.topic { display: inline; font-size : 18px; line-height: 30px; font-weight: 400; color: #003882; }
div.topic { font-size : 16px; font-weight: 400; }
a.topic-link:link,
a.topic-link:active,
a.topic-link:visited { color: #fff; text-decoration: none;  }
a.topic-link:hover { color: #fff; text-decoration: none; }
/*-------------------------------------------------/
 * Highlights
 *
/* Highlights */
div.highlight-title-desktop { font-weight: 700; }
span.highlight-link-text-more-desktop { color: #f6a600; }
a.highlight-link-text-desktop:link,
a.highlight-link-text-desktop:active,
a.highlight-link-text-desktop:visited { color: #000000; text-decoration: none; line-height: 25px; }
a.highlight-link-text-desktop:hover { color: #f6a600; text-decoration: underline; line-height: 25px; }

a.highlight-link-mobile:link,
a.highlight-link-mobile:active,
a.highlight-link-mobile:visited { color: #f6a600; text-decoration: none; font-weight: 700; }
a.highlight-link-mobile:hover {color: #f6a600; text-decoration: none; font-weight: 700; }

a.highlight-link-mobile:link .highlight-text-mobile,
a.highlight-link-mobile:active .highlight-text-mobile,
a.highlight-link-mobile:visited .highlight-text-mobile { color: #000; text-decoration: underline; font-weight: 400; }
a.highlight-link-mobile:hover .highlight-text-mobile {color: #f6a600; text-decoration: underline; font-weight: 400; }

/*-------------------------------------------------/
 * Emergency Hint
 *
/* Emergency Hint */
.emergency-hint { color: #000000; font-weight: 400; font-size: 24px; line-height: 45px; }
a.emergency-hint:link,
a.emergency-hint:active,
a.emergency-hint:visited { color: #000000; font-size: 24px; line-height: 45px; font-weight: 400; text-decoration: none; text-decoration: none; }
a.emergency-hint:hover {color: #f6a600; font-size: 24px; line-height: 45px; font-weight: 400; text-decoration: none; text-decoration: none; }
ul.marquee li { color: #000000; font-size: 24px; line-height: 45px; font-weight: 400; }

.frmBtn {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    margin: 0;
    padding: 0 40px;
    line-height: 30px!important;
    background-color: #f0a93c;
    color: #FFF!important;
    overflow: hidden;
    border: 1px solid #f0a93c;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}