/* 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 */

/*Style for the body tag of your website, controls font family page background, etc.*/

html,body {
    /*color: inherit;*/
    --margin-left: 60px;
    --margin-top: 10px;
    --background: #FFFFFF url(../images/bg.png) repeat;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    text-align: left;
    text-decoration : none;
    height:100%;
    background: #FFD403;
    
        margin: 2px 0px 0px 0px;
        padding:0px;
        --background: #FFD403;
        --font-family: verdana;
        --font-style: normal;
    /*--color: #00899B; alt*/
    color: #616161;
}
/* diese Klasse gehört zur FreeTextBox und macht eingentlich alle Einstellungen des */
/* Body Tags rückgängig */
.wbg {
    margin: 10px;
    background-color: #FFFFFF;
    background-image: none;
}

/*formatting all <div> (division) items.  This is a catch-all that only applies
when no other style has been defined.*/
p {
    --font-family: Verdana;
	--color: #FF0000;
	padding: 0;
	margin: 2px 0 0 0;
}
/*formatting all 
<td> items. This default setting is used when no other style has been defined.*/
td {
}
/*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
tr {
}
/*formatting all UL (unordered list) items. This default setting is used when no other style
has been defined.*/
ul {
}

h1 {
}
h2 {
}
h3 {
    color: #1993a8;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
}
h4 {
    color: #1993a8;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}
h5 {
    color: #f2a72b;
    font-size: 11px;
    margin-bottom: 2px;
    margin-top: 2px;
}
/* general links style*/
a:link, a:visited {
    color: #909090;
    font-weight: bold;
	text-decoration: underline;
}
/*a:visited {
}*/
a:hover {
}
/* horizontal line in your template*/
hr {
}
hr.separator {
}

/* FORMS SETTINGS */
.button {
    border: solid 1px #C0C0C0;
	color: inherit;
    background-color: #F6F6F6;
    text-align: center;
    /*height: 21px;*/
}
.inputbox {
    border: solid 1px #C0C0C0;
}
/*formatting the <div> which holds search items: inputbox, search button...*/
.search {
}


/* NAVIGATION/MENU SETTINGS */
/* this styling is for the MAIN items in the menu */
a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
	display: block;
	border-bottom: solid 1px #FF9800;
	width: 180px;
	height: 24px;   /* 32px vom Bild - 8px vom Padding */
	margin: 0px;
    padding-top: 8px;
    font-size: 11px;
    font-weight: normal;
    color: #606060;
	text-decoration: none;
	text-indent: 10px;
	white-space: nowrap;
}
/*a.mainlevel:link {
    font-weight: normal;
	text-decoration : none;
}
a.mainlevel:visited {
}*/
a.mainlevel:hover {
	/*border: solid 1px #FF9800;*/
    font-weight: bold;
}

/* this styling is for the menu item when it is active, even in main/sub position*/
#active_menu {
}



/* Title of the component being used to display the content.*/
.componentheading {
}
/* Title of the content, article, etc. being displayed.*/
.contentheading {
	--border-bottom: 1px solid #CBCDCE;
	color: #1993a8;
	--padding-left: 120px;
	padding-bottom: 10px;
	font-size: 14px;
    font-weight: bold;
	height:20px;
}
.contentheading:first-letter {
	--color: #FF9800;
	--font-size: 11px;
	--text-transform: uppercase;
}
/* Table that holds all non-article information (components, 
category lists, contact forms, etc).*/
.contentpane {
}
/* Table that holds the actual text for an article.*/
.contentpaneopen {
}
/*Title of articles*/
.contentpagetitle {
}

/*Title of articles when appeare as links */
a.contentpagetitle:hover {
}
a.contentpagetitle:link {
}
a.contentpagetitle:visited {
}

/* Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
.contentdescription {
}
/* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc {
    width: 100%;
}
/* same as above, used to format the td and able cells */
table.contenttoc td {
    vertical-align: top;
}
/* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.contenttoc th {
	border-bottom: 1px solid #CBCDCE;
	font-size: 10px;
    font-weight: bold;
	height:24px;
}
table.contenttoc th:first-letter {
	color: #FF9800;
	font-size: 11px;
	--text-transform: uppercase;
}
/* same as above, used to format toc link texts*/
table.contenttoc td.toclink {
}
/* same as above, used to format toc link text status*/
a.toclink:link {
}
a.toclink:visited {
}
a.toclink:hover {
}




/* JOOMLA - MAMBO MODULES FORMATTING */
/* Formatting the module table */
table.moduletable {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* Formatting the module header, and the module titles */
table.moduletable th {
	height: 32px;
    font-size: 24px;
    padding-top: 0px;
    padding-bottom: 4px;
    text-align: left;
}
/* Formatting the table cells of the module table */
table.moduletable td {
}

/*
 *	Gallery classes
 */

.galleryimagebackground {
    background-color: #F6F6F6;
}
.galleryimagemediumwidth {
    width: 500px;
    /*width: expression(this.clientWidth > 500 ? "500px" : "inherit");*/
}
.gallerysmallimageborder {
    border: solid 1px #C0C0C0;
    padding: 3px;
}
.gallerybigimageborder {
    border: solid 1px #C0C0C0;
    padding: 5px;
}
.galleryimagealign {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}


/*
 *	Team Data classes
 */

p.teamdatatitle {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
    
}
p.teamdatatext {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    vertical-align: middle;
    
}
p.teamdatacopyright {
    margin: 0px;
    padding: 5px 5px 5px
     5px;
    text-align: center;
    vertical-align: middle;
    
}



/*
 * CollapsablePanel
 * -------------------------------------------------------------------------------------------
 */
.csBasePanel {
    padding: 0px 4px 0px 4px;
}
.csTitle {
    background-color: #C0C0C0;
    padding: 2px 2px 2px 2px;
}
.csTitleCollapsed {
    background-color: #C0C0C0;
    padding: 2px 2px 2px 2px;
}
.csContent {
    padding: 2px 2px 2px 2px;
    border: solid 1px #A0A0A0;
}
 

/*
 *	Galery Classes
 * -------------------------------------------------------------------------------------------
 */
.galleryimagebackground {
    background-color: #F6F6F6;
}
.galleryimagemediumwidth {
    width: 500px;
/*    max-width: 500px;
    width: expression(this.clientWidth > 500 ? '500px' : this.clientWidth+'px');*/
}
.gallerysmallimageborder {
    border: solid 1px #C0C0C0;
    padding: 3px;
}
.gallerybigimageborder {
    border: solid 1px #C0C0C0;
    padding: 5px;
}
.galleryimagealign {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}


/*
 *	Team Data Classes
 * -------------------------------------------------------------------------------------------
 */
p.teamdatatitle {
    position: absolute;   
    top: 34px;
    left: 140px;
    color: White;
    font-size: 22px;
    font-family: Tahoma;    
}
p.teamdatatext {
    position: absolute;   
    top: 56px;
    left: 140px;
    color: #92C400;
    font-size: 13px;
    font-family: Tahoma;    
}
p.teamdatacopyright {
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    color:White;
    padding:8px;
    font-size:11px;
    font-family:Tahoma;    
}

/*
 * Vertikale und Horizontale Menus für die Navigation
 * -------------------------------------------------------------------------------------------
 *
 */
/* --- Horizontale Menüs */
.hnavcontainer {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 18px;
}
.hnavcontainer div {
    float: left;
}
.hnavcontainer ul {
    margin: 0;  /* Einrückung Links verhindern */
    padding: 0; 
}
.hnavcontainer ul li { 
    display: block;
    float: left;
    margin-right: 3px;
}
.hnavcontainer ul li a {
    display: block;
    text-decoration: none;
    padding: 8px 14px 8px 14px;
    color: #000000;
    --background-color: #5e070c;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
	text-decoration: none;
	white-space: nowrap;    
	--text-transform: uppercase;
}
.hnavcontainer ul li a:hover {
    color: #000000;
    --background-color: #df141c;
}
.hnavcontaineractive {
    background-color: #ce030b !important;
}


/* --- Vertikale Menüs */
.navcontainer span {
    text-decoration: none;
    --padding: 2em 2em 2em 2em;
    color: #fff;
    color: #FFFFFF;
    background-color: #FFFFFF;
    padding-top: 6px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}
.navcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.navcontainer li { 
    margin: 0 0 2px 0; 
}
.navcontainer a {
	display: block;
    background-image: url(../../images/menu.jpg);
	width: 180px;
	height: 22px;
	margin: 0px;
    padding-top: 7px;
    font-size: 12px;
    font-weight: normal;
    color: #00899B;
	text-decoration: none;
	text-indent: 10px;
	white-space: nowrap;
}
.navcontainer a:hover {
    background-image:url(../../images/menu-hover.jpg);
    color: White;
}
.navcontaineractive {
    background-color: #ce030b !important;
}

/* --- Info Menu */
.navcontainerInfoMenu span {
    text-decoration: none;
    color: #FFFFFF;
    color: #FFFFFF;
    background-color: #FFFFFF;
    padding-top: 6px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}
.navcontainerInfoMenu div {
    margin: 50px 0 0 0;
}
.navcontainerInfoMenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.navcontainerInfoMenu li { 
    margin: 0 0 2px 0; 
}
.navcontainerInfoMenu a {
	display: block;
    background-image: url(../../images/infomenu.jpg);
	width: 180px;
	height: 22px;
	margin: 0px;
    padding-top: 7px;
    font-size: 12px;
    font-weight: normal;
    color: #00899B;
	text-decoration: none;
	text-indent: 10px;
	white-space: nowrap;
}
.navcontainerInfoMenu a:hover {
    background-image:url(../../images/infomenu-hover.jpg);
    color: White;
}
.navcontaineractiveInfoMenu {
    background-color: #ce030b !important;
}


/* --- Horizontale Menüs */
.hnavtop {
    position: absolute;
    margin: 46px 30px 0px 280px;
    --padding: 0px;
    height: 12px;
    --width: 10px;
    z-index:10000;
}
.hnavtop div {
    --margin-top: 80px;
    --margin-left: 100px;
    float: left;
}
.hnavtop ul {
    margin: 0;  /* Einrückung Links verhindern */
    padding: 0; 
}   
.hnavtop ul li { 
    display: block;
    float: left;
    margin-right: 3px;    
}
.hnavtop ul li a {
    display: block;
    float: left;
    text-decoration: none;
    padding: 8px 10px 8px 10px;
    color: #808080;
    --background-color: #5e070c;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
	text-decoration: underline;
	white-space: nowrap;    
	--text-transform: uppercase;
}
.hnavtop ul li a:hover {
    color: #606060;
}
.hnavtop {
}


/* ------------------------------------------------------------------------------------- */
/* Samsara Styles                                                                        */
/* ------------------------------------------------------------------------------------- */
.wrapper {
    position:relative;
    margin:0 auto;
    width: 980px;
    min-height:100%; /* Mindesthöhe in modernen Browsern */
    height:auto !important; /* !important-Regel für moderne Browser */
    height:100%; /* Mindesthöhe in IE (<7) */
    background: #FFFFFF;
}

.header {
    --position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 166px;
    background: #FFD403;        
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: center;
    --color: #span class="footer";
}
.headerimg{
    --margin: 0px 0px 10px 0px;
}

.content {
    --margin-top: 166px;
    padding-top: 4px;
    --padding-left: 10px;
    padding-bottom:60px; /* Damit der Inhalt nicht unter den Footer wandert */
}

.footer {
    --position:absolute;
    --bottom:0;
    --left:0;
    width:99%;
    background: #FFD403;
    clear:both;
    padding: 5px 1% 20px 0px;
    text-align:center;
    color: #00ABBD;
}

.footer span{
    text-align: center;
    color: #00ABBD;
    margin: 0px;
    padding: 0px;
    font-family: arial;
}


.agenda table {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

.agenda td {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}