/*	### CSS Styles for 13thstreet.de ###

	##### Table of Contents #####

	General
	Header
	Main Navigation
	Sub Navigation
	Footer
	Box Navigation / Tabs
	Carousel
	Intro
	Now & Next Box
	Newsletter Subscription
	Player / Playlist
	TV-Guide
	Gallery
	Form
	
*/


/* General
_________________________________________________________________________________ */

body {
	background: #0B2633;
	color: #FFF;
	font: 12px/15px Arial, Helvetica, sans-serif;
	min-width: 1120px;
}

p { padding: 6px 0 10px; }

div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	margin-top: 8px;
}

div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	margin-top: 8px;
}

/* Links */
a { color: #79939D; text-decoration: none; }
a:hover { color: #FFF; }
p a { text-decoration: underline; }

/* Headlines */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 {	color: #FFF; font-size: 18px; line-height: 22px; margin: 0 0 14px; }
h2 { color: #FFF; font-size: 15px; line-height: 17px; margin: 0 0 3px; }
h3 { color: #79939D; font-size: 12px; line-height: 15px; margin: 0 0 3px; }

.smallMarginBottom { margin-bottom: 3px ! important; padding-bottom: 0 ! important; }
.bigMarginTop { margin-top: 14px ! important; padding-top: 0 ! important; }

/* Lists */
.box-content ul { margin: 0 0 10px; }
.box-content ul li { 		
	background: url('/typo3conf/ext/nu13thst_sys/gfx/icons/list-item-bg.gif')  3px 6px no-repeat;
	margin: 3px 0;
	padding-left: 12px;
}
.box-content ul ul { margin: 0; }

/* Forms */
input { font-size: 12px; }
textarea { font: 11px/14px Arial, Helvetica, sans-serif; }
legend { display: none; }

/* Tables */
tr, th, td {
	font: 12px/15px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}

.highlight { color: #79939D; font-weight: bold; }

.ui-tabs-hide { display: none; }

.clearer { clear: both ! important;  }
 
.noBg { background: none ! important; }

hr {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-580x2.gif') no-repeat 0 bottom;
	border: 0;
	font-size: 2px;
	height: 2px;
	line-height: 2px;
	margin: 0 0 10px -5px;
	width: 580px;
} 

/* Buttons */
.button {
	background: #143C4B;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	padding: 0 28px 0 10px;
	position: relative;
	text-decoration: none;
}

.box-button {
	bottom: 0;
	left: 15px;
	position: absolute;
}

.button img {
	position: absolute;
	top: 6px;
	right: 10px;
}
 
 /* Containers / Columns / Boxes
_________________________________________________________________________________ */

#container {
	background: #04171F url('/typo3conf/ext/nu13thst_sys/gfx/container-bg.gif') repeat-x;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 100;
}

#shockingshorts #container { background-color: #35393A; }

#container-bg {
	bottom: 150px;
	height: 100%;	
	left: 0;	
	position: absolute;
	width: 100%;
	overflow: hidden;
}

#container-bg img{ margin: 285px 0 0 0; }

#columns {
	margin: 0 auto;
	position: relative;
	right: 45px;
	width: 950px;
}

#content-container { padding: 15px 0; }

#ad-skyscraper {
	position: absolute;
	right: -170px;
	top: 15px;
	width: 160px;
}

#ad-rectangle {
	height: 280px;
	width: 330px;
}
 
.col { float: left; overflow: hidden; }

#full-col { width: 940px; }

#left-col,
#right-col { width: 340px; }

.box {
	background: #0b2633;
	margin: 0 10px 10px 0;
	position: relative;
}

.box-headline { height: 33px; margin: 0 0 0 10px; }
.box-headline img { margin: 7px 0 0 5px; }

.box-content { padding: 5px 15px 15px; overflow: hidden; }

#left-col .box,
#right-col .box { width: 330px; }

#left-col .box-headline,
#right-col .box-headline { background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-310x2.gif') no-repeat 0 bottom; }

#main-col { min-height: 600px; width: 610px; }

#main-col .box { float: left;  width: 600px; }

#main-col .box-headline { background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-580x2.gif') no-repeat 0 bottom; }
#main-col .box-content { width: 570px; }

#main-col .box-600x245 { height: 245px; width: 600px; }

#main-col .box-260x280 { height: 280px; width: 260px; }
#main-col .box-260x280 .box-headline { background-image: url('/typo3conf/ext/nu13thst_sys/gfx/hr-240x2.gif'); }
#main-col .box-260x280 .box-content { width: 230px; }

#main-col .box-330x280 { height: 280px; width: 330px; }
#main-col .box-330x280 .box-headline { background-image: url('/typo3conf/ext/nu13thst_sys/gfx/hr-310x2.gif'); }
#main-col .box-330x280 .box-content { width: 300px; }

.box-image-left { float: left; margin-right: 15px; }
.box-image-right { float: right; margin-left: 15px; }


/* Header
_________________________________________________________________________________ */

#header-bg {
	position: absolute;
	height: 106px;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 105;	
}

#header {
	height: 135px;
	margin: 0 auto;
	position: relative;
	right: 50px;
	width: 940px;
	z-index: 110;
}

#logo {
	left: 8px;
	position: absolute;	
	top: 7px;
	z-index: 110;
}

#ad-banner {	
	height: 90px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 728px;
	z-index: 130;
}


/* Main Navigation
_________________________________________________________________________________ */


#mainnav {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/mainnav/separator.gif') no-repeat left 0;
	bottom: 0;
	height: 29px;
	left: 0;
	position: absolute;
	z-index: 120;
}

#mainnav ul { margin: 0 0 0 1px; }

#mainnav li {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/mainnav/separator.gif') no-repeat right 0;
	float: left;
	height: 29px;
	padding-right: 1px;
}

#mainnav .mainnav-item {
	color: #79939D;
	display: block;
	float: left;
	font-size: 14px;
	height: 29px;
	line-height: 28px;	
	margin: 0;
	padding: 0 13px;
	position: relative;
	text-decoration: none;	
}

#mainnav .mainnav-with-subnav .mainnav-item { cursor: default; padding: 0 26px 0 13px; }

#mainnav .mainnav-arrow {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/mainnav/arrow-no.gif') no-repeat 0 0;
	display: inline-block;
	font-size: 9px;
	height: 9px;
	line-height: 9px;
	position: absolute;	
	right: 9px;
	top: 11px;
	width: 9px;
}

#mainnav li.act .mainnav-item { background: #000; color: #FFF; }

#mainnav li.act .mainnav-arrow { background: url('/typo3conf/ext/nu13thst_sys/gfx/mainnav/arrow-act.gif') no-repeat 0 0; }
#mainnav li.ro .mainnav-arrow { background: url('/typo3conf/ext/nu13thst_sys/gfx/mainnav/arrow-ro.gif') no-repeat 0 0; }


#mainnav li.ro .mainnav-item,
#mainnav li a:hover { background: #255568; color: #FFF; }

#shockingshorts li.act .mainnav-item { background: #35393A; }




/* Sub Navigation
_________________________________________________________________________________ */


.subnav-container {
	display: none;	
	height: 245px;
	left: 0;
	position: absolute;
	top: 135px;
	width: 940px;
	z-index: 150;
}

.subnav-bg {
	background: #22556A;
	bottom: 0;
	height: 245px;
	left: 0;
	opacity: .95;
	position: absolute;
	width: 940px;
	z-index: 160;
}

.subnav {
	height: 245px;
	left: 0;
	position: absolute;
	top: 0;
	width: 940px;
	z-index: 170;	
}

.subnav .subnav-headline { margin: 20px 0 10px 20px; }

.subnav .subnav-headlines { margin: 20px 0 0; }

.subnav .subnav-headline-container {
	display: inline;
	float: left;
	margin-left: 20px;
	width: 290px;
}

.subnav-headline-container-spacer {
	height: 24px;
}

.subnav .subnav-headline1,
.subnav .subnav-headline2 { margin-bottom: 10px; }

.subnav ul {	
	float: left;
	margin: 0;
	width: 310px;
}

.subnav li {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-290x1.gif') no-repeat 0 bottom;
	display: block;
	margin: 0 5px 0 15px;
	width: 290px;
}

.subnav li a {
	color: #FFF;
	display: block;
	font-size: 13px;
	height: 31px;
	line-height: 30px;
	margin: 0 5px;	
	text-decoration: none;
}

.subnav li a:hover { text-decoration: underline; }

.subnav-camera { display: inline-block; margin: 12px 0 0 8px; }
.subnav-camera-big { display: inline-block; margin: 0 0 0 8px; }

.subnav-button {
	bottom: 0;
	left: 15px;
	position: absolute;	
	z-index: 180;
}

.subnav-button a.button { width: 177px; }


/* Footer
_________________________________________________________________________________ */


#footer-container {	background: #0B2633; }

#footer {
	background: #0B2633; 
	height: 150px;
	margin: 0 auto;
	width: 1040px;
}

#footer-nav {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-940x2.gif') no-repeat 0 bottom;
	height: 34px;
	overflow: hidden;
	width: 940px;
}

#footer-nav li { float: left; padding: 8px 4px 0 15px; }

#footer-nav li.spacer { padding: 0; width: 38px; }

#footer-nav li a { color: #30505D; text-decoration: none; }

#footer-nav li.act a,
#footer-nav li a:hover { color: #FFF; }

#footer-logos {	float: left; height: 83px; width: 760px; }

#footer-logos li { float: left; padding: 13px 20px 0 15px; }

#footer-flags {
	color: #30505D;
	float: left;
	font-size: 10px;
	line-height: 13px;
	position: relative;
	text-align: right;
	width: 171px;
}

#footer-flags-headline {
	position: absolute;
	right: 0;
	top: 20px;
}

#footer-flags li { float: right; margin: 42px 0 0 10px; }


/* Box Navigation / Tabs
_________________________________________________________________________________ */

.box-mainnav-container,
.tabs-nav-container { background: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/nav-bg.gif') repeat-x 0 0; height: 35px; }

.box-mainnav-container { margin-top: 15px; }

.box-without-subnav { background-image: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/nav-without-subnav-bg.gif'); margin-bottom: 10px; }

.box-mainnav,
.tabs-nav { 
	background: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/separator.gif') no-repeat left 0; 
	height: 35px;
	margin: 0;
	padding-left: 1px;
}

.box-mainnav li,
.tabs-nav li {		
	float: left;
	height: 35px;
}

.box-mainnav li a,
.tabs-nav li a {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/separator.gif') no-repeat right 0;	
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;	
	padding: 0 14px;
	text-decoration: none;	
}

.box-mainnav li.act,
.tabs-nav li.ui-tabs-selected { background: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/arrow-act.png') no-repeat center 25px; }

.box-without-subnav .box-mainnav li.act { background-image: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/arrow-dark-act.gif') }


.box-mainnav  li.act a,
.tabs-nav  li.ui-tabs-selected a{ background-color: #143C4B; color: #FFF; }

.box-subnav {
	background: #22556A;
	height: 130px;
	margin: 0 0 10px;
	position: relative;
}

.box-subnav-with-catnav { height: 140px; }

.box-subnav a { text-decoration: none; }

.box-subnav ul {
	height: 110px;
	left: 45px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 5px;
	width: 520px;
}

.box-subnav-with-catnav ul { top: 15px; }

.box-subnav li { float: left;	}

.box-subnav li a {
	background: #0B2633; 
	display: block;
	height: 110px;
	margin: 0 10px 0 0;
	overflow: hidden;
	width: 120px;
}

.box-subnav li a:hover,
.box-subnav li.act,
.box-subnav li.selected a { background: #FFF; }

.box-subnav span { display: block; font-size: 11px; }

.box-subnav-caption1 { color: #FFF; padding: 2px 5px 0 7px; }

.box-subnav-caption2 { color: #79939D; padding: 0 5px 0 7px; }

.box-subnav li a:hover .box-subnav-caption1,
.box-subnav li.act .box-subnav-caption1,
.box-subnav li.selected .box-subnav-caption1 { color: #0B2633; }

.box-subnav-navleft {
	left: 15px;
	position: absolute;
	top: 50px;
}

.box-subnav-navright {	
	position: absolute;
	right: 15px;
	top: 50px;	
}

.box-subnav-with-catnav .box-subnav-navleft,
.box-subnav-with-catnav .box-subnav-navright { top: 60px; }


/* Carousel
_________________________________________________________________________________ */

#main-col .carousel-container {
	height: 360px;
	position: relative;
	width: 600px;
}

.carousel-bg {
	left: 0;
	position: absolute;
	top: 0;	
}

.carousel-link a {
	background: url('/clear.gif') 0 0;
	display: block;
	height: 325px;
	left: 0;
	position: absolute;	
	text-indent: -5000px;
	top: 0;	
	width: 600px;
	z-index: 50;	
}

.carousel-text {
	left: 15px;
	position: absolute;
	top: 70px;	
	width: 300px;
}

.carousel-text h1 {
	float: left;
	background: #255568;
	margin-bottom: 5px;
	padding: 1px 9px;
	font-weight: normal;
	line-height: 28px;
	font-size: 22px;		
}

.carousel-text .button {
	background: #255568;
	margin: 0;
}

.carousel-text .carousel-paragraph { margin: 0 0 10px; }

.carousel-text span {
	display: inline-block;
	background: #255568;
	margin-bottom: 1px;
	padding: 2px 9px;
}

.carousel-nav-container {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/carousel/nav-bg.gif') repeat-x 0 11px;	
	bottom: 0;
	height: 46px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 600px;
	z-index: 50;
}

ul.carousel-nav {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/carousel/separator.gif') no-repeat left 10px;	
	height: 45px;
	margin: 1px 0 0 0;
	padding-left: 1px;
}

ul.carousel-nav li { float: left; height: 45px; }

ul.carousel-nav a {
	background: #22556A url('/typo3conf/ext/nu13thst_sys/gfx/carousel/separator.gif') no-repeat right 0;	
	color: #FFF;
	display: block;
	float: left;
	height: 35px;
	font-size: 14px;
	line-height: 34px;
	margin: 10px 0 0;
	padding: 0 14px;
	text-decoration: none;	
}

ul.carousel-nav li.ui-tabs-selected { background: url('/typo3conf/ext/nu13thst_sys/gfx/carousel/arrow-act.png') no-repeat center 0; }
ul.carousel-nav li.ui-tabs-selected a { background-color: #FFF; color: #0B2633; }


/* Intro
_________________________________________________________________________________ */

#intro {
	height: 320px;
	position: relative;
	width: 940px;
}

#intro-bg {
	left: 0;
	position: absolute;
	top: 0;	
}

#intro-text {
	left: 478px;
	position: absolute;
	top: 40px;	
	width: 430px;
}

#shockingshorts #intro-text { left: 610px; width: 310px; }

#intro-text h1 {
	float: left;
	background: #255568;
	margin: 0 0 5px 0;
	padding: 1px 9px;
	font-weight: normal;
	line-height: 28px;
	font-size: 22px;		
}

#intro-text .intro-paragraph { margin: 0 0 10px; }

#intro-text a { color: #FFF; text-decoration: underline; }

#intro-text span {
	display: inline-block;
	background: #255568;
	line-height: 14px;
	margin-bottom: 1px;
	padding: 2px 9px;
}


/* Now & Next Box
_________________________________________________________________________________ */

#now-and-next {
	background: #22556A;
	height: 178px;
	margin-top: 14px;
}

#now-and-next table { margin: -7px 0 1px 10px; }

#now-and-next th { 
	background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-290x1.gif') no-repeat left bottom;
	height: 31px;
	text-indent: 5px;
	line-height: 30px;
	width: 70px;
}

#now-and-next td { 
	background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-290x1.gif') no-repeat right bottom;
	height: 31px;
	line-height: 30px;
	width: 240px;
}

#now-and-next td a {
	color: #FFF;
	display: block;
	text-decoration: none;
}

#now-and-next td a:hover { text-decoration: underline; }


/* Newsletter Subscription
_________________________________________________________________________________ */

#newsletter-subscription { height: 72px; overflow: hidden; }

#newsletter-subscription label { display: block; padding: 6px 0 8px; }

#newsletter-subscription input {
	border: 1px solid #FFF;
	display: block;
	float: left;
	font-size: 12px;
	height: 20px;
	line-height: 16px;
	margin-bottom: 3px;
	padding: 3px 0 0;
	text-indent: 6px;
	width: 198px;
}

#newsletter-subscription .button { float: left; margin: 0 0 3px 0; }




/* Player / Playlist
_________________________________________________________________________________ */

.player-headline { height: 31px; margin: 0 10px; }

.player-headline img { margin: 7px 0 0 5px; }

.player-container { background: #22556A; height: 504px; }

#video-details { margin: 15px }

#shockingshorts #video-details { margin-top: 0; }

#video-categories { background: #22556A; padding: 0 0 12px; }

.player {
	background: #000;
	height: 233px;
	margin-bottom: 15px;
	width: 330px;
	position: relative;
}

.bigplayer {
	background: #000;
	height: 330px;
	margin: 0 0 15px 35px;
	width: 500px;
	position: relative;
}

#playerinfo {
	background: #000;
	display: none;
	font-weight: bold;
	height: 233px;
	left: 0;
	opacity: .85;
	position: absolute;
	top: 0;
	width: 100%;
}

.bigplayer #playerinfo { height: 330px; }

#playerinfo div { padding: 15px; }

.playlist {	
	height: 231px;	
	margin-left: 15px;
	position: relative;
	width: 306px;
}

#video-categories .playlist {
	height: auto;
	margin-top: 10px;
	overflow: hidden;
	width: 580px;
}

.playlist li {
	background: #0B2633;
	cursor: pointer;
	float: left;
	font-size: 11px;
	height: 105px;
	line-height: 13px;
	margin: 0 6px 6px 0;
	overflow: hidden;
	position: relative;
	width: 96px;
}

.playlist li.hover,
.playlist li.act { background: #FFF; }

#video-categories .playlist li { height: 95px; margin: 0 20px 20px 0; }

.playlist-caption1 { color: #FFF; margin: 4px 5px 0 7px; }
.playlist-caption2 { color: #79939D; margin: 0 5px 0 7px; }

.playlist-arrow {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/icons/play.gif') no-repeat 0 0;	
	height: 13px;
	left: 5px;
	position: absolute;
	top: 45px;
	width: 16px;
}

.playlist-item-disabled .playlist-arrow { display: none; }

.playlist li.hover .playlist-caption1,
.playlist li.act .playlist-caption1 { color: #0B2633; }


.page-browser {
	clear: both;
	margin-bottom: 5px;
	text-align: center;
}

.page-browser a {
	display: inline-block;
	margin: 0 2px;
	padding: 0 1px;
}
.page-browser a.act { color: #FFF; }


a.get-flash-player {
	display: inline-block;
	padding-top: 100px;
	text-align: center;
	width: 100%;
}

.bigplayer a.get-flash-player { padding-top: 150px; }


/* TV-Guide
_________________________________________________________________________________ */

.tvguide-nav {
	height: 240px;
	margin: 15px 0 0 15px;
	position: relative;
}

.tvguide-nav #datepicker {
	left: 0;
	position: absolute;
	top: 0;
	width: 270px;
}

.tvguide-nav #now-and-next {
	height: 157px;
	left: 285px;
	margin: 0;	
	position: absolute;
	top: 0;
	width: 300px;
}

.ui-datepicker-inline{		
	margin-bottom: 30px;
	padding-bottom: 25px;
	overflow: hidden;
	position: relative;
	width: 270px;
}

.ui-datepicker-header {
	background: #143C4B;
	bottom: 0;
	height: 25px;
	position: absolute;
	width: 270px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/icons/arrow-dark-left.gif') no-repeat center 6px;
	cursor: pointer;
	height: 25px;
	left: 0;
	position: absolute;
	text-indent: -300px;
	top: 0;
	width: 110px;	
}

.ui-datepicker-next { background-image: url('/typo3conf/ext/nu13thst_sys/gfx/icons/arrow-dark-right.gif'); left: 160px; }

.ui-datepicker-title {
	font-size: 18px;
	left: 90px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 90px;
}

.ui-datepicker-year { display: none; }

.ui-datepicker th {
	border-left: 3px solid #0B2633;
	color: #79939D;
	height: 22px;
	line-height: 22px;
	text-align: right;
	vertical-align: middle;
	width: 36px;
}

.ui-datepicker th span { display: block; padding-right: 11px; }

.ui-datepicker td {
	background: #22556A;
	border: 3px solid #0B2633;
	border-right: none;
	cursor: pointer;
	height: 24px;
	line-height: 24px;	
	text-align: right;
	vertical-align: middle;
}

.ui-datepicker td.ui-datepicker-unselectable {
	color: #0B2633;
	cursor: default;
	padding-right: 11px;
}

.ui-datepicker td a { 
	background: #22556A;
	color: #FFF;	
	display: block;
	height: 24px;
	line-height: 24px;	
	padding-right: 11px;	
	text-decoration: none;
}

.ui-datepicker td a.ui-state-highlight { background: #143C4B; }

.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td a:hover { background: #FFF; color: #22556A; }

h1.tvguide-date { margin: 0 0 10px 15px;  }

.tvguide-timenav { 
	background: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/separator.gif') no-repeat left 0; 
	height: 25px;
	margin: 0;
	padding-left: 1px;
}

.tvguide-timenav li { float: left; height: 25px; }

.tvguide-timenav li a {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/tabs/separator.gif') no-repeat right 0;	
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;	
	padding: 0 14px;
	text-decoration: none;	
}

.tvguide-timetable { background: #22556A; padding-bottom: 24px; }

.tvguide-timetable table { background: #22556A; width: 100%; }

.tvguide-timetable th {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-dark-580x1.gif') no-repeat 10px bottom;	
	font-size: 15px;
	font-weight: normal;
	padding: 10px 0 0 15px;
	width: 105px;
}

.tvguide-timetable th strong { color: #FFF; }

.tvguide-timetable td { background: url('/typo3conf/ext/nu13thst_sys/gfx/hr-dark-580x1.gif') no-repeat -110px bottom; padding-top: 10px; }

.tvguide-timetable tr.act th { background: #0B2633 url('/typo3conf/ext/nu13thst_sys/gfx/hr-light-580x1.gif') no-repeat 10px bottom; }

.tvguide-timetable tr.act td { background: #0B2633 url('/typo3conf/ext/nu13thst_sys/gfx/hr-light-580x1.gif') no-repeat -110px bottom; }

.tvguide-time { margin-bottom: 4px; }

img.tvguide-icon { margin-right: 5px; }

.tvguide-item { position: relative; width: 466px; }

.tvguide-category {
	position: absolute;
	right: 0;
	top: 0;	
}

.tvguide-totop {
	background: #0B2633 url('/typo3conf/ext/nu13thst_sys/gfx/icons/arrow-top.gif') no-repeat right 4px;
	bottom: 5px;
	color: #79939D;
	display: block;
	height: 15px;
	line-height: 15px;	
	padding-right: 12px;
	position: absolute;
	right: 0;
	text-decoration: none;
}

.tvguide-totop:hover { background-image: url('/typo3conf/ext/nu13thst_sys/gfx/icons/arrow-top-ro.gif'); }

.tvguide-infoopen,
.tvguide-infoclose {
	background: #143C4B;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 21px;
	line-height: 20px;
	margin-top: 4px;
	padding: 0 23px 0 10px;
	position: relative;
	text-decoration: none;
}

.tvguide-infoopen img,
.tvguide-infoclose img {
	position: absolute;
	top: 7px;
	right: 10px;
}

.tvguide-info { display: none; }

td.open .tvguide-info { display: block;  }

td.open .tvguide-infoopen { display: none; }


/* Gallery
_________________________________________________________________________________ */

.thumbs {
	height: 110px;
	overflow: hidden;
	width: 520px;
}

#gallery-loading,
#gallery-slideshow { height: 356px; width: 570px; }

#gallery-caption .caption { padding: 15px 0 5px; }

.nav-controls { height: 65px; position: relative }

.nav-controls a.prev {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/icons/arrow-left.gif') no-repeat left 4px;	
	color: #79939D;
	display: block;
	height: 20px;
	left: 160px;
	line-height: 20px;	
	padding: 0 0 0 20px;
	position: absolute;
	text-decoration: none;
	top: 15px;
	width: 100px;
}

.nav-controls a.next {
	background: url('/typo3conf/ext/nu13thst_sys/gfx/icons/arrow-right.gif') no-repeat right 4px;	
	color: #79939D;
	display: block;
	height: 20px;
	line-height: 20px;	
	padding: 0 20px 0 0;
	position: absolute;
	right: 160px;
	text-decoration: none;
	top: 15px;
	width: 78px;
}

.gallery-nav {
	color: #79939D;
	height: 28px;
	padding: 0 15px;
}

.gallery-nav ul { display: inline; }

.gallery-nav li { display: inline; padding-left: 20px; }

.gallery-nav .act { color: #FFF; }


/* Form
_________________________________________________________________________________ */

.form { padding: 10px 0 20px; }

.form h2 { margin: 20px 0 12px; }

.form .button { margin: 5px 0 10px; }

.form-fieldwrap label {
	display: inline-block;
	font-size: 13px;
	line-height: 24px;
	width: 124px;
}

.form input { margin-bottom: 5px; width: 298px; }

.form input.form-radio,
.form input.form-checkbox {
	margin: 0 10px 0 0;
	vertical-align: top;
	width: auto;
}

.form textarea {
	margin-bottom: 5px;
	vertical-align: top;
	width: 298px;
}

.form-fielderror label { color: #9F0000; }
.form-fielderror .form-inlinewrap  label { color: #FFF; }
.form-inlinewrap.form-fielderror  label { color: #9F0000; }

/*
.form-fielderror input { border-color: #9F0000; }
.form-fielderror .form-inlinewrap  input { border-color: #FFF; }
.form-inlinewrap.form-fielderror  input { border-color: #9F0000; }
*/

.form-inlinewrap  label {
	padding: 0 15px 0 0;
	text-align: right;
	width: 46px;
}

.form-fieldwrap2 { padding: 4px 0 4px 124px; }

.form-fieldwrap2 label {
	cursor: pointer;
	display: inline-block;
	line-height: 14px;
	vertical-align: bottom;
	width: 320px;
}

.form-info { color: #79939D; padding: 10px 0; }

.form-errorinfo-container {
	height: 30px;	
	margin: 10px 0;
	position: relative;
}

.form-errorinfo {
	background: #9F0000;
	height: 30px;
	font-size: 13px;
	left: -15px;
	line-height: 30px;
	position: absolute;
	text-indent: 15px;
	width: 600px;
}

.form-hiddenfield {
	position: absolute;
	left: -10000px;	
}

/* tx-felogin-pi1 */
.tx-felogin-pi1 { margin: 10px 0 0; }

.tx-felogin-pi1 form { margin: 10px 0; }

.tx-felogin-pi1 h3 { display: none; }

.tx-felogin-pi1 form label {
	display: inline-block;
	margin: 0 0 10px 0;
	width: 90px;
}

div.felogin_comments_left { float: left; width: 49.9%; }
div.felogin_comments_right { float: right; width: 50%; }
input.felogin_form_button {  margin: 2px 0px 5px 5px; background-color:#143C4B; border:0px solid #1555a0; color:#FFFFFF; vertical-align: middle; }