html { min-height: 100%; background-color: #040404; }
body { font-family: "Tahoma", "Verdana", "Lucida Sans Regular", "Lucida Sans", "Lucida", "Tahoma", "Arial"; font-size: 14px; color: #000000; min-height: 100%; text-align: left; width: 100%;}
h1, p, div, span { font-family: "Tahoma", "Verdana", "Lucida Sans Regular", "Lucida Sans", "Lucida", "Arial"; }

#main_container { width: 100%; margin: 0px auto 0px auto; min-height: 100%; position: relative; background-image: url(../img/bg_tnt.jpg); background-repeat: no-repeat; background-position: center 0px; }
#main_container.home { background-image: url(../img/bg_start_theloft.jpg); }

#header { height: 56px; }
#header_inner { width: 960px; margin: 0px auto 0px auto; }
#content_container { clear: both; padding-bottom: 80px; }
#footer { height: 80px; position: absolute; bottom: 0px; width: 100%; }
#footer_inner { padding-top: 20px; width: 960px; margin: 0px auto 0px auto; }


#logo_facebook { margin-top: 10px; display: block; width: 40px; height: 40px; float: right; right: 10px; background-image: url(../img/bt_facebook_tnt_01.jpg); background-repeat: no-repeat; }
a:hover#logo_facebook { background-image: url(../img/bt_facebook_tnt_02.jpg); }

#main_nav { padding-top: 30px; padding-left: 20px;}
#main_nav li, #extra_nav li, #extra_nav { float: left; }
#main_nav li span { visibility: hidden; }
#main_nav li { padding-top: 0px; margin-right: 23px;  }
#main_nav a { text-decoration: none; background-repeat: no-repeat; height: 15px; display: block; }
#main_nav .nav_active { }
#main_nav .nav_active a { }

#main_nav #nav_id_0 { width: 72px; }
#main_nav #nav_id_1 { width: 69px; }
#main_nav #nav_id_2 { width: 101px; }
#main_nav #nav_id_3 { width: 68px; }
#main_nav #nav_id_4 { width: 148px; }
#main_nav #nav_id_5 { width: 86px; }
#main_nav #nav_id_6 { width: 120px; }

#main_nav #nav_id_0 a { width: 72px; background-image: url(../img/bt_home_01.png); }
#main_nav #nav_id_1 a { width: 69px; background-image: url(../img/bt_tour_01.png); }
#main_nav #nav_id_2 a { width: 101px; background-image: url(../img/bt_tickets_01.png);  }
#main_nav #nav_id_3 a { width: 68px; background-image: url(../img/bt_band_01.png); }
#main_nav #nav_id_4 a { width: 148px; background-image: url(../img/bt_sponsoren_01.png);  }
#main_nav #nav_id_5 a { width: 86px; background-image: url(../img/bt_presse_01.png); }
#main_nav #nav_id_6 a { width: 120px; background-image: url(../img/bt_kontakt_01.png);  }

#main_nav #nav_id_0.nav_active a, #main_nav #nav_id_0 a:hover { background-image: url(../img/bt_home_02.png); }
#main_nav #nav_id_1.nav_active a, #main_nav #nav_id_1 a:hover { background-image: url(../img/bt_tour_02.png); }
#main_nav #nav_id_2.nav_active a, #main_nav #nav_id_2 a:hover { background-image: url(../img/bt_tickets_02.png); }
#main_nav #nav_id_3.nav_active a, #main_nav #nav_id_3 a:hover { background-image: url(../img/bt_band_02.png); }
#main_nav #nav_id_4.nav_active a, #main_nav #nav_id_4 a:hover { background-image: url(../img/bt_sponsoren_02.png); }
#main_nav #nav_id_5.nav_active a, #main_nav #nav_id_5 a:hover { background-image: url(../img/bt_presse_02.png); }
#main_nav #nav_id_6.nav_active a, #main_nav #nav_id_6 a:hover { background-image: url(../img/bt_kontakt_02.png); }

#extra_nav { padding-left: 30px; padding-top: 20px; background-image: url(../img/footer_01.png); background-repeat: no-repeat; width: 100%; }
#extra_nav li { margin-right: 26px; }
#extra_nav, #extra_nav a { font-size: 12px; color: #848484; text-decoration: none; text-transform: uppercase; }
#extra_nav .nav_active { color: #848484; }
#extra_nav .nav_active a { color: #848484; }

#content_top { width: 960px; margin: 0px auto 0px auto; }
#content_top_inner { }
#content { width: 960px; margin: 0px auto 0px auto; }
#content_inner { padding-left: 0px; padding-right: 0px; }

#content_top_inner { height: 400px; }
.home #content_top_inner { height: 540px; }

.left_box { float: left; width: 630px; color: white; font-size: 14px; line-height: 25px; padding-left: 25px; padding-right: 25px; }
.left_box img { padding-bottom: 15px; }
.left_box h1 { padding-left: 2px; padding-top: 20px; color: white; font-size: 20px; font-weight: bold; }
.left_box p { padding-left: 2px; }
.left_box ul { padding-top: 5px; }
.left_box h3 { padding-left: 2px; padding-top: 20px; color: #f30100; font-size: 30px; font-weight: bold; padding-bottom: 20px; }
.left_box em { font-style: normal; font-weight: bold; }
.right_box a { text-decoration: none; color: #f30100;}
.right_box a:hover { text-decoration: underline; }
.left_box a { color: #f30100; text-decoration: underline; }
.left_box a:hover { text-decoration: underline; }

.right_box { float: left; width: 210px; height: 204px; margin-left: 10px; padding: 20px 20px 0px 20px; font-size: 14px; background-color: #f30100; color: white; }
.right_box h1 { padding-left: 2px; padding-top: 13px; color: white; font-size: 14px; font-weight: bold; }
.right_box p { padding-left: 2px; }
.right_box a { color: white; text-decoration: none; }
.right_box a:hover { text-decoration: underline; }


.banner_left { float: left; width: 690px; position: relative; height: 300px; }
.banner_left img { position: absolute; left: 0px; top: 0px; z-index: 0; }
.banner_left span { color: white; font-size: 15spx; font-weight: normal; z-index: 1; position: absolute; }
.banner_left .banner_left_text { width: 500px; left: 20px; top: 152px; }
.banner_left .banner_left_headline { width: 300px; left: 530px; top: 95px; }
.banner_left a { color: #f30100; text-decoration: underline; }
.banner_left a:hover { text-decoration: underline; }