.clr{ /* BASIC CLEAR FIX*/
clear:both; }
div.clear{ /* Special Div for Firefox for background height fix*/
clear: both;
height: 0px;
margin: 0px;
padding: 0px;
font-size: 0; }
html {
overflow-y:scroll;
height:100%; }
#wrapper {
background:url(../images/body_shadow.gif) no-repeat;
float: left;
margin:0 0 0 0;
display: inline;
width:1020px;
min-height:100%; 
 }
* html #wrapper {
height:100%;/* 100% Height IE */ }
#header {
position:relative;
margin:0 auto;
width:900px;
background: url(../images/header_bg.gif) repeat-x top;
height:auto; }
#logo{
float:left;
margin-top:30px;
margin-bottom:20px;
margin-left:20px; }
#banner{
position:relative;
float:right;
margin-top:40px;
margin-right:10px; }
#topmenu{
position:absolute;
right:0;
top:0;
padding-top:5px;
padding-left:10px;
padding-bottom:5px; }
#path_search{
position:relative;
margin:0 auto;
width:900px;
background: #f3f3f3 ;
height:24px;
border-top:1px solid #FFF;
line-height:24px;
font-size:90%;
text-indent:20px;
overflow:hidden; }
#pathway{
float:left;
width:600px;
text-align:left; }
#pathway a{
text-decoration:none; }
#search{
float:right; }
#suckerfish{
margin:0 auto;
position:relative;
width:900px;
background: url(../images/menu_bg.gif) repeat-x ;
height:54px;
border-bottom:1px solid #fff; }
#shadow{
margin:0 auto;
position:relative;
width:900px;
background: url(../images/shadow.gif) repeat-x top;
height:23px; }
#main_wrapper{
margin:0 auto;
position:relative;
width:900px;
background:#FFFFFF; }
#main_wrapper_center{
position:relative;
margin:0 auto;
width:900px;
text-align:left;
min-height:300px;
background:#FFFFFF; }
#content{
float:left;
width:620px;
padding:20px;
padding-top:3px;
border-right:1px dotted #ccc; }
#right{
position:relative;
float:right;
width:200px;
padding-right:20px; }
#content_slider{
position:relative;
margin:0 auto;
width:900px;
height:auto;
padding:0; }
#bottom{
position:relative;
margin:0 auto;
width:900px;
background:#fff; }
#footer a:link, #footer a:visited{
color:#555; }
#footer{
margin:0 auto;
width:900px;
padding-top:20px;
padding-bottom:20px;
color:#ccc;
font-size:90%;
border-top:1px dotted #e9e9e9; }
#smooth_top{
position:relative;
left:0;
margin-bottom:-16px; }
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df; }
/* CSS Document */
#nav h3{display:none}
#nav {
	position:absolute;
	top:8px;
	margin:0; /* all lists */
	padding: 0;
	text-align:left;
	width:900px; }
#nav ul {
	margin: 0; /* all lists */
	padding: 0; }
#nav li.active a{  
        background:url(../images/suckerfish_activ.gif) no-repeat 52% top; }
#nav li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	background: url(../images/suckerfish_divider.gif) no-repeat 100% 10px;
	cursor: pointer; }
#nav li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 15.9em; }
#nav li ul ul {
	margin: -2em 0 0 15em; /* third-and-above-level lists */ }
#nav li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em; }
#nav ul a {
	width: auto; }
#nav li:hover ul ul, #nav li:hover ul ul ul,
{ left: -999em; }
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,
{ left: auto; }
/* STYLING THE MENU 1st level */
#nav li a {
	display: block;
	text-decoration: none;
	line-height: 30px;
	padding: 4px 10px 0;
	color: #555; }
#nav li a:hover,
#nav li a:focus {
        color: #d7630d; }
#nav li:hover a,
{
	color: #d7630d;
	background:url(../images/suckerfish_activ.gif) no-repeat 52% top; }
#nav li a.active:hover,
#nav li a.active:focus {
	color: #d7630d !important;
	background:none; }
/* 2nd level and above */
#nav li ul {
	border: 1px solid #f3f3f3;
	border-top: 0;
    background: #f3f3f3; }
#nav li ul ul {
	border: 1px solid #f9f9f9; }
#nav li ul li {
	border-bottom: 1px solid #f2f2f2;
	border-right: none;
	background: none; }
#nav li ul a {
	border-right: none;
	margin: 0;
	padding: 8px 10px;
	line-height: normal;
	height: auto;
	background: none !important;
	color: #333 !important; }
#nav li ul a:hover,
#nav li ul a:focus,
#nav ul li.havesubchildsfhover,
#nav ul li.havesubchild-activesfhover,
#nav ul ul li:hover,
#nav ul ul li.sfhover,
#nav ul ul li.havesubchildsfhover,
#nav ul ul li.havesubchild-activesfhover
{
	background: #fff;
	color: #d7630d !important; }
#nav ul li a.active:hover,
#nav ul li a.active:focus {
	color: #555 !important;
	background:url(../images/suckerfish_activ.gif) no-repeat center top; }
#nav li ul a:hover,
#nav li ul a:focus{
	color: #555;
	background:url(../images/suckerfish_activ.gif) no-repeat center top; }
/* COMMON STYLE
--------------------------------------------------------- */
body {
	color:#555;
	font-size:12px;
	background:#f9f9f9  ;
	font-family: Tahoma, Arial, sans-serif;
	height:100%;
	text-align:center; /* Zentrierung IE5+*/ }
html, body, form, fieldset {
	margin: 0;
	padding: 0; }
body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333; }
/* Normal link */
a {
	color: #555;
	text-decoration: underline; }
a:hover, a:active, a:focus {	
    color:#d7630d;
	text-decoration: underline; }
/* Title text */
.contentheading, .blog_more strong, h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
        color:#d7630d; }
/* Small text */
small
{
	color: #555;
    font-size: 90%; }
/* Heading */
h1 {
	font-size: 150%;
}
h2 {	font-size: 150%; }
h3 {	font-size: 125%; }
h4 {
	font-size: 100%;
	text-transform: uppercase; }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0; }
#right{ line-height:1.4; }
#content{ line-height:1.6; }
#content ul,
#right ul { list-style: none; }
#content ul li,
#right ul li {
	padding-left: 16px;
	background: url(../images/bullet-list.gif) no-repeat 6px 8px;
	line-height: 160%; }
th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
    color: #d7630d; }
td, div {
	font-size: 100%; }
img {
	border: none; }
/* Default Joomla! Menu */
/* BASIC JOOMLA MENU 
--------------------------------------------------------- */
a.mainlevel {
padding:4px 0 4px 3px;
width:100%;
display:block;
color:#555;
text-decoration:none;
background:url(../images/sep.gif) repeat-x bottom left; }
a.mainlevel:hover,a.mainlevel:active{
color:#333;
background:url(../images/sep.gif) repeat-x bottom left #f9f9f9;
text-decoration:none; }
a.mainlevel:visited {
color:#555;
text-decoration:none; }
a.mainlevel#active_menu {
color:#555;
background:url(../images/sep.gif) repeat-x bottom #f9f9f9;
font-weight:bold;
text-decoration:none; }
a.sublevel:hover, /* a.sublevel:active, */ a.sublevel:focus {
color:#333;
text-decoration:none; }
#active_menu {
background:url(../images/arrow.png) no-repeat 4px 8px;
color:#555;
font-weight:bold; }
ul.menu li a:hover,
ul.menu li a:focus {
	color: #222;
	background: #f9f9f9; }
ul.menu li ul {
	list-style: none;
	margin: 0;
	padding: 0; }
ul.menu li li {
	border: none; }
ul.menu li li a {
	background: url(../images/arrow.png) no-repeat 8px 12px !important;
	border: none;
	font-weight: normal !important;
	padding-left: 16px !important;
	width: 75%; /*need for ie6*/ }
ul.menu li li a:hover,
ul.menu li li a:focus {
	background: none;
	color: #ccc; }
/* TOPMENU - JOOMLA STYLE WITH SUFFIX -nav
--------------------------------------------------------- */
#topmenu #mainlevel-nav
{
  list-style:none;
  float:left;
  white-space:nowrap;
  font-size:11px;
  margin:0;
  padding:0; }
#topmenu #mainlevel-nav li
{
  width:auto!important;
  float:left;
  white-space:nowrap;
  font-size:11px;
  margin:0 3px 0 0; }
#topmenu #mainlevel-nav li a
{
  color:#555;
  display:block;
  padding-left:8px;
  padding-right:8px;
  text-decoration:none;
  white-space:nowrap;
  font-size:11px;
  border-left:1px solid #555; }
#topmenu #mainlevel-nav li a:hover
{
  display:block;
  padding-left:8px;
  padding-right:8px;
  white-space:nowrap;
  text-decoration:none;
  color:#d7630d;
  font-size:11px; }
/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0; }
form label { cursor: pointer; }
input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%; }
.button {
	padding: 1px 5px 1px 5px;
	padding-right: 5px;
	border: 1px solid #ccc;
	background: #222;
	color: #555;
	font-size: 85%;
	text-transform: uppercase;
	background: url(../images/button_bg.gif) repeat-x; }
.button:hover, .button:focus {
	border: 1px solid #999999;
	color: #333; }
* html .button { padding: 2px 0 !important; /*IE 6*/ }
*+html .button { padding: 1px 5px 1px 5px !important; /*IE 7*/ }
.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF; }
.inputbox:hover, .inputbox:focus { background: #FFFFCC; }
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}
.article_separator {
	clear: both;
	display: block;
	height: 20px; }
.article_column { }
.column_separator { padding: 0 10px; }
/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #ccc; }
tr.sectiontableentry0 td,  
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: 4px; }
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: 3px;  }
table.contentpane {
	border: none;
	width: 100%; }
table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0; }
.blog_more {
	padding: 10px 0;
	background: url(../images/sep.gif) repeat-x top; }
.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%; }
.blog_more ul {
	margin: 0;
	padding: 0; }
.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px; }
.category { font-weight: bold; }
.contentdescription { padding-bottom: 20px; }
h2.contentheading, .contentheading {  
  color:#d7630d;
  font-size:170%;
  font-weight:normal; }
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { text-decoration: none !important; }
a.readon {
margin-top:4px;
	padding: 4px 7px 2px 4px;
	padding-left:24px;
	color: #555;
	font-size: 12px;
	text-decoration:none;
	background: url(../images/page_white_copy.png) no-repeat left; }
a.readon:hover, a.readon:active, a.readon:focus { color:#333; }
table.contentpaneopen td, table.contentpane td { } 
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ccc;
	background: #f2f2f2; }
.sectiontableheader {
	padding: 8px 5px;
	background: #f9f9f9;
	color: #555;
	border-bottom:1px solid #e5e5e5; }
.sectiontableheader a { color: #555; }
tr.sectiontableentry1 td {
	padding: 8px 5px;
	background:#f2f2f2;
	border-bottom:1px solid #e5e5e5; }
tr.sectiontableentry2 td {
	padding: 8px 5px;
	border-top:1px solid #fff;
	background:#f9f9f9; }
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background:#fff; }
/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #333;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #222;
}
.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}
.modifydate {
	width: 100%;
	float: left;
}
div.buttonheading {
	float: right;
	width: 15%;
}
.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right; }
/* MODULE
--------------------------------------------------------- */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
	padding: 0 0 20px;
	margin-bottom: 15px;
	background: url(../images/dot.gif) repeat-x bottom;
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
	padding: 0 0 8px;
	margin: 0;
	color: #333;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
}
/* MODULE FOR SLIDESHOW
--------------------------------------------------------- */
div.module_slideshow{
	padding:0;
	margin:0;
}
div.module_slideshow h3{
	display:none}

/* MODULE INSIDE THE SLIDESHOW WITH SUFFIX _absolute
--------------------------------------------------------- */
div.module_drag{
position:absolute;
top:0;
left:400px;
width:240px;
text-align:left;
padding:0;
padding-left:10px;
padding-right:10px;
margin:0;
height:100%;
z-index:98;
background: url(../images/white_trans.png);
line-height:130%;
cursor:move;
overflow-y:hidden;
}
div.module_drag h3{
  color:#555;
  font-size:130%;
  margin-top:10px;

	}
/* MODULE USER 1 2  
--------------------------------------------------------- */
#user_module div.module{
	font-size:95%;
	color:#555;
	line-height:130%;
	padding:10px;
	background: url(../images/header_bg.gif) repeat-x top;
	border:1px solid #e5e5e5;
	margin:5px;
	width:auto;
	display:block; }
#right div.module{
	font-size:95%;
	padding-top:10px;
	margin-bottom:20px;
	color:#555; }
div.back_button a:hover
{
	margin: 10px 0;
	display: block;
	background: none!important;
	text-decoration: none!important; }
/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #ccc;
	padding: 8px;
	background: #FFF;
	max-width: 200px; }