/* WALDSTEIN-HEXEN */
/* =============== */
/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.joomlart.com: Free templates and Professional Templates Club */
 
 
/* DEFAULT SETTINGS */ 
/* Below are  default settings are used when no other style has been defined.*/
/*Style for the body tag of your website, controls font family page background, etc.*/
body {
	font-family:'Comic Sans MS',sans-serif;
	font-size:14px;
	background-image: url('../images/background.png');
  }
/* Bilder ohne Rahmen */
IMG {
	border-style:hidden;
}
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.*/
/*formatting all UL (unordered list) items. This default setting is used when no other style
has been defined.*/
ul  {
  }
hr {
  }
/* horizontal line in your template*/
hr.separator {
  }
/* Wir stellen alle Ränder auf »0« (für alle Browser) */
* {
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }
/* Wir positionieren die benötigten Layer. Dies geschieht über die Konfiguration ihrer Ränder und über Breiten- bzw. Höhenangaben: */
#container {
  }
#tanzheader {
  }
/* Das Logo stellen wir in der Kopfzeile als Hintergrund ein. Dabei soll keine Wiederholung der Grafik stattfinden. */
#header_bg {
    background: url('../images/bg_oben.gif') top left no-repeat;
    width: 1024px;
    height: 120px;
    text-indent: -5000px;
  }
/* Wir füllen den Bereich rechts neben dem Logo. Da die Grafik nur etwa 20 Pixel breit ist, soll sie in der Horizontalen wiederholt werden, bis der rechte Rand erreicht ist. */
/*#header_spacer {
	background: url('../images/bg_oben_spacer.jpg') repeat-x;
	margin-left: 1024px;
	margin-top: -120px;
	height: 120px;
	text-indent: -5000px;
  }
*/
#header_logo {
	background: url('../images/hexen_schriftzug3.gif') top left no-repeat;
	height:120px;
	width:400px;
}
#header_logo_hexe {
	background: url('../images/hexenlogo.png') top center no-repeat;
	position: absolute;
	left: 500px;
	top: 0px;	
	height: 120px;
	width: 100px;
}
#header_logo_fiba {
	background: url('../../../images/stories/links/link_fischerbach.png') top right no-repeat;
	position: absolute;
	left: 800px;
	top: 0px;	
	height: 120px;
	width: 100px;
}
/* Nun definieren wir den Layer für das Menü und das darunter liegende Ornament: */
#tanz_menu_outter {
    width: 151px;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
  }
#tanz_menu {
    background: url('../images/bg_menu.gif');
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width: 151px;
  }
#ornament {
    background: url('../images/bg_menu_unten.gif') top left no-repeat;
    text-indent: -5000px;
	height:	285px;
  }
/* Der Content-Bereich wird festgelegt. Der Textumfluss float: left; bewirkt, dass das Element links steht und vom nachfolgenden Element (#foto) rechts umflossen wird. Damit erreichen wir automatisch die richtige Ausgangslage für die Positionierung des Layers foto. */
#content {
	background-image: url('../images/hexe_relief.gif') ;
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 380px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	font-weight:normal;
	width: 663px;
}
/* Rechte Seite */
#extra_outter {
    width: 186px;
  }
/* Im Layer extra befindet sich das Modul »Who’s Online«. Für dieses Modul können wir jetzt detaillierte Einstellungen vornehmen: */
#extra {
    padding: 0em 0em;
    border: 0px;
    border-style:solid;
    border-color: green;
  }
#user1 {
    padding: 0em 0em;
    border: 0px;
    border-style:solid;
    border-color: blue;
  }
#user2 {
    padding: 0em 0em;
    border: 0px;
    border-style:solid;
    border-color: blue;
  }
/* Für die Fußzeile wird wieder eine schmale Grafik in den Hintergrund geladen, die horizontal wiederholt wird. Mit padding-top gewinnt man den nötigen Abstand zwischen der Linie und dem Fußzeilen-Text. */
#footer {
    clear: both;
    /* clear, damit textumfluss aufgehoben wird und fußzeile auch wirklich an den schluss kommt*/
    height: 44px;
    padding-top: 16px;
    /* Abstand zur Hintergrundlinie */ 
    font-size: 0.7em;
    color: #C76100;
  }
/* FORMS SETTINGS */ 
/* Hier bestimmen Sie das Erscheinungsbild des Anmelde-Buttons: */
.button {
    background-color: #888888;
    border-bottom-style :solid;
    border-bottom-width : 3px;
    border-left-style : outset;
    border-left-width : 3px;
    border-right-style : solid;
    border-right-width : 3px;
    border-top-width : 3px;
    color : #dddddd;
  }
/* Jetzt können wir noch die Eingabefelder anpassen: */
#ArtForms .inputbox
{
    width:auto;
}
.inputbox {
    color: #282E73;
    background: #FEEAC5;
    border: 1px solid;
    size: 9;
    width:130px;
  }
#modlgn_username
{
}
#modlgn_passwd
{
}
.search {
  }
/*formatting the <div> which holds search items: inputbox, search button...*/
/* NAVIGATION/MENU SETTINGS */
/* Menu: Hauptmenu */
ul.menu li a:link, ul.menu li  a:visited {
    background: url('../images/button_v4_besen_small.gif');
    color: black;
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-top: 0px;
    display: block;
    text-decoration:none;
    height:45px;
    width: 143px;
    font-weight: bold;
    line-height: 40px;
    text-indent: 0.5em;
    font-size: 17px;
  }
ul.menu li a:hover {
    color: green;
    text-decoration: none;
  }
#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 {
  }
/* Menu: 1st Untermenu */
/*a.sublevel:link, a.sublevel:visited,*/
ul.menu li ul li a:link, ul.menu li ul li a:visited {
	background: url('../images/button_v4_besen_118px.gif');
	color: black;
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-top: 10px;
	display: block;
	text-decoration:none;
	height:22px;
	font-weight: bold;
	line-height: 0px;
	text-indent: 0.5em;
	margin-left: 20px;
	font-size: 13px;
  }
/*a.sublevel:hover,*/
ul.menu li ul li a:hover {
	color: green;
  }
a:link, a:active, a:visited {
	/* waldstein-hexen gr�n */
	color: #006800; 
	text-decoration: none;
  }
a:hover {
	/* waldstein-hexen weinrot */
	color: #5d2626;
	text-decoration: underline;
  }
/*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
a.pagenavbar:link, a.pagenavbar:active, a.pagenavbar:visited {
	color: #006800; 
	text-decoration:none;
  }
/*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {
	color: #5d2626;
	text-decoration:underline;
  }
/* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:link, a.pagenav:active, a.pagenav:visited {
	color: #006800; 
	text-decoration:none;
  }
a.pagenav:hover {
	color: #5d2626;
	text-decoration:underline;
  }
/*Style for the "Read More" link that is displayed for large content items*/
a.readon:link {
	color: #006800; 
	text-decoration:none;
  }
a.readon:hover {
	color: #5d2626; 
	text-decoration:underline;
  }
a.readon:visited {
  }
.back_button {
  }
/*Style for the "BACK" button*/
.pagenav_prev {
  }
/*Style for the PRE button*/
.pagenav_next {
  }
/*Style for the NEXT button*/
 
/*Style for latest news list - by default, latest news is user1 module*/
.latestnews ul {
  }
.latestnews li {
    text-align:left;
    font-size: 0.9em;
    list-style-image:url('../images/arrow.png');
    margin-left: 15px;
  }
/* style for eventlist */
.eventlistmod li {
    text-align:left;
    font-size: 0.9em;
    list-style-image:url('../images/arrow.png');
    margin-left: 15px;
}
/*Style for most popular list - by default, most popular is user2 module*/
.mostread ul {
  }
.mostread li {
    text-align:left;
    font-size: 0.9em;
    list-style-image:url('../images/arrow.png');
  }
/* CONTENT PAGE SETTINGS */
a.category:link {
  }
a.category:hover {
  }
a.category:visited {
  }
.blogsection {
  }
/* Formatting the links in Blog section */
.blog_more  li{
    margin-left: 1.5em;
  }
/*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 */
 
/* Hier formatieren Sie die Content-Überschriften: */
/* Title of the component being used to display the content.*/
/* Title of the content, article, etc. being displayed.*/
.contentheading, .componentheading {
	font-weight: normal;
	text-decoration:underline;
	height: 22px;
	background: url('../images/latestnews_bg.gif') no-repeat 0px 3px;
	text-indent: 27px;
	color : #006800;
	border: green;
	border-width:0px;
	border-style:solid;
}
/* Table that holds all non-article information (components,category lists, contact forms, etc).*/
/* das .newspane behebt den BUG, dass die Gallerie unter dem linken Menu anf'ngt!! .*/
.contentpane, .newspane {
	width: auto;
	padding: 1em 1em;
	border: gray;
	border-width:0px;
	border-style:solid;
  }
/* Table that holds the actual text for an article.*/
.contentpaneopen {
    width: auto;
    /* Printable Page */
    /*margin: 0em 1em;*/	
    border: gray;
	border-width:0px;
	border-style:solid;
}
.contentpagetitle {
  }
/*Title of articles*/
 
a.contentpagetitle:hover {
  }
/*Title of articles when appeare as links */
a.contentpagetitle:link {
	text-decoration:none;
  }
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 */
/* Formatting the module table */
/* Jetzt beginnt der Bereich, in dem die Joomla!-Module formatiert werden können. In unserem Beispiel gehen wir nur auf einige wenige Formatierungen ein. Sie finden jedoch im Anschluss eine Übersicht der verschiedenen CSS-Zuweisungen. */
table.moduletable {
  }
/* Formatting the module header, and the module titles */
/* Formatierung der Modul-Überschriften: */
table.moduletable th {
    background-image : url('../images/button_v4_weinrot_small.png');
    background-position : center center;
    background-repeat : no-repeat;
    color: white;
    height: 29px;
    font-size: 0.9em;
    font-weight: normal;
    text-indent:2em;
    vertical-align: middle;
  }
table.moduletable tr {
  }
/* Formatting the table cells of the module table */
/* Formatierung der Modul-Inhalte: */
table.moduletable td {
}
#form-login
{
    font-size: 0.8em;
    width: 143px;
}
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
    font-size: 0.7em;
	color           : #777777;
	text-align       : left;
/*	background: url(../images/date.gif) no-repeat 0px 0px; */
	line-height: 10px;
	padding-left: 25px;
}
/* For styling the date the content/articles are created under contents title */
.modifydate {
    font-size: 0.7em;
  }
/* Formating "Last updated on" text at the end of articles/contents */
.small {
    font-size: 0.7em;
	text-align: left;
/*	background: url(../images/author.gif) no-repeat 0px 0px;*/
	line-height: 10px;
	padding-left: 25px;
}
/* Formating "Written by:...." text */
.smalldark {
  }
/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
/* format the td of poll table */
.poll {
    padding: 0;
    width: 100%;
    border-collapse: collapse;
  }
/* set the border properties of the polls voting table */
.pollstableborder {
  padding-bottom: 10px;
  }
/* 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 */
/* Die nächste Zuweisung bezieht sich auf den Klickpfad: */
.pathway {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #552021;
  }
/* Eugen */ 
/* Gro�e �berchrift mit dem Besen */
table.hexenheading td {
	background:url('../images/besen_klein.gif') top left no-repeat;
	font-family:'Comic Sans MS',sans-serif;
	font-size: 35px;
	font-weight:bold;
	font-style:italic;
	text-align:center !important;
	vertical-align:top;
	width: 250px;
	height: 80px;
}
/* Kontaktseite - Jeder Kontaklt ist eine Tabelle in einem Blog-Item */
table.kontakt th {
	border-width: 0px 0px 3px 0px;
	border-color:gray;
	border-style:solid;
	text-align:left;
	font-size:medium;
}
/* Linkseite - Jeder Link ist eine Tabelle in einem Blog-Item */
table.hexenlink {
	width:520px;
	border:gray;
	border-width:3px;
	border-style:dotted;
	text-align:center;
	padding:5px;
}
table.hexenlink th {
	font-style:italic;
}
table.hexenlink td {
	padding:5px;
	border-style:hidden;
}
col.hexenlink_spalte1 {
	width:200px;
}
/*   RUNDE KANTEN   */
.roundblock div.module/*, div.modulebox_termine*/
{
	background: url('../images/user_bottom_left.gif') no-repeat bottom left;
}
.roundblock div.module div div/*, div.modulebox_termine div div */
{
    background: url('../images/user_top_left.gif') no-repeat top left;
}
.roundblock div.module div/*, div.modulebox_termine div */
{
	background: url('../images/user_bottom_right.gif') no-repeat bottom right;
}
.roundblock div.module div div div/*, div.modulebox_termine div div div */
{
    background: url('../images/user_top_right.gif') no-repeat top right;
	padding: 0px 5px 5px 5px;
	width: auto !important;
	width: 100%;
}
.roundblock div.module div div div H3 /*, div.modulebox_termine div div div h3*/
{
/*	font-size: 12px; */
/*	color:#FF0000; */
/*	padding-top:0px;*/
	padding-left:32px;
	padding-bottom:4px;
/*	height:25px;*/
	background: url('../images/latestnews_bg.gif') no-repeat 0px 2px;
}
.roundblock div.module div div div div {
    background: none;
    padding-top: 0px;
} 
.roundblock  div.modulebox_termine div div div div {
    background: none;
    padding-top: 0px;
	padding-left: 5px;
	font-size: 0.9em;
} 
.clear {
	clear:none;
}