/*
////////////////////////////////////////////////////////////////
//
// tiger.css  //  Erstellt durch TIGER.DESIGN, Dreieich.
// www.tiger-design.de
// 
// Autor: Lukas Fingerle
// Datum: 04. Mai 2010
//
////////////////////////////////////////////////////////////////

*/

/*===================================================
Allgemeines
===================================================*/

* { margin:0; padding:0; }
body { color:white; height:100%; font-family:Trebuchet MS,Verdana,Tahoma,Arial,Helvetica,Geneva, sans-serif; font-size:12px; background-color:black; }
p { padding-bottom:12px; }
.clear { clear:both; }
.bold { font-weight:bold; }
.italic { font-style:italic; }

/*Links*/
a {color:#990000; text-decoration: none; }
a img { border:0; }

/*Headlines*/
h1 { font-size:16px !important; color:#990000;; padding-bottom:15px; width:100%; font-weight:bold; }
h2 { font-size:18px !important; color:#990000;; padding-bottom:4px; width:100%; font-weight:bold; }
h3 { font-size:15px !important; color:#990000;; padding-bottom:15px; width:100%; font-weight:bold; }
h4 { font-size:14px !important; color:#990000;; padding-bottom:10px; width:100%; font-weight:bold; }
h5 { font-size:13px !important; color:#990000;; padding-bottom:10px; width:100%; font-weight:bold; }
h6 { font-size:12px !important; color:white; padding-bottom:10px; width:100%; font-weight:bold; }

ul {padding-bottom: 20px;}
ul li {padding-left: 5px; margin-left: 20px; list-style-type: disc;}


/*===================================================
Areas
===================================================*/

#logoArea {height:125px;}
#leftArea {width:230px; height:100%; float: left; min-height: 500px;}
#rightArea {width: 745px; height: 100%; float:left;}

#contentArea {height:auto; width: 750px; overflow: hidden; font-size: 12px; line-height:18px; padding-top: 25px;}
#contentArea .contentLeft {width: 475px; float:left;}
#contentArea .contentRight {width:250px; float: left; padding-left: 20px;}

#footer {color:#999; font-size:10px; margin:40px 0 40px 0;}


/*===================================================
Navigation
===================================================*/

/*Erste Ebene*/
#navigationArea ul li a {text-decoration: none; color:white; font-weight: bold; font-size: 14px;}
#navigationArea ul li a:hover, 
#navigationArea ul li.active a {color: #990000;}

#navigationArea ul {padding-left:24px; margin-bottom:0;}
#navigationArea ul li {line-height: 34px; list-style-type: none; padding: 0; margin: 0;}
#navigationArea ul li.active {background: url(img/TD_cg_linie_navi.jpg) no-repeat 0 26px;}

/*Zweite Ebene*/
#navigationArea ul ul li a {text-decoration: none; color:white !important; font-weight: bold; font-size: 13px;}
#navigationArea ul ul li a:hover,
#navigationArea ul ul li.active a {color: #999 !important;}

#navigationArea ul ul {list-style: none; padding-left:19px; padding-bottom: 5px;}
#navigationArea ul ul li {line-height: 23px; list-style-type: none; padding: 0; margin: 0;}


/*===================================================
Content
===================================================*/

#contentArea .contentLeft.block {background: url(img/TD_cg_block_tpl.jpg) no-repeat 0px 10px; height:650px;}
#contentArea .blockText {color:black; padding:90px 56px 0 34px;}
#contentArea .text {padding-top: 5px;}

#contentArea .rightBox {margin-top:60px;}
#contentArea .rightBox .linetop {padding-bottom: 8px; display: block;}
#contentArea .rightBox .linebottom {padding-top: 8px; display: block;}
#contentArea .rightBox.contact {margin-top:65px;}

/*BücherSeite*/
#contentArea .book {background: url(img/TD_cg_linie_g.jpg) no-repeat -190px bottom; width: 750px; height:auto; padding: 20px 0 20px 0; overflow: hidden;}
#contentArea .bookPic {float:left; width: 180px;}
#contentArea .bookText { float:left; width:570px; vertical-align: text-bottom;}

/*TeamSeite */
#contentArea .team {background: url(img/TD_cg_linie_g.jpg) no-repeat bottom right; width: 475px; height:auto; padding: 20px 0 20px 0; overflow: hidden;}
#contentArea .teamPic {float:left; width: 130px;}
#contentArea .teamPic img {border: 1px solid white;}
#contentArea .teamText { float:left; width:290px;}

/*Statements */
#contentArea .stateHead {background: url(img/TD_cg_linie_g.jpg) no-repeat bottom left; width: 750px; padding:0 0 4px 0;}
#contentArea .stateHead h3 {padding-bottom: 5px;}
#contentArea .stateText {background: url(img/TD_cg_linie_g.jpg) no-repeat bottom left; width: 750px; padding: 3px 0 3px 0; margin-bottom: 20px;}

#contentArea .stateHead.short, #contentArea .stateText.short {background-position: bottom right !important; width: 475px !important;}

/*Gaunerstücke*/
#contentArea .twoTbl {margin-top: 20px;}
#contentArea .twoTbl .head {background: url(img/TD_cg_linie_g.jpg) no-repeat bottom left; width: 750px; overflow: hidden; padding-bottom: 12px;}
#contentArea .twoTbl .body {background: url(img/TD_cg_linie_g.jpg) no-repeat bottom left; width: 750px; overflow: hidden; padding-bottom: 12px; padding-top: 8px}
#contentArea .twoTbl .head .headleft,
#contentArea .twoTbl .body .bodyleft {float:left; width: 475px; padding-right: 30px;}
#contentArea .twoTbl .head .headright,
#contentArea .twoTbl .body .bodyright {float:left; width: 230px;}
#contentArea .twoTbl .body .shopimg {float:left; width:100px; padding: 0 25px 0 0;}
#contentArea .twoTbl .body .text {float:left; padding: 0; width: 350px;}
#contentArea .twoTbl h3 {padding-bottom: 0; font-size: 13px;}
#contentArea .twoTbl p {padding-bottom: 5px;}

/*Tickets*/
table {border-collapse: separate;width: 676px;}
table tr {background: url(img/TD_cg_linie_g.jpg) no-repeat bottom left;}
table td {padding: 10px 10px 10px 0;}


/*Kontaktformular*/
form.boerse {width:482px !important;}
label.boerse {width: 165px !important;}
#contactform form { font:normal 12px/18px; margin:0; padding:10px 0; width:452px; }
#contactform form label { display:block; float:left; width:135px; padding:6px 10px 0 0; margin:0; }
#contactform form label.msg { font-weight:bold; }
#contactform input.inpt,#contactform textarea,#contactform select { width:295px; font:normal 12px/18px; padding:5px; margin:5px 0; background:#f5f5f5; border:1px solid #ddd; color:#000; }
form br { clear:left; }
#contactform .select select:focus { border-color:#9b9b9b; }
#contactform form input.btn { background:none; border:none; }
.button { display:inline-block; background:#990000; border:1px solid #940000!important; padding:2px 4px!important; color:#fff!important; font-size:12px!important; cursor:pointer; float:right;}
.star {color: #990000; font-weight: bold;}
.errors {padding: 10px 10px 10px 31px; color:white; margin: 0 0 10px 0; overflow: hidden; background: url(img/exclamation-red-frame.png) no-repeat 9px 13px; width: 407px;}