/* 
 * Font style sheet.
 *
 * @name $Id: fonts.css
 * @domain: staedteverband.ch.com
 * 
 */
 
/* Global font style */
body { font: normal 16px/22px 'ff-dax-web-pro', sans-serif; font-style: normal; font-weight: 400; color: #000000; }

h1 { font: normal 20px/32px 'ff-dax-web-pro', sans-serif; }
h2 { font: normal 20px/32px 'ff-dax-web-pro', sans-serif; }
h3 { font: normal 28px/36px 'ff-dax-web-pro', sans-serif; }
h4 { font: normal 16px/22px 'ff-dax-web-pro', 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: #e2001b; text-decoration: underline; }
a:hover { color: #e2001b; text-decoration:  underline }

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

/* Forms */
input.text, textarea.text {  font: normal 16px/22px 'ff-dax-web-pro', sans-serif; color: #000000; }

/* Freemod title */
h1.breadcrumb-title { font: normal 28px/36px 'ff-dax-web-pro', sans-serif; color: #e2001b; 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: #e2001b;  font-size: 16px; line-height: 32px; font-weight: 400; text-decoration: none; text-transform: none; }
a.wrap-breadcrumb-title { text-decoration: none }

/* Main Navigation top (dyn1) */
.nav-top-selected { font-family: 'ff-dax-web-pro'; color: #e2001b!important; font-size: 20px; line-height: 74px; font-weight: 400;  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: 'ff-dax-web-pro'; color: #000000; font-size: 20px; line-height: 74px; font-weight: 400;   margin-right: 28px; text-decoration: none; text-transform: none; }
a.nav-top:hover { font-family: 'ff-dax-web-pro'; color: #e2001b; font-size: 20px; line-height: 74px; font-weight: 400;   margin-right: 28px; text-decoration: none; text-transform: none; }

/* Main Navigation (dyn1) */
.nav-main-nav-desktop-selected { font-family: 'ff-dax-web-pro'; display: block; color: #e2001b; font-size: 20px; line-height: 32px; font-weight: 400; text-decoration: none; }
a.nav-main-nav-desktop:link,
a.nav-main-nav-desktop:active,
a.nav-main-nav-desktop:visited { font-family: 'ff-dax-web-pro';  display: block; color: #e2001b; font-size: 20px; line-height: 32px; font-weight: 400; text-decoration: none; }
a.nav-main-nav-desktop:hover { font-family: 'ff-dax-web-pro';  display: block; color: #e2001b; font-size: 20px; line-height: 32px; font-weight: 400; text-decoration: none; }

.nav-main-nav-desktop-selected-sublevel { font-family: 'ff-dax-web-pro'; display: inline-block;  color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 700; 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: 'ff-dax-web-pro'; display: inline-block; color: #000000; font-size: 16px; line-height: 32px; font-weight: 700; text-decoration: none; margin-right: 20px }
a.nav-main-nav-desktop-sublevel:hover { font-family: 'ff-dax-web-pro'; display: inline-block; color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 700; 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: 'ff-dax-web-pro'; display: inline-block; color: #ffffff; font-size: 16px; line-height: 32px; font-weight: 700; text-decoration: none; margin-right: 20px }
a.nav-main-nav-desktop-sublevel4:hover { font-family: 'ff-dax-web-pro'; display: inline-block; color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 700; 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: #e2001b;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: 'ff-dax-web-pro'; color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 700; 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: 'ff-dax-web-pro'; color: #000000; font-size: 16px; line-height: 32px; font-weight: 700; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block}
.wrap-footer-bottom-nav1 a.nav-top:hover { font-family: 'ff-dax-web-pro'; color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 700; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }


/* Navigation bottom (dyn3) */
.nav-bottom-selected { font-family: 'ff-dax-web-pro'; color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 400; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }
a.nav-bottom:link,
a.nav-bottom:active,
a.nav-bottom:visited { font-family: 'ff-dax-web-pro'; color: #000000; font-size: 16px; line-height: 32px; font-weight: 400; margin-right: 20px; text-decoration: none; text-transform: none; display: inline-block }
a.nav-bottom:hover { font-family: 'ff-dax-web-pro'; color: #e2001b; font-size: 16px; line-height: 32px; font-weight: 400; margin-right: 20px; 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: #e2001b; 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: #e2001b;  font-weight : 400; font-size: 20px; line-height: 26px; text-decoration: none;  }
a.nav-left:hover { color: #e2001b;  font-weight : 400; font-size: 20px; line-height: 26px; text-decoration: none;  }

.nav-left-sublevel-selected { color: #e2001b; 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: #000;  font-weight : 400; font-size: 16px; line-height: 18px; text-decoration: none;  }
a.nav-left-sublevel:hover { color: #e2001b;  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:#e0111c; }
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: #e0111c; 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: #000000; font-weight: 400; margin: 0; padding: 0; }
h2.team-name { color: #e2001b;  }
h3.title { color: #e2001b; 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: #e2001b;
}
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: #e0111c; }
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: #e0111c; 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: #e0111c; 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: #e0111c; 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: #e0111c; }
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: #e0111c; text-decoration: underline; line-height: 25px; }

a.highlight-link-mobile:link, 
a.highlight-link-mobile:active, 
a.highlight-link-mobile:visited { color: #e0111c; text-decoration: none; font-weight: 700; }
a.highlight-link-mobile:hover {color: #e0111c; 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: #e0111c; 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: #e0111c; 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; }