body  {
	font-family: "Lucida Grande", Arial, san-serif;
        font-size: 10pt;
 	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	background-repeat:no-repeat;
	background-image: url(../images/logo_bg.gif);

	background-color:#5E5C5D;
	color: #000000;
    }
h4 {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 12pt;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, san-serif;
	color: #4c575d;
	font-weight: bold;
}
#container  {
	position: relative;
	width: 830px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #fff;
	background-image:url("../images/bg2.jpg"); background-repeat:repeat-y;
	margin: 0 auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 

#top_flag  {
	
	height: 20px;
	width: 50px;
	position:absolute;
	z-index: 20; 
	top: 5px;
	left: 590px;
    } 
#top_nav  {
	height: 490px;
	/*border-bottom-style: solid;
	border-bottom-color: #999;
	border-bottom-width:1px; */
	width: 806px;
	margin-left: 12px;
    } 
#header  {
	
	height:55px;
	overflow: visible;
    } 
#nav {
	width: 806px;
	height: 500px;
	text-align: right;
	color: #000;
	background-image:url("../images/logo.jpg");
	background-repeat:no-repeat;
}

#logo {
	position:absolute;
	z-index: 20; 
	top: 5px;
	left: 0px;
}
#banner {
	height: 240px;
	
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 12px;
	overflow: hidden;
	width: 806px;
	margin-top: -50px;
    }
#bannermod {
	position:absolute;
	z-index:21;
	overflow:hidden;
	height: 25px;
	width: 650px;
	top: 60px;
	left: 125px;
}
#bannersearch {
	position:absolute;
	height: 110px;
	width: 240px;
	top:  110px;
	left: 565px;
	margin-right: 30px;
}

#box {
	width: 168px;
	height: 87px;
	float: right;
	margin-top: 8px;
	
}

.topmodule ul, .topmodule li {
	padding: 0px;
	margin: 0px;
}
#box  .moduletable h3         {
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px;
	height: 14px;
	line-height: 14px;
	margin: 0px;
}

.moduletable-hi {
	height:140px;
	overflow: hidden;

}
.topmodule_inside {
	color: #FFFFFF;
	padding: 0px;
	font-size: 10px;
	margin: 5px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: 20px 0px;
}
.topmodule td {
	padding: 0px;
	margin: 0px;
}

#contentarea {
	padding: 0px;
	margin: 7px 0px;
	height: 100%;
	width:830px;
}
#left  {
	float: left; 
	/* background-image: url(../images/left_bg.gif);
	background-repeat: repeat-y; */
	margin-left:2px;
	padding-right:5px;
	width: 207px;
	display: inline;
	min-height: 250px;
	border-right-style: solid;
	border-right-color: #999;
	border-right-width: 1px;
    }
#left_top {
	/* background: url(../images/left_top.gif) no-repeat;  */
	height: 7px;
	width: 202px;
}

#left_b  {
	display: inline;
	width: 202px;
    }


#left_content {
	width: 196px;
	margin: 0px 4px;
	
	
	
}
#left_bottom {
	height: 8px;
	/* background: url(../images/left_bottom.gif) no-repeat;*/
	width: 202px;
}
#content {
	background-image: url(../images/bg2.jpg);
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 830px;
	text-align: left;
	float: left;
	
}
#maincontent_top {
	background: url(../images/maincontent_top.gif) no-repeat;
	height: 6px;
	width: 615px;
	margin: 0px;
	padding: 0px;
}
#maincontent  {
	width: 750px;
	padding-left: 8px;
	padding-right:5px;
	margin-top: 0px;
	margin-left: 30px;
	/* background-image: url(../images/maincontent_bg.gif);
	background-repeat:repeat-y;*/
	} 
#maincontent_b  {
	width: 500px;
	padding: 0px;
	float:left;
	} 
#maincontent_c  {
	margin-top:20px;
	width: 170px;
	background-color:#335640;
	padding:2px;
  padding-bottom:0px;
	float:right;
	} 
#maincontent_c_1  {
	margin-top:20px;
	width: 170px;
	padding:2px;
  padding-bottom:0px;
	float:right;
	} 
#maincontent_d  {
	margin-top:95px;
	background-color:#AE9A75;
	width: 180px;
	padding: 5px;
	float:right;
	} 

#maincontent_bottom {
	background: url(../images/maincontent_bottom.gif) no-repeat;
	height: 10px;
	float: right;
	width: 615px;
	margin: 0px;
	padding: 0px;
}

#footer  {
	height: 7px;
	margin-top: 20px;
	text-align: center;
    } 
#afterfooter  {
	background-image: url(../images/white.jpg); background-repeat:repeat-y;
	background-repeat:repeat-y;
	color: #666;
	font-size: 9pt;
	padding-top: 5px;
	line-height: 12px;
	text-align: center;
	border-top-width: 2px;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c6b07e;
	border-right-color: #c6b07e;
	border-bottom-color: #c6b07e;
	border-left-color: #c6b07e;
	width: 806px;
	padding-bottom: 5px;
	margin-left: 12px;
	margin-top:20px;
    } 
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	background-image: url(../images/bg2.jpg); background-repeat:repeat-y;
		clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
ul, li {
margin-bottom:5px;
margin-left:0px;
}
a:link, a:visited {
	color: #3c6543;
  font-weight: bold;
	text-decoration: none;
} /* general links style*/
a:hover {
	color: #3c6543;
  font-weight: bold;
	text-decoration: none;
}
hr {} /* horizontal line in your template*/
hr.separator {}
 
.componentheading {
	display: block;
	border-bottom-style: none;
	border-bottom-color: #c6b07e;
	border-bottom-width: 2px;
	color: #AE9871;
	font-weight: bold;
	width: 500px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	margin-bottom: 7px;
	padding-bottom: 7px;
}/* Title of the component being used to display the content.*/

h1 {
	display: block;
	border-bottom-style: none;
	border-bottom-color: #c6b07e;
	border-bottom-width: 2px;
	color: #AE9871;
	font-weight: bold;
	width: 500px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	margin-bottom: 7px;
	padding-bottom: 7px;
}/* Title of the component being used to display the content.*/

.contentheading {
	display: block;
	font-size: 13pt;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, san-serif;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	color: #4c575d;
	font-weight: bold;
	width: 555px;
	
} /* Title of the content, article, etc. being displayed.*/
 
/* FORMS SETTINGS */ 
.button {
	
}
.inputbox { 
	font-family: "Lucida Grande", Arial, san-serif;
	font-size: 10pt;
	/* width: 100px;*/
}
.search {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
} /*formatting the <div> which holds search items: inputbox, search button...*/
 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel{
	
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
	color: #000000;
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	font-size: 10pt;
	display: block;
	padding-left: 22px;
	border-left-style: solid;
	border-left-color: #fff;
	border-left-width:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-image: url(../images/indent1.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
a.mainlevel:hover {
	text-decoration: none;
	background-color: #f1f1f0;
	border-left-style: solid;
	border-left-color: #999;
	border-left-width:3px;
	background-image: url(../images/indent1over.png);
	
}
 
#active_menu {
        text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(../images/indent1over.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	} /* this styling is for the menu item when it is active, even in main/sub position*/

#nav   ul,#nav  li{
	list-style-type: none;
	margin: 0px;
	display: inline;
	padding: 0px;
}
a.mainlevel-nav:link, a.mainlevel-nav:visited {
	
	padding-top: 20px;
	padding-left: 5px; 
	padding-right: 10px;
	
	line-height: 27px;
	font-size: 12px;
	text-decoration: none;
	color: #3c6543;
	border-left-width: 1px;
	border-left-color: #999;
	border-left-style: solid;
}
a.mainlevel-nav:hover {
	text-decoration: none;
	color:#030;	
}
#active_menu-nav {
        text-decoration: none;
	color: #666;
	}

a.sublevel{
	}

a.sublevel:link, a.sublevel:visited {
	color: #000000;
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	font-size: 10pt;
	background-image: url(../images/indent1.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 22px;
	border-left-style: solid;
	border-left-color: #fff;
	border-left-width:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
a.sublevel:hover {
	text-decoration: none;
	background-image: url(../images/indent1over.png);
	background-color: #f1f1f0;
	border-left-style: solid;
	border-left-color: #999;
	border-left-width:3px;
}
 
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {
padding-left:4px;
} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
.latestnews  ul, .latestnews li {
} 
.latestnews {
	font: 9pt "Lucida Grande", Arial, san-serif;
	margin: 0px;
	padding-left: 0px;
}
 
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
.contentpane {
	background-image:none;
	background-color:#fff;
} /* Table that holds all non-article information (components, 
category lists, contact forms, etc).*/
.contentpaneopen {
	font-size: 10pt;
	font-color: #000;

}

&nbsp;/* Table that holds the actual text for an article.*/
.contentpagetitle {} /*Title of articles*/
 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
/*.contentdescription {
	padding: 10px;
}  Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
.contenttoc {
	padding: 0px;
	margin: 0px;
} /* Formating the table of the Tables of Contents for multiple 
pages content or article */
.contenttoc td  {
	padding: 0px;
	margin: 0px;
} /* same as above, used to format the td and able cells */
.contenttoc th  {
	padding: 0px;
	margin: 0px;
} /* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
.contenttoc td.toclink  {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 
 
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {
	background-color: #666;
	padding: 0px 5px;
	color: #FFFFFF;
	height: 16px;
} /* This is for styling the section table headers on a 
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {} 
.sectiontableentry2 {
	background-color: #E4E4E4;
}
#left  .moduletable, #left  .moduletable td/* JOOMLA - MAMBO MODULES FORMATTING */
 {
	margin: 0px 0px 7px 0px;
	padding: 0px;
} /* Formatting the module table */
#left     .moduletable h3    {
	height: 25px;
	line-height: 25px;
	/* background: url(../images/moduletable.gif) no-repeat; */
	background-color: #d6d5d5;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, san-serif;
	padding-left: 8px;
	margin: 0px;
	font-size: 10pt;
	border-left-style: solid;
	border-left-color: #ef8700;
	border-left-width:3px;
	
} /* Formatting the module header, and the module titles */
 
 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
display: block;
font: 8pt "Lucida Grande", Arial, san-serif;
color: #666;
line-height: 8pt;
padding-bottom: 10px;
} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {

font: 8pt "Lucida Grande", Arial, san-serif;
color: #666;
line-height: 8pt;

} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {
	font-size: 10px;
	margin: 5px 0px;
	padding: 0px;
	width: 196px;
} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
 
 
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's
news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test
returned 4 matches" box that appears after you have entered a search value.
It appears on the mainbody with the search results */
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab {}/* For styling of the "Tab" buttons when editing contents through the 
frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing 
contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything 
related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form 
contents (where HTMLArea sits and all its forms + contents) in the frontend 
Administration interface */

.moduletable-inv {
	height:140px;
	overflow: hidden;
	visibility: invisible;

}

.border_bottom {
padding-bottom: 2px;
}