/*-----------------------------------------------------------------------
= Hintergrund und Ränder
------------------------------------------------------------------------*/

/* Hintergrundbild*/
body {
background-image:url(../upload/img/background.gif);
	
	background-repeat:repeat;

}

/* Ränder, Breite, Farbe vom Hauptfeld*/
#wrap-all {
	margin: 15px auto 40px 48px;
	
	width:968px;
}

/* Breite Grundbausteine*/
#header-image,
#content,
#bottom {
	width:760px;
}
 
/* Ränder, Breite, Höhe Grundfeld*/
div.body-wrap {
	padding:20px 20px 20px 20px;
	width:760px;
	margin: 0;
	min-height:1000px;
	*height: 1000px;
	float:left;
	background: #ffffff;
}

/* allgemeines*/
body {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
}
body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {margin: 0;padding: 0;}
p, li, h1, h2, h3, h4, h5, h6 {font-weight: normal;}
.clearfix {clear: both;height:0px;font-size:1px;	margin: 0;	padding: 0;	background:transparent;}

/*-----------------------------------------------------------------------
= kopf
------------------------------------------------------------------------*/



#header-image {
	height:200px;
	background: url(../upload/img/head-tibida.jpg) no-repeat top left #14782B;
}



/*-----------------------------------------------------------------------
= inhalt
------------------------------------------------------------------------*/
.invisible {
	visibility: hidden;
}

/* Überschrift Artikel*/
h3 a, h3 {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#14782B;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 6px 0;
	line-height:20px;
}	

.a1 {
	font-family: Tahoma, Arial, Helvetica;
	color:#000000;
	text-decoration: none;
	font-size: 11px;
	line-height:20px;
}
.a1:hover {
	font-family: Tahoma, Arial, Helvetica;
	color:#14782B;
	text-decoration: none;
	font-size: 11px;
	line-height:20px;
}

#content {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}

/* Hauptinhalt*/
.main-content {
	float:left;
	width:500px;
}

/* Artikel, Absätze, Links*/
.article{
	padding: 0 0 30px 0;
	
}

.article, a, p, li {
	color: #000000;
	line-height: 15px;	
}

p a {
	text-decoration: none;
	color:#000000;
        
}
li a  {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

p a:hover, li a:hover  {
	border: 0px;
}


.article ul {
	list-style:none;
	padding: 0 0 10px 10px;
}

/* Artikel weitere features*/
.article p.articlefeature {
	
	margin: 10px 0 0 0;
}

/* Multi-Text*/
 p.textplus {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}



/*-----------------------------------------------------------------------
= menu
------------------------------------------------------------------------*/

.menu {
	float:right;
	vertical-align:top;
}

.menu .wrap {
	width:180px;
	vertical-align:top;
}

.menu h2{
	height:30px;
}

.menu ul {
	background:#A7A9AC;
	padding:10px;
        list-style:none;
}
 .menu ul li {
	list-style:none;
	background:#A7A9AC;
}
.menu ul a {
	list-style:none;
	background:#A7A9AC;
}
.menu ul ul li {
	background:#14782B;
	padding:10px;
        list-style:none;
}
.menu ul ul a {
	list-style:none;
	background:#14782B;
}





/* Kategorien Menü*/




.About {
		background: url(../upload/img/uber.gif) no-repeat bottom left;
}

.Events {
		background: url(../upload/img/events.gif) no-repeat bottom left;
}
.Spielstaette {
		background: url(../upload/img/spielstaette.gif) no-repeat bottom left;
}
.Regelwerk {
		background: url(../upload/img/regelwerk.gif) no-repeat bottom left;
}
.Presse {
		background: url(../upload/img/presse.gif) no-repeat bottom left;
}
.Shirts {
		background: url(../upload/img/shirts.gif) no-repeat bottom left;
}
.Kontakt {
		background: url(../upload/img/kontakt.gif) no-repeat bottom left;
}
.Heute {
		background: url(../upload/img/heute.gif) no-repeat bottom left;
}


/* Untermenü*/

h4 a, h4 {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#14782B;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height:20px;
}

/* Überschrift Presseartikel*/

p.presse {
 	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 0;
	
}

/*-----------------------------------------------------------------------
= fuss
------------------------------------------------------------------------*/
#fuss {
		margin: 20px 0 0 0;
	padding: 0 0 0 0;
	
}

.fusszeile  {
	float:left;
	vertical-align:top;
}
.fusszeile h5 {
	height:30px;
	vertical-align: bottom;	
}
.fusstxt {
	color: #000000;
	line-height: 15px;
	
}

 p.fussfeature {
 	color:#FFFFFF;
	background:#14782B;
	padding:10px;
}

.alignleft {
	float:left;
}
.alignright {
	float:right;
}

/*-----------------------------------------------------------------------
= werbung
------------------------------------------------------------------------*/
div.werbung-wrap {
	margin:0px 16px 16px 16px;
	float:right;
	width:96px;
	
	min-height:600px;
	*height: 600px;
}

 p.werbungfeature {
 	color:#FFFFFF;
	padding:0px;
	font-size: 12px;
	}


/*-----------------------------------------------------------------------
= tabelle 
------------------------------------------------------------------------*/


td {
	font-family: Tahoma, Arial, Helvetica;
	color:#000000;
	text-decoration: none;
	font-size: 10px;
	line-height:14px;
	text-align:center;
	 	
}

/*-----------------------------------------------------------------------
= tabelle pressebilder
------------------------------------------------------------------------*/


.presseliste1 {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#000000;
	text-decoration: none;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	line-height:25px;
	background-color: #D5FDD1;
	text-align:left;
}


.a2 {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#000000;
	text-decoration: none;
	font-size: 11px;
	background-color: #D5FDD1;
}
.a2:hover {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#14782B;
	text-decoration: none;
	font-size: 11px;
	background-color: #D5FDD1;
	
}


thead {
	font-family:Century Gothic, Tahoma, Arial, Helvetica;
	color:#14782B;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height:25px;
}

/*-----------------------------------------------------------------------
= galerie
------------------------------------------------------------------------*/


.pic_liste {
border:1px; border-color:#006633; margin: 0 5px 5px 0;
	 	
}