/**

author: rgb(raduga) http://mambasana.ru

author: Pat Heard   http://fullAhead.org

template: Greenery 

copyright: GNU/GPL

**/





/**#################### DEFAULT and FORMS CSS ####################**/



body{

  margin: 0;

  padding: 0;

  background: #444444;

    

}

#bg_body{

    

  text-align: center;

  background: #585858 url(../images/bg_body.jpg) repeat-y top center;

}

h1, h2, h3 {

color:#7BD32C }


td, tr, p, div {

  font-family      : Verdana, Arial, Tahoma, Helvetica, sans-serif;

  font-size        : 10px;

  color            : #EEE;

  line-height      : 15px;



}



hr {

  color            : #999999;

  height           : 1px;

  width            : 100%;

}



ul {

  margin           : 2px;

  padding-left     : 10px;

  list-style       : none;

}



li {

  

  line-height      : 14px;

  padding-left     : 15px;

  background-image : url(../images/li_bullet.gif);

  background-repeat: no-repeat;

  background-position: 0 2px;

}



.article_seperator{

display: block;

height: 20px;

}



a:link, a:visited  {

  color: #86E160;

}



a:hover {

  color: #FFF;

}



form {

margin           : 0; 

padding          : 0;

}





.inputbox {

  padding          : 2px !important;

  padding          : 1px;

  margin: 3px 0;

  font: 1em verdana, arial, sans-serif;  

  color: #EEE;

  background-color: #777;

  border: 1px solid #999;

}



  input:hover,

  input:focus,

  textarea:hover,

  textarea:focus {

  color: #FFF;

  background-color: #999;

  

}









/**#################### Joomla CSS ####################**/



/** Buttons **/



.back_button {

  display: block;

  color            : #999999;

  font-family      : Tahoma, Arial, Verdana,  Helvetica, sans-serif;

  font-size        : 11px;

  font-weight      : normal;

  padding-bottom   : 10px;

  margin-right           : 10px;

  text-align: right;

  height      : 30px;

  text-decoration  : underline;



  }

.button {

  font-size        : 11px;

  color            : #EEE;

  border           : 1px solid #999;

  margin           : 3px 0;

  background-color : #777;

  padding          : 2px !important;

  padding          : 1px;

  cursor           : pointer;

  

}









/** Contact **/



.contact_email  {

  width            : 100%;

}

.contact_email .inputbox {

  

}









/** Module table  **/



table.moduletable {

	margin           : 0px 0 8px 0;

	width            : 100%;

      background       : #686868;

      text-align: center;

      background: #686868 url(../images/rounded_bl.gif) no-repeat bottom left;

	}



table.moduletable th {

padding:4px 9px 4px 0;

text-align: right;

font: 700 1em verdana, sans-serif;

color: #7BD32C;

background: #686868 url(../images/rounded_tr.gif) no-repeat top right;



}



table.moduletable td {

   padding          : 2px 5px;

   text-align: left;

    

    	}





/** Read more **/



a.readon:link, a.readon:visited {

  color            : #999999;

  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;

  font-size        : 11px;

  background       : url(../images/arrow.png) no-repeat;

  white-space      : normal;

  font-weight      : bold;

  padding          : 1px 0 3px 14px;

  float            : right;

  line-height      : 13px;

  text-decoration  : underline;

}

a.readon:hover {

  color: #86E160;

  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;

  font-size        : 11px;

  background       : url(../images/arrow.png) no-repeat;

  white-space      : normal;

  font-weight      : bold;

  padding          : 1px 0 3px 14px;

  line-height      : 13px;

  text-decoration  : underline;

}











/** Pagenavigation **/



.pagenavcounter {

  font-size        : 11px;

  color            : #999999;

}

.pagenavbar {

  border-top       : 1px solid #999999;

  padding          : 2px;

}



.pagenav {

  font-weight      : bold;

  color: #444444;

  }

a.pagenav:link, a.pagenav:visited {

  font-size        : 11px;

  color            : #999999;

  text-decoration  : none;

}

a.pagenav:hover {

  font-size        : 11px;

  color            : #006600;

  text-decoration  : none;

}



table.contenttoc {

  border           : 1px solid #dcdcdc;

  background       : #f1f1f1;

  padding          : 5px;

  margin-left      : 2px;

  margin-bottom    : 2px;

}







/** Content **/



table.content{

  width            : 100%;

  padding          : 5px;

  border-collapse  : collapse;

  border-spacing   : 0;

  margin-bottom    : 5px;

  

}

table.contentpane {

  background-color:#444444;

  width            : 100%;

  border-spacing   : 0;

  padding-left     : 5px;

  padding-right    : 5px;

  margin-bottom    : 5px;

}

table.contentpaneopen {

  width            : 100%;

  border-spacing   : 0;

  padding-left     : 5px;

  padding-right    : 0;

  margin-bottom    : 5px;

  

}



.contentheading,.componentheading {

  width: 100%;

  text-align       : left;

  margin: 5px 0;

  padding:3px;

  font: 700 1.2em verdana, sans-serif;

  text-transform: uppercase;

  color: #7BD32C;

  background: #686868 url(../images/rounded_tl.gif) no-repeat top left;

}

div.componentheading {

width: 99% !important;

width: 100%;

}



.contentdescription { 

  width          : auto !important;

  margin         : 0;

  padding        :  0;

  padding-top    : 5px;

  text-align     : left;

}



.blog_more {

margin   : 10px 0 7px 7px;

}



.buttonheading {

padding  : 0 2px;

}



.content_vote {

  font-size        : 10px;

  height           : 22px;

  padding          : 2px 0;

  }



.content_rating {

  font-size        : 10px;

  color            : #999999;

}

.small {

  font-size        : 0px;

  color            : #444444;

  line-height: -10px;

}

.smalldark {

  font-size        : 11px;

  color            : #999;

  text-align:left;

}

.createdate, .modifydate {

  float            : left;

  font-size        : 1px;

  color            : #444444;

  width            : 100%;

  line-height: 0px;

  margin-bottom: -5px;

}

.modifydate {

  text-align: right;

  }



a.category:link, a.category:visited {

  font-size        : 11px;

  font-weight      : bold;

}



.sectiontableheader {

  font-size        : 12px;

  font-weight      : normal;

  text-transform: uppercase;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  letter-spacing   : -1px;

  color            : #EEE;

  background       : #686868; 

  padding          : 1px;

}



.sectiontableentry1 {

  vertical-align   : top;

  padding          : 3px;

  background       : #444444;

  border-bottom    : 1px solid #8F8F8F;

  line-height      : 15px;



}

.sectiontableentry2 {

  vertical-align   : top;

  padding          : 3px;

  border-bottom    : 1px solid #8F8F8F;

  background       : #444444;

  line-height      : 15px;

}

.sectiontableentry1 img{

margin: 0 4px;

}

.sectiontableentry2 img{

margin: 0 4px;

}







/** Polls **/



.poll {

	color : #999;

	text-align: center;

	line-height : 13px;

	font-weight: normal;

      text-align: left;

}

.pollstableborder{

  border-color     : #999999;

}









/** "Tab" buttons for Joomla frontend **/



.ontab {

  border-left      : 1px solid #666;

  text-align       : center;

  font-weight      : bold;

  color            : #999;

  padding          : 5px;

  cursor           : pointer;

  line-height      : 30px;

}

.offtab {

  border-left      : 1px solid #666;

  text-align       : center;

  color            : #999;

  font-weight      : normal;

  padding          : 5px;

  cursor           : pointer;

  line-height      : 30px;

}

.tabpadding {

 border-left       : 1px solid #666;

}











/** CSS for Mainmenu **/



a.mainlevel  {

 display           : block;

 width             : auto;

  margin           : 1px 0;

  padding          : 0;

  font-size        : 10px;

  background       : none;

  text-indent      : 10px;

}



a.mainlevel:link, a.mainlevel:visited {

  display          : block;

  font-size        : 10px;

  border-bottom    : 1px solid #8F8F8F;

  background-color : #444444;

  font-weight      : normal;

  padding          : 2px 0;

  color            : #f1f1f1;

  font-weight      : bold;

  text-indent      : 10px;

  text-decoration  : none;

}

a.mainlevel:hover {

  border-bottom    : 1px solid #8F8F8F;

  background-color : #333333;

  font-size        : 10px;

  font-weight      : normal;

  color            : #999999;

  text-decoration  : none;

  text-indent      : 10px;

}

#active_menu {

  color            : #999999;

  border-bottom    : 1px solid #8F8F8F;

  background       : url(../images/li_bullet.gif) #333333 96% 50% no-repeat;

  font-weight      : bold;

  text-decoration  : none;

}

a#active_menu:hover {

  color            : #f1f1f1;

}











/** Sublevel for Mainmenu **/



.sublevel {

   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;

   font-size        : 11px;

   font-weight      : bold;

   color            : #cccccc;

   padding    	  : 3px 1px 3px 5px;

   margin		  : 3px;

   

}

a.sublevel:link, a.sublevel:visited {

  color		        : #cccccc;

  text-decoration	: none;

}

a.sublevel:hover {

  color            : #7BD32C;

  text-decoration  : none;

}

a.sublevel#active_menu  {

      background: transparent;

	color           : #7BD32C;

	text-decoration	: none;

      border-bottom    : none !important;      

}









/** images **/



.mosimage {

  border     : 1px solid #999999;

  margin     : 5px;

  padding-top: 3px;



}



.mosimage_caption {

  margin-top: 3px;

  padding   :  2px;

  color     : #000000;

  font-size : 10px;

  background: #999999;

}







/** #################### index.php #################### **/



#sponsoren {

  background: #585858 url(../images/bg_header_neu.gif) repeat-y top center;
  height: 80px;
}

#header {  

  width: 100%;

  height: 40px;

  background: #585858 url(../images/bg_header.gif) repeat-y top center;

  vertical-align: top;

  margin: 0 auto;   

}

#menu {

  width: 817px !important;

  width: 837px;

  margin: 0 auto;

  text-align: left; 

  height: 40px;

  background: url(../images/logo_greenery.gif) #50AF22 no-repeat 98% 50%;

  padding: 0 10px;

}



#content {  

  clear: both;

  width: 837px;

  margin: 0 auto;

  text-align: left;

}



#text {

  float: left;

  width: 441px !important;

  width: 470px;

  padding: 10px 2px 20px 16px !important;

  padding: 20px 3px 20px 16px;

  

}



#image {

  float: left;

  width: 168px;  

  vertical-align: top;

  }



#sideBar {

  float: right;

  width: 195px !important;

  width: 198px;

  padding: 10px 15px 20px 0 !important;

  padding: 20px 15px 20px 0;

}





#footer {

  font-size: 5px;

  clear: both;

  width: 777px;

  padding: 15px 20px;

  

}



#footer p {

  color: #888;

  padding-top: 0 !important;

  padding-top: 10px;

  padding-bottom: 0 !important;

  padding-bottom: 20px;

  }



#footer a {

  color: #888;

}



#footer a:hover {

  color: #EEE;

}









/******************* Top Menu************************/



.moduletable-topnav {

    

    width				: auto;

    padding				: 0;

        	}





.topnav {

	width				: 0; 

       text-decoration		: none; 

       color			: #ffffff;

             

       	}



a.topnav {

	position			: relative;

	width				: auto;

	background			: none;

 	padding			: 12px 11px 16px 11px;

	color				: #FFFFFF;

      text-decoration		: none;

	font-weight			: normal;

      line-height             : 38px !important; 

      line-height             : 18px; 

      height                  : 0;

      

	}

a.topnav:hover{

 	width				: auto;

	color				: #ffffff;

	background			: #CA0000;

      padding			: 12px 11px 16px 11px;

 	font-weight			: normal;

	text-decoration		: none;

      background: url(../images/menu_tab.gif) no-repeat top center;



		}

a.topnav#current {

	cursor			: default;

	position			: relative;

	width				: auto;

	padding			: 12px 11px 16px 11px;

	color				: #444444;

      text-decoration		: none;

	background: url(../images/menu_tab.gif) no-repeat top center;



      }

 

a.topnav#current:hover {

	cursor			: pointer;

	position			: relative;

	width				: auto;

	background			: #444444;

 	padding			: 12px 11px 16px 11px;

	color				: #ffffff;

      text-decoration		: none;

	

	}





a.topnav:visited, .topnav a:link {

text-decoration		: none;

color	: #fff;

}		



h3 {

	font-size: 13px;

	font-weight: bold;

	font-variant: small-caps; }	

	
strong {

	color:#7BD32C; }

.ueberschrift {

	font-size: 13px;

	font-weight: bold;

	font-variant: small-caps;
	
	color:#7BD32C; }	

	



.ueberschrift_blinkend {

	font-size: 13px;

	font-weight: bold;

	font-variant: small-caps;

          text-decoration:blink;  }	





.border_right {

	line-height:18px;

	border-right-width:1px;

	border-right-style:dotted;

	border-right-color:#ffffff;

	padding-left:5px;

		}	

		

.border_left {

	line-height:18px;

	border-left-width:1px;

	border-left-style:dotted;

	border-left-color:#ffffff;

	padding-left:5px;

		}	

		

.spielplan_padding {

	padding-left:5px; }