/*  CSS FOR JOOMLA! */

/* GENERELLE EINSTELLUNGEN*/
body {	
	/*background: url(../images/hintergrundtestbgrau.jpg);*/
	/*background: url(../../../images/hintergrundtestbgrau.jpg);*/
        background: url(../../../images/hintergrund/01.gif);
        margin-top:7px;
	margin-left:8px;
	margin-right:0;
	width:990px;
	background-attachment:fixed; 
	/*repeat-x;*/
	background-color:#7b90a6;
} 
/* Allgemeine Einstellugen für das ganze Template*/
table {
}
p {	
} /*Format für alle <p> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/
td {} /*Format für alle <td> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/
tr {} /*Format für alle <tr> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/
ul {	margin-left:0px;
	margin-top:4px;
	margin-bottom:4px;
	padding-left:15px;
}

li {	display: list-item;
	margin:0;
	margin-left:0px;
	padding:0;
	list-style-position: outside;
	list-style-image:url(../images/listenzeichen.png);  
} /*Format für alle <ul> Tags. Wird nur verwendet, wenn kein anderer Style gesetzt ist.*/
a:link {text-decoration:none;
	/*color:#1b6ad0;*/ color:#095CA6;
} /* Link-Styl für das ganze Template*/
a:visited {


} /* Besuchter Link-Styl für das ganze Template*/
a:active {} /* Aktiver Link-Styl für das ganze Template*/
a:hover { color:/*399ff;*/ #353535;

} /* Angewählter Link-Styl für das ganze Template*/
hr {} /* Horizontale Linie im Template*/
hr.separator {}

/* FORMULAR EINSTELLUGEN */
.button {}
.inputbox {}
.search {}



 /*Einstellungen für die Elemente des Hauptmenüs */
a.mainlevel{
	font-size:13px;
	padding:5px;
	color: #f0eeee;
	font-family: Arial;/*,Geneva,Helvetica,Verdana;*/
/*	font-weight: bold;*/


}

a.mainlevel:link, a.mainlevel:visited {
	color:#f0f0f0; 	  	
	padding:6px;
	text-decoration:none;
}
a.mainlevel:active {}
a.mainlevel:hover { 
	color:#a9dfec;
}
#active_menu {} /* Einstellungen für das aktive Element im Hauptmenü*/
ul#mainlevel-nav { }
ul#mainlevel-nav li{ }
#mainlevel-nav a:link { }
#mainlevel-nav a:visited{ }
#mainlevel-nav a:hover { }

a.sublevel{
	font-size:14px;
	display:block;
		
} /* Einstellungen für Elemente im Hauptmenü, die ein übergeordnetes Element haben */
a.sublevel:link {
	color: #f0f0f0;

}
a.sublevel:visited {
	color: #f0f0f0;
	text-decoration:none;
}
a.sublevel:hover {
	color:#a9dfec;
	display:block;	
	
}
.pagenavbar {} /*Style für die Navigationselemente des Fußbereich ("<< Start < Prev Next > End >>") wenn sie nicht als Hyperlink angezeigt werden*/
.pagenavbar:link {} /*Style für die Navigationselemente des Fußbereich ("<< Start < Prev Next > End >>") wenn sie als Hyperlink angezeigt werden*/
.pagenavbar:visited {}
.pagenav {} /* Format für den Text der Navigationselemente "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {} /*Fromat für den "Read More" Link*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Fromat für den "BACK" Link*/
.pagenav_prev {} /*Fromat für den "PREV" Link*/
.pagenav_next {} /*Fromat für den "NEXT" Link*/
.latestnews ul {} /*Format für die "Letzte Beiträge" Liste, default ist "Letzte Beiträge" user1-Modul*/
.latestnews li {}
.mostread ul{} /*Format für die "Beliebtesten Beiträge" Liste, default ist "Beliebteste Beiträge" user2-Modul*/
.mostread li{}

/* SEITENINHALT EINSTELLUGEN */
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* Format für Links in Blog-Sektion */
.blog_more {} /* Format für "More" Text in Blog-Sektion*/
a.blogsection:link {} /* Format Link */
a.blogsection:visited {} /* Format besuchter Link */
a.blogsection:hover {} /* Format Link, auf dem der Mauszeiger steht */
.componentheading {} /* Format des Titel der Komponente */
/*.contentheading {
	background: url(../../compatec2/images/content_title.png);
	no-repeat;}
*/
 /* Format des Titel des Inhalts*/
.contentpane {
	
}
/*.contentpaneopen {
	background-color:red;
	*/ /* 
	margin:0px;
 	width:1004px;
 	text-align:left;
 	border-color:#000000;
	background: url(../../compatec2/images/content_hintergrund.png);*/

/* Tabelle die den aktuellen Text eines Artikels hat */
	.contentpagetitle {} /*Titel eines Artikel */






a.contentpagetitle:hover {} /*Titel eines Artikels, wenn er ein Link ist */
























































a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Format von "DESCRIPTION" von Sektionen und Kategorien */
table.contenttoc {} /* Format für die Tabelle einer Tabelle mit mehreren Inhalten oder Artikel */
table.contenttoc td {}
table.contenttoc th {}
table.contenttoc td.toclink {}
a.toclink:link {}
a.toclink:visited {}
a.toclink:hover {}

/* JOOMLA! SEKTION LISTE EINSTELLUNG*/
.sectiontableheader {} /* Format für die Liste der Sektione */
.sectiontableentry1 {}
.sectiontableentry2 {}

/* JOOMLA! MODUL EINSTELLUNG */
/*table.moduletable {margin-top:5px; border-width:medium; border-color:#000000; border-style:double; padding:4px; width:200px;}*/ /* Format der Modul-Tabelle */
/*table.moduletable th { background-color:#CCCCCC;}*/ /* Format der Modulüberschrift und Modulttitel */
/*
table.moduletable td {  horizontal-align:right; background-color:#FFFFFF;} /* Format der Zellern der Tabelle der Module */

/* VERSCHIEDENE EINSTELLUGEN */
/* Datum, Autor*/
.createdate {
	color:#CCCCCC;
	font-size:10pt; 
	text-align:left;
} /*Format für Datum und Autor */
.modifydate {
	color:#CCCCCC; 
	font-size:10pt;
} /* Format für "Last updated on" */
.small {
	color:#CCCCCC; 
	font-size:10pt;
} /* Format für "Written by:...." */
.smalldark {
	color:#111111; 
	font-size:10pt;
} /* Formatfür Umfrageergebnisseite, für " Number of Voters" */

/* Umfrage */
.poll {} /* Format für td der Umfragetabelle */
.pollstableborder {} /* Eigenschaften der Umfragetabelle */

/* Weblinks */
.weblinks{}
a.weblinks:hover {}

/* Newsfeeds */
.newsfeedheading {} /* Format des Newsfeed Titels */
.newsfeeddate {} /* Datum des Newsfeed */
.fase4rdf {
	text-align:center
} /* Format des Inhalts des Newsfeed */

/* Suche */
table.searchintro {} /* Format für "Search Keyword: test returned 4 matches" Box, die nach der Suche angezeigt wird. */


 /*format für die einzelnen kästchen (newsboxes)*/

.newsboxes_rechts {
	margin-top:7px;
	margin-left:494px;
	width:480px;
	/*background-color:red;*/
}

.newsboxes_links {
	/*background-color:blue;*/	
	margin-top:7px;
	width:1px;
	float:left;
	margin-left:0px;
}


.newsbox .box {
	width:/*242*/239px;
	/*align:center;*/
	/*margin:0px;*/
	margin-bottom:4px;
	padding:2px;
}
.newsbox .title {
	background: url(../images/newsbox_title.png)  no-repeat ;
	font-family:Arial,Geneva,Helvetica,Verdana;
	font-style:normal;
	font-size: 15px;
	height:24px;
	font-weight:bold;
	color: #353535;
	padding-left:10px;
	padding-top:5px;
}
.newsbox .text {
	background: url(../images/newsbox_hintergrund.png) bottom;
	color:black;
	padding: 10px;
	font-size:11px;
	color: #353535;
	font-style:normal;
	font-weight:normal;
	font-family: Verdana;/*Arial,Geneva,Helvetica,*//*Arial*/
	/*letter-spacing:0.02em;*/
	/*line-height:1,5;*/
}	


.newsbox link {
	color:red;


}
.newsbox img {
	float: left;
	/*width: 100px;
	padding-left:2px;*/
	padding-right:6px;
	margin: 0px;
	border:none;
}

.newsbox .readmore {
	background: url(../images/newsbox_readmore.png);
	text-align:right;
	text-transform:uppercase;
	width:100%;
	height:20px;
	clear: both; 
}

/*
a.readonnews {
	color:#CC0000;
	display:block;
	font-family:Arial,Geneva,Helvetica,Verdana;
	font-size:0px;
	font-style:normal;
	font-weight:normal;
	line-height:12px;
	text-align:right;
	text-decoration:underline;
	text-indent:2px;
	text-transform:uppercase;
}
*/
.logo {
	float:left;
	width:733px;
	height:175px;
	margin-left: 5px;
	background: url(../images/compatec.png) right;
	

}

.flash {
	width:auto;
	width:239px;
	height:175px;
	margin-left:/*749px;*/ 746px;
	background: url(../images/Flashrahmen10.png);

}

.menubalken {
	width:980px;
	height:32px;
	margin-left:5px;
	margin-top:5px;
	background: url(../images/menubalken.png) left no-repeat;
}

.artikeldiv {
	float:left;
	margin-top:12px;
	margin-left:5px;
	margin-bottom:5px;
	width:733px;
}

.artikelbox {
	padding:10px;
	width: 713px;
	background-image: url(../images/artikelbox_hintergrund.png);






	font-size:11px;
	color: #353535;
	font-style:normal;
	font-weight:normal;
	/*font-family:Arial;*/

	font-family: Arial;
	/*letter-spacing:0.02em;*/
}	


.artikelbox img {
	border:none;
}



.artikelecken_oben { 
	background: url(../images/artikelecken_oben.png) no-repeat;
	width: 733px;
	height:26px;
}

.artikelecken_unten {
	background: url(../images/artikelecken_unten.png)  no-repeat;
	height:26px;
	width:733px;
	margin-bottom:10px;
}














.cpdreiartikeldiv {
	float:left;
	margin-top:12px;
	margin-left:5px;
	margin-bottom:5px;
	width:960px;
}

.cpdreiartikelbox {
	padding:10px;
	width: 960px;
	background-image: url(/images/artikelbox_hintergrund_cp3.png);






	font-size:11px;
	color: #353535;
	font-style:normal;
	font-weight:normal;
	/*font-family:Arial;*/

	font-family: Arial;
	/*letter-spacing:0.02em;*/
}	


.cpdreiartikelbox img {
	border:none;
}



.cpdreiartikelecken_oben { 
	background: url(/images/artikelecken_oben_cp3.png) no-repeat;
	width: 980px;
	height:26px;
}

.cpdreiartikelecken_unten {
	background: url(/images/artikelecken_unten_cp3.png)  no-repeat;
	height:26px;
	width:980px;
	margin-bottom:10px;
}


















	
.menuecken_oben {
	height:26px;	
	background: url(../images/newsbox_title.png)  no-repeat;
}
.menubox {
	/*height:250px;*/
	background-image: url(../images/menuhintergrund.png);
	color:#353535;
	padding:15px;
	font-family:/*arial;*/ Verdana;
	font-size:13px;
	font-weight:bold;

}

.menudiv {
	width:239px;
	margin-left:746px;
	margin-top:12px;
	margin-bottom:5px;
}

.menuecken_unten {
	height:26px;
	background: url(../images/menuecken_unten.png);
}


h1 { 				/* blau, fett*/
	font-size:12px;
	color: #1858a5;
	font-style:normal;
	font-family:Helvetica;
	/*line-height:1;*/
	letter-spacing:normal;
	padding-top:0;
	/*padding-bottom:6px;*/
	margin:0px;/*
	vertical-align: bottom;*/

}




h2 {	font-weight:bold;	/*grau, fett*/
	font-size:11px;	/*firefox stellt unter windows bei schriftgröße 10px h2 nicht als bold 				dar*/
	color: #353535;
        padding-top:0;
	padding-bottom:0;
	margin:0;
	
}


h3{			/*für überschrift von blauer aufzählungsbox (grau, fett, unterstrichen)*/
	padding-left:14px;
	padding-top:6px;
	font-weight:bold;
	text-decoration:underline;
	font-size:12px;
	color: #353535;
	

}


h4{					/*für hauptüberschrift, grau, fett*/
	font-family:Verdana;	
	font-style:normal;
	font-size: 15px;
	font-weight:bold;
	color: #353535;
	padding-left:0px;
	padding-top:0px;
	/*padding-bottom:10px;*/
	/*vertical-align:top;*/
	margin:0;

}


h5{
	font-size:5px;

}
/*
.artikelbox_tabelle {

width: 723px;
cellspacing:5px;
border-color:black;
border-style:double;
}
*/


mainlevel
other {
        padding-bottom: 100px;

}


span.mainlevelother {
        font-size:12px;
	color: #1858a5;
	font-style:normal;
	font-family:Helvetica;
	letter-spacing:normal;

}
a.mainlevelother {
	/*
	font-weight:bold;	
	font-size:11px;
	color: red;
	*/

}

a.mainlevelother:hover {
	color:blue;
}


a.sublevelother {
	font-family: Arial,Geneva,Helvetica,Verdana;
	/*color:#1858a5;*/
        color: #353535;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	/*padding:  */
	/*background-color:green;*/
       /* list-style-image: url(/images/listenzeichen.png);*/
        padding-left:10px;
        background-image: url(/images/stories/arrow_right_blau.gif);
        background-repeat: no-repeat;
        background-position: left center;
}       

a.sublevelother:hover {
	color:#185A85;
	display:block;	
	font-size:11px;
      /*  background-color:"e0e0e0"; */
}



table.moduletable2 {
	float:right;
	/*text-align:right*/
	background-color:red;	
	padding:6px;
}
table.moduletabled4j{
	float:left;
}


table.moduletabled4j2{
	float:right;
	vertical-align:top;
}

table.moduletableswfree {
	float:left;

}


table.moduletablefish {
	float:left;
	height:32px;
	width:500px;
	color:#f0eeee;
	font-family:arial;
	font-size:13px;	
	/*background-color:red;*/
}

table.moduletablefish2{
	float:right;
	vertical-align:top;
	height:32px;
	/*width:165px;*/
        width:210px;
	color:#f0eeee;
	font-family:arial;
	font-size:13px;
	/*background-color:yellow;*/

}		
/*   SON OF SUCKERFISH MENÜ*/


/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/*
#menulist_2-son-of-suckerfish-horizontal {
	margin-top:6px;}*/



/** customize colors here */
a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {
	/*height:32px; */
	color: #f0eeee;
	
	
}

a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover {
}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {
	background-image: url("../images/untermenu_hintergrund.png");
	color: #f0eeee;
	height:20px;
	/*border:1px;*/
	padding:10px;
	margin-top:0px;	/*vertikaler abstand des untermenüs zum menubalken*/
	border-top: 1px; 
	width:180px;
}
/*
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
}*/	


ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,
ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {
	/*background-color: hintergrundfarbe unteruntermenü*/ 
	color: #f0eeee; 
}

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {
	/*background-color: #1b6ad0;*/

}

ul.mainlevel-son-of-suckerfish-horizontal .expanded {  /*  pfeil der im menubalken (nicht) 	angezeit wird und zeigt dass es untermenüpunkte gibt*/
	display: block;
	/*background-image: url("../images/arrow_down.gif"); */ 
	background-position: right center;
	background-repeat: no-repeat;
	/*padding-right: 10px;*/
	height:23px /* wird mit verwended um abstand des untermenüs zum menübalken zu definieren, wenn man sich auf seite 2 befinded*/
}

ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {  /*pfeil der anzeigt dass es einen unterpunkt gibt*/
	background-image: url("../images/arrow_right.gif");
	/*height:20px;
	padding-left:6px;
	font-size:13px;
	*/	
	height:13px;  /*höhe der untermenüpunkte mit unterpunkten wenn man sich auf seite 2 befindet*/
}


/** customize style / layout here */



a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,
a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover
{
	font-weight: normal;
	/*font-size: 100%;*/
	text-align: left;
	text-decoration: none;
	display: block;
	/*border: 0px solid silver;*/
	/*padding: 0 0 0 7px;*/	/* top, right, bottom, left */
	color:#f0eeee;

}
span.mainlevel-son-of-suckerfish-horizontal expanded,
a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,
a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover{
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	/*border: 1px solid silver;*/
	padding: 5px 5px 0 5px;	/* top, right, bottom, left */       /*untermenüpunkte padding*/
	color:#f0eeee;

}

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover,
span.sublevel-son-of-suckerfish-horizontal:hover, span.sublevel_active-son-of-suckerfish-horizontal:hover, span.sublevel_current-son-of-suckerfish-horizontal:hover
 {
	background-image: url(../images/untermenu_hover_hintergrund.png);	
}



a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {
	/*margin-top:3px;*/	/*IE bräuchte eigentlich 4px;*/
	padding-bottom:8px;		/*vertikale position der schrift im menubalken*/ 	
}
a.mainlevel_active-son-of-suckerfish-horizontal li {
list-style: none;  	
}

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {
	border-top: none;
	height: 1%; 	
	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,
a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,
a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,
a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,
a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,
a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,
a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,
a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {
	font-weight: normal;
	/*margin-top:5px;*/

	/*background-color:red;*/

}

ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {
   /*  hier kann man die schrift im menübalken  definieren*/
	list-style: none;
	line-height: 1;
	z-index: 100;


}

ul.mainlevel-son-of-suckerfish-horizontal li {
	/*padding: 0;
	*/margin: 0;

	float: left;
	padding-right:15px; /* abstand der punkte im menübalken*/
	
}

ul.mainlevel-son-of-suckerfish-horizontal li li {
	position: relative;
	display: block;
	width: 10em;	 	
}

/*zum formatieren der untermenüpunkte ( ausrichtung des untermenüs zum menübalken)*/
ul.mainlevel-son-of-suckerfish-horizontal ul, ul.mainlevel_active-son-of-suckerfish-horizontal ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: -1px 0 0 -20px; /* top, right, bottom, left */
	width: auto;
	height: auto;
	z-index: 101;	

}
/* zum formatieren der unteruntermenüpunkte (abstand unteruntermenü zum untermenü und vertikale ausrichtung unteruntermenü*/  
ul.mainlevel-son-of-suckerfish-horizontal li li ul {
	margin: -25px 0 0 114px; /*eigentlich 115 px, aber IE macht dann kleine lücke */ /* top, right, bottom, left */
	z-index: 102;	
		
}


/** IE7.0 workaround */
ul.mainlevel-son-of-suckerfish-horizontal li:hover, ul.mainlevel-son-of-suckerfish-horizontal li.hover {
	position: static;
}


/** general on-mouse-over display */

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {	
	left: auto; 
}

ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {
	left: -999em;	 
}


ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,
ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {
	left: auto;	
}


ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {
	clear: left;	 
} 

/** separator/placeholder */
span.mainlevel-son-of-suckerfish-horizontal  {
	display: block;
	width: auto;
	border-width: 0px;
	/*margin-left: 1em;*/ 
	padding:0px;
	padding-top: 0px;
	height:22px;   
 /*durch height wird erreicht, dass menüpunkte des menübalkens bis zum aufgeklappten untermenü reichen, damit sich das untermenü nicht schliest während man mit der maus vom menüpunkt im menübalken ins untermenü fährt (wenn man background-color angibt sieht man was gemeint ist)*/
	/*background-color:red;*/
	
}

/*wird verwendet um placeholder, also menüeinträge die auf keinen inhalt verlinken, zu foramtieren*/
span.sublevel-son-of-suckerfish-horizontal  {
	display: block;
        width:180px;
        /*width: auto;*/
	border-width: 0px;
	margin-left: 0;
	/*padding: 5px;*/
	background-image: url("../images/untermenu_hintergrund.png");
	padding-bottom:7px; 
}
span.sublevel_active-son-of-suckerfish-horizontal {  /*für placeholder im untermenü, wen sie aktiv sind*/

	display: block;
	width: 180px;
	border-width: 0px;
	margin-left: 0;
	/*padding: 5px;*/
	background-image: url("../images/untermenu_hintergrund.png");
	padding-bottom:5px; 
	padding-right:5px;
	padding-left:5px;

}
/*
span.sublevel_active-son-of-suckerfish-horizontal:hover {
	background-image: url(../images/untermenu_hover_hintergrund.png);
}
*/	

/*span.mainlevel-son-of-suckerfish-horizontal:expanded */
span.mainlevel_active-son-of-suckerfish-horizontal  {
height:302px;

}



/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */	 
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {
	/*margin: 0.1em 0 0 0em;*/	/* top, right, bottom, left */ 
}
ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {	
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}
ul.mainlevel-son-of-suckerfish-horizontal li {
	list-style-image:none;
/*	list-style-image:url("active_sublevel-son-of-suckerfish-horizontal../images/placeholder.png") ;*/
	/*background-image:none;*/
	/*padding: 0;*/

}
/*
sublevel-son-of-suckerfish-horizontal  {
	padding:100px;
}*/

span.sublevel_active-son-of-suckerfish-horizontal {
	height:15px;
	padding:5px;
}