* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
}

body {
	font-family: Arial, "Lucida Sans", "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
	background: white;
}

a {
	color: #6DB43E;
}

a:hover {
	color: #F15742;
}

input {
	color: #5CA8CE;
}

h3 {
    color: #6DB43E;
    font-size: 17px;

}

h4 {
    font-size: 11px;
}

input.obj-text {
	border: 1px solid #d7eef9;
	width: 200px;
	padding: 2px;
}

textarea.obj-textarea {
	border: 1px solid #d7eef9;
	width: 100%;
	color: #5CA8CE;
	font-family: Arial, "Lucida Sans", "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	padding: 2px;
}

input.obj-button {

}

/*	Main Positioning
	--------------------------------------------
*/

div#wrapper {
	width: 780px;
	margin: 15px auto;
	text-align: left;
}

/*	Top Components
	--------------------------------------------
*/

div#top {
    height: 85px;
	clear: both;
}


div#top h1 {
	position: relative;
	overflow: hidden;
	clear: both;
	width: 96px;
	height: 68px;
	font-size: normal;
	float: left;
	margin-left: 25px;
}

div#top h1 span.claim {
    font-size: x-small;
	display: block;
	font-weight: normal;
	color: #2A8DBF;
	font-style: italic;
}

div#top h1 a {
    text-decoration: none;
}

div#top h1 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 96px;
	height: 68px;
	background: url('hddlogo.gif') no-repeat;
	cursor: pointer
}

div#top h2 {
	color: #7fb0cb;
	position: relative;
	top: 5px;
	left: 30px;
	float: left;
	padding-left: 28px;
	border-left: 1px solid #e8f1f7;
	height: 40px;
	padding-top: 22px;
}

div#top form#search {
	width: 270px;
	height: 40px;
	padding-left: 3px;
   	float: right;
	margin-top: 17px;
	background: url('input-search.gif') no-repeat 0 7px;
	margin-right: 25px
}

div#top form#search legend {
    display: none;
}

div#top form#search input.obj-texttop {
	width: 174px;
	background: transparent;
	margin-right: 8px
}

div#top form#search input.obj-button {
    width: 74px;
	height: 23px;
	position: relative;
	top: 7px;
}

/*	Header Components
	--------------------------------------------
*/

div#header {
    width: 780px;
	height: 268px;
	clear: both;
}

div#header div#video {
    width: 370px;
	background: url('bg-flashvideo.gif') no-repeat;
	float: left;
	height: 268px
}

div#header div#playlist {
    width: 220px;
	height: 268px;
	float: left;
	background: url('bg-playlist.gif') no-repeat;
	margin-right: 9px
}

div#header div#today {
	float: left;
	width: 181px;
	height: 268px;
	background: url('bg-today.gif') no-repeat 0 3px;
}

div#header div#today div.overlay {
	background: url('bg-tentotyden-right.png') no-repeat right top;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='../images/bg-tentotyden-right.png');
	width: 8px;
	height: 105px;
	position: absolute;
	margin-left:173px; margin-right:0; margin-top:59px; margin-bottom:0
}

div#header div#today h2 {
    font-size: 16px;
	color: white;
	margin: 20px 0 5px 15px;
	font-weight: normal;
}


div#header div#today h3 {
    color: white;
	margin-left: 15px;
	font-size: 17px;
}

div#header div#today h3 a {
	color: white;
	text-decoration: none;
}

div#header div#today h3 a:hover,
div#header div#today a:hover.more {
	text-decoration: underline;
}

div#header div#today h4 {
	position: relative;
	color: white;
	font-size: 24px;
	font-weight: normal;
	top: -30px;
	left: 113px;
	z-index: 10;
	margin-bottom: -50px;
}

div#header div#today div#timebg {
    position: relative;
	top: -11px;
	left: 106px;
	background: black;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-moz-border-radius-topleft: 15px;
	width: 74px;
	height: 30px;
	z-index: 0;
}

div#header div#today p {
    padding: 6px 15px;
	color: white;
}

div#header div#today a.more {
	background: url('bullet-white.gif') no-repeat right center;
	padding-right: 20px;
	margin-left: 15px;
	color: white;
	text-decoration: none
}

div#header div#playlist h2 {
	margin: 20px 0 4px 15px;
    color: white;
	font-weight: normal;
	font-size: 17px;
}

div#header div#playlist div.item {
	width: 190px;
	height: 46px;
	margin-left: 15px;
	margin-bottom: 15px;
}

div#header div#playlist div.item img {
    float: left;
	border: 3px solid #9CD5E5;
	margin-right: 10px;
	width: 70px;
	height: 46px;
	background: white;
}

div#header div#playlist div.item h4 {
    margin-bottom: 3px;
}

div#header div#playlist div.item h4 a {
    font-size: 12px;
	color: white;
	text-decoration: none;
}

div#header div#playlist div.item h4 a:hover {
    text-decoration: underline;
}

div#header div#playlist div.item p {
    color: #D6F4FF;
}

div#header div#playlist div.item:hover img {
    border-color: #D6F4FF;
}

div#header div#playlist a.more  {
	background: url('bullet-white.gif') no-repeat right center;
	padding-right: 20px;
	color: white;
	text-decoration: none;
	position: relative;
	left: 15px
}

/*	Menu Components
	--------------------------------------------
*/

div#menu {
    width: 780px;
	float: left;
	margin-bottom: -55px;
	position:relative;
	top:-15px;
	z-index: 10000;
}

div#menu ul {
    margin-top: 3px;
}

div#menu ul li {
    display: inline;
}

div#menu ul li a {
    float: left;
	display: block;
	line-height: 80px;
	padding: 0 25px;
	font-size: 16px;
	color: #2B8CBF;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, "Lucida Sans", "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 17px;
}

div#menu ul li a:hover {
    color: #F15742;
}

/*	Content Components
	--------------------------------------------
*/

div#content {
    margin-top: 66px;
	background: url('bg-main.gif') no-repeat top;
	min-height: 140px;
	padding-top: 14px
}

div#content div#promoboxes div.box div.overlay,
div#content-page div#promoboxes div.box div.overlay,
div#content div#promoboxes div.first div.overlay-left,
div#content-page div#promoboxes div.first div.overlay-left {
	z-index: 10;
	position: absolute;
	width: 185px;
}

div#content div#promoboxes div.first div.overlay-left,
div#content-page div#promoboxes div.first div.overlay-left {
	width: 24px;
	height: 73px;
	margin-top: 15px;
	background: url('bg-overlay-left-left.png') no-repeat left bottom;
	margin-left: -10px
}

div#content div#promoboxes div.first div.overlay,
div#content-page div#promoboxes div.first div.overlay {
	background: url('bg-overlay-left.png') no-repeat right top;	
	height: 30px;	
	top: 449px;
	z-index: 10
}

div#content div#promoboxes div.middle div.overlay,
div#content-page div#promoboxes div.middle div.overlay {
	background: url('bg-overlay-center.png') no-repeat;
	height: 13px;
	top: -9px
}

div#content div#promoboxes div.end div.overlay,
div#content-page div#promoboxes div.end div.overlay {
	background: url('bg-overlay-right.png') no-repeat;
	height: 14px;
	top: -9px
}

div#content div#promoboxes,
div#content-page div#main div#promoboxes {
    width: 780px;
}

div#content div#promoboxes div.box,
div#content-page div#main div#promoboxes div.box {
    float: left;
	width: 185px;
	margin-left: 10px
}

div#content div#promoboxes div.box div.in {
    border-right: 1px solid #D7EEF9;
	position: relative;
	top: -3px;
	padding-bottom: 10px;
	margin-bottom: 3px;
}

div#content div#promoboxes div.middle, div#content div#promoboxes div.end,
div#content-page div#main div#promoboxes div.middle, div#content-page div#main div#promoboxes div.end {
    position: relative;
	top: -4px;
	margin-left: 11px
}

div#content div#promoboxes div.box h3 {
    padding: 10px 0;
	font-size: 16px;
	color: #6DB43E;
}

div#content div#promoboxes div.box p,
div#content-page div.news div.in p {
	line-height: 15px;
	margin-bottom: 15px;
	font-size: 11px;
	margin-right: 10px;
}

div#content div#promoboxes div.box a.more {
	position: relative;
	left: 100px;
	background: url('bullet-blue.gif') no-repeat right center;
	padding-right: 20px
}

div#content div#promoboxes div.news {
    width: 180px;
}

div#content div#promoboxes div.news div.in,
div#content-page div.news div.in {
    border-right: 0;
	padding: 10px 15px;
}

div#content div#promoboxes div.news div.in h3,
div#content-page div.news div.in h3 {
    color: white;
    font-size: 20px;
    margin-bottom: 5px;
}


div#content div#promoboxes div.news div.in h4,
div#content-page div.news div.in h4 {
    margin-bottom: 5px;
}


div#content-page div.news div.in ul {
	margin-bottom: 10px;
}

div#content-page div.news div.in ul li {
	font-size: 12px;
	list-style-type: square;
	color: #6eaac9;
	margin-left: 14px;
	margin-bottom: 5px;
}

div#content-page {
    margin-top: 66px;
	background: url('bg-main.gif') no-repeat top;
	min-height: 140px;
	padding-top: 14px
}

div#content-page div#main {
    width: 588px;
    float: left;
    margin-right: 11px;
	border-right: 1px solid #D7EEF9;
	margin-bottom: 10px;
}

div#content-page div.news {
    width: 180px;
    float: left;
    font-size: 14px;
    margin-top: 7px;
}

div#content-page div.news div.in h3.submenutopic {
	font-size: 11px;
	margin-bottom: 10px;
	color: #6eaac9;
	font-size: 13px;
	border-bottom: 1px solid #d7eef9;
	padding-bottom: 10px;
}

div#content-page div#main div.in {
	padding: 97px 10px 5px 10px;

}

div#content-page div#main div.in h2 {
	color: #6DB43E;
	margin: 5px 0 10px 0;
	position: relative;
	left: -2px;
	font-size: 19px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d7eef9;
}

div#content-page div#main div.in h3 {
	margin: 15px 0;
	color: #6eaac9
}

div#content-page div#main div.in p {
	margin: 0 0 15px 1px;
	font-size: 12px;
	line-height: 1.7em;
}

div#content-page div#main div.in ul {
	margin-left: 15px;
}

div#content-page div#main div.in ul li {
	font-size: 12px;
	line-height: 1.7em;
    list-style: square;
	border-bottom: 1px dotted #ccc;
	font-style: italic;
}

div#content-page div#main div.in ul.programova-nabidka-menu {
	background: #EAF6FB;
	margin-left: -2px;
	margin-bottom: 15px;
	margin-top: -10px;
	width: 568px;
}

div#content-page div#main div.in ul.programova-nabidka-menu li {
	display: inline;
	list-style: none;
	border: 0;
	font-style: normal;
	line-height: 30px;
	padding: 0 15px;
	border-right: 1px solid #D7EEF9;
}

div#content-page div#main div.in table.programova-nabidka,
div#content-page div#main div.in table.kontaktujte-nas {
	width: 100%;
}

div#content-page div#main div.in table.programova-nabidka td {
	text-align: center;
	vertical-align: top;
	height: 90px;
}

div#content-page div#main div.in table.kontaktujte-nas th {
	width: 140px;
	font-size: 12px;
	background: #eaf6fb;
	padding: 5px;
}

div#content-page div#main div.in table.kontaktujte-nas td {
	font-size: 12px;
	background: #f6fbfd;
	padding: 5px;
}

div#content-page div#main div.in div.item {
	width: 100%;
	margin-bottom: 10px;
}

div#content-page div#main div.in div.item div.in {
	padding: 0;
}

div#content-page div#main div.in div.item div.in h3 {
	margin: 0;
	font-size: 13px;
}

div#content-page div#main div.in div.item div.thumb {
	float: left;
	margin-right: 10px;
}

div#content-page div#main div.in div.item div.thumb img {
	border: 3px solid #d7eef9;
	height: 66px;
	width: 100px;
}

/*	Footer Components
	--------------------------------------------
*/

div#footer {
    clear: both;
	border-top: 1px solid #D7EEF9;
	padding: 10px 0;
}

div#footer ul {
    margin-bottom: 5px;
}


div#footer ul li {
    display: inline;
	background: url('bullet-separator.gif') no-repeat right;; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}

div#footer ul li.last {
    background: none;
}


div#footer p {
    padding: 0 10px;
	color: #999
}
div#footer p#yellowmedia {
    float: right;
	margin-top: -33px;
}