/*************************************************/
/* Stylesheet für den Internet Auftritt auf	*/
/* www.tanz.de.					*/
/* Autor: Christian Müller			*/
/* Company: impigra media:web:consulting		*/
/* Copyright 2006 by impigra 			*/
/* All rights reserved				*/
/*************************************************/

img.png {
behavior: url(css/pngbehavior.htc);
}
.hidden {
display:none;
}



body {
margin:0px;
padding:0px;
font-family:verdana, tahoma, sans-serif;
}

/* Top Banner mit Logo 				*/
#top_banner {
border:0px solid blue; height:74px;
}
#top_banner img {
border:0px; margin:0px 0px 0px 10px;
}

/* Sternchen als PNG mit Alpha-Kanal 		*/
#top_stars {
position:absolute; height:125px; width:179px; margin:-54px 0px 0px 600px;
}
#top_stars img {
height:125px; width:179px;
}

/* Header Sektion mit Std. Navigation		*/
#header {
border:0px;
}
#header .banner {
height:110px; background-color:#E31721; padding:0px; margin:0px;
}
#header .banner #std_nav {
position:absolute; margin:82px 0px 0px 0px; width:830px; text-align:right; font-size:0.65em; color:#ffffff;
}
#header .banner #std_nav a {
color:white;
text-decoration:none;
border-bottom:1px dashed white;
}
#header .banner #std_nav a:hover {
color:#dddddd;
text-decoration:none;
border-bottom:1px solid #dddddd;
}
#header .banner #illu {
border:0px solid blue;
width:830px
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
}
#header .banner #illu img {
border:0px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}


/* Breadcrumb Navigation */
#breadcrumb {
border:0px solid green; height:17px;
}
#breadcrumb .path {
margin:0px 0px 0px 20px; border:0px solid blue; width:830px;font-size:0.7em; font-weight:bold;
}
#breadcrumb .path .navipath {
color:#666666;
}
#breadcrumb .path .sep_small {
width:11px;
height:10px;
border:0px;
margin:0px 5px 0px 5px;
}

/* Mittlerer Bereich der die 3 Spalten enthält */
#main {
width:853px; margin:8px 0px 8px 0px
}

/* Linke Spalte -- Enthält die Hauptnavigation und die Suche */
#left_col {
border:0px solid black; width:200px; float:left;
}

/* Hauptavigation Linker Rand */
#main_nav {
border:0px solid lightgrey;
margin:0px 5px 0px 20px;
font-size:0.8em;
}
#main_nav ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#main_nav ul li {
padding:1px;
}
#main_nav ul li a {
color:#666666;
font-weight:bold;
text-decoration:none;
border-bottom:1px dashed #666666;
}
#main_nav ul li a:hover {
color:#999999;
border-bottom:1px solid #999999;
}
/* Navlevel 2 */
#main_nav ul #subnavlist1 {
padding:0px 0px 0px 20px;
}
#main_nav ul #subnavlist1 li a {
font-weight:normal;
font-size:0.9em;
}
/* Navlevel 3 */
#main_nav ul ul #subsubnavlist2 {
padding:0px 0px 0px 20px;
}
#main_nav ul ul #subsubnavlist2 li a {
font-weight:normal;
font-size:0.9em;
}

/* Searchbox mit Rand nach unten */
#search_box {
border:0px solid lightgrey;
margin:0px 5px 25px 20px;
font-size:0.8em;
}
.input_searchbox {
border:1px solid #999999;
font-size:0.7em;
width:100px;
}
.search_submit {
border: 1px solid #999999; font-size:0.7em; width: 25px; background-color:#ffffff; height:1.9em; margin:0px;
}
label.label_searchbox {
font-weight:bold; color:#666666;
}


/* Erweiterung des Stylesheets für den Spreadshirt Shop. Der Zusatz Shop wird nur in einem Layout verwendet. */
#center_col_shop {
border:0px solid black; width:640px; float:left;
}



/* Center Column -- Enthält die Inhaltsbereiche */
#center_col {
border:0px solid black; width:470px; float:left;
}

#center_col #content {
border:0px solid lightgrey; margin:0px 5px 0px 5px;
}


/* Inhaltsdefinitionen */
#center_col #content .headline {
border:0px;
margin:0px;
padding:0px;
}
/* Erweitert um die "Shop Überschrift" */
#center_col #content .headline h1.content, #center_col_shop #content .headline h1.content {
border:0px solid red;
color:#333333;
font-size:0.9em;
margin:0px 0px 10px 0px;
padding:0px;
}
#center_col #content .content {
font-size:0.7em;
}
#center_col #content * img {
border:0px;
margin:4px 4px 4px 4px;
}
#center_col #content * a {
text-decoration:none;
color:#666666;
border-bottom:1px dashed #666666;
}
#center_col #content * a:hover {
color:#999999;
border-bottom:1px solid #999999;
}

#center_col #content * table {
border:1px solid #999999;
border-collapse:collapse;
}
#center_col #content * table * td {
border:1px solid #999999;
}

/* Tabelle ohne Rahmen für Layoutzwecke wie ein Formular, oder Bildergallerien */
#center_col #content * table.clean {
border:0px solid red;
}
#center_col #content * table.clean * td {
border:0px solid red;
margin:2px;
}


/* Listenelemente der News Bereiche */
#center_col #content * .adv_header {
font-size:1.1em;
font-weight:bold;
}
/*
#center_col #content * .adv_text {}
#center_col #content * .adv_more {}
*/
#center_col #content * .adv_separator {
border-bottom:1px solid #999999;
margin:0px 0px 6px 0px;
}



/* ######################################################################################## */
/* Terminliste V2 Styles */
/* Terminliste */
#center_col #content * .mod_tl table {
border:0px solid red;
width:100%
}
#center_col #content * .mod_tl table tr td {
border:0px solid blue;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding:1px;
margin:3px;
vertical-align:top;
}

#center_col #content * .mod_tl table tr td.sp0 {width:20%;}
#center_col #content * .mod_tl table tr td.sp1 {width:10%;}
#center_col #content * .mod_tl table tr td.sp2 {width:15%;}
#center_col #content * .mod_tl table tr td.sp3 {width:35%;font-weight:bold;}
#center_col #content * .mod_tl table tr td.sp4 {width:20%;}

#center_col #content * .mod_tl table tr.hell td {
background-color:#ffffff;
}

#center_col #content * .mod_tl table tr.dunkel td {
background-color:#dddddd;
}

/* Terminelement */
#center_col #content * #mod_te h1 {
font-size:1.2em;
}
#center_col #content * #mod_te h2 {
font-size:1.1em;
font-weight:bold;
}


#center_col #content * input {
border:1px solid #666666;
background-color:#eaeaea;
font-size:0.8em;
font-family:verdana, tahoma, sans-serif;
}
#center_col #content * textarea {
border:1px solid #666666;
background-color:#eaeaea;
font-size:0.8em;
font-family:verdana, tahoma, sans-serif;
}
#center_col #content * sup.contact {
font-weight:bold;
color:#E31721
}








/* Rechte Spalte -- Enthält Newsblöcke oder Zufallsartikel */
#right_col {
border:0px solid black; width:180px; float:left;
}
#right_col .box {
border:0px solid lightgrey; margin:0px 0px 0px 5px;
}
#right_col .box h1.newsblock_title {
border:0px solid green;
font-size:0.8em;
font-weight:bold;
color:#333333;
margin:0px;
padding:0px;
}
#right_col .box div.teaser {
font-size:0.7em;
color:#666666;
}
#right_col .box div.teaser a {
text-decoration:none;
color:#666666;
border-bottom:1px dashed #666666;
}
#right_col .box div.teaser a:hover {
color:#999999;
border-bottom:1px solid #999999;
}
#right_col .box div.teaser a.more {
text-decoration:none;
color:#666666;
border-bottom:1px dashed #666666;
font-style:italic;
}
#right_col .box div.teaser a.more:hover {
color:#999999;
border-bottom:1px solid #999999;
}





/* Formatierung der Suchergebnisse */
.result_title p {
color:#666666;
}
div.result_block {
border:0px solid green;
margin:5px 0px 5px 0px;
padding:5px 0px 0px 0px;
}
div.result_block a {
text-decoration:none;
color:#666666;
border-bottom:1px dashed #666666;
}
div.result_block a:hover {
text-decoration:none;
color:#999999;
border-bottom:1px solid #999999;
}
div.result_more {
border-bottom:1px solid #999999;
padding:0px 0px 5px 0px;
}
div.result_more a {
text-decoration:none;
color:#666666;
border-bottom:1px dashed #666666;
font-style:italic;
}
div.result_more a:hover {
color:#999999;
border-bottom:1px solid #999999;
}

div#result_footer {
color:#666666;
margin:10px 0px 0px 0px;
}




#footer_banner {
border:0px solid red; height:20px; margin:0px;
}
#footer_banner .banner {
height:0.8em; background-color:#E31721; border:0px solid green; padding:0px; margin:0px;
}
#footer_banner .banner .footer {
text-align:right; width:850px; border:0px solid blue; margin:0px; padding:0px; color:white; font-size:0.6em;
}


#footer_stars {
position:absolute; height:68px; width:66px; margin:-20px 0px 0px 50px;
}
#footer_stars img {
height:68px; width:66px;
}

/* Div's für die Umrandung der Banner Sektionen	*/
div.border_top {
height:4px; margin:0px; padding:0px; line-height:0px; font-size:0px; background-image:url(../upload/img/shade_o.gif); background-repeat:repeat-x;
}
div.border_bottom {
height:4px; margin:0px; padding:0px; line-height:0px; font-size:0px; background-image:url(../upload/img/shade_u.gif); background-repeat:repeat-x;
}
/* Trennlinie mit kleinen Sternchen */
.sep_line {
margin:10px 0px 10px 0px; border:0px solid red; text-align:center;
}
.sep_line img {
border:0px;
}
.clear {
clear:both; line-height:0px;
}