/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography
	@import url(https://fonts.googleapis.com/css?family=Istok+Web:400,400italic,700,700italic);
	"Istok Web"
-------------------------------------------------------------- */



html { font-size:100.01%; }
body {
	font-size: 14px;
	color: #000;
	background: #fff;
	font-family: "Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: normal;
}
/*	##############################################################
	new cd only for pages - start
	##############################################################*/
body.meinluzern{
	font-size				: 18px;
}
body.meinluzern ol, body.meinluzern ul{
	padding-left			:1em;
}
body.meinluzern ol, body.meinluzern ul, body.meinluzern p{
	margin					:0 0 1em 0;
}
body.internet .content p,
body.fernsehen .content p,
body.telefonie .content p,
body.telefonieumstellung .content p, 
body.telefonieumstellunghinweise .content p,
body.telefonieumstellunghinweise .content li{
	font-size				: 16px;
}

/*	##############################################################
	new cd only for pages - end
	##############################################################*/

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family:"Frutiger LT W04_67 Bold Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	/*color: #000;*/
}

h1 { font-size: 3em; 
	line-height: 1; 
	margin-bottom: 0.5em; }
h2 {
	font-size: 2em;
	margin-bottom: 1em;
}
h1, h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 0.5em;
	/*color: #000;*/
}
.h3_rightlabel {
	font-size: 13px;
	font-weight: normal;
	float: right;
	line-height: 20px;
	margin-right: 15px;
}

h4 {
	font-size: 100%;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
h6 {
	font-size: 0.875rem;
    line-height: 1.1428em;
}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


h1#h_support_tel, h1#h_support_email{
	height					:30px;
	line-height				:30px;
	padding-left			:40px;
	margin-bottom			:10px;
	float					:left;
	overflow				:hidden;
	background:url(../_images/icons/icon_headline_tel.png) no-repeat center left;
}
h1#h_support_tel div{
	color					:#999;
	font-size				:12px;
	font-weight				:normal;
	float					:right;
	margin-left				:10px;
}
h1#h_support_email{
	background:url(../_images/icons/icon_headline_email.png) no-repeat center left;
}
h1 a{
	color					:inherit;
	text-decoration			:none !important;
}

/* cd defined headings */
h1.h1, h2.h1, h3.h1{
	font-size			:3em;
	font-family			:"Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom		: 0.3em;
}
h1.h1 div, h2.h1 div, h3.h1 div{
	color				:#22378C;
}

h1.h2, h2.h2, h3.h2{
	font-size			:40px;
	font-family			:"Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom		: 0.3em;
	line-height			:1em;
}
h1.h2 div, h2.h2 div, h3.h2 div{
	font-size			:0.5em;
	color				:#22378C;
	line-height			:1em;
}
h1.h3, h2.h3, h3.h3{
	font-size			:40px;
	font-family			:"Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom		: 0.3em;
}
h4.h4{
	font-size			:30px;
	font-family			:"Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom		: 0.5em;
}
h5.h5{
	font-size			:1em;
	font-family			:"Frutiger LT W04_47 Light Cond","FrutigerLT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom		: 0.5em;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
body.responsive p	{ font-size:1.6em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p.intro{
	font-size				:14px;
}
p.lead{
	font-size				:128%;
}
/*
.new-content p, .new-content ul, .new-content ol{
	font-size				:22px;
	margin					:0 0 1em 0;
}
.new-content ul, .new-content ol{
	padding-left			:1em;
}
*/

a:focus,
a:hover     {
	color: #d22630;
	color:#003a8d;
	text-decoration: none;
}
a           {
	color: #003a8d;
	text-decoration: none;
	outline: none;
}
a.ShowMore, a.ShowLess h4.ShowMore, h4.ShowLess{
	background				:url(../_images/typo/a_ShowMore.png) no-repeat center left;
	border-top				:1px solid #CCC;
	border-bottom			:1px solid #CCC;
	padding					:5px 5px 5px 20px;
	cursor					:pointer;
}
a.ShowLess, h4.ShowLess{
	background				:url(../_images/typo/a_ShowLess.png) no-repeat center left;
}
a.ShowMore:hover, h4.ShowMore:hover{
	background				:url(../_images/typo/a_ShowMore_hover.png) no-repeat center left;
	color					:#213765;
}
h4.ShowMore, h4.ShowMore:hover{
	background-position		:center right;
	padding					:0;
	border					:none;
}
a.ShowLess:hover, h4.ShowLess:hover{
	background				:url(../_images/typo/a_ShowLess_hover.png) no-repeat center left;
}
p.ShowMoreContainer, div.ShowMoreContainer{
	background				:#F7F7F7;
	padding					:20px;
	margin-bottom			:20px;
}
/* extending ShowMore - minimal version*/
a.ShowMoreLessMin{
	border					:none;
	padding					:8px;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      {
	font-weight: bold;
}
.NoColor{
	color	:inherit;
}
em,dfn      {
	font-style: italic;
	font-size: 110%;
}
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ul.marginal li{ min-width: 18%; list-style-type:none; margin:0 10px 0 0 ; }
ul.marginal a{ color:#b6b6b6; }
ol          { list-style-type: decimal; }


dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
th          { font-weight: bold; }
thead th    { /* background: #c3d9ff; */ }
th,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#fcbf28 url('/_images/fx/highlight-bg-yellow.gif') repeat ; }
.highlighter  { 
	background	:#aebee0; 
	background	:#EEE;
	border		:2px solid #FFF;
	box-shadow	:0px 0px 3px #EEE;
	padding		:10px;
}
.highlight_important{
	background	:#F00;
	background-image: -ms-linear-gradient(bottom, #BC0510 0%, #FF0000 100%);
	background-image: -moz-linear-gradient(bottom, #BC0510 0%, #FF0000 100%);
	background-image: -o-linear-gradient(bottom, #BC0510 0%, #FF0000 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #BC0510), color-stop(1, #FF0000));
	background-image: -webkit-linear-gradient(bottom, #BC0510 0%, #FF0000 100%);
	background-image: linear-gradient(to top, #BC0510 0%, #FF0000 100%);
	color		:#FFF;
	text-shadow	:0px 1px 1px #333;
	padding		:6px;
	margin-bottom	:10px;
}
.highlight_cd{
	background	:#213765; 
	border		:2px solid #FFF;
	box-shadow	:0px 0px 3px #EEE;
	color		:#FFF;
	padding		:3px;
}
.highlight_important strong{
	color		:#FFF !important;
}
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
strong p {
	margin-bottom: 5px;
}
.NoStrongColor strong{
	color:inherit;
}
.steps-bar, .steps-bar-inactive{
	font-size			:140%;
	line-height			:30px;
	overflow			:hidden;
}
.steps-bar-number, .steps-bar-number-inactive{
	width				:30px;
	height				:30px;
	line-height			:30px;
	border-radius		:50%;
	background			:#213765;
	color				:#FFF;
	float				:left;
	margin				:0 20px 0 0;
	text-align			:center;	
}
.steps-bar-inactive{
	color				:#CCC;
}
.steps-bar-number-inactive{
	background			:#CCC;
}
.lighter{
	font-weight:lighter;
}

.coltxt-1, .coltxt-2, .coltxt-3{
	font-size			:1rem;
	margin				:0 0 1em 0;
}
.coltxt-1.w-33 p{
	padding				:0 1em 0 0;
}
.coltxt-3{
    -webkit-column-count: 3;
    -moz-column-count	: 3;
    column-count		: 3;
	-webkit-column-gap	:1em;
	-moz-column-gap		:1em;
	column-gap			:1em;
}
.coltxt-2{
    -webkit-column-count: 2;
    -moz-column-count	: 2;
    column-count		: 2;
	-webkit-column-gap	:2em;
	-moz-column-gap		:2em;
	column-gap			:2em;
	/*
	-webkit-column-rule	:1px dotted #EEE;
	-moz-column-rule	:1px dotted #EEE;
	column-rule			:1px dotted #EEE;
	*/
}