* { margin: 0; padding: 0; }


/*
 * Container
 */
#slideContainer {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	bottom: 0;
	display: none;
}
.slideScroll {
	height: 100%;
}

/*
 * Toggle / Minimize
 */
#slideContainer .slideButtons {
	width: 55px;
	z-index: 1010;
	background: rgba(0,0,0,0.5);
	height: 100%;
	cursor:pointer;
	position: relative;
	float: left;
}

.slideButtons .slideToggle {
	top: 50%;
	position: absolute;
	margin-left: 19px;
}
.slideButtons .slideClose img {
	margin: 19px;
}
.slideButtons .slideToggle img {
	position: relative; top: -50%;
}

/*
 * Article
 */
.slideContents {
  max-width: 533px;
  height: 100%;
  overflow: auto;
  background: #fff;
  z-index: 1000;
  overflow-x:hidden;
}
.slideContents:after {

}


.slideContent {
	min-width: 290px;
}

.slideWrapper {
	min-width: 474px;
}

@media (max-width: 321px) {
  .slideWrapper {
    min-width: 290px;
  }
}

#slideHeader {
	height: 92px;
	border-bottom: 6px solid #b01418;
	margin: 0 0 18px 0;
}

/* Newspapers */
#slideHeader.jp { border-bottom: 6px solid #157533; background: url('../images/jp.png') 0 0 no-repeat; }
#slideHeader.pol { border-bottom: 6px solid #a62519; background: url('../images/pol.png') 0 0 no-repeat; }
#slideHeader.bt { border-bottom: 6px solid #dc112c; background: url('../images/bt.png') 0 0 no-repeat; }
#slideHeader.eb { border-bottom: 6px solid #b01418; background: url('../images/eb.png') 0 0 no-repeat; }
#slideHeader.other { font: 44px/300% 'Times New Roman', serif; }

.slideArticle { font: 12px/14px 'Helvetica', sans-serif; padding: 8px 16px 0 16px; }
.slideArticle .slideDate { margin: 0 0 24px 0; color: #666666; text-transform: uppercase; }
.slideArticle .slideTitle h3{ font: 44px/100% 'Georgia', serif!important; margin: 0 0 16px 0!important;color: #000000!important; }
.slideArticle .slideImage { width: 100%; height: 100%; }
.slideArticle .slideImageTxt { color: #333333; margin: 0 0 29px 0; }
.slideArticle .slideIntro { font: 17px/19px 'Georgia', serif; margin: 0 0 19px 0;}
.slideArticle .slideAuthor { margin: 0 0 19px 0; text-transform: uppercase; border-top: 1px dashed #9f9f9f; padding-top: 18px;}
.slideArticle .slideNews { font: 14px/18px 'Helvetica', sans-serif; }
.slideArticle .slideNews p { margin: 0 0 24px 0;  }
.slideNews h1{ font: 20px/24px 'Georgia', serif!important;color: #000000!important; }

/*
 * Medielinks ikon
 */

 .clio-extracontent-icon,
 .clio-extracontent-text {
 	float: left;
 	cursor: pointer;
 }
.clio-extracontent-icon {
    margin-right: 10px;
}
 .clio-extracontent-text a {
  	text-decoration: underline;
     display: block;
     display: table-cell;
     height: 50px;
     max-width: 135px;
     vertical-align: middle;
 }
.clio-extracontent-wrapper {
 	overflow: hidden;
 }
.clio-extracontent-wrapper-inner {
 	float: left;
 	width: 100%;
}

.slideIcons {
	margin-top: 10px;
	margin-right: 15px;
	float: right;
	display: block;
}
.slideIcons .slideDyslexia {
	background: url('../images/icons.png') 0 -25px no-repeat;
	float: left;
	height: 25px;
	width: 15px;
	display: block;
	margin-right: 10px;
}
.slideIcons .slideDyslexia:hover { background-position: 0 -1px; cursor: pointer; }
.slideIcons .slideSpeak {
	background: url('../images/icons.png') -15px -25px no-repeat;
	float: left;
	height: 25px;
	width: 23px;
	display: block;
	margin-right: 10px;
	/* fjernet da det skulle bruges */
}
.slideIcons .slideSpeak:hover { background-position: -15px 0; cursor: pointer; }

.slideIcons .slidePrint {
	background: url('../images/icons.png') -38px -25px no-repeat;
	float: left;
	height: 25px;
	width: 26px;
	display: block;

}
.slideIcons .slidePrint:hover { background-position: -38px -1px; cursor: pointer; }


.dyslexia .slideArticle,
.dyslexia .slideArticle .slideTitle h3,
.dyslexia .slideArticle .slideNews,
.dyslexia .slideArticle .slideIntro,
.dyslexia .clio-extracontent-text a { font-family: 'dyslexieRegular' !important; }


/* FACTS */

.slideFacts {
	float: right;
	width:200px;
	background-color: #F5F5F5;
	white-space: normal;
	margin-bottom: 10px;
	margin-left: 10px;
}

#jp .slideFacts{ border-top: 3px solid #157533; }
#pol .slideFacts{ border-top: 3px solid #a62519; }
#bt .slideFacts{ border-top: 3px solid #dc112c; }
#eb .slideFacts{ border-top: 3px solid #b01418; }
#other .slideFacts{ border-bottom: 3px solid #b01418;}


#jp .slideNews,
#pol .slideNews,
#bt .slideNews,
#eb .slideNews,
#other .slideNews {
	white-space: normal;
}


.slideFacts h3 {
   border-bottom: 1px solid #CCCCCC;
   margin-bottom: 4px;
   font: bold 14px/17px Arial;
    padding: 7px 9px;
    text-transform: uppercase;
}

#jp .slideFacts h3	{ color: #157533; }
#pol .slideFacts h3	{ color: #a62519; }
#bt .slideFacts h3	{ color: #dc112c; }
#eb .slideFacts h3	{ color: #b01418; }
#other .slideFacts h3 { color: #b01418; }

.slideFacts .slideFactsText {
    margin: 0 10px 5px;
    overflow: hidden;
}
.slideFacts .slideFactsText .bodytext {
	margin: 0 0 20px 0;
}
.slideFacts .slideFactsText ul {
	margin-left: 0;
	margin-left: 0\9;
	list-style-type: none;
	padding: 0;
}
.slideFacts .slideFactsText ul li {
	list-style:disc\9;
	font-size: 12px;
	line-height: 14px;
}
.slideFacts .slideFactsText ul li:before {
    color: #B01418;
    content: '\2022';
    font-size: 1.5em;
    padding-right: 0.25em;
    position: relative;
    top: 0.1em;
}

/* if topbar is on */

#slideContainer.topbar {
	margin-top:33px;
}

/** PostCard start **/

.postCard #slideHeader { border-bottom: 0 none; background: url('../images/postCardStrip.png') 0 0 no-repeat; height: 11px; margin: 28px 0; }
.postCard .slideArticle .slideTitle h3{ font: 21px/33px 'short_stackregular', serif!important; margin: 0 0 16px 0!important;color: #212121!important; display: none; }
.postCard .slideTo { font: 21px/33px 'short_stackregular', serif!important; color: #212121!important;}
.postCard .slideArticle .slideNews { font: 18px/33px 'short_stackregular', sans-serif; color: #212121!important;}
.postCard .slideImageStamp { background: url('../images/postCardStamp.png') 0 0 no-repeat; width: 153px; height: 134px; float: right; }	
.postCard .slideArticle .slideIntro { font: 21px/33px 'short_stackregular', serif!important; padding: 0 0 18px 0; margin: 0 0 19px 0; border-bottom: 0 none; width: 290px; }

.postCard .slideArticle .slideNews p,
.postCard .slideTo p,
.postCard .slideIntro p {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
}


/** PostCard end **/


/** SMS start **/
.sms {
	background-color: #e1e7ef;
	padding: 0;
	margin:0;

}
.sms #slideHeader {
	border-bottom: 0;
	height: 0;
	margin:0;

}
.sms #slideContainer .slideArticle {
	float: left;
}
.sms .slideIcons {
    background-color: #FFFFFF;
    display: inline-block;
    float: right;
    height: 37px;
    padding-top: 10px;
    width: 100%;
    margin:0;
}
.sms .slideIcons a {
	float: right;
	margin-right: 10px;
}

.sms.slideContents {
	padding: 0 0 60px;
	width: 100%;
}
.sms .slideArticle {
	display: inline-block;

    padding: 0;
}
.sms .sms-top {
	background: url('../images/sms/sms-header.png') 0 0 no-repeat; 
	width: 100%;
	height: 97px;
}
.sms .sms-bottom {
	background: url('../images/sms/sms-footer.png') 0 0 no-repeat; 
	width: 100%;
	height: 60px;
	position: absolute; /**/
	bottom: 0;
}
.sms .sms-content {
	width: 100%;
	padding-bottom: 60px;
	display: inline-block;
}
.sms .sms-content-inner {
    display: block;
}
.sms-b1,
.sms-b2 {
	width: 300px;
	margin: 15px;
	padding: 10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	position: relative;
	min-height: 30px;
	color: #333;
	font-size: 19px;
	line-height: 30px;
}
.sms-b1 {
	background-color: #ffffff;
	border: 2px solid #d0d0d0;
	float: left;
}
.sms-b1:after {
	background: url('../images/sms/sms-b1-corner-mini.png') left bottom no-repeat; 
    bottom: 0px;
    content: "";
    display: table;
    height: 15px;
    left: -9px;
    position: absolute;
    width: 17px;
}
.sms-b2 {
	background-color: #aadf8f;
	border: 2px solid #88c36a;
	float: right;
}
.sms-b2:after {
	background: url('../images/sms/sms-b2-corner-mini.png') left bottom no-repeat; 
    bottom: 0px;
    content: "";
    display: table;
    height: 15px;
    right: -9px;
    position: absolute;
    width: 17px;
}
/** SMS end **/


/** DIARY start **/

.diary #slideHeader {
	border-bottom: 0;
	height: 50px;
}
.diary.slideContents {
	padding: 8px 0 0 11px;
}
.diary .diary-content {
	background: url('../images/diary/diary-bg.png') left top repeat;
	font-family: short_stackregular;
    font-size: 20px;
    line-height: 40px;
    padding-top: 10px;
    float: left;
    padding-bottom: 35px;
    padding-left: 12px;
    width: 100%;
}
.diary .diary-top{
	float: right;
	margin-right: 20px;
}
.diary .diary-day {
	font-size: 45px;
	line-height: 45px;
	font-family: arial;
	font-weight: bold;
	color:#e74c3c;
}
.diary .diary-month {
	font-size: 14px;
	font-family: arial;
	color: 000;
	text-transform: capitalize;
}

/** DIARY end **/


/** Email start **/
.email .slideArticle {
	background: url('../images/email/email-top-bg.png') left top no-repeat;
	display: inline-block;
	width: 100%;
	padding: 0 0 0 12px;

}

.email #slideHeader {
	border-bottom: 0 none;
	height: 50px;
}
.email .slideArticle p {
	float: left;
	clear: both;
	line-height: 18px;
	font-size: 14px;
	font-family: arial;
	padding: 5px;
    margin-bottom: 4px;
    margin-top: 8px;
    width: 60px;
    color: #333333;
}
.email .slideArticle .slideTo,
.email .slideArticle .slideCC,
.email .slideArticle .slideTopic {
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e3f5fc;
	color: #367690;
	font-size: 14px;
	font-family: arial;
	padding: 5px 10px;
	line-height: 18px;
    margin-bottom: 4px;
    margin-top: 8px;
    
}
.email .slideArticle .slideTopic {
	color: #333333;
}
.email .slideArticle .slideTopic { background-color: transparent;}

.slideText {
    /*float: left;*/
    margin-bottom: 50px;
}

.email .slideText p {
	width: 90%;
	color: #333333;
	float: inherit;
	font-size: 16px;
    line-height: 30px;
}

.email .slideBottomImage {
	background: url('../images/email/email-bottom-bg.png') left top no-repeat;
    height: 50px;
    position: fixed;
    width: 478px;
    bottom: 0;
}
/** Email end **/

/* wrapping */

.wrap {	white-space: nowrap; }
#slideContainer .slideArticle {	white-space: inherit; 
}

@font-face {
    font-family: 'short_stackregular';
    src: url('../fonts/shortstack-regular.eot');
    src: url('../fonts/shortstack-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/shortstack-regular.woff') format('woff'),
         url('../fonts/shortstack-regular.ttf') format('truetype'),
         url('../fonts/shortstack-regular.svg#short_stackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/** RELIGION start  **/
@import url(http://fonts.googleapis.com/css?family=Dancing+Script);

.slideWrapper.religion {
	background-color: #f6f1e4;
	color: #938365;
}

.slideWrapper.religion p:last-child {
	margin-bottom: 0;
}

.slideWrapper.religion .headline {
	font-family: 'Dancing Script', cursive;
}



.slideContents .slideContents {
    width: 100%;
}

.slideRel-corner-tl,
.slideRel-corner-tr,
.slideRel-corner-bl,
.slideRel-corner-br {
	background: url('../images/religion/slide-rel-corners.png') left top no-repeat;
	display: block;
	width: 87px;
	height: 87px;
}
.slideRel-corner-tl { 
	background-position: 0 0;
	float: left;
}
.slideRel-corner-tr { 
	background-position: -87px 0;
	float: right;
}
.slideRel-corner-bl { 
	background-position: 0 -87px;
	float: left;

}
.slideRel-corner-br { 
	background-position: -87px -87px;
	float: right;
}

.slideRelText {
    font-size: 16px;
    line-height: 24px;
}
.slideRel-logo span {
	display: block;
	height: 173px;
	height: 173px;
	margin-top: -30px;
}

.logo-konf { background: url('../images/religion/slide-rel-logo-konf.png') center center no-repeat; }
.logo-bud { background: url('../images/religion/slide-rel-logo-bud.png') center center no-repeat; }
.logo-dao { background: url('../images/religion/slide-rel-logo-dao.png') center center no-repeat; }
.logo-hindu { background: url('../images/religion/slide-rel-logo-hindu.png') center center no-repeat; }
.logo-islam { background: url('../images/religion/slide-rel-logo-islam.png') center center no-repeat; }
.logo-jew { background: url('../images/religion/slide-rel-logo-jew.png') center center no-repeat; }
.logo-krist { background: url('../images/religion/slide-rel-logo-krist.png') center center no-repeat; }


.slideRelMain .slideIcons {
    position: relative;
    right: 40px;
    top: 200px;
    z-index: 99999;
}
.slideRelMain .slideIcons .slideDyslexia { background: url('../images/slide-rel-icons.png') 0 0 no-repeat; }
.slideRelMain .slideIcons .slideDyslexia:hover { background-position: 0 -25px; cursor: pointer; }
.slideRelMain .slideIcons .slideSpeak {	background: url('../images/slide-rel-icons.png') -25px 0 no-repeat; }
.slideRelMain .slideIcons .slideSpeak:hover { background-position: -25px -25px; cursor: pointer; }
.slideRelMain .slideIcons .slidePrint { background: url('../images/slide-rel-icons.png') -58px 0 no-repeat; }
.slideRelMain .slideIcons .slidePrint:hover { background-position: -58px -25px; cursor: pointer; }

.slideRelAuthor {
    padding-right: 30px;
    text-align: right;
}

/** RELIGION end  **/
