/***************************************************************************/
/* CSS Dokument für die Homepage des Bürgerfelder Turnerbund von 1892 e.V. */
/***************************************************************************/


/**************************************************/
/*Definition Frames*/
/**************************************************/

body {
 font: 10px Trebucht MS,sans-serif;
 background: #F0F2F4;
 margin: 0px; padding: 0px;
 text-align: center;
 height:100%; 
}

.clsHidden {display: none; } 
.right {text-align:right;}
.right8 {text-align:right;margin-right:8px} 

#frame {
 width:920px;
 margin-right:auto;
 margin-left:auto;
 padding:0px;
 text-align:left;
 background: url(/style/images/FrameBackground2Container.gif) repeat-y;
 border-left:2px solid #fff;
 border-right:2px solid #fff;
 border-top:2px solid #fff;
}

#framefooter {
 width:920px;
 margin-right:auto;
 margin-left:auto;
 padding:0px;
 text-align:left;
 background: url(/style/images/FrameBackground2Container.gif) repeat-y;
 border-left:2px solid #fff;
 border-right:2px solid #fff;
}
  
#contentleft {
 width:175px;
 padding:0px;
 float:left;
 background-color:#e4e7eb;
}

#contentleft1 {
 font: 10px Arial, Verdana, Helvetica, sans-serif;
 vertical-align: center;
 padding: 7px 0px 7px 8px;
 text-align: left;
 background: #FFFFFF;
 /*height: 26px;*/
}
 
#contentcenter {
 width:541px;
 padding:0px;
 float:left;
 background:transparent; 
 border-left:2px solid #fff;
 border-right:2px solid #fff;
 overflow: hidden;
}
  
#contentcenter1 {
 width:741px;
 padding:0px;
 float:left;
 background:#ACB7C1;
 border-left:2px solid #fff;
}
 
#contentcenter2 {
 width:741px;
 padding:0px;
 float:left;
 background:transparent; 
 border-left:2px solid #fff;
 border-right:2px solid #fff;
 overflow: hidden;
}

#contentright {
 width:200px;
 padding:0px;
 float:left;
 background-color:#e4e7eb;
}
 
#contentheader {
 background:#e4e7eb;
 padding:0px;
 margin: 0px;
} 
 
form {
 padding:0px;
 margin: 0px 0px 0px 0px; 
 white-space: nowrap; 
}


/**************************************************/
/*Definition Schriftarten und Schriftgrößen*/
/**************************************************/

h1 { 
 color: #162129; 
 font: bold 20px  Arial, Verdana, Helvetica, sans-serif;  
 background-color: transparent;
 margin: 0px 0px 12px 0px; 
 padding: 0px 0px 0px 0px;
}

h2 { 
 color: #162129; 
 background-color: transparent;
 font: bold 18px  Arial, Verdana, Helvetica, sans-serif;  
 margin: 0px 0px 12px 0px; 
 padding: 0px 0px 0px 0px;
}

h3 { 
 color: #162129; 
 background-color: transparent;
 font: bold 14px  Arial, Verdana, Helvetica, sans-serif;  
 margin: 0px 0px 12px 0px; 
 padding: 0px 0px 0px 0px;
}

h4 { 
 color: #000000; 
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 background-color: transparent;
 position:relative;
 margin: 0px 0px 2px 0px; 
 padding: 0px 0px 0px 0px;
}

h5 { 
 color: #dd8800; 
 background-color: transparent;
 position:relative;
 margin: 0px 0px 2px 0px; 
 padding: 0px 0px 0px 0px;
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;  
}

h6 {  
 color: #666666;  
 background-color: transparent;
 font-weight: bold; 
 font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0px 0px 8px 0px;  
 padding: 0px 0px 0px 0px; 
}     

hr { 
 color: #3B4B5B; 
 background-color: transparent;
 text-align: center; 
}

ul,li,ol {
 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000000; 
 padding: 0px 0px 2px 0px;
 margin-left: 8px;
 background-color: transparent;
 list-style-type:square;
}

ul li#naviTertiaryActive a:link, ul li#naviTertiaryActive a:visited{
 display:block;
 background-color:#FF9900;
 text-decoration: none;
 }
 
p {
 font: normal 12px Verdana, sans-serif;
 color: #162129; 
 background-color: transparent;
 line-height: 1.5; 
 margin:0px 0px 8px 0px;
 padding-top:0px 0px 0px 0px;
}

#contentright p, #contentleft p {
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 color: #000000; 
 background-color: transparent;
 line-height:120%;
 margin:0px 0px 8px 0px;
 padding-top:0px 0px 0px 0px;
}

#contentleft a, #contentright a ,#contentcenter a {
 font-weight : bold;
}

a,a:link {
 color: #3b4b5b;
 text-decoration: none;
 background-color: transparent;
}

a:active {
 color: #DD8800;
 text-decoration: underline;
 background-color: transparent;
}

a:visited {
 color: #3b4b5b;
 text-decoration: none;
 background-color: transparent;
}

a:hover {
 color: #DD8800;
 text-decoration: underline;
 background-color: transparent;
}

a:focus { 
 outline: none;
 color: #3b4b5b;
 text-decoration: none;
 background-color: transparent;
}
 

/**************************************************/
/*Definition Layout*/
/**************************************************/

#outerContainerHeaderText {
 position:relative;left:0px;
 background-color: #f0f2f4;
 text-align: left;
 margin-top: 5px; 
 margin-left: auto;  margin-right: auto;
 padding: 0px;
 border-left:none;
 border-right:none;
 width: 756px;
}

#innerFrameHeaderLogo {
 position:relative;left:0px;
 background-color: #e4e7eb;
 text-align: top;
 margin-top: 0px; 
 padding: 0px;
 height:105px;
}

#innerFrameHeaderLogo img{
 width: 920px;/*756*/
 height:105px;
 border-left:2px solid #fff;
 border-right:2px solid #fff;
}

#divNaviMeta {
 background-color: #FFFFFF;
 font: 10px Arial, Verdana, Helvetica, sans-serif;
 text-align: right;
 padding:7px 8px 7px 8px;
}

#divHeaderEmptyl {
 font:  10px Arial,Verdana, Helvetica, sans-serif;
 vertical-align: center;
 padding: 7px 0px 7px 0px;
 text-align:center;
 background:#ACB7C1;
 /*height: 26px;*/
}

#divHeaderEmptyr {
 font:  10px Arial,Verdana, Helvetica, sans-serif;
 vertical-align: center;
 padding: 7px 0px 7px 0px;
 text-align:center;
 background:#ACB7C1;
 /*height: 26px;*/
}

#innerContainer {
 margin: 0px;
 padding: 0px;
}

#innerLeftColumn {
 width:269px;
 padding:0px;
 float:left; 
 background-color: #E4E7EB;
 border-right: 2px solid #fff;
}

#innerRightColumn {
 width:269px;
 padding:0px;
 float:left; 
 background-color: #E4E7EB; 
}

.categoryHeader {
 background-color: #394d59;
 text-align: left;
 font: bold 12px  Verdana, Arial, Helvetica,sans-serif;
 color: #ffffff; 
 border-top:3px solid #fff;
 padding: 2px 8px 2px 8px;
}
 
.innerColumnHeadline{
 font: bold 12px  Verdana, Arial,Helvetica,sans-serif;
 color: #3B4B5B;
 padding: 10px 8px 0px 8px;
 background-color: #E4E7EB;
 height:50px;/*50px*/
}

.innerColumnContent {
 font: normal 12px Verdana, Arial, Helvetica,sans-serif;
 color: #000000; 
 background-color: #E4E7EB;
 padding: 0px 8px 0px 8px;
 vertical-align: top;
 height:180px;/*135px*/
}

.innerColumnContentImg {
 background-color: #E4E7EB;
 text-align: right; 
 padding: 0px 8px 10px 0px; 
} 


/**************************************************/
/*Definition Menüleisten*/
/**************************************************/

#MenuH {
 float:left;
 padding: 0px 0px 0px 0px;
 background:#FFFFFF;
}

#MenuHBorder {
 float:left;
 padding: 0px 0px 0px 0px;
 background:#FFFFFF;
 border-left:2px solid #fff;
 border-right:2px solid #fff;
}

a.MenuHA,
a.MenuHA:link,a.MenuHA:hover,a.MenuHA:visited {
 width:78px;
 color:#000;
 padding: 6px 0px 6px 8px;
 display:block;
 text-decoration: none;
 font: bold 12px Arial,Verdana, Helvetica, sans-serif;
 background-color:#C7CFD5;
}

a.MenuHA:hover { 
 color:#fff;
 background-color: #FF9900;
 padding: 6px 0px 6px 8px;
 text-decoration: none;
}

a.MenuH2,
a.MenuH2:link,a.MenuH2:visited {
 background-color: #C7CFD5;
 font: bold 12px Arial,Verdana, Helvetica, sans-serif;
 width:100px;
 color:#000;
 padding: 6px 0px 6px 8px;
 /*float:left;*/
 display:block;
 text-decoration: none;
}

a.MenuH2:hover { 
 color:#fff;
 background-color: #FF9900;
 padding: 6px 0px 6px 8px;
 text-decoration: none;
}

a.MenuHD,a.MenuHD:link,a.MenuHD:visited {
 color:#fff;
 padding: 6px 8px 6px 8px;
 display:block;
 float:left;
 font: bold 12px Arial,Verdana, Helvetica, sans-serif;
 background-color:#ACB7C1;
 text-decoration: none;
}

a.MenuHD:hover { 
 color:#fff;
 background-color: #FF9900;
 padding: 6px 8px 6px 8px;
 text-decoration: none;
}

a.Menu,a.Menu:link,a.Menu:visited {
 color: #3b4b5b;
 text-decoration: none;
 background-color: transparent;
} 

a.Menu:active, a.Menu:hover {
 color: #DD8800;
 text-decoration: underline;
 background-color: transparent;
}  

/*a.Menu:visited{
 color: #788999;
 text-decoration: none;
 background-color: transparent;
}*/

#naviTertiary {
 background-color: #ffffff;
text-align: left;
}

#naviTertiary  ul {
 list-style-type: none;
 margin: 0px; 
 padding: 0px; 
}

#naviTertiary li {
 background-color: #788999;
 list-style-type: none;
 text-align:left;
 margin-left: 0px;
 padding: 0px;
 vertical-align: top;
 border-bottom: 2px solid #fff;
}

#naviTertiary a,
#naviTertiary a:link {
 font: bold 12px Verdana, Geneva, Arial, Helvetica,sans-serif;
 color: #FFFFFF; 
 background-color: #788999;
 padding: 6px 8px 6px 8px; 
 text-decoration: none;
 display: block;
}
 
#naviTertiary a:hover{background-color: #FF9900;}


/**************************************************/
/*Definition Footer*/
/**************************************************/

#footerTools {
 font: normal 10px Verdana, Arial, Helvetica,sans-serif;
 padding:6px 8px 8px 8px;
 background: transparent; 
}

#footerBottom {
 font: bold 10px Verdana, Arial, Helvetica,sans-serif;
 width:920px;
 margin-right:auto;
 margin-left:auto;
 padding:3px 0px 3px 0px;
 text-align:left;
 background-color: #C7CFD5;
 display: block;
 border-left:2px solid #fff;
 border-right:2px solid #fff;
}

.footerImportant {
 font: normal 10px Verdana, Arial, Helvetica,sans-serif;
 color: #3B4B5B;
 background-color: transparent;
 margin-left:188px;
}


/**************************************************/
/*Definition Quicklinks*/
/**************************************************/

.moduleDefaultHeadline {
 font: bold 10px Verdana, Arial,  Helvetica, sans-serif;
 text-align: left;
 color: #3B4B5B;
 padding:0px 8px 8px 8px;
 background-color: transparent;
 /*width: 100%;*/
}

.moduleHeader {
 font: bold 10px Arial, Verdana, Helvetica, sans-serif;
 color: #3B4B5B;
 padding:12px 8px 8px 8px;
 background-color:#e4e7eb;
 text-align: left;
}

.moduleDefaultContent {
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 padding:0px 8px 8px 8px;
 background-color: transparent;
 text-align: left; 
 /*width: 100%;*/ /*?*/
}

.moduleDefaultContentBold {
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 color: #3b4b5b;
 background-color: transparent;
 text-align: left; 
 /*width: 100%;*/ /*?*/
}

.moduleDefaultContent1 {/*Form text*/
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 padding:0px 8px 2px 8px;
 background-color: transparent;
 text-align: left; 
 /*width: 100%;*/ /*?*/
}

.moduleDefaultLeft img {
 margin-left:8px;
}


/**************************************************/
/*Definition Dropdown-Liste "Sportdrop"*/
/**************************************************/

.sportdrop {
 background: #394d59;
 height: 50px;
 margin-bottom: 1.5em;
 padding: 2px 8px 2px 8px;
 border-bottom: 2px solid #fff;
}

.sportdrop h1 {
 font: bold 12px  Verdana, Arial, Helvetica,sans-serif;
 color: #ffffff;
 text-align: left;
 margin: 0 0 .5em;
}

.sportdrop select {
 width:100%;
}


/**************************************************/
/*Definition Quicklinks und News-Container"*/
/**************************************************/

#contentright img {
 margin-left:8px;margin-bottom:8px;
}

.moduleQuicklinks {
 font: bold 10px Verdana, Arial, Helvetica,sans-serif;
 color: #3B4B5B;
 background-color: transparent;
 text-align: left;
 border-bottom: 2px solid #fff;
}

.moduleNewsContainer {
 font: bold 10px Verdana, Arial, Helvetica,sans-serif;
 color: #3B4B5B;
 background-color: transparent;
 text-align: left;
 border-bottom: 2px solid #fff;
}

.moduleMainHeadline {
 background-color: #394d59;
 text-align: left;
 font: bold 12px  Verdana, Arial, Helvetica,sans-serif;
 color: #ffffff; 
 padding: 2px 8px 2px 8px;
}

.moduleTextframe {
 font:  10px Verdana, Arial, Helvetica,sans-serif;
 color: #3B4B5B;
 background-color: transparent;
 /*padding: 8px 8px 12px 8px;*/
 text-align: left;
 border-bottom: 2px solid #fff;
}

.moduleHeadline {
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 color: #3B4B5B;
 padding:12px 8px 8px 8px;
 background-color:#e4e7eb;
 text-align: left;
}

.moduleContent {
 font: normal 10px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 padding:0px 8px 8px 8px;
 background-color: transparent;
 text-align: left; 
 /*width: 100%;*/ /*?*/
}

.moduleContentBold{
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 color: #3b4b5b;
 background-color: transparent;
 text-align: left; 
 /*width: 100%;*/ /*?*/
}

.moduleDefaultLeft img {
 margin-left:8px;
}


/**************************************************/
/*Definition Textbereich*/
/**************************************************/

.text {
 font: normal 12px Verdana, Arial,Helvetica,sans-serif;
 margin:20px 14px 12px 14px;   
}

.more-info {
 font: bold 12px Verdana, Arial,Helvetica,sans-serif;
 color: #3B4B5B; 
 background-color: transparent;
 line-height:120%;
 margin: 0px 0px 2px 0px; 
 padding: 0px 0px 0px 0px;
}

li.more-info, ul.more-info, ol.more-info {
 font: bold 10px Verdana, Arial, Helvetica, sans-serif;
 list-style-image:url(/style/images/li-element.gif);
 list-style-type: circle;
 font-color: #3B4B5B; 
 background-color: transparent;
 margin:0px 0px 0px 8px;
 padding:1px 0px 1px 0px;
}

.text_headline {
 background-color: #ACB7C1;
 font: bold 12px Verdana, Arial,Helvetica,sans-serif;
 width:402;
 color: #3B4B5B;
 padding: 2px 8px 2px 8px;
 text-align: left;
}

.textframe {
 font: normal 12px Verdana, Arial,Helvetica,sans-serif;
 color:#000000;
 background-color: transparent;
 margin: 12px 8px 0px 8px;
 padding: 0px 0px 8px 0px;
 text-align:left;
 border-bottom: 1px solid #c7cfc5;
}


/**************************************************/ 
/*Definiton Tabellen*/
/**************************************************/

table, td {
 border: 1px solid #CCC;
 border-collapse: collapse;
 font: normal 11px Verdana, sans-serif;
}

table {
 border: 1px solid #ffffff;
 width: 100%;
}

thead th,
tbody th {
 background: #FFF url('th_bck.gif') repeat-x;
 color: none;  
 border-left: 1px solid #fafafb; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;
}

tbody th {
 font-size: 12px;	
 font-color: #162129;			
 background: #fafafb;
 border-top: 1px solid #ffffff;
 text-align: left;
 font-weight: bold;
}

tbody tr td {
 padding: 5px 10px;
 font-color: #162129;
}

#content tr:hover {
 background-color: #f4f4f4;
}

tfoot td,
tfoot th {
 border-left: medium none;
 border-top: 1px solid #CCC;
 padding: 4px;
 background: #FFF url('foot_bck.gif');
 color: #333333
}

caption {
 text-align: left;
 font-size: 120%;
 padding: 10px 0;
 color: #333333;
}

table a:link {
 color: #333333;
}

table a:visited {
 color: #333333;
}

table a:active {
 color: #003366;
}


/**************************************************/
/*Definition Kontaktformular*/
/**************************************************/

form.contact {
 margin-left: 20px;
 width: 400px;
}

fieldset {
 border: 0;
 margin-left: 20px;
 margin-bottom: 1em;
 padding: 0.5em 1em 1em 1em;
}

label span {
 display: block;
 font-weight: bold;
 margin-bottom: -0.6em;
 position: relative;
 top: -1.2em;
}

fieldset.submit {
 border: 0;
 text-align: center;
}
fieldset.submit input {
 font-family: Verdana, Arial, serif;
 font-weight: normal;
 padding: 0.1em 0.4em;
}

fieldset.wide {
 background-color: #f4f4f4;
 border-left: 3px solid #ffd400;
}

fieldset.wide input,
fieldset.wide textarea{
 font-family: Verdana, Arial, serif;
 font-size: 1.2em;
 font-weight: normal;
 padding: 0.1em 0.2em;
 width: 100%;
}

fieldset.wide input:focus,
fieldset.wide textarea:focus {
 background-color: #fff8cf;
}

fieldset.wide textarea {
 height: 12em;
}


/**************************************************/
/*Definition Galerie*/
/**************************************************/

ul.images-gebaude li {
 float: left;
 height: 190px;
 margin: 0 10px 10px 10px;
 text-align: center;
 width: 250px;
 list-style-type: none;
}

ul.images-team li {
 float: left;
 height: 220px;
 margin: 0 10px 10px 10px;
 text-align: center;
 width: 250px;
 list-style-type: none;
}

ul.gallery-thumbnails {
 list-style: none;
}

ul.gallery-thumbnails li {
 float: left;
 /* (100px * 100px) + one-sided margin */
 height: 110px;
 margin: 0 10px 10px 0;
 text-align: center;
 width: 110px;
}

ul.gallery-thumbnails img {
 border: 1px solid #999999;
}

div.gallery-image {
 margin-top: 3em;
 text-align: center;
}

div.gallery-image p {
 text-align: center !important;
}