/* Done by Jonas Krat, franklyweb.dk in 2013 */
/* Text styles - HTML 5 reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #888;
	background: #e4e4e4;
}
/* Necessary To Make HTML5 Play Nice With Ie */
header,section,nav,article,footer,details,footer,summary {display: block;}
/* Basic elements */
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
:focus { outline: 0; }
a:link, a:visited {
	color:#888;
	text-decoration: none;
	margin:0;
}
a:hover, a:active, a.active {
	color:#888;
	text-decoration: underline;
	margin:0;
	outline: none;
}
/* Custom text-selection colors */
::-moz-selection{background: #0076a7; color: #fff; text-shadow: none;}
::selection {background: #0076a7; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #0076a7;}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited {
	color:#000;
	text-decoration: none;
}

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
	color:#000;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	padding-top: .4em;
	padding-bottom: .2em;
	line-height: 1.3em;
}
h1 {
	font-size: 2.385em;
	font-weight: normal;
	font-family: 'BreeSerifRegular','Times New Roman',times,serif;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
h4 { font-size: .9em; }

ol,ul { }
ul { list-style: none; }
p,ul,ol,dl { padding: .2em 0; }
ul,ol,dd { margin-left: .7em; }
li ul,li ol { margin-left: 1em; }
li ol li { list-style-type: lower-alpha; }

li { padding: .1em 0; }
dt {
	padding: .2em 0;
	font-weight: bold;
}
dd { padding: 0 0 1em; }
#content-main ul,#content-bottom ul { list-style: disc; }
#content-main ul li,#content-bottom ul li {
	font-weight: normal;
	margin-left: .1em;
	padding-left: .1em;
 }
table {
	margin: .5em 0;
	border-collapse: separate;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}
th {vertical-align: bottom;}
td, td img {vertical-align: top;}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
th, strong { font-weight: bold; }
blockquote:before, blockquote:after,q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
form {
	margin: 0;
	padding: 0;
}
input, select {vertical-align: middle;}
input[type='radio'] {vertical-align: text-bottom;}
input[type='checkbox'] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
pre, code, kbd, samp {font-family: monospace, sans-serif;}
small {font-size: 85%;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* is ok */

.hide, .print-logo, .close-button { display:none; }
.left { float: left; }
.right { float: right; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* object,embed {max-width: 100%;} */
img { display: inline-block; }
a img { border: none; }
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/*** Layout ***/
#container {
	background: #e4e4e4 url('/grafik/grey-bg.png') repeat-x 0 0;
	font-family: Arial,'Helvetica Neue', Helvetica, sans-serif;
	font-size: .8125em; /* .875 = 14px */
	line-height: 1.2em;
}
#personalepolitik,#cookiepolitik,#komgodtigang {
	font-family: Arial,'Helvetica Neue', Helvetica, sans-serif;
	font-size: .875em;
	line-height: 1.2em;
}
#content {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#content-bottom {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#content-main {
	position: relative;
	border-bottom: 1px solid #cacacb;
	padding-bottom: 0;
}
#content-links {
	color: #999;
	position: absolute;
	z-index: 130;
	top: 415px;
	right: 0;
	width: 500px;
	height: 150px;
	text-align: center;
	font-size: 1em;
	line-height: 1.077em;
}
#content-links p { clear: left; }

#content-links .best-app { color: #000; margin: 0; font-size: 12px; line-height: 1.5; }
#content-links .developed-by { font-size: 11px; line-height: 1.6; }


ul.appstores {
	margin: 0 0 0 50px;
	padding: 0;
}
ul.appstores li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	width: 210px;
	text-align: center;
	padding-top: 5px;
}
ul.appstores li.last { background: url('/grafik/download-spacer.png') no-repeat 0 0; }

/* is not ok end  */

/*** QR Codes ***/
.qrcodes {
	position: absolute;
	bottom: -95px;
	right: 0;
	width: 325px;
	height: 85px;
	margin: 0 auto;
}
.qrcodes div {
	float: left;
}
.qrcodes div.headline {
	width: 200px;
	height: 65px;
	padding: 20px 10px 0;
	font-size: 12px;
	line-height: 1.2em;
	color: #000;
}
.qrcodes div.headline i { font-size: 10px; color: #6c6c6c; }

/**** Slideshow *****/
#slides {
	position: relative;
	z-index: 100;
	color: #fff;
}
.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container .slide {
	width: 940px;
	height: 560px;
	display: block;
	position: relative;
	font-size: 1.154em;
	line-height: 1.2em;
}

/*.slides_container .slide.firstslide {
	font-size: 1em;
}*/

.slides_container .slide img {
	display: block;
	position: relative;
}
#slides .next,#slides .prev {
	background: url('/grafik/arrow-prev.png') no-repeat 0 0;
	position:absolute;
	top:200px;
	left:20px;
	width:65px;
	height:90px;
	display:block;
	z-index:101;
	text-decoration: none;
}
#slides .next {
	left: 315px;
	background-image: url('/grafik/arrow-next.png');
}
#slides .prev.active { display: none; }
#slides a.next.active {
	background-position: -999em 0;
	width: 140px;
	height: 140px;
	top: 310px;
	left: 240px;
	z-index: 9999;
	cursor: pointer;
}

#slides.first-slide .next {
  left: 328px;
}
#slides.first-slide .screens a {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 185px;
  top: 280px;
  display: block;
  text-indent: -9999em;
}
/*#slides .prev.active {
	left: -23px;
	width: 45px;
}
#slides .next.active {
	left: 378px;
	width: 50px;
	background-position: -15px 0;
}*/
#slides a.next:hover { background-position: 0 -89px; }
#slides a.next.active:hover { background-position: -999em 0; }

/* #slides a.next.active:hover { background-position: -15px -89px; } */
#slides a.prev:hover { background-position: 0 -94px; }
.pagination {
	width: 135px;
	position: absolute;
	top: 510px;
	left: 130px;
	z-index: 120;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:15px;
	height:0;
	padding-top:15px;
	background-image:url('/grafik/pagination.png');
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a { background-position:0 -14px; }
/*** Slides Content ***/
#slides .screens {
	width: 400px;
	float: left;
	margin-right: 20px;
	position: relative;
}
#slides .content {
	width: 480px;
	float: left;
	padding-top: 50px; /* 75px */
}
.sosumi {
	padding-top: 10px;
}


.firstslide figure { width: 286px; margin: 20px 0 0 85px; }

/*** Guide pop ***/
#guide {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;
	height: 165px;
}
#guide a {
	display: block;
	width: 160px;
	height: 165px;
	background: url('/grafik/installationsguide.png') no-repeat 0 0;
	text-indent: -999em;
}
#guide a:hover,#guide a:active,#guide a:focus { background-position: 0 -222px; }
#komgodtigang { padding-top: 30px; }
#komgodtigang .section { clear: both; }
#komgodtigang .right { margin-top: -35px; }
#komgodtigang h1,#komgodtigang h2,#komgodtigang h3 {
	color: #0091cd;
	font-size: 2.7em;
}
#komgodtigang h2 {
	font-size: 1.3em;
	margin-top: 2em;
}
#komgodtigang h3 {
	font-size: 1em;
	margin-top: 2em;
}
#komgodtigang ol {
	color: #0091cd;
	list-style: decimal;
	margin-left: 1.5em;
}
#komgodtigang ol li span {
	color: #444;
}


/*** Ekstra info tabs ***/
ul.ekstrainfo {
	border-top: 1px solid #f2f2f2;
	padding: 25px 0 0 0;
	width: 900px;
	margin: 0 auto;
	height: 75px;
}
ul.ekstrainfo li {
	display: inline;
	float: left;
	width: 180px;
	font-size: 1.385em;
	line-height: 2em;
}
ul.ekstrainfo li.big { width: 200px; }
ul.ekstrainfo li a {
	text-decoration: none;
	color: #404040;
}
ul.ekstrainfo li a:hover,ul.ekstrainfo li a:active,ul.ekstrainfo li a:focus,ul.ekstrainfo li.ui-tabs-active a { color: #0091cd; }
ul.ekstrainfo li a .icon {
	background: url('/grafik/basis.png') no-repeat 0 0;
	width: 35px;
	height: 35px;
	float: left;
	padding-right: 10px;
}
ul.ekstrainfo li a .icon.rapport { background-position: -70px 0; }
ul.ekstrainfo li a .icon.setting { background-position: -140px 0; }
ul.ekstrainfo li a .icon.faq { background-position: -210px 0; }
ul.ekstrainfo li a:hover .icon,ul.ekstrainfo li a:active .icon,ul.ekstrainfo li a:focus .icon,ul.ekstrainfo li.ui-tabs-active a .icon { background-position: 0 -68px; }
ul.ekstrainfo li a:hover .icon.rapport,ul.ekstrainfo li a:active .icon.rapport,ul.ekstrainfo li a:focus .icon.rapport,ul.ekstrainfo li.ui-tabs-active a .icon.rapport { background-position: -70px -68px; }
ul.ekstrainfo li a:hover .icon.setting,ul.ekstrainfo li a:active .icon.setting,ul.ekstrainfo li a:focus .icon.setting,ul.ekstrainfo li.ui-tabs-active a .icon.setting { background-position: -140px -68px; }
ul.ekstrainfo li a:hover .icon.faq,ul.ekstrainfo li a:active .icon.faq,ul.ekstrainfo li a:focus .icon.faq,ul.ekstrainfo li.ui-tabs-active a .icon.faq { background-position: -210px -68px; }
ul.ekstrainfo li span {
	display: block;
	font-size: .733em;
}
#tabs {
	position: relative;
	color: #999;
}
#tabs .tabbox {
	clear: both;
	background: #fff;
	padding: 20px 0 40px;
}
#tabs .tabbox-inner {
	width: 900px;
	margin: 0 auto;
}
#tabs .coll1 {
	clear: left;
	float: left;
	width: 420px;
	margin-right: 40px;
}
#tabs .coll2 {
	float: left;
	width: 420px;
}
#tabs h1 {
	font-size: 2.154em;
	line-height: 1.5em;
	color: #0091cd;
	padding-top: 0;
}
#tabs h2 {
	font-size: 1.615em;
	line-height: 2em;
	color: #666;
	padding-top: 0;
}

/*** Fancybox tweaks ***/
.fancybox-skin .fancybox-close {
	right: 28px;
	top: 0;
	background: url('/grafik/basis.png') no-repeat 0 -134px;
}
.printversion {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 800;
	height: 40px;
	background: url('/grafik/basis.png') no-repeat 0 -201px;
	width: 150px;
	padding-left: 45px;
	padding-top: 10px;
	font-weight: normal;
	font-family: 'BreeSerifRegular','Times New Roman',times,serif;
	font-size: 1.214em;
	line-height: 1.2em;
	color: #c5c6c7;
}
.fancybox-overlay .fancybox-opened .fancybox-skin {
	padding: 0 15px 15px 15px !important;
}
.fancybox-next { right: 16px !important; }

/*** Form ***/
.subpage #slides .content {
	padding-top: 120px;
}

#ss-form { padding: 10px 0; }
.input-submit {
	background: url('/grafik/send-btn.png') no-repeat 0 0;
	border: 0;
	padding: 5px 19px 8px 15px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'BreeSerifRegular','Times New Roman',times,serif;
	font-weight: normal;
	font-size: 1em;
}
.input-text {
    border:0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	padding: 5px 10px;
	color: #888;
	text-transform: uppercase;
	font-family: 'BreeSerifRegular','Times New Roman',times,serif;
	font-weight: normal;
	font-size: 1em;
}


/*** Print styles! ***/
@media print {}

/*** Media queries! ***/
@media screen and (max-device-width: 480px) {}
@media all and (orientation: portrait) {}
@media all and (orientation: landscape) {}

/*** Font familys ***/
@font-face {
    font-family: 'BreeSerifRegular';
    src: url('/webfonts/BreeSerif-Regular-webfont.eot');
    src: url('/webfonts/BreeSerif-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('/webfonts/BreeSerif-Regular-webfont.woff') format('woff'),
         url('/webfonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
         url('/webfonts/BreeSerif-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* video page */
.video-page .slide { height: 600px; }
.video-page .firstslide figure {
  background: url("/grafik/video-bg.png") no-repeat;
  width: 690px;
  height: 410px;
  padding: 20px;
}
.video-page #content-main { border-bottom: none; }
.video-page #content-links { top: 500px; right: 230px; }
.video-page #content-links .dl { margin: 0 0 20px 0; }
.video-page #content-links .dl a { 
  background: url("/grafik/dl-btn.png") repeat-x;
  display: block;
  width: 196px;
  height: 55px;
  text-indent: -9999em;
  margin: 0 auto;
}
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/js/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/js/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/js/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/js/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}#cookiepolitik * {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#cookiepolitik.c-wrapper {
	background: url('/img/c-bg.png') repeat;
	height: 100%;
	width: 100%;
	z-index:999;
	position: absolute;
}

#cookiepolitik .c-content {
	background: #ffffff;
	width: 750px;
	height: 420px;
	position: absolute;
	z-index: 999;
	left: 50%;
	margin-left: -375px;
	top: 50%;
	margin-top: -210px;
	padding: 40px 80px 40px 40px;
	-moz-box-shadow: 0 0 10px #ddd;
	-webkit-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
}

#cookiepolitik h1 {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #006699;
	font-size: 200%;
	background: url('/img/pfizer_logo_footer.jpg') no-repeat left 15px;
	padding-left: 70px;
	margin-bottom: 20px;
}

#cookiepolitik p {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #555555;
	font-size: 90%;
	margin-bottom: 15px;
	padding-left: 70px;
}

#cookiepolitik a:link, #cookiepolitik a:visited {
	color: #289de9;
}

#cookiepolitik a:hover, #cookiepolitik a:active {
	color: #005a95;
	text-decoration: underline;
}

#cookiepolitik .c-btn {
	margin: 0 auto;
	width: 250px;
	margin-top: 30px;
}

#cookiepolitik a.c-agree:link, #cookiepolitik a.c-agree:visited {
	background: #289de9;
	color: #ffffff;
	padding: 12px 20px 10px;
	font-size: 150%;
	font-weight: lighter;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	display: inline-block;
	border-radius: 5px;
}

#cookiepolitik a.c-agree:hover, #cookiepolitik a.c-agree:active {
	background: #005a95;
	text-decoration: none;
}