/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
}

form {
  margin: 0;
  padding: 0;
}

body {
font-size: 12px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #444;
line-height: 18px;
margin: 0;
padding: 0;
background-color: #FFF; /*#9AA4AB;*/
}

a:link{
	text-decoration: none;
	color:#993300;
	margin-left: 1px;
	margin-right: 1px;
}

a:visited {
  	text-decoration: none;
	color: #993300;
}

a:focus
{
    color: #A8A8A8;
}

a:hover {
	color: #993300;
	text-decoration: underline;
}

input.button { cursor: pointer; }


/****************************/
/*** Div container layout ***/
/****************************/

/* Main wrapper for the whole page */
#divWrapper{
  width:1024px;
  margin:0px auto;
  padding:5px 0;
  background-color:#FFF;
}

/* The top menu bar of the page */
#divTopBar{
  text-align: right;
  padding: 0;
  padding-right: 20px;
  margin: 0;
}

	#divTopBar ul
	{
     
	  	margin: 0;
	  	padding: 0;
		list-style: none;
	}
	
	#divTopBar li
	{
                  
	  	cursor: pointer;
	  	font-size: x-small;
		display:inline;
		padding: 0 3px;
	}

/* The header of the page */
#divHeader{
         
	width: 1023px;
	height: 240px;
	background-image: url(../images/mw_header_t.png);
	margin: 0;
	padding:0;
}

/* The wrapper for the menu */
div#MenuWrapper_l
{
	background:url(../images/mw_shadow_l.png) repeat-y left top;	
}

/* The wrapper for the menu */
div#MenuWrapper_r
{
         
	background:url(../images/mw_shadow_r.png) repeat-y right top;
}

div#MenuWrapper
{
         
	padding: 0;
	margin: 0 10px;
}

/* The main menu bar of the page */
#divTopMenuBar
{
         
  	margin: 0;
}

/* The menu for the path menu (breadcrumb menu) */
div#PathMenu
{
         
	overflow:hidden;
  	padding: 5px 20px;
  	background-color: #F7F7F7;
}

div#Breadcrumb
{
         display: inline;
	padding:0;
	margin:0;
	float:left;
	font-size: x-small;
}

div#Search
{
         display: inline;
	padding:0;
	margin:0;
	overflow:hidden;
	float:right;
	width: 190px;
}

#jflanguageselection
{
         
	padding:0;
	margin:0;
	padding-right:10px;
	float:left;
}

#jflanguageselection .jflanguageselection
{
	color: #000;
}

.search .button
{
	vertical-align: middle;
	font-size: x-small;
	border: 1px solid #A5ACB2;
	border-left: 1px solid #A5ACB2;
	background-color: #A5ACB2;
	color: white;
	height: 19px;
	width: 19px;
}

.search
{
	float:right;
}

.search .button:hover
{
	background-color: #777;
	border-left-color: #777;
}

.search .inputbox
{
	vertical-align: middle;
	boder-width: 2px;
}

#mod_search_searchword
{
	font-size: x-small;
	color: #777;
}

/* Wrapper for the main content of the page */
/* Contains the opposing float containers */
#divContent_l
{
         
	background:url(../images/mw_shadow_l.png) repeat-y left top;
}

#divContent_r
{
	background:url(../images/mw_shadow_r.png) repeat-y right top;
}

#divContent{
   
	overflow: hidden;
	background-color: #F7F7F7;
	margin: 0 10px;
}

div#ContentTopPanel
{
	background:url(../images/mw_content_t.png) repeat-x left top;
	height: 13px;
}

div#ContentTopPanelLeft
{
	background:url(../images/mw_content_t_l.png) no-repeat left top;
	height: 13px;
}

div#ContentTopPanelRight
{
	background:url(../images/mw_content_t_r.png) no-repeat right top;
	height: 13px;
}

div#ContentBottomPanel
{
	background:url(../images/mw_content_b.png) repeat-x left bottom;
	height: 13px;
}

div#ContentBottomPanelLeft
{
	background:url(../images/mw_content_b_l.png) no-repeat left bottom;
	height: 13px;
}

div#ContentBottomPanelRight
{
	background:url(../images/mw_content_b_r.png) no-repeat right bottom;
	height: 13px;
}

div#InnerContent
{
	margin: 0 10px;
	background-color: #FFF;
}

div#InnerContent2
{
	overflow: hidden;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/* The left side of the main content - contains the left menu */
#divLeft
{
  float: left;
  padding: 10px;
  width:25%;
  display:inline;
}

/* The center div contains the content of the current page */
#divCenter_float
{
  float: right;
  padding:10px;
  width:69%;
  border-left: 2px dotted #CCC;
  display:inline;
}

#divCenter_full
{
  padding: 10px;
}

/* The footer containig text like copyright */
#divFooterText_l
{
	background:url(../images/mw_shadow_l.png) repeat-y left top;
}

#divFooterText_r
{
	background:url(../images/mw_shadow_r.png) repeat-y right top;
  	font-size: x-small;
  	text-align: center;
}

/* The footer containig the border for the bottom of the page */
/*	Attention: The images are aligned to the top, so don't write any text in this container! */
#divFooter
{
  height: 24px;
  background:url(../images/mw_footer_b.png) repeat-x left top;
}

#divFooter div
{
  height: 24px;
  background:url(../images/mw_footer_b_l.png) no-repeat left top;
}

#divFooter div div
{
  height: 24px;
  background:url(../images/mw_footer_b_r.png) no-repeat right top;
}

div#BottomLine
{
	margin-top: 10px;
  	height: 10px;
  	background:url(../images/bottom_line.png) repeat-x left top;
}
	


/*********************************************/
/*** Joomla! specific classes and elements ***/
/*********************************************/

.artikel_ueberschrift {
color:#444444;
font-family:Verdana,Arial;
font-size:19px;
font-weight:normal;
}

.contentheading {
color:#444444;
font-family:Verdana,Arial;
font-size:19px;
font-weight:normal;
padding-bottom:10px;
}

/* Formattings for the main menu on the top/middle of the page */
table.pill {
  margin: 0;
  padding: 0;
}

td.pill_m {
  padding: 0;
  margin: 0;
  width: auto;
}

#nav {
	text-align: center;
	background: url(../images/mw_menu_normal_bg.png) repeat-x;
	height: 24px;
	z-index: 20;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*  top menu separators and padding all lists */
#nav li {
	float: left;
	cursor: pointer;
}

#nav li ul { 	 /*submenus*/
	left: -999em;
	height: 24px;
	width: 130px;
	position: absolute;
}

#nav li li {
	margin: 0;
	padding: 0;
}

/* width of submenus */
#nav ul ul a {
	width: 131px;
}

/* REVEAL SUB MENUS*/
#nav li:hover ul, 
#nav li.sfhover ul, 
#nav li:hover ul ul, 
#nav  li.sfhover ul ul 
 {
	left: auto;
}


/* MAIN TOP MENU STYLING & TEXT*/

#nav li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 24px;
	font-family: Verdana, Arial, sans-serif;
	width: auto;
	color:#111;
	text-align: center;
	border-style: none;
	font-weight: bold;
  width: 140px;
}

#nav li span {
/*
	padding-left: 10px;
	padding-right:10px;
  */
}

/* top menu rollover state*/


#nav li a:hover,
#nav li a:Active,
#nav li a:focus {

	background: url(../images/mw_menu_active_bg.png)  0 0 repeat-x;
	color: #fff;
}

#nav li {
	margin: 0;
}

/* Style for the left menu bar */
#divLeft .menu
{
	font-weight: bold;
  	margin: 20px;
  	padding: 0;
}

#divLeft .menu ul
{
  /*list-style-position:inside;*/
}

#divLeft .menu
{
	list-style: none;
  list-style-position:inside;
	margin: 5px 0;
}

#divLeft .menu ul
{
	list-style: none;
  list-style-position:inside;
  margin: 0;
  padding-left: 20px;
}


#divLeft .menu li a
{
	text-decoration: none;
	font-style: none;
	border-left: 3px solid transparent;
	padding-left: 2px;
}

#divLeft .menu li
{
  margin: 5px 0;
}

#divLeft .menu a:link
{
  	color: #993300;
  	border-left: 3px solid transparent;
	padding-left: 2px;
}

#divLeft .menu a:hover
{
  color: #000;
  /*border-left: 3px solid black;
	padding-left: 2px;*/
}

#divLeft .menu li.active a
{
  	color: #444;
}

#divLeft .menu li.active ul li a
{
  color: #993300;
}

#divLeft .menu li.active a:hover
{
  color: #444;
}

#divLeft .menu li ul
{
  list-style-position:inside;
  color: #000;
}

#divLeft .menu li.active ul li a:hover
{
  color: #000;
}

#divLeft .menu li.active ul li.active a
{
  color: #444;
}

#divTopBar .mainlevel
{
	font-size: x-small;
}

#divTopBar .mainlevel:hover
{
	color: black;
}

.componentheading
{
  font-size: large;
  font-style: bold;
}

/******************************/
/*** Own classes - not used ***/
/******************************/
.BorderTopLeft
{
  background:url(../images/mw_content_t_l.png) no-repeat left top;
}

.BorderTopRight
{
  background:url(../images/mw_content_t_r.png) no-repeat right top;
}

.BorderBottomLeft
{
  background:url(../images/mw_content_b_l.png) no-repeat left bottom;
}

.BorderBottomRight
{
  background:url(../images/mw_content_b_r.png) no-repeat right bottom;
}

.BorderBottom
{
  background:url(../images/mw_content_b.png) repeat-x left bottom;
}

.BorderTop
{
  background:url(../images/mw_content_t.png) repeat-x left top;
}
.BorderLeft
{
  background:url(../images/mw_line_grey.png) repeat-y left top;
}
.BorderRight
{
  background:url(../images/mw_line_grey.png) repeat-y right top;
}