body{
  margin: 0px; font: 12px Helvetica;
}
table{
  font: 12px Helvetica;
}

hr{
  border-top: 1px solid #ccc; border-bottom: 0px; margin: 0px;
}

a{
  text-decoration: none; color: #000;
}

/* POPUPS */
#popupContainer{
  position:absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1000; visibility: hidden; display: none;
}
#popupWindow{
  position: relative; left: 15px; top: 15px; width: 90%; background: #ffffff; border: 2px solid black;
  -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000;
  -moz-border-radius: 20px; border-radius: 20px;
}
#popupWindow h1{
  margin: 0px;
}
#popupWindow img{
  width: 20px; height: 20px; margin-right: 5px; margin-top: 5px;
}
#popupWindowBackground{
  position:absolute; top:0; left:0; width: 100%; height: 130%; background-image: URL('/templates/dk4/images/popupContainerBg.png');
}

/* SLIDE */

.slideItem{
  position: relative; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: 10;
}
.slideItemImage{
  position: relative; width: 100%;
}
.slideItemTextBox{
  position: absolute; left: 0px; bottom: 0px; width: 100%; background-image: URL('../templates/dk4/images/slideItemTextBoxBg.png');
}
.slideItemTextBox a{
  color: #fff; text-decoration: none;
}
.slideItemTextBox .showTime{
  margin: 3px 0px 0px 5px; font-size: 11px; text-transform: uppercase; text-shadow: #000 1px 1px 3px;
}
.slideItemTextBox .header{
  margin: 0px 5px 5px 5px; font-size: 15px; text-transform: uppercase; text-shadow: #000 1px 1px 3px; font-weight: bold;
}
.slideThumbnail{
  position: relative; float: left; margin: 10px 6px -48px 6px; left: 0px; top: 0px; width: 40px; height: 40px; background: #ffffff; border: 1px sold #ccc; -webkit-border-radius:3px;
}
.slideThumbnail .image{
  position: absolute; left: 2px; top: 2px; width: 36px; height: 36px; background-repeat: no-repeat; border: 0px;
}
.slideArrow{
  position: absolute; left: 0px; bottom: -10px; z-index: 100; width: 15px;
}

/* LIGE NU */

.ligeNu{
  position: relative; top: -75px; left: 10px; color: #b2b2b2; font-size: 10px; font-weight: bold; text-shadow: #000 1px 1px 3px;
}
.timelinePgm1{
  position: relative; top: -75px; left: 10px; margin-bottom: -70px; color: #fff; font-size: 15px; font-weight: bold; text-shadow: #000 1px 1px 3px; text-transform: uppercase;
}
.timelinePgm2, .timelinePgm3{
  position: relative; top: -37px; left: 10px; color: #525252; font-size: 12px; font-weight: bold; text-shadow: #fff 1px 1px 3px; text-transform: uppercase;
}
.timelinePgm3{
  top: -32px; margin-bottom: -32px;
}

.timelinePgm{
  position: relative; color: #333; font-size: 15px; font-weight: bold; padding:5px;
}

/* CONTENTPAGE */

.contentBox{
  width: 95%; background: #fff; border: 4px solid white; text-align: left; margin-top: 5px;
}

.contentBox .header{
  color: #980000; font-size: 15px; font-weight: bold; margin-bottom: 5px; display: block;
}

.grayCell{
  background: #ddd;
}

/* APP BUTTONS */

.borderImageBtn
{
	margin: 0;
	height: 30px;
	width: 70%;
	text-align: center;
	font: bold 12px/30px Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	z-index: 500;
}
.blackButton
{
	border-left: 12px;
	border-right: 12px;
	color: white;
	text-shadow: #000 0px 1px 1px;
	-webkit-border-image:url("images/grayButton.png") 0 14 0 14;
}
.blackLeftButton
{
	border-left: 12px;
	border-right: 5px;
	color: white;
	text-shadow: #000 1px 1px 3px;
	-webkit-border-image: url("images/left.png") 0 5 0 12;
}
.blackRightButton
{
	border-left: 5px;
	border-right: 12px;
	color: white;
	text-shadow: #000 1px 1px 3px;
	-webkit-border-image: url("images/right.png") 0 12 0 5;
}
.buttonOffline{
  color: #ccc;
}