/*****************************[Screen-Stylesheet]*****************************/
/* Project: kt1.at                			                                 */
/* KT1 Privatfernsehen						      							 */
/*****************************************************************************/
/* Bluelion IT Consulting OG			      								 */
/* Laudonstraße 2, 9020 Klagenfurt am Wörthersee     				         */
/*****************************************************************************/


/*General Content Formatting*/

* {font-family: Tahoma, Arial, Verdana, sans-serif;}

html.default {
	min-width: 1238px;
}

body {
  padding: 0px;
  margin: 0px;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: url(../images/background.jpg) center 197px repeat-x;
}

body.main {
min-width: 1238px;
}

  
.clear{clear: both;}
.left{float: left;}
.right{float: right;}

a img {	border: none; }

/* --- Überladen der auto-border (Webkit) --- */
*:focus {outline: none;}

/* --- Linkformatierungen --- */
a{color: #164571;}
a:link {color: #164571;}
a:visited {color: #164571;}
a:hover {color: #2B7E97;}
a:active {color: #164571;}

.b { font-weight: bold; }

h2 { font-size: 14px; }

p { margin: 0; padding: 0; }

.whole-content {
	margin: 0 auto 0 auto;
	width: 1238px;	
	min-width: 1238px;
}

.banner-area {
	float: left;
	width: 120px;
	height: 800px;
	margin-top: 160px;
}
.banner-area.left {
	margin-right: 10px;
}
.banner-area.right {
	margin-left: 10px;
}
.pagebody {
	width: 978px;
	float: left;
}

.ruler {
	border-bottom: 1px dotted #666;
}

/* --- Videosuche --- */
.videosearch {
	background: url(../images/videosuche-bg.jpg) no-repeat;
	width: 324px;
	height: 45px;
	z-index: 3;
}
.videosearch .videosearchtext {
	border: 1px solid #ffffff;
	margin: 14px 0 0 115px;
	height: 13px;
	line-height: 13px;
	width: 120px;
	outline: none;
}
.videosearch .videosearchsubmit {
	background: url(../images/btnbg-gray.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 16px;
	border: none;
	margin: 0 10px 0 10px;
}
/* --- Hauptmenü --- */
.mainmenu {
	background: url(../images/mainmenu-bg.jpg) repeat-x;
	line-height: 56px;
	height: 56px;
	margin-top: 42px;
	z-index:1;
}
.mainmenu .mmenulink {
	display: block;
	float: left;
	height: 55px;
}
.mainmenu .seperator {
	float: left;
	width: 14px;
	height: 55px;
	background: url(../images/mainmenu-spacer.jpg) no-repeat;
}
/* --- Untermenü / Popups --- */
.submenu { position: absolute; z-index: 2;}
.submenu a {
	text-decoration: none;
	color: #fff;
	line-height: 25px;
}
.submenu .smlink {
	line-height: 25px;
	border-bottom: 1px dotted #999999;
}
.submenu .programm {
	position: absolute;
	top: 0;
	left: 145px;
	display: block;
	width: 447px;
	background: #333333 url(../images/programmenu-bg.jpg) no-repeat;
	border-bottom: 5px solid #999999;
	display: none;
}
.submenu .programm .programm-links, .submenu .programm .archiv-links {
	float: left;
	width: 178px;
	margin: 40px 20px 20px 29px;
}
.submenu .programm .archiv-links {
	margin: 40px 0 20px 22px;
}
.submenu .programm a {
	margin-left: 10px;
}
.submenu .sender, .submenu .team {
	position: absolute;
	top: 0;
	display: block; 
	width: 200px;
	background: #333333 url(../images/smenu-bg.jpg) no-repeat;
	padding: 20px 30px 20px 30px;
	border-bottom: 5px solid #999999;
	display: none;
}
.submenu .team {
	left: 290px;
}
.submenu .sender a , .submenu .team a {
	line-height: 25px;
	border-bottom: 1px dotted #999999;
	display: block;
}
.submenu .team {
	width: 310px;
	background: #333333 url(../images/teammenu-bg.jpg) no-repeat;
}
.teammenu-header {
	border-bottom: 1px solid #8A8A8A;
	margin-bottom: 8px;
}
.teammenuelement {
	padding-bottom: 15px;
}
.left-team {
	width: 140px;
	padding-right: 30px;
	float: left;
}
.right-team {
	width: 140px;
	float: left;
}

/* --- Logo --- */
.logocontainer {
	width: 978px;
	position: absolute;
}
.logo {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
/* --- Footer --- */
.footer {
	margin-top: 20px;
	background: url(../images/footer-bg.jpg) no-repeat;
	min-height: 180px;
}
.footer-left, .footer-middle, .footer-right {
	min-height: 180px;
	width: 33.33%;
	float: left;
}
.footer .csc-default {
	margin: 20px 20px 0 20px;
	font-size: 11px;
	color: #333333;
}

.footer-additionalPartner{
  border-top: 1px dotted #dfdfdf;
  width: 940px;
  padding-top: 15px;
  margin: 0 auto 20px auto;
  }

/* --- Breadcrumbs --- */
.breadcrumbs {
	font-size: 11px;
	margin: 21px 0 40px 10px;
}
.breadcrumbs a {
	color: #333333;
	text-decoration: none;
}
/* --- Startseiten Inhalte --- */
.startsite-content {
  /*
	border-top: 15px solid white;
	border-bottom: 15px solid white;*/
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding: 15px 0 15px 0;
	background: url(../images/startsite-content-bg.jpg) repeat-y;
}
.startsite-left,.startsite-middle,.startsite-right  {
	width: 295px;
	float: left;
	padding: 20px 15px 0 15px;
}
.startsite-left {	background: url(../images/startsite-news.jpg) 183px 0 no-repeat; }
.startsite-middle {	background: url(../images/startsite-werbung.jpg) 185px 0 no-repeat; }
/* --- Startseite Channeloverview --- */
.startsite-title {
	
}
.channel-overview {
	background: url(../images/channelview-bg.jpg) no-repeat;
	height: 460px;
	padding: 20px 25px 0 25px;
	overflow: hidden;
}
.tabcontent {
	background-color: #FAFCFC;
	border: 1px solid #CDCDCD;	
}
.channel-videopreviewitem {
	background: url(../images/channel-preview-bg.jpg) no-repeat; 
	width: 220px;
	float: left;
	margin: 10px 10px 0 0;
	height: 175px;
}
.channel-videopreviewitem a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.channel-videopreviewpicture {
	margin: 10px 9px 9px 11px;
	height: 112px;
	background: no-repeat center center;
}
.channel-title {
	text-align: center;
	/*background: #000;*/
	background: url(../images/preview-transbg.png);
	color: #ffffff;
	line-height: 25px;
	font-size: 12px;
}
.channel-playbtn {
	height: 75px;
	background: url(../images/preview-playbtn.png) no-repeat center center;
}
.channel-playbtn a {
	height: 75px;
	text-decoration: none;
	width: 100%;
	display: block;
}
.channel-videotitle {
	color: #ffffff;
	line-height: 20px;
	margin: 15px 15px 5px 15px;
	font-size: 12px;
}
/* --- Channeldetailview --- */
.channel-detailview {
	background: url(../images/video-detailview-bg.jpg) no-repeat;
	height: 426px;
	padding: 27px 25px 0 25px;
}
.colorruler {
	line-height: 10px;
	height: 15px;
}
.detailview-video {
	background: url(../images/video-detail-bg.jpg) 0px 40px no-repeat;
	height: 406px;
	width: 557px;
	float: left;
	padding-left: 28px;
}
.detailview-video h2 {
	margin: 10px 0 5px 0;
}
.detailview-preview {
	width: 340px;
	float: left;	
	margin-top:80px;
}
.channel-detailview #player {
	width: 500px;
	height: 281px;
	display: block;
	padding: 18px 0 10px 8px;
	z-index: 0;
}
.channel-detailview .playbg {
	background: url(../images/video-play-btn.jpg) no-repeat 230px 130px;
}
.channel-detailview .video-caption {
	color: #fff;
	font-size: 14px;
	margin: 16px 0 3px 10px;
}
.channel-detailview .videobtn-row {
	width: 500px;
	margin: 10px;
}
.videopreview-item {
	background: url(../images/video-preview-bg.jpg) left top no-repeat;
	height: 85px;
	padding: 5px 5px 3px 5px;
	margin: 10px;
}
.video-previewpic {
	background: center center no-repeat;
	width: 130px;
	height: 73px;
	float: left;
}
.video-preview-description, .video-preview-description-further {
	float: left;
	color: #fff;
	width: 160px;
	margin: 0 0 0 12px;
}
.video-preview-description a {
	color: #fff;
	text-decoration: none;
}
.video-preview-description-further a {
	color: #000000;
	text-decoration: none;	
}
.fb-share {
	display: block;
	/*position: absolute;*/
	float: left;
	margin-left: 15px;
	float: left;
	width: 120px;
	height: 13px;
	background: url(../images/fb-share.jpg);
	padding: 2px;
	text-align: center;
}
.fb-share a,.fb-share a:hover {
	color: #fff;
	display: block;
	text-decoration: none;
}
.fb-share .fb_button_simple {
	background: none;
}
.fb-share .fb_button_text {
	visibility: hidden;
}

#video-embed {
	display: block;
	margin-left: 85px;
	width: 36px;
	height: 13px;
	background: url(../images/video-einbinden.jpg);
	padding: 2px;
	cursor: pointer;
  float: left;
}

/*
.content-detailview div {
	outline: 1px solid green;
}*/
/* --- CONTENT: Channeldetailview --- */
.content-detailview {
	margin: 0;
  padding: 40px 0 30px 0;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.content-detailview .left-column {
	float: left;
	width: 580px;
	line-height: 20px;
	padding-left: 20px;
}
.content-detailview .right-column {
	float: right;
	width: 364px;
}
.content-detailview .video-description {
	float: left;
	width: 359px;
	padding: 0 20px 0 0;
	border-right: 1px dotted #666666;
	min-height: 150px;
}
.content-detailview .video-credits {
	background: url(../images/credits.jpg) 130px 10px no-repeat;
	float: left;
	width: 190px;
	min-height: 150px;
	padding: 50px 0 0 10px;
}
.channel-right-header {
	height: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 50px 0 0 20px;
}
.video-browser {
	margin: 5px;
}
.video-browser-frame {
	outline: 0;
	height: 700px;
	width: 360px;
}
.video-browser-container {
	background: #F2F2F2;
}
/* --- Video Bestellformular --- */
#video-formrow{
  height: 5px;
  }
#ordervideo { cursor: pointer; float: left;}
.video-orderform {
	background: #fff;
	position: absolute;
	top: 665px;
	margin-left: 12px;
	width: 350px;
	border: 2px solid #164673;
	padding: 10px;
	display: none;
	z-index:999;
}
.video-orderform label {
	width: 150px;
	display: block;
	float: left;
	line-height: 20px;
	height: 18px;
}
.video-orderform input[type=text] {
	line-height: 20px;
	height: 18px;
	font-size: 11px;
	width: 150px;
}
.video-embedform {
	background: #fff;
	position: absolute;
	top: 665px;
	margin-left: 350px;
	width: 250px;
	border: 2px solid #164673;
	padding: 10px;
	display: none;
	z-index:998;
}
.video-embedform textarea {
	width: 240px;
	height: 50px;
}
/* --- Standardinhalte --- */
.normal-content {
	min-height: 468px;
	padding: 20px;
	background: #fff;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.normal-content .left-content {
	float: left;
	width: 687px;
	padding-right: 20px;
}
.normal-content .right-content {
	border-left: 1px dotted #000000;
	float: left;
	width: 200px;
	padding-left: 20px;
}
/* --- Suchergebnisse --- */
.searchresult {
	width: 700px;
	height: 420px;
	margin-top: 20px;
	float: left;
}
.searchresult-right {
	/*background: #fff; */
	width: 200px;
	margin: 20px 0 20px 20px;
	height: 400px;
	float: left;
}
.searchresult-item {
	background: url(../images/video-preview-bg.jpg) left top no-repeat;
	height: 90px;
	padding: 5px 5px 3px 5px;
	margin: 10px;
	color: #fff;
	float: left;
	width: 320px;
}
.video-searchresult-description-further {
	float: left;
	color: #fff;
	width: 160px;
	margin: 0 0 0 12px;
}
.video-searchresult-description-further a {
	color: #fff;
	text-decoration: none;	
}
a.graybtn {
	display: block;
	background: url(../images/gray-btn-bg.jpg) repeat-x;
	height: 19px;
	line-height: 19px;
	color: #fff;
	text-decoration: none;
	padding: 0 10px 0 10px;
}
/* --- News --- */
.news-list-item p {
	margin: 5px 0 5px 0;
}
.news-single-item h1{
	font-size: 16px;
}
.news-single-item h2{
	font-size: 12px;
}
/* --- Latest Items --- */
.caption-aktuelle-videos{
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  }

.aktuelle-videos-frame {
	width: 100%;
	border: 0;
	height: 170px;
	background: #000;
}

.aktuelle-videos {
	background-color:#020202;
	height: 170px;
	overflow: hidden;
}
.latest-item {
	background: url(../images/video-preview-bg.jpg) left top no-repeat;
	padding: 5px 5px 3px 5px;
	margin: 20px 20px 10px 20px;
	color: #fff;
	width: 130px;
	float: left;
}
.latest-item .video-previewpic {
	margin-bottom: 10px;
	clear: both;
	float: none;
}
.video-latestitem-description-further {
	width: 160px;
}
.video-latestitem-description-further a {
	color: #fff;
	text-decoration: none;
}
.goleft, .goright, .goleft:hover, .goright:hover {
	display: block; 
	height: 170px;
	width: 38px;
	color: #333333;
}
.goleft { background: url(../images/goleft.jpg) #333 center center no-repeat; float: left; text-decoration: none;}
.goright { background: url(../images/goright.jpg) #333 center center no-repeat; float: right; text-decoration: none;}

/* --- Weather Plugin ---*/
.weather {
	float: left;
	width: 200px;
	margin-left: 500px;
	margin-top: -40px;
	z-index:1;
}
.weatherimg {
	float: left;
}
.weathertxt {
	padding: 5px 0 0 2px;
	float: left;
	text-align: left;
}
.weathercontainer {
	width: 220px;
}
.tx-mvyahooweather-pi1 {
	margin-top: 10px;
}

/* EVENTS */
ul.event-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.event-list li {
	margin: 10px 10px 0 10px;
	border-top: 1px solid #cccccc;
}
.event-date {
	width: 40px;
	float: left;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	margin: 5px;
}
.event-date div.month {
	text-align: center;
	font-size: 15px;
}
.event-date div.day {
	text-align: center;
	font-size: 20px;
}

.event-description img {
	margin-right: 10px;
}

.event-description {
	width: 300px;
	float: left;
	margin: 5px;
	padding: 2px;
}
.event-location {
	width: 120px;
	float: left;
	padding: 2px;
	margin: 5px;
}

.event-link {
	width: 50px;
	float: left;
	margin: 5px;
}
.event-link a {

}

.neu {
	background-color: #f9df34;
	position: absolute;
	height: 10px;
	text-align: center;
	width: 17px;
	font-size: 10px;
	line-height: 10px;
	margin-left: 680px;
	margin-top: 95px;
	cursor: pointer;
}


@import "brandwagen.css";