/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	background-color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:12px;
}
.clear {
	clear:both;
}
#container {
	width:831px;
	margin:0 auto;
	background-color:#FFF;
}
h1 {
	font-size:59px;
	padding:15px;
}
#header {
	padding:15px 0 0 15px;
}
#header #fullbanner, #header #google_ads_div_Full-Banner-Header {
	position:absolute;
	margin-top:-87px;
	margin-left:348px;
	padding-top:13px;
	width:468px;
	background-image: url(img/werbung.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
*+html #header #google_ads_div_Full-Banner-Header {
	margin-left:-468px;
}
* html #header #google_ads_div_Full-Banner-Header {
	margin-left:-468px;
}
#navigation {
	float:left;
	width:801px;
	background: url(img/search-right.gif) no-repeat right;
}
* html #navigation {
	margin-left:10px;
}
#navigation li, #navigation a {
	float:left;
	height:32px;
	margin-right:1px;
}
#nav1, #nav1 a {
	display:block;
	width:71px;
	background-image: url(img/sprite.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav1 a:hover {
	background-position: 0px -33px;
}
#nav2, #nav2 a {
	width:84px;
	background-image: url(img/sprite.gif);
	background-repeat: no-repeat;
	background-position: -72px 0px;
}
#nav2 a:hover {
	background-position: -72px -33px;
}
#nav3, #nav3 a {
	width:155px;
	background-image: url(img/sprite.gif);
	background-repeat: no-repeat;
	background-position: -157px 0px;
}
#nav3 a:hover {
	background-position: -157px -33px;
}
#nav4, #nav4 a {
	width:104px;
	background-image: url(img/sprite.gif);
	background-repeat: no-repeat;
	background-position: -313px 0px;
}
#nav4 a:hover {
	background-position: -313px -33px;
}
#nav5, #nav5 a {
	width:81px;
	background-image: url(img/sprite.gif);
	background-repeat: no-repeat;
	background-position: -418px 0px;
}
#nav5 a:hover {
	background-position: -418px -33px;
}
#nav6, #nav6 a {
	width:66px;
	background-image: url(img/sprite.gif);
	background-repeat: no-repeat;
	background-position: -500px 0px;
}
#nav6 a:hover {
	background-position: -499px -33px;
}
#search {
	height:32px;
	background: url(img/search-left.gif) no-repeat left;
}
#search input.text {
	border:0;
	margin:7px 10px 7px 45px;
	float:left;
}
#search input:focus {
	background-color:#FF9;
}
#search input.image {
	margin-top:7px;
}
#content {
	background-color:#FFF;
	width:801px;
	padding:15px;
	float:left;
}
#main {
	width:486px;
	float:left;
}
h2 {
	background-color:#002c63;
	color:#ffed08;
	line-height:19px;
	font-size:15px;
	margin-bottom:5px;
	text-transform:uppercase;
}
#main h2 {
	margin-bottom:2px;
}

h2 a {
	color:#ffed08;
	text-decoration:none;
}

/* MODUL Video */
.modulvideo {
	margin-bottom:15px;
}
.modulvideo p {
	background-color:#272727;
	color:#ccc;
	padding:5px 10px 10px;
}

/* MODUL Teaser 4 Spalten */
.modulteaser4 li {
	width:120px;
	margin-right:2px;
	margin-bottom:15px;
	float:left;
}
.modulteaser4 li.last {
	margin-right:0;
}
.modulteaser4 a img {
	height:90px;
	width:120px;
}
.modulteaser4 a:hover img {
	height:86px;
	width:116px;
	margin:2px;
}
.modulteaser4 li h3 {
	font-size:11px;
	/*padding-right:4px;*/
	margin:5px 0;
}
.modulteaser4 a {
	padding-right:4px;
	color:#000;
	text-decoration:none;
}

/* MODUL Teaser 2 Spalten */
.modulteaser2 li {
	width:240px;
	margin-right:6px;
	margin-bottom:15px;
	float:left;
}
.modulteaser2 li.last {
	margin-right:0;
}
.modulteaser2 a img {
	height:240px;
	width:240px;
}
.modulteaser2 a:hover img {
	height:236px;
	width:236px;
	margin:2px;
}
.modulteaser2 li h3 {
	font-size:11px;
	/*padding-right:4px;*/
	margin:5px 0;
}
.modulteaser2 a {
	padding-right:4px;
	color:#000;
	text-decoration:none;
}

/* MODUL Events */
.suchergebnisse {
	width:240px;
	float:left;
}
.suchergebnisse p {
	background-color:#dfdfdf;
	padding:10px;
	margin-bottom:5px;
}
.highlights {
	width:242px;
	float:right;
}
.highlights p {
	background-color:#dfdfdf;
	padding:10px;
	margin-bottom:5px;
}
.modulevents li {
	width:120px;
	margin-right:2px;
	margin-bottom:15px;
	float:left;
}
.modulevents li.last {
	margin-right:0;
}
.modulevents a img {
	height:90px;
	width:120px;
}
.modulevents a:hover img {
	height:86px;
	width:116px;
	margin:2px;
}
.modulevents li h3 {
	font-size:11px;
	padding-right:4px;
	margin:5px 0;
}
.modulevents a {
	padding-right:4px;
	color:#000;
	text-decoration:none;
}

/*Modul Detail*/

.moduldetail {
	font-size:12px;
	line-height:18px;
}

.moduldetail h3 {
	position:relative;
	top:-29px;
	padding:6px 13px 6px 10px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	display:inline;
	background-image: url(img/hl-detail.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.moduldetail h3.video {
	top:0;
}
.moduldetail a {
	color:#004b96;
	text-decoration:none;
}
.moduldetail a:hover {
	text-decoration:underline;
}
.moduldetail p.intro {
	font-weight:bold;
	margin-top:-15px;
}
.moduldetail p {
	font-size:12px;
	line-height:18px;
	padding-left:10px;
	margin-bottom:15px;
	padding-right:10px;
}
.moduldetail p img {
	margin-left:-10px
}

/*TOOL-Bar - Footer*/
#footer {
	background-color:#dfdfdf;
	background-image: url(img/tools.gif);
	background-repeat: no-repeat;
	background-position: left;
	height:23px;
	width:486px;
	margin-top:15px;
	text-align:right;
}

#sidebar {
	width:300px;
	margin-left:501px;
}
* html #sidebar {
	position:absolute;
	margin-left:15px;
}

/* TT.com Navigation */
#ttnavi ul {
	height:40px;
}
#ttnavi li, #ttnavi a {
	height:27px;
	float:left;
	text-indent:-3000px;
}
#ttnav1, #ttnav1 a {
	display:block;
	width:77px;
	background-image: url(img/tt-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#ttnav1 a:hover {
	background-position: 0px -27px;
}
#ttnav2, #ttnav2 a {
	display:block;
	width:47px;
	background-image: url(img/tt-sprite.gif);
	background-repeat: no-repeat;
	background-position: -77px 0px;
}
#ttnav2 a:hover {
	background-position: -77px -27px;
}
#ttnav3, #ttnav3 a {
	display:block;
	width:61px;
	background-image: url(img/tt-sprite.gif);
	background-repeat: no-repeat;
	background-position: -124px 0px;
}
#ttnav3 a:hover {
	background-position: -124px -27px;
}
#ttnav4, #ttnav4 a {
	display:block;
	width:52px;
	background-image: url(img/tt-sprite.gif);
	background-repeat: no-repeat;
	background-position: -185px 0px;
}
#ttnav4 a:hover {
	background-position: -185px -27px;
}
#ttnav5, #ttnav5 a {
	display:block;
	width:63px;
	background-image: url(img/tt-sprite.gif);
	background-repeat: no-repeat;
	background-position: -237px 0px;
}
#ttnav5 a:hover {
	background-position: -237px -27px;
}

.modulcalendar h2 span {
	position:absolute;
	margin-top:1px;
	margin-left:-305px;
	width:300px;
	text-align:right;
	font-size:9px;
	color:#FFFFFF;
	
}
.calendar {
	background-color:#DFDFDF;
	margin-bottom:15px;
	height:171px;
	margin-top:-3px;
}
.calendar table {
	float:right;
	margin-top:1px;
}
.calendar p {
	padding:5px;
}
.modulcalendar td, .modulcalendar th {
	background-color:#DFDFDF;
	border:1px solid #DFDFDF;
	text-align:center;
	vertical-align:middle;
	height:20px;
}
.modulcalendar td {
	width:20px;
}
.modulcalendar td a {
	color:#004b96;
	font-weight:bold;
	text-decoration:none;
}
.modulcalendar td a:hover {
	text-decoration:underline;
}
.modulcalendar td.currentmonth {
	background-color:#FFF;
}
.modulcalendar td#today, .modulcalendar td#today a {
	background-color:#002c63;
	color:#FFED00;
}
.modulcalendar th {
	background-color:#FFED00;
	color:#004b96;
	font-weight:bold;
}
.boxgewinnshop {
	margin:0px 0 15px 0;
}

/* MODUL HTML */
.modulhtml {
	margin-bottom:15px;
}

.modulvideo {
	text-align:center;
}

.modulvideo  {
	background:none;
	/*padding-top:15px;*/
	text-align:left;
}

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

.modulvideo .title {
	font-weight:bold;
	padding-bottom: 5px;
	margin-top:15px;
}

.modulvideo .more {
	width:100%;
	text-align:right;
	padding-top:15px;
}

.highlightSearch {
	background:#ffed08;
}

.moreArticles {
	width:45%;
	margin-right:15px;
	float:left;
}

.moreLinks {
	width:40%;
	float:left;
}

.moreArticles .title, .moreLinks .title {
	color:#004b95;
	font-weight:bold;
}


/* MODUL Teaser 1 Spalten */
.modulteaser1 li {
	width:485px;
	margin-bottom:15px;
	float:left;
}

.modulteaser1 a img {
	height:90px;
	width:485px;
}
.modulteaser1 a:hover img {
	height:88px;
	width:481px;
	margin:1px 2px 1px 2px;
}
.modulteaser1 li h3 {
	font-size:11px;
	padding-right:4px;
	margin:5px 0;
}
.modulteaser1 a {
	padding-right:4px;
	color:#000;
	text-decoration:none;
}

/* MODUL Countdown */
.modulCountdown {
	background:url(img/countdown.png) no-repeat;
	width:300px;
	height:300px;
	overflow:hidden;
	margin-bottom:15px;
}

.modulCountdownImg {
	margin:40px 0 0 5px;
	height:165px;
}

#modulCountdownCount {
	margin:25px 0 0 10px;
}

.boxgewinnshopNewsletter {
	margin:-3px 0 15px 0;
	padding:7px 10px 10px 10px;
	background:#dfdfe0;
}

p.date {
	text-align:right;
	width:97%;
	font-size:10px;
	line-height:normal;
	margin:-15px 0px 5px 0px;
}

p.date.video {
	margin:-20px 0px 5px 0px;
}

.clearfix {
	overflow:hidden;
	clear:both;
}

.spacer5 {
	height:5px;
	overflow:hidden;
	clear:both;
}

.spacer15 {
	height:15px;
	overflow:hidden;
	clear:both;
}

.calendar a {
	color:#000;
}


.media-teaser {
	height:140px;
	width:486px;
	background:#dfdfdf;
	margin:0;
	position:relative;
}
.media-teaser div {
	margin: 0pt 59px;
	padding: 8px 0pt 0pt;
	overflow: hidden;
	width: 366px;
	height: 130px;
}
.media-teaser img {
	border:0;
}
.media-teaser a {
	text-decoration:none;
	color:#000;
}
.media-teaser h3 {
	margin-top:5px;
}
.media-teaser li a img {
	height:90px;
	width:120px;
}
.media-teaser li a:hover img {
	height:86px;
	width:116px;
	margin:2px;
}
.media-teaser ul {
	list-style:none;
	height:130px;
	position:relative;
	width:1464px;
}
.media-teaser li {
	float:left;
	margin:1px;
	width:120px;
	height:130px;
}
.media-teaser .pfeile-links {
	position:absolute;
	top:45px;
	left:18px;
}
.media-teaser .pfeile-rechts {
	position:absolute;
	top:45px;
	left:445px;
}
.media-teaser h2 {
	font-size:12px;
}

.social {
	text-align:center;
}

