/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  
}
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.3;
  text-align:center;
  font:inherit;


}
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


html {
  height:100.1%;
}
body {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:62.5%;
  BACKGROUND:#ffffcc;
  




  
}
a {
  outline:none;
}
a:link {
  color: #4F7AA5;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: none;
  color: black;
}
#sidebar1 a, #sidebar2 a {
  display: block;
  margin-top: 8px;
  padding-top: 8px;
  padding-bottom: 4px;
  height: 20px;
  
}

#all {
  width: 995px;
  margin: 0 auto;
  text-align:left;
  overflow: hidden;
  font-size:1.35em;
      
  

  
}
#header {
  POSITION:absolute;
  height: 280px;
  width: 980px;
  Z-INDEX: 1000;
  background:url(../images/head.png);
  background-repeat: no-repeat;
  background-position: top center;
  PADDING-LEFT:20px;
 
}
#logo {

  height: 0px;
  margin-top:0px;
  width: 980px;

}
#breadcrumb {
  float:left;
  height:0px;
  width: 860px;
  margin-left: 50px;
  margin-top: 0px;
}

div#topmenu {
	position:relative;
	top:218px;
	right:10px;
	height:21px;
	z-index:1000;


}
div#topmenu .moduletable_oben_nav {
	list-style-type: none;
	

}
div#topmenu .moduletable_oben_nav {
	position:relative;
	

}
/*************** End of MENU  ******************/

/* erstes ul des Menumodules */
div#topmenu .moduletable_oben_nav ul{
	position: absolute;                		/* Wichtig um den Dropdown über dem Content zu legen*/
	display: inline;
                       	/* IE BUGFIX --> möglichst Breiter als die tatsächlich benötigte Breite des Menus*/
	z-index: 1;
	height: auto;
	overflow:visible;
	RIGHT:40px;

}

/* erstes li des Menumodules */
div#topmenu .moduletable_oben_nav ul li{
											/*filter:alpha(opacity=70); */ /*damit geht das dropdown beim IE nicht mehr!?!?*/
/*	-moz-opacity: 1.0; 
	opacity: 1.0; 							darauf reagiert Firefox*/
	position:relative;						/*auch für die Reihung der Buttons wichtig*/
	width: 100px;                      		/* Breite der einzelnen Menupunkte erster Ebene */
	float: right;							/*damit sind die Buttons nebeneinander gereiht*/
	height: 21px;                       	 /* Höhe des Menüs erster Ebene */
	display: inline;
	overflow: visible;
	z-index: 3;
	color:black;                          	/* Opera Bugfix --> Hiermit wird im Opera eine Scrolleiste verindert! */
	background:url(../images/button.png) no-repeat;
	

	}
div#topmenu .moduletable_oben_nav ul li.active{
	background:url(../images/button.png) no-repeat;	/*filter:alpha(opacity=100); */ /*damit geht das dropdown beim IE nicht mehr!?!?*/
	BACKGROUND-POSITION:0px -44px;
	
	}

/* zweites ul des Menumodules == submenu welches den DROPDOWN-EFFEKT haben soll*/
div#topmenu .moduletable_oben_nav ul ul{
	text-align:right;
	position:absolute;
	top:21px;
	visibility: hidden;
	margin-top: 0px;
	padding-top: 1px;                   /* Setzt etwas Abstand zwischen erster und zweiter Ebene */
	width: 100px;                       /* Breite zweiter Ebene */
	height: auto;
	overflow: visible;
	}

/* zweites li des Menumodules == einzelne Elemente des Submenus */
div#topmenu .moduletable_oben_nav ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	background:url(../images/button.png) no-repeat;  /* Hintergrundfarbe der Ersten Menüebene */
	BACKGROUND-POSITION:0px -66px;
	width: 100px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 21px;         /* Höhe der einzelnen Listen-Elemente */
	margin: 0px;          
	padding: 0px;
	margin-left:40px;         
	overflow:visible;     /* Sonst erscheint das Menü nicht */
	position:relative;    /* Diese Positionsart MUSS relativ sein */
	float:left;           /* IE6 Bugfix */
	border-top:#996600 thin solid;

	}
	
div#topmenu .moduletable_oben_nav ul ul li.active{
	background:url(../images/button.png) no-repeat;	/*filter:alpha(opacity=100); */ /*damit geht das dropdown beim IE nicht mehr!?!?*/
	BACKGROUND-POSITION:0px -44px;
	
	}


/* drittes ul des Menumodules == zweites submenu welches rechts neben dem ersten Submenu angezeigt wird*/
div#topmenu .moduletable_oben_nav ul ul ul{
	visibility: hidden;   /* Dies MUSS hidden sein */
	position: absolute;   /* Diese Positionsart MUSS relativ sein */
	left:100px;           /* Breite des Container der folgenden Ebenen */
	top: -1px;            /* Aufgrund des borders hier 1 nach oben gerückt */


	}
/* drittes li des Menumodules == einzelne Elemente des Submenus */
div#topmenu .moduletable_oben_nav ul ul ul li{
	list-style-type: none;/* Keine Aufzählungszeichen */
	background:url../images/button.png) no-repeat;   /* Hintergrundfarbe für alle folgenden Ebenen */
	width: 100px;         /* Breite der ersten Menüebene (muss mit der Breite des ul übereinstimmen!) */
	height: 21px;         /* Höhe der einzelnen Listen-Elemente */
	overflow:visible;     /* Sonst erscheinen die folgenden Menüebenen nicht */
	position:relative;    /* Diese Positionsart MUSS relativ sein */

	border-bottom:#693A0C thin solid;
	

	}
div#topmenu .moduletable_oben_nav ul ul ul li:hover{
	height: 21px;         /* Höhe der einzelnen Listen-Elemente */
	background:url(../images/button.png) no-repeat;

	}
div#topmenu .moduletable_oben_nav ul ul ul li.active{
	background:url(../images/button.png) no-repeat;	/*filter:alpha(opacity=100); */ /*damit geht das dropdown beim IE nicht mehr!?!?*/
	BACKGROUND-POSITION:0px -44px;
	
	}

/* ======= Hover-Effekte des Menus ========*/

/* Mouse-over des ersten li */
div#topmenu .moduletable_oben_nav ul li:hover, a.moduletable_oben_nav ul li:focus{
	background:url(../images/button.png) no-repeat;	 /* Farbe des HOVER-EFFEKTS erster Ebene */	/*filter:alpha(opacity=100); */ /*damit geht das dropdown beim IE icht mehr!?!?*/
    BACKGROUND-POSITION:0px -22px;
	height:21px;
	width:100px;
	overflow:visible;
	
	}

/* Mouse-over aller folgenden li */

div#topmenu .moduletable_oben_nav ul ul li:hover{
	background:url(../images/button.png) no-repeat;  /* Farbe des HOVER-EFFEKTS der folgenden Ebenen */
    BACKGROUND-POSITION:0px -22px;
	height: 21px;
	}

/* Es gehören immer ein "li:hover ul" und ein "li:hover ul ul" zu einer Menüebene. 
Wenn eine zusätzliche Menüebenen gebraucht wird muss das letze Pärchen kopiert werden und ein "ul" als Präfix bei Beiden vorangestellt werden.
Das wiederholt man so oft wie man Menüebenen zusätzlich benötigt. */


/* 1.Ebene = 1 ul */
div#topmenu .moduletable_oben_nav ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
div#topmenu .moduletable_oben_nav ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 2.Ebene = 2 ul */
div#topmenu .moduletable_oben_nav ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */
	}
div#topmenu .moduletable_oben_nav ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}
/* 3.Ebene = 3 ul */
div#topmenu .moduletable_oben_nav ul ul ul li:hover ul{
	visibility:visible;   /* Muss visible sein sonst erscheint das Menü nicht */ 
	}
div#topmenu a.moduletable_oben_nav ul ul ul li:hover ul ul{
	visibility:hidden;    /* Muss hidden sein, sonst erscheinen alle folgenden Menüebenen auf einmal */
	}

/* Allgemeine Schriftformatierung  */
/* --------------------------------*/

/* Link Beschriftung des ersten li */
div#topmenu .moduletable_oben_nav ul li a{
	position:absolute; /*Ie Bugfix*/
	line-height: 21px; 
	width: 100%;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color: black;
	font-family:arial;
	font-size:12px;
	}
div#topmenu .moduletable_oben_nav ul li a span{
	color:black;  /* Schriftfarbe der ersten Ebene */
	}
div#topmenu .moduletable_oben_nav ul li:hover a span{
	color:black;  /* Schriftfarbe der ersten Ebene bei hover der ersten Ebene*/
	}


/* Link Beschriftung des zweiten li bzw. Submenu*/
div#topmenu .moduletable_oben_nav ul ul li a{
	line-height: 21px;
	height: 20px;
	width: 100%;
	display:block;
	text-align:left;
	padding-left:7px;
	color:black important!;
	font-size:10px;
	}
div#topmenu .moduletable_oben_nav ul ul li a{	
	color:black;
	}

div#topmenu .moduletable_oben_nav ul ul li:hover a span{
	color:black; important!
	}



#container {
 
  overflow:hidden;
}
#oben {
	MARGIN-TOP:250px;
	BACKGROUND:url(../images/oben.png) no-repeat;
	BACKGROUND-POSITION:top left;
	WIDTH:860px;
	HEIGHT:15px;
	MARGIN-LEFT:105px;
}
#content {
  
  Z-INDEX: 0;
  WIDTH:860px;
  OVERFLOW:hidden;
  BACKGROUND:url(../images/mitte.png) repeat-y;
  MARGIN-LEFT:105px; 
  PADDING-RIGHT:105px;
 
}
#unten {
	
	BACKGROUND:url(../images/unten.png) no-repeat;
	BACKGROUND-POSITION:top left;
	WIDTH:860px;
	HEIGHT:15px;
	MARGIN-LEFT:105px;
	PADDING-BOTTOM:15px;
}
#incontent ul {
  list-style-type:disc;
 
}
#sidebar1 {
  FLOAT:left;
  font-size: 14px;
  font-size:1.0em;
  font-weight: normal;
  Z-INDEX:1;
  WIDTH:425px;
  MIN-HEIGHT:280px;
  MARGIN-LEFT:114px;
 
}

}
#sidebar2 {
  font-size: 14px;
  font-size:1.0em;
  font-weight: normal;
  Z-INDEX:1;
  WIDTH:430px;
  MIN-HEIGHT:280px;
 
}



	
#content ul, #content ol {
  padding: 30px 25px 55px 40px;

}
#incontent {
  
  padding: 30px;
  Z-INDEX:1;
  WIDTH:380px;
  margin-LEFT:30px;
  margin-right:30px;
 
  
}
#insidebar1, #insidebar2 {
  overflow:hidden;
  padding: 10px;
  Z-INDEX:1;
  WIDTH:400px;
  background:url(../images/bg.png) no-repeat;
  MIN-HEIGHT:275px;
  MARGIN-RIGHT:50px;
  MARGIN-RIGHT:20px;
}
.newsflash-title {
	margin-BOTTOM:3px;
	COLOR:black;
	TEXT-DECORATION:underline;
	MARGIN-TOP:-2px;
}
.newsflash h4{
	font-size:0.7 em;

}

.newsflash-title a {
	COLOR:black;
}
.newsflash-title a:hover {

	COLOR:darkred;
}

.moduletable h3 {
		margin-BOTTOM:1px;
		Font-size:1.1em;
		FONT-WEIGHT:bold;
	}

.newsflash {
	margin-top:2px;
	padding-top:-2px;
}	

.article-separator {
	
}
#insidebar2 h3{
	 font-size:1.3em;
}
#incontent {
  
  MARGIN-BOTTOM:30px;
  PADDING-TOP:20px;
  PADDING-LEFT:20px;
  PADDING-RIGHT:50px;  
  overflow:hidden;
  MARGIN-TOP:-10px;
  WIDTH:780px;
  font-size:12px;
  font-family:arial;
}

#incontent .item-page span {
  font-size:12px;
  font-family:arial;
}
	
	
#footer {
  padding: 10px;
  background:none;
  position:relative;
  MARGIN-LEFT:114px;
  
/*  clear: both;
  -moz-box-shadow: 0 -2px 6px #444;
  box-shadow: 0 -2px 6px #444;
  -webkit-box-shadow: 0 -2px 6px #444;
  */
}

* html #footer {

}
* + html #footer {

}
* + html #sidebar1 {
  width:180px;
}
* + html #sidebar2 {
  width:180px;
}
* + html #breadcrumb {

}
* html #sidebar1, *html #sidebar2 {
  width:180px;
}
* html #breadcrumb {
  border-bottom: 2px solid #333333;
}
#footer {

}
#breadcrumb {

}
h2 {
  font-style: italic;
}
div.breadcrumbs {
  float:left;
}
div.search {
  float:right;
}
h1, h2, h3, h4, h5, h6 {
  
font-weight:normal;
}
h1 {
font-size:2em;
line-height:1;
margin-bottom:0.5em;
}
h2 {
font-size:1.75em;
margin-bottom:0.75em;
}
h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}
h4 {
font-size:1.0em;
line-height:1.25;
margin-bottom:1.25em;
}
h5 {
font-size:1em;
font-weight:bold;
margin-bottom:1.5em;
}
h6 {
font-size:1em;
font-weight:bold;
}
/*=========================================================================================================*/
/*remind to set margins and paddgins to your needs, they are all resetted by Eric Meyers reset.css above*/


/*=========================================================================================================*/
/*some joomla! classes*/

.item-separator { /* was in J! 1.5= .article_separator */
}

.item-page
{
}

.items-more { /* was in J! 1.5= .blog_more */
}
/*New: Current menu list items are now classes*/
/*[Print, PDF, Email] button in an article were before in td.buttonheading and are now in an unsorted list*/
#container ul.actions {
    list-style: none;
    float: right;
}
.actions li {
    float: left;
    margin-left: 5px;
}
/*new*/
.print-icon {
}
.email-icon {
}
/*neu 2.5: new component finder */
.finder{
}
#finder-search {
}
form .finder label {
}
dl.search-results dd.result-url {
}
.finder .inputbox {
}
#header form .finder {
}
/*new 2.5: article images */
.img-fulltext-left {
}
.img-intro-left {
}
.img-fulltext-right {
}
.img-intro-right {
}
#contact-contactinfo .contact-telephone
{
  margin-top:10px;
}

.recaptcha_nothad_incorrect_sol, .recaptcha_isnot_showing_audio

{
  WIDTH:200px;
  
}
.contact-contactinfo {
}

#contact-slider .jicons-text {
	PADDING-BOTTOM:10px;
}
.contact-street {
	PADDING-TOP:10px;
	MARGIN-TOP:5px;
}