/**
 * CSS Styles for Tennis Club Weissenhof
 * (c) [m]zentrale GbR, Benjamin Zaiser
 * beni@m-zentrale.de
 */
*{
  margin: 0px;
  padding: 0px;
}

body{
  font-family: arial;
  font-size: 12px;
  text-align: center;
  background-color: #bdd3e0;
  color: #475355;
}
.clearer{
  clear: both;
}

a{
  text-decoration: none;
  color: #5d6869;
}



h1{
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 20px;
}
h2{
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
h3, h4, h5, h6{
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#page{
  position: absolute;
  left: 50%;
  right: 50%;
  margin-left: -425px;
  margin-top: 47px;
  width: 850px;
  text-align: left;
  background: white;
  z-index: 10;
}


/**
 * Header
 */ 
#logo{
  display: block;
  background: url(../gfx/logo.gif) no-repeat top right;
  width: 170px;
  height: 200px;
  float: left;
}
#logo img#printlogo{
  display: none;
}

#keyvisual{
  width: 680px;
  height: 200px;
  float: left;
  background: url(../gfx/kv.default.jpg) no-repeat top left;
  z-index: 100;
}


/**
 * Navigation
 */ 
#navi{
  list-style-type: none;
  padding-left: 156px;
  background-color: #e2001a;
  height: 28px;
  overflow: hidden;
}
#navi li{
  display: inline;
  float: left;
}
#navi li a{
  color: white;
  font-size: 13px;
  display: block;
  float: left;
  height: 23px;
  padding-top: 7px;
  padding-left: 14px;
  padding-right: 14px;
}
#navi li a:hover,
#navi li a.active{
  background: white;
  color: #e2001a;
}


/**
 * Subnavi, Loginbox
 */ 
#loginbox{
  position: absolute;
  top: 454px;
  left: 20px;
  width: 150px;
  height: 70px;
  font-size: 10px;
  text-transform: uppercase;
}
#loginbox a{
  display: block;
  margin-bottom: 2px;
  
}
#loginbox form{
  margin-top: 15px;
}
#loginbox form input.button{
  border: 0px;
  font-size: 9px;
  text-transform: uppercase;
  background: none;
  background: url(../gfx/button.suche.gif) no-repeat center center;
  width: 38px;
  height: 14px;
}
#loginbox form input.tx-indexedsearch-searchbox-sword{
  width: 82px;
  height: 12px;
  border: 1px solid #b28083;
  font-size: 10px;
}

#subnavi{
  width: 150px;
  float: left;
  margin-left: 20px;
  margin-top: 36px;
}
#subnavi ul{
  list-style-type: none;
}
#subnavi li{
  border-bottom: 1px solid #d9e8e9;
  margin-bottom: 4px;
}
#subnavi li a.active{
  color: #e2001a;
}


/**
 * Content
 */ 
#content{
  width: 630px;
  float: left;
  padding-left: 20px;
  padding-right: 30px;
  background-color: #e5edee;
  min-height: 300px;
  margin-top: 12px;
  padding-bottom: 15px;
}
#tracing{
  margin-top: 16px;
  font-weight: bold;
  color: #e2001a;
  margin-bottom: 15px;
  height: 10px;
}
#content .center{
  width: 630px;
  line-height: 16px;
}
#content .left{
  width: 300px;
  float: left;
  margin-right: 20px;
  line-height: 16px;
}
#content .right{
  width: 300px;
  float: left;
  line-height: 16px;
}
#content .left20{
  width: 195px;
  line-height: 16px;
}
#content .right80{
  width: 415px;
  line-height: 16px;
}
#content .left33{
  width: 190px;
  margin-right: 20px;
  line-height: 16px;
}
#content .middle{
  width: 190px;
  float: left;
  margin-right: 20px;
  line-height: 16px;
}
#content .right33{
  width: 190px;
  line-height: 16px;
}

#content a{
  color: #e2001a;
}

#content ul {
  margin: 0 10px;
  list-style-image: url(../gfx/icon.tennisball.10x10.grau.gif);
}
#content ul li {
  margin: 0 10px;
}



/**
 * Footer
 */ 
#footer{
  color: #e2001a;
  font-size: 11px;
  float: left;
  background: url(../gfx/bg_footer.gif) no-repeat top left;
  background-color: #bdd3e0;
  padding-top: 15px;
  width: 100%;
}
#footer p{
  float: left;
  margin-right: 195px;
  margin-left: 2px;
}
#footer a{
  float: right;
  margin-left: 10px;  
  height: 15px;
  display: block;
}


/**
 * Shadow image
 */
#shadow{
  position: absolute;
  top: 370px;
  left: 0px;
  width: 127px;
  height: 261px;
  z-index: 0;
} 


/**
 * Startseite
 */
#enbw,
#mercedescup{
  display: none;
} 
#startseite #subnavi li.last{ margin-top: 62px; }


/**
 * TYPO3
 */
.csc-frame-rulerAfter {
  clear: left;
  border-top: 1px solid #95a1a2;
  padding: 0px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.csc-frame-rulerBefore {
  clear: left;
  border-top: 1px solid #95a1a2;
  padding: 0px;
  margin-top: 16px;
  padding-bottom: 16px;
}

.csc-textpic-border img {
  border: 1px solid #bcd3e1;
}

.csc-textpic-caption {
  margin-top: -5px;
  font-size: 10px;
  float: left;
}


/**
 * Mailformplus
 */
.tx-thmailformplus-pi1 fieldset{
  border: 0px;
}
.tx-thmailformplus-pi1 fieldset legend{
  display: none;
}
.tx-thmailformplus-pi1 label{
  width: 100px;
  display: block;
  margin-top: 10px;
}
.tx-thmailformplus-pi1 textarea{
  width: 300px;
  height: 100px;
}
.tx-thmailformplus-pi1 input.submit{
  margin-top: 10px;
}
.tx-thmailformplus-pi1 .error{
  color: red;
}

/** Bestellformular */
.tx-thmailformplus-pi1 #bestellformular th,
.tx-thmailformplus-pi1 #bestellformular td{
  width: 100px;
  text-align: left;
}
.tx-thmailformplus-pi1 #bestellformular table input{
  width: 80px;
}
.tx-thmailformplus-pi1 #bestellformular .right{
  width: 255px;
  padding-left: 20px;
}
.tx-thmailformplus-pi1 #bestellformular input{
  width: 250px;
}
.tx-thmailformplus-pi1 #bestellformular .inline{
  margin-top: 10px;
}
.tx-thmailformplus-pi1 #bestellformular #plz{
  width: 50px;
  margin-right: 10px;
}
.tx-thmailformplus-pi1 #bestellformular #ort{
  width: 126px;
}
.tx-thmailformplus-pi1 #bestellformular textarea{
  width: 250px;
  height: 150px;
}
.tx-thmailformplus-pi1 #bestellformular input.submit{
  width: 100px;
  margin-left: 155px;
}



/**
 * IndexedSearch
 */
.tx-indexedsearch .tx-indexedsearch-searchbox fieldset{
  border: 0px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox fieldset legend{
  display: none;
}
.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-form{
  float: left;
  height: 35px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-form label{
  width: 80px;
  float: left;
  margin-right: 5px;
  padding-top: 3px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit{
  float: left;
}
.tx-indexedsearch .tx-indexedsearch-browsebox{
  margin-top: 20px;
  margin-bottom: 20px;
}
.tx-indexedsearch .tx-indexedsearch-info{
  display: none;
}




/**
 * Filelinks
 */
.filelinks .filecount{ display: none; } 
.filelinks a{ color: #001CC6; }
.filelinks div{ background-position: 0px 3px; background-repeat: no-repeat; }
.filelinks .vcf{ background-image: url(../icons/vcf.gif) !important; }
.filelinks .pdf{ background-image: url(../icons/pdf.gif) !important; }
.filelinks .xls{ background-image: url(../icons/xls.gif) !important; }
.filelinks .doc{ background-image: url(../icons/doc.gif) !important; }
.filelinks .jpg{ background-image: url(../icons/jpg.gif) !important; }
.filelinks .zip{ background-image: url(../icons/zip.gif) !important; }
.filelinks .ppt{ background-image: url(../icons/ppt.gif) !important; }
.filelinks .pptx{ background-image: url(../icons/ppt.gif) !important; }


/**
 * TT_BOARD
 */
.messageboard{
  background: #FFFFFF;
  border: 1px solid #BDD3E0;
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}
.messageboard thead{
  background-color: #E5EDEF;
}
.messageboard thead th{
  height: 30px;
  padding: 5px;
}
.messageboard tbody tr td{
  padding: 10px 5px 10px 5px;
  border-bottom: 1px solid #bdd3e0;
}
.messageboard tbody tr.info td{
  height: 10px;
  font-weight: bold;
  border-bottom: 1px dotted #BDD3E0;
  padding: 0px 5px 0px 5px;
}
.messageboard tbody tr.message td{
  height: auto;
  padding: 5px 5px 5px 5px;
}

/* Mailformular */
#mailform .csc-mailform{
  border: 0px;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #BDD3E0;
}
#mailform .csc-mailform-field{
  height: auto;
  clear: both;
  margin-bottom: 5px;
}
#mailform .csc-mailform-field label{
  display: block;
}
#mailform .csc-mailform-field label img{ display: block; }
#mailform .csc-mailform-field .csc-mailform-check{
  float: right;
  margin-right: 500px;
  margin-top: -22px;
}
#mailform .csc-mailform-field textarea{
  width: 382px;
}


/**
 * Plugin mz_tcw
 */
.tx-mztcw-pi1 #courtview h2{
  font-weight: bold;
  margin-bottom: 10px;
}
.tx-mztcw-pi1 #courtview h2 .ziffer{
  font-size: 22px;
}
.tx-mztcw-pi1 #courtview .step1{
  width: 200px;
  float: left;
  height: 320px;
  border-right: 1px solid #bdd3e0;
  padding-right: 25px;
}
.tx-mztcw-pi1 table{
  background: #ffffff;
  border: 1px solid #bdd3e0;
  
  border-collapse: collapse;
}
.tx-mztcw-pi1 #courtview .step1 table.calendar{
  width: 200px;
  height: 160px;
}
.tx-mztcw-pi1 table th{
  background-color: #eef6f9;
  font-weight: normal;
  border-bottom: 1px solid #e5edef;
  height: 20px;
}
.tx-mztcw-pi1 #courtview .step1 .calendar th.calendarHeader{
  background-color: #e5edef;
}
.tx-mztcw-pi1 table td{
  text-align: center;
  width: 20px;
  height: 20px;
}
.tx-mztcw-pi1 #courtview .step1 .calendar td.calendarToday a{
  border: 1px solid #bdd3e0;
  background-color: #bdd3e0;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-top: 1px;
}
.tx-mztcw-pi1 #courtview .step1 .calendar td.bookableDay a{
  background-color: #cccccc;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-top: 1px;
  color: #E2001A;
}
.tx-mztcw-pi1 #courtview .step1 .calendar td a.active{
  background-color: #e30119;
  color: #ffffff;
  width: 20px;
  height: 20px;
  padding: 2px;
}
.tx-mztcw-pi1 #courtview .step1 .calendar td.calendarToday a.active{
  background: #e30119;
}

.tx-mztcw-pi1 #courtview .step1 .legend_hinweis{
  font-style: italic;
  margin-top: 20px;
  font-size: 11px;
}
.tx-mztcw-pi1 #courtview .step1 .legend{
  width: 200px;
  font-size: 11px;
  background: none;
  border: none;
  margin-top: 10px;
}
.tx-mztcw-pi1 #courtview .step1 .legend dt{
  width: 22px; 
  height: 23px;
  float: left;
  padding-left: 0px; 
}
.tx-mztcw-pi1 #courtview .step1 .legend dd{
  float: left;
  padding-left: 0px;
  margin-right: 8px;
}
.tx-mztcw-pi1 #courtview .step1 .legend .bookableDay{ background: url(../gfx/bookableDay.gif) no-repeat top left; }
.tx-mztcw-pi1 #courtview .step1 .legend .activeDay{ background: url(../gfx/activeDay.gif) no-repeat top left; }
.tx-mztcw-pi1 #courtview .step1 .legend .today{ background: url(../gfx/today.gif) no-repeat top left; }



.tx-mztcw-pi1 #courtview .step2{
  width: 123px;
  margin-left: 25px;
  height: 320px;
  float: left;
  border-right: 1px solid #bdd3e0;
  overflow: auto;
}
.tx-mztcw-pi1 #courtview .step2 a.active{
  font-weight: bold;
  color: #ffffff;
  background: #e3001c url(../gfx/activeCourt.gif) no-repeat 2px 4px;
  padding-left: 15px;
  padding-right: 10px;
}

.tx-mztcw-pi1 #courtview .step3{
  width: 230px;
  margin-left: 25px;
  height: 320px;
  float: left;
  overflow: auto;
}
.tx-mztcw-pi1 #courtview .step3 h2{
  margin-bottom: 0px;
}
.tx-mztcw-pi1 #courtview .step3 .left,
.tx-mztcw-pi1 #courtview .step3 .right{
  width: 93px;
  float: left;
  margin-top: 0px;
}
.tx-mztcw-pi1 #courtview .step3 .notBookable{
  color: #9cbfc3;
}
.tx-mztcw-pi1 #courtview .step3 .hint{
  line-height: 12px;
}


.tx-mztcw-pi1 #courtview .step4{
  float: right;
  margin-top: 30px;
  width: 200px;
}
.tx-mztcw-pi1 #courtview .step4 h2{
  display: inline;
  margin-right: 10px;
}


/** Freiplatz */
.tx-mztcw-pi1 #courtview .freiplatz div{
  overflow-x: hidden;
}
.tx-mztcw-pi1 #courtview .freiplatz table{
  border-collapse: separate;
}
.tx-mztcw-pi1 #courtview .freiplatz table th{
  text-align: center;
  width: 60px;
  background: #d7eaf1;
}
.tx-mztcw-pi1 #courtview .freiplatz .frei{ background: #008000; }
.tx-mztcw-pi1 #courtview .freiplatz .belegt{ background: #ff0000; }
.tx-mztcw-pi1 #courtview .freiplatz .gesperrt{ background: #c0c0c0; }
.tx-mztcw-pi1 #courtview .freiplatz td span{ display: none; }
.tx-mztcw-pi1 #courtview.Freiplatz .step1{
  width: auto;
  float: none;
  height: auto;
  border: 0px;
}
.tx-mztcw-pi1 #courtview.Freiplatz .step1 .legend { width: 400px; }
.tx-mztcw-pi1 #courtview.Freiplatz .step1 .legend .frei{ background: #008000; }
.tx-mztcw-pi1 #courtview.Freiplatz .step1 .legend .belegt{ background: #ff0000; }
.tx-mztcw-pi1 #courtview.Freiplatz .step1 .legend .gesperrt{ background: #c0c0c0; }
.tx-mztcw-pi1 #courtview.Freiplatz .step1 .legend dd{ padding-left: 5px; }

.tx-mztcw-pi1 dl{
  border: 1px solid #bdd3e0;
  background: white; 
  width: 290px;
  line-height: 25px;
  margin-bottom: 10px;
  white-space: nowrap;
}
.tx-mztcw-pi1 dl dt{
  background: #eef6f9;
  width: 120px;
  float: left;
  padding-left: 5px;
} 
.tx-mztcw-pi1 dl dd{
  padding-left: 10px;
  margin-bottom: 1px;
}

.tx-mztcw-pi1 #eventDetails dl{
  width: 365px;
  float: left;
  margin-right: 10px;
}
.tx-mztcw-pi1 #eventDetails dl dd{
  width: 229px;
  float: left;
}

.tx-mztcw-pi1 #courtCancelation table {
  margin-bottom: 20px;
  width: 100%;
  white-space: nowrap;
}
.tx-mztcw-pi1 #courtCancelation table th{
  height: 20px;
  font-weight: bold;
  text-align: center;
}
.tx-mztcw-pi1 #courtCancelation table th,
.tx-mztcw-pi1 #courtCancelation table td{
  padding: 0 10px 0 10px;
  
}
.tx-mztcw-pi1 #courtCancelation table td{
  border-right: 1px solid #eef6f9;
}
.tx-mztcw-pi1 #courtCancelation input#cancel{
  float: right;
}



.tx-mztcw-pi1 #events table {
  margin-bottom: 20px;
  width: 100%;
}
.tx-mztcw-pi1 #events table th{
  height: 20px;
  font-weight: bold;
  text-align: center;
}
.tx-mztcw-pi1 #events table th,
.tx-mztcw-pi1 #events table td{
  padding: 0 10px 0 10px;
}
.tx-mztcw-pi1 #events table td{
  border-right: 1px solid #eef6f9;
}


.tx-mztcw-pi1 #message{
  border: 1px solid #bdd3e0;
  padding: 20px 20px 20px 100px; 
  margin-bottom: 15px;
}
.tx-mztcw-pi1 .error{ background: #ffffff url(../gfx/error.png) no-repeat 20px 50%; }
.tx-mztcw-pi1 .info{ background: #ffffff url(../gfx/info.png) no-repeat 20px 50%; }
  
.tx-mztcw-pi1 #message p{
  /*text-align: center;*/
  margin-bottom: 10px;
}
.tx-mztcw-pi1 #message p.button{
  margin-top: 10px;
}
.tx-mztcw-pi1 .hint{
  font-size: 10px;
}

.tx-mztcw-pi1 .ok{
  background: url(../gfx/ok.gif) no-repeat top right;
}

div.panorama{ margin-bottom: 20px; }