/*******************************************************************************************************/ 
/* CONTENT CSS */ 
body{
	font-family:"Trebuchet MS", "Helvetica", sans-serif;
	line-height: 1.2em;
	margin: 0 auto;
	font-size: 0.9em;
	color: #000;
	background:url(../images/sitebg.png) top center;
	text-align:justify;

	} 
img, table{
	border:none;
	}
PRE{
	font-size:0.9em;
	font-family:"Courier", "Courier New", sans-serif;
	padding:5px;
	color:#000;
	background:#FFFFFE;
	white-space:normal;
	border:1px solid #CCC;
	} 
H1, H2, H3{
	color:#646464;
	padding-bottom:7px;
	line-height:1.2em;
	}
H4, H5, H6{
	color:#989898;
	padding-bottom:5px;
	font-weight:lighter;
	} 
a:link, a:active, a:visited{
	color:#007777;
	text-decoration:none;
	} 
a:hover{
	color:#FFB446;
	text-decoration:none;
	}
#sitename a{
	color:#2FA0CE;}

/******************************************************************************************************/ 
/* TEMPLATE SPECIFIC CSS CODE */ 
div.center {
  	padding:0px;
  	margin:0px;
  }
#re-center{
	text-align:center;
	margin:0;
	padding:1px 0 0 0; 
	}
*+html #re-center{
	padding:15px 0 0 0;
	}
#sitename{
	color:#FFFFEF;
	width:99%;
	float:left;
	}
#header_top{
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:210px;
	max-width:900px;
	width:900px;
	vertical-align:bottom;
	background-color: transparent;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#newsflash{
	background:transparent;
	height:auto;
	width:860px;
	margin:75px 0 0 0;
	padding:0px 20px 20px 20px;
	text-align:left;
	}
*+html #newsflash{ /* make IE understand what we mean */
	margin:0 0 0 0;
	padding:22px 0 0 0;
}
#newsflash h3{
	text-align:right;
	color:#389EC7;
	}
#newsflash .contentpaneopen{
	width:100%; /* avoid width override of .contentpaneopen on line 287 */
	margin:-15px 0 0 0;
	}
#header{
	background: url(../images/navbg.jpg) no-repeat bottom center; 
	padding:0px; /* SAFARI, OPERA, FIREFOX */
	margin:0 0 0 0;
	height:39px;
	width:900px;
	text-align:left;
	position:relative; /* must be set to use z-index below */
	z-index:3; /* keep the bg_mainlevel_xx.png in front of the site */
	/*border-top:1px solid #FFF; just a little "hack" to create a white borderline on top to avoid pushing down the main menu - whyever it happens */
	}
#header.newsflash{
	position:relative;
	top:0px;
	}

/* Top Menu when enabled */
.moduletable{
	color:#000;
	padding:5px 5px 8px 5px;
	}
#header .moduletable table{
	text-align:center;
	margin:6px 0 0 0;
	}
.mainlevel{
	font-size: 1.1em;
	color:#000;
	padding:5px 10px 8px 10px;
	}	
a.mainlevel:link, a.mainlevel:visited{
	color: #000; 
	font-weight:900;
	} 
a.mainlevel:hover{
	color: #FFF;
	}
.moduletable a#active_menu.mainlevel{
	color:#FFF;
	} 
/*Top Menu End */
/* Search (including search button) when enabled */ 
form div.search{
	background:url(../images/bg_search_input_blue.png) top left no-repeat;
	height:30px;
	width:20%;
	position:relative; top:-22px; left:-20px;
	float:right;
	text-align:right;
	}
* +html form div.search{ /* make IE understand what we mean */
	top:-42px;
	}
/* Search input field when search in enabled */
input#mod_search_searchword.inputbox{
	background:transparent;
	margin-top:5px;
	border:none;
	color:#FEFFFF;
	}
/* search Button (must be installed seperatly into folder "..\images\M_images" and named searchButton.gif), define search button as button (not text) */
div.search input.button{
	vertical-align:bottom;
	margin:3px 0 0 0 ;
	padding:0 0 0 5px;
	background:transparent;
	width:16px; /* must be set to avoid stretching */
	height:16px; /* must be set to avoid stretching */
	}
#wrapper{
	background:transparent;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height: auto;
	max-width:900px;
	width:900px;
	}
#breadcrumb{
	height:0px;
	background:url(../images/bg_breadcrumb.png) top center no-repeat;
	position:relative; /* must be set to use z-index below */
	z-index:1;	/* push #breadcrumb in the background to display shadow of header */
	}
#maincolumn{
	padding:0px 0px 5px 0px;
	margin:0 0 0 0;
	max-width:900px;
	background: url(../images/mainbg.jpg);
	float:right;
	position:relative;
	display:inline;
	z-index: 1;
	}
#right{ /* complete module on the left side */
	text-align:left;
	background: url(../images/rcolbg.jpg) no-repeat;
	float:right;
	width:255px;
	height:auto;
	margin:0px o 0 -1px;
	padding:10px 14px 0px 15px;
	z-index: 0;
	}
#right .moduletable h3, .moduletable_usermenu h3, .moduletable_menu h3{ /* headings of modules on the left side */
	padding:10px 10px 5px 0;
	margin:0px;
	text-align:right;
	font-size:1.1em;
	color:#000000;
	border-bottom: 1px solid #007777;
	}
#right .moduletable{ /* create whitespace at bottom between modules on left side (e.g. statistic, who is online) */
	padding:0 0 15px 0;
	}
#right .moduletable form table.poll tbody tr{
	text-align:left;
	}
#content{
	width:591px;
	/*background: url(../images/mainxmasbg.jpg) no-repeat;*/
	float:left;
	display:inline;
	margin:0 0px 0 0px;
	padding:10px 10px 0 15px;
	text-align:left;
	}
/* Menu on the left side (when enabled - but it should be to work correctly */
ul.menu{ /* menus on the left side */
	padding:5px 0 15px 0;
	margin:0;
	list-style:none;
	line-height:1.2em;
	}
ul.menu li a{
	color:#007777; }
ul.menu li#current a, ul.menu li#current a:active{
	color:#FF9828;
	}
ul.menu li#current a:hover, ul.menu li.parent a:hover, .moduletable_menu ul.menu li#current ul li a:hover, .moduletable_menu ul.menu li.parent ul li#current a:hover, ul.menu li a:hover{
	color:#FF9828;
	}
ul.menu li#current ul, ul.menu li.parent ul{
	list-style:none;
	}
#footer{
	height:60px;
	background: url(../images/footer.jpg) no-repeat;
	width:900px;
	max-width:900px;
	text-align:center;
	margin-bottom:0px;
	}
#foottext{
	color:#999;
	font-size:0.8em;
	padding:10px 0 0 0;
	}
.top{
	min-width:50px;
	}
/* ******************************************************************************************************/
/* JOOMLA SPECIFIC CSS CODE */

.article_separator{} 
td.article_column table.contentpaneopen{
	width:99%; /* creating whitespace to make it readable in columns and avoid "row-reading" of content */
	max-width:95%;
	}
.adminform{} 
.author{
	color: #38BFEE;
	} 
.bannerfooter{ } 
.bannergroup{ 
	text-align: center;
	} 
.bannerheader{ } 
.banneritem, a.banneritem:link {
	padding:10px 0 0 0;
	color: #007777;
	} 
a.banneritem:hover {
	color: #999;
	}
.blog{ } 
.blog_more{ } 
.blogsection{ } 
.breadcrumbs{
	color: #999;
	float: left;
	padding:7px 20px;
	} 
.buttonheading{
	border-bottom: 1px solid #007777;
	}
.buttonheading:hover{
	border-bottom: 1px solid #F8B552;}
.clr{
	clear:both;
	} 
.componentheading{
	font-size:1.5em;
	color: #000;
	padding:5px 0 10px 0;
	text-align:left;
	}
.contentheading{
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 10px 0;
	border-bottom: 1px solid #007777;
	}
.content_email{ } 
.content_rating{} 
.content_vote{} 
.contentdecription{} 
.contentpagetitle{} 
.contentpane{
	width:99%;
	text-align:left;
	padding:0 0 0 5px;
	} 
.contentpaneopen{
	width:99%;
	padding:0 0 0 5px;
	} 
.contenttoc{
	padding:0 0 5px 15px;
	background-color:#FEFFFF;
	} 
.createdate{
	font-size:1em;
	color:#999;
	} 
.created-date{ } 
.date{ }
fieldset{
	border:1px solid #CCC;
	margin-bottom:5px;
	}
/**********************************************************************************
Form Login
**********************************************************************************/
#form-login{
	text-align:left;
	}
#form-login-username, #form-login-password{
	padding:0;
	margin:9px 0 0 0;
	}
#form-login-remember{
	padding:0;
	margin:0;
	font-size:0.8em;
	}
#form-login ul{ /* links for lost password, lost username and account creation */
	margin:0 0 0 0;
	padding:0 0 0 10px;
	list-style:none;
	font-size:0.8em;
	}
#form-login ul li { /* alignment of links (see above) */
	text-align:left;
	color:#FFF;}
.input{ /* input fild */
	border:none;
	} 
.inputbox{
	color: #000;
	background:#EFEFEF;
	border:1px solid #CCC;
	}
/* ***********************************************************************************
Login Button
************************************************************************************/	
.button{
	border:none;
	background:url(../images/bg_button_login_blue.png) no-repeat;
	width:78px; /* sufficient for english (Vote, Results, Login) and german (Abstimmen, Ergebnis, Anmelden) text on button */
	height:25px;
	color:#FFF;
	}
.button:hover, .input input.button:hover{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
	} 
.inputbox option{
	color:#000;
	}
.highlight{
	color: #6786A2;
	font-weight: bold;
	}
.intro{ } 
.latestnews{ } 
.loclink{ } 
.message{ } 
.metadata{ } 
.modifydate{
	font-size:0.9em;
	color:#999;
	} 
.module{ } 
.mosimage{ } 
.mosimage_caption{ } 
.mostread{ } 
.newsfeed{ } 
.outline{ } 
.pagenav{
	color:#FFB446;
	font-size:0.7em;
	} 
.pagenav_next{} 
.pagenav_prev{ } 
.pagenavbar{ } 
.pagenavcounter{ }
.pagination{ 
	color:#000;
	font-weight:lighter;
	}
.pagination span:before, .pagination span:after, .pagination a:before, .pagination a:after{ /* IE <8 will not understand this */
	content:" "; /* create &nbsp; to avoid collapse of letters */
	}
.pathway{ } 
.pollstableboarder{ } 
.read{ } 
a.readon{
	color:#FFB446;
	font-size:1em;
	}
a.readon:hover{
	color:#6786A2;
	}
.search{
	color:#FFB446;
	width:30%
	} 
.searchintro{
	color: #000;
	}
.sections{ } 
.sectiontable_footer{ } 
.sectiontableentry{ } 
.sectiontablefooter{ } 
.sectiontableheader{ } 
.small{
	font-size:0.9em;
	color:#999;
	}
.smalldark{ } 
a.sublevel:link, a.sublevel:active, a.sublevel:visited{ } 
a.sublevel:hover{ } 
.th{
	margin:5px;
	padding:5px;
	}
.title{ } 
.wrapper{ }
.spinellistop{
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: bold;
	}
.spinellistop2{
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: 300;
	}	
.spinellisection{
	font-size: 18px;
	}
.spinellisectioncatering{
	font-size: 22px;
	font-weight: bold;
	color: #EB146F;
	text-transform: uppercase;
	}
.spinellisitem{
	font-size: 16px;
	font-weight: 500;
	}
.spinellismall{
	font-size: 12px;
	}
.spinellibannerlead{
        font-size: 2.5em;
        line-height: 1.0em;
        font-weight: bold;
        }