/* DEFAULT SETTINGS */ 
/* Below are  default settings are used when no other style has been defined.*/
body/*Style for the body tag of your website, controls font family page background, etc.*/
{
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 14px;	
}
/* p {} formatting all <div> (division) items.  This is a catch-all that only applies when no other 
style has been defined.*/
/* td {} formatting all 
<td> items. This default setting is used when no other style has been defined.*/
/* tr {} formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/

td,tr,p,div {}

ul /*formatting all UL (unordered list) items. This default setting is used when no other style
has been defined.*/
{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* general links style*/
a:link {
	text-decoration: none;
	color: #2A3D83;
}

a:visited {
	text-decoration: none;
	color: #DF8300;
}

a:hover {
	color: #DF8300;	
	text-decoration: underline;
}

a:active { 
	color:#DF8300;
}

hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {}
.inputbox {}
.search {} /*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
{
}
a.mainlevel:hover
{
}

/* Fuer das Extra-Menue rechts oben */
a.mainleveltop
{
	color:#FFA300;
} /* this styling is for the MAIN items in the menu */
a.mainleveltop:link 
{
	color:#FFA300;
	text-decoration: none;
	background: transparent;
}
a.mainleveltop:visited
{
	color:#FFA300;
	text-decoration: none;
	background: transparent;
}
a.mainleveltop:hover
{
	color:#FFA300;
	text-decoration: underline;
	background: transparent;
}
 
#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
 
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
a.sublevel /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.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 {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
 
.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 */
 
.componentheading /* Title of the component being used to display the content.*/
{
  width: 100%;
  text-align: left;
  background: White;
  height: 30px;
  padding-left: 0px;
  /*line-height: 30px;*/
  padding-top: 6px;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: bold;
  color: Black;
	
}
.contentheading /* Title of the content, article, etc. being displayed.*/
{
	padding: 3px;
	font-size: 16px;
	height: 30px;
	color: Black;
	background: url(../images/back_block.png) no-repeat left bottom;
	padding-left: 15px;
	padding-bottom: 4px;
	text-align: left;
	width: 100%;
}
.contentpane {} /* Table that holds all non-article information (components, 
category lists, contact forms, etc).*/
.contentpaneopen {} /* 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 {} /* Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.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 {} /* 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 {}
 
 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
 
 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {} /* 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 {} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* 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 */

/* Weitere zusaetzliche Styles */

/* Eine weisse Zeile um die Seite etwas herunterzuruecken */
div#topline {
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 4px;
	border-width: 0;
}

/* Top: Hintergrund mit Bootshaus */
div#logo {
	background: transparent url(../bg_logos/bg_bootshaus.jpg) repeat-x;
	background-color: #2A3D83;
	height: 125px;
}

/* Das Wappen verschieben */
#wappen {
	margin-left: 40px;
}

/* Grosser RWB Schriftzug neben dem Wappen */
#rwb_titel{
	color: #FFA300;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;	
}

/* Gelbe Linie in der Tabelle zwischen Top und Menue */
div#sepline {
	background-color: #FFA300;
	height: 5px;
	margin: 0;
	padding: 0;
	font-size: 4px;
	border-width: 0;
}

/* Untere Trennlinie mit Copyright e.t.c */
div#footer
{
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 110%;	
	color: Black;
	background: White url(../images/footer_bg.png) repeat-x top;
	height: 60px;
	padding-top: 28px;
	width: 100%;
}

/* Hintergrund fuer das Top-Menue */
div#topmenu {
	background: url(../images/de_topmenu_bg.png) repeat-x;
	height: 34px;
}

/* Das 2. Menue mit Impressum, Seitenverzeichnis e.t.c */
div#othermenu
{
	color:#FFA300;
	position: absolute;
	right: 20px;
	top: 20px;
	background: transparent;
}

#othermenu td
{
	color:#FFA300;
	background: transparent;
}

#othermenu a {
	color:#FFA300;
	background: transparent;
}


#othermenu a#active_menu-nav {
	color:#FFA300;
	background: transparent;
}

#othermenu a#active_menu-nav:hover {
	color:#FFA300;
	background: transparent;
}
/* Der Hautbereich */
div#mainbody
{
  margin:20px 20px 20px 0px;

}

/* Die rechte Seite neben dem Hauptbereich */

div#right
{
	margin-top:18px;
}


#right table.moduletable { /* Formatting the module table */
	width: 100%;
	margin: 2px 0px 0px 0px;
	border-width:2px;
	border-color:#2A3D83;
	border-style:solid;
}

#right table.moduletable th { /* Formatting the module header, and the module titles */
	text-align: left;
	width: 100%;
	text-indent: 18px;
	font-weight: bold;
	color: #FFA300;
	background:#2A3D83 url(../images/pfeil.png) no-repeat left;
	padding-bottom:2px;
	border: 0px;
}

#right table.moduletable td { /* Formatting the table cells of the module table */
	padding: 2px 5px;
	background: #fff;
	color: #000000;
}

/* Links auf der rechten Seite mit Pfeilen versehen
#right a:link, #right a:visited, #right a:hover
{
	background: url(../images/pfeil.png) no-repeat left;
	padding-left: 15px;
}
*/


/* Zusaetzliche Module/Komponenten */


