/*
 * Screen style sheet.
 *
 * @name $Id: fonts.css
 * @domain: geozen.ch
 *
 * @author		Martin Melheritz martin.melheritz@artasio.com
 *
 * @date created	17/09/2018
 * @last modified	17/09/2018
 * @copyright 		Copyright (C) 2017 artasio AG
 *
 * This is a commercial software product, please visit http://artasio.com for more information.
 */
 
/* Global font style */
body { font: normal 16px/22px 'Encode Sans', sans-serif; color: #000000; }

h1 { font: 16px/22px 'Encode Sans', sans-serif; font-weight: 700; color: #000000; }
h2 { font: 16px/22px 'Encode Sans', sans-serif; font-weight: 700; color: #000000; }
h3 { font: 36px/43px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 200; color: #000000; margin: 0; padding: 0; }
h4 { font: 36px/43px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 200; color: #000000; }


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

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

/* Forms */
input.text,
textarea.text,
select.text { font: 16px/22px 'Encode Sans', sans-serif; color: #666666; }

/* Highlights title */
div#highlights-title {  font: 48px/48px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 100; color: #ffffff; margin-bottom: 20px; text-shadow: 1px 2px 2px #7b7b7b; }
@media only screen and (max-width: 768px){
	div#highlights-title {
		font-size: 24px;
		line-height: 28px;
	}
}
div#highlights-link a {  color: #ffffff; text-decoration: none; font-size: 14px; line-height: 20px; text-shadow: 1px 2px 2px #7b7b7b; }

/* Freemod title */
h1.breadcrumb-title {  font: 36px/43px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 100; color: #e94051; display: block; margin: 0; padding: 0; }
h1.breadcrumb-title-content,
h1.modul-title { font: 16px/22px 'Encode Sans', sans-serif; color: #ffffff; display: inline; }


/* Navigation top (dyn3) */
.nav-top-selected {color: #ffffff; font-size : 16px; font-weight: bold; line-height: 100%; margin-left: 40px; }
a.nav-top:link,
a.nav-top:active,
a.nav-top:visited { color: #ffffff; font-size : 16px; text-decoration: none;  line-height: 100%;  margin-left: 40px; }
a.nav-top:hover { color: #ffffff; font-size : 16px; text-decoration: none; line-height: 100%;  margin-left: 40px; }

#wrap-navigation .nav-top-selected { color: #000000; }
#wrap-navigation a.nav-top:link,
#wrap-navigation a.nav-top:active,
#wrap-navigation a.nav-top:visited { color: #000000; }
#wrap-navigation a.nav-top:hover { color: #000000; }



/* Navigation top (dyn1) */
.nav-top-dyn1-selected { font: normal 16px/22px 'Encode Sans', sans-serif; color: #000000; font-size: 12px; text-decoration: none;  line-height: 28px; }
a.nav-top-dyn1:link,
a.nav-top-dyn1:active,
a.nav-top-dyn1:visited { font: normal 16px/22px  'Encode Sans', sans-serif; color: #000; font-size: 12px; text-decoration: none;  line-height: 28px; }
a.nav-top-dyn1:hover { font: normal 16px/22px 'Encode Sans', sans-serif; color: #000000; font-size: 12px; text-decoration: none;  line-height: 28px; }

/* Navigation top (static) */
div.nav-top-static { color: #000; line-height: 50px; }
a.nav-top-static:link, 
a.nav-top-static:active, 
a.nav-top-static:visited { color: #000; line-height: 50px; text-decoration: none; }
a.nav-top-static:hover {color: #000000; line-height: 50px; text-decoration: none; }

.navigation-img-s {color: #ffffff; letter-spacing : 2px;}

/* Navigation lang (static) */
a.nav-lang:link, 
a.nav-lang:active, 
a.nav-lang:visited { color: #ffffff; text-decoration: none; font-size: 16px; line-height: 100%; margin: 0; }
a.nav-lang:hover { color: #ffffff; text-decoration: none; font-size: 16px; line-height: 100%; margin: 0; }


/* Navigation Left (dyn3) */
.nav-left-selected  { color: #e94051; font: normal  24px/28px 'Encode Sans Condensed', sans-serif;  font-weight: normal; text-decoration: none;  }
a.nav-left:link, 
a.nav-left:active, 
a.nav-left:visited { color: #e94051;  font: normal  24px/28px 'Encode Sans Condensed', sans-serif;  font-weight: normal; text-decoration: none; }
a.nav-left:hover { color: #e94051;  font: normal  24px/28px 'Encode Sans Condensed', sans-serif; font-weight: normal; text-decoration: none;  }

.nav-left-sublevel-selected { color: #e94051; font: normal 16px/18px 'Encode Sans', sans-serif; text-decoration: none; }
a.nav-left-sublevel:link,
a.nav-left-sublevel:active,
a.nav-left-sublevel:visited { color: #000000;  font: normal 16px/18px 'Encode Sans', sans-serif; text-decoration: none; }
a.nav-left-sublevel:hover { color: #e94051;  font: normal 16px/18px 'Encode Sans', sans-serif; text-decoration: none; }

.nav-main-nav-desktop-selected { font: normal  36px/43px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; display: block; color: #e94051; font-weight: 100; text-decoration: none; }
a.nav-main-nav-desktop:link,
a.nav-main-nav-desktop:active,
a.nav-main-nav-desktop:visited { font: normal  36px/43px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; display: block; color: #e94051; font-weight: 100; text-decoration: none; }
a.nav-main-nav-desktop:hover { font: normal  36px/43px 'Encode Sans Condensed', sans-serif; letter-spacing: 1px; display: block; color: #e94051; font-weight: 100; text-decoration: none; }

.nav-main-nav-desktop-selected-sublevel { font: normal 16px/32px 'Encode Sans', sans-serif; display: inline-block;  color: #e94051;  font-weight: 400; text-decoration: none; }
a.nav-main-nav-desktop-sublevel:link,
a.nav-main-nav-desktop-sublevel:active,
a.nav-main-nav-desktop-sublevel:visited { font: normal 16px/32px 'Encode Sans', sans-serif; display: inline-block; color: #000000; font-weight: 400; text-decoration: none; }
a.nav-main-nav-desktop-sublevel:hover { font: normal 16px/32px 'Encode Sans', sans-serif; display: inline-block; color: #e94051; font-weight: 400; text-decoration: none; }


/* Navigation bottom (dyn4) */
.nav-bottom-selected { color: #ffffff; font: normal 17px/29px 'Encode Sans', sans-serif; text-decoration: none!important; }
a.nav-bottom:link,
a.nav-bottom:active,
a.nav-bottom:visited { color: #ffffff; font: normal 17px/29px 'Encode Sans', sans-serif; text-decoration: none!important; }
a.nav-bottom:hover { color: #ffffff; font: normal 17px/29px 'Encode Sans', sans-serif; text-decoration: none!important; }
.nav-bottom { color: #ffffff; font: normal 17px/29px 'Encode Sans', sans-serif; }

div#wrap-service-nav .nav-bottom-selected { color: #e94051; font: normal 16px/20px 'Encode Sans', sans-serif; text-decoration: none!important; }
div#wrap-service-nav a.nav-bottom:link,
div#wrap-service-nav a.nav-bottom:active,
div#wrap-service-nav a.nav-bottom:visited { color: #000000; font: normal 16px/20px 'Encode Sans', sans-serif; text-decoration: none!important; }
div#wrap-service-nav a.nav-bottom:hover { color: #e94051; font: normal 16px/20px 'Encode Sans', sans-serif; text-decoration: none!important; }
div#wrap-service-nav .nav-bottom { color: #000000; font: normal 16px/20px 'Encode Sans', sans-serif; }

div#wrap-footer-service .nav-bottom-selected { color: #e94051; font: normal 16px/22px 'Encode Sans', sans-serif; text-decoration: none!important; }
div#wrap-footer-service a.nav-bottom:link,
div#wrap-footer-service a.nav-bottom:active,
div#wrap-footer-service a.nav-bottom:visited { color: #000000; font: normal 16px/22px 'Encode Sans', sans-serif; text-decoration: none!important; }
div#wrap-footer-service a.nav-bottom:hover { color: #e94051; font: normal 16px/22px 'Encode Sans', sans-serif; text-decoration: none!important; }
div#wrap-footer-service .nav-bottom { color: #000000; font: normal 16px/22px 'Encode Sans', sans-serif; }



div.news { color: #ffffff; font-size: 12px; line-height: 33px; }
span.slogan-title-1 { color: #ffffff; font-size: 28px; line-height: 1.4; }
span.slogan-title-2 {  color: #ffffff; 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: 14px; line-height: 14px; margin-top:-5px; }
div.numeration-1-top,
div.numeration-1-bottom { color:#000000; }
div.numeration-2-top,
div.numeration-2-bottom { color:#000000; }
div.numeration-3-top,
div.numeration-3-bottom { color:#000000; }

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

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

/* Footer */
.highlights-welcome-footer {
	color: #ffffff; font: normal 23px/80px 'Encode Sans', sans-serif;
}
div.page-footer a:hover { text-decoration: none; }

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

/*-------------------------------------------------/
 * Freemod elements
 *
/* Title */
h2.title { color: #000000; display:inline;  }
h2.team-name { color: #000000; line-height: 20px; display:inline; }
h3.title { color: #000000; display:block; text-align: left; }
h4.title { color: #000000; display:inline; }

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

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

/* Line */
hr.line { border: none; color: #000000; background-color: #000000; }

/* Table */
.back_tabelle { background-color: #cccccc; }
.tabelle { line-height: 14px; margin: 0; padding: 3px; }
.tabelle_titel { color: #000000;  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;  }
a.livecam:hover { color: #000; text-decoration: none; line-height: 20px;  }

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

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

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

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

/*-------------------------------------------------/
 * Topics
 *
/* Topics */
h4.topic { display:inline; }
h4.black { color: #000; text-shadow: 0px 0px 2px #fff; }
div.black { color: #000; text-shadow: 0px 0px 2px #fff; }
h4.white { color: #fff; text-shadow: 0px 0px 2px #000; } 
div.white { color: #fff; text-shadow: 0px 0px 2px #000; }
div.topic { font-size : 16px; }
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; }

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