/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	LAYOUT
 	This stylesheet defines all page sections with position, 
 	size, margin, general padding, background and border.
 	
 	BROWSER SWITCH
 	This stylesheet is active for all browsers, except IE.
	Successfully testet on:
		Firefox 1.5.0 (Win XP, Mac OS X)
		Mozilla 1.7.13 (Win XP, Mac OS X)
		Opera 9.01 (Win XP, Mac OS X)
		Netscape 8.1 (Win XP)
		Safari 2.0.4 (Mac OS X)
		Camino 1.0.2 (Mac OS X)
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url(http://typo3.dena.de/fileadmin/offshore/templates/css/flyout.css);

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	SERVICE / META MENU
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#servicemenu {
	height: 1.46em;
	color: inherit;
	background-color: #E7E7E7;
	margin: 0em 0.66em 0em 0.66em;
}

#metamenu-section {
	height: 1.46em;
	float: left;
	padding: 0em;
}

#metamenu {
	margin: 0em;
	padding: 0.25em 0.66em 0em 0.66em;
	list-style: none;
}

#metamenu li {
	display: block;
	height: 0.9em;
	float: left;
	margin: 0;
}

#metamenu li.first {
	padding: 0em 0.5em 0em 0em;
}

#metamenu li.default {
	padding: 0em 0.5em 0em 0.5em;
	background-image: url("../img/service_metamenu_seperator.gif");
	background-repeat: repeat-y;
}

#metamenu li a {
	display: block;
	margin: -0.05em 0em 0em 0em;
	padding: 0;
	color: #666666;
	background-color: inherit;
	font-size: 0.9em;
	padding: 0;
}
 
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	MAIN MENU: THEMES AND CATEGORIES
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#thememenu-section {
	margin: 0em 0em 0.2em 0em;
	padding: 0em 0em 0em 0em;
	background-image: url("../img/nav_mainmenu_bg.gif");
	background-position: top right;
	background-repeat: no-repeat;
	height: 1%; /* fix for cleaning wrong cascades in ie */

}

#thememenu-section h3 {
	margin: 0em 0em 0.55em 0em;
	padding: 0.8em 0em 1.0em 1.70em;
	background-image: url("../img/nav_mainmenu_title_seperator.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	font-family: 'times new roman', serif;
	font-size: 1.1em;
	color: white;
	background-color: inherit;
}

/* CATEGORY MENU CONTAINER */
#categorymenu-section {
	margin: 0em 0em 0.2em 0em;
	padding: 0.4em 0.25em 0em 0em;
	padding: 0.4em 0em 0em 0em;	
	background-color: #62B0E9;
	color: white;
	height: 1%; /* fix for cleaning wrong cascades in ie */
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	MAIN MENU: THEME MENU & CATEGORY MENU
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

ul.mainmenu {
	list-style: none;
	margin: 0em 0em 0em 0em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0px;
	
}

/*	TyopoScript Menu State: NO	*/
ul.mainmenu li {
	margin: 0em 0em 0.2em 0em;
	padding: 0.09em 0.66em 0.15em 1.85em;
	background-image: url("../img/nav_mainmenu_list_icon.gif");
	background-position: 0.48em 0.31em;
	background-repeat: no-repeat;
}

/*
ul.mainmenu li.act {
	margin: 0em;
	padding-top: 0.05em;
	padding-bottom: 0em;
	padding-right: 0em;
	padding-left: 1.85em	;
	color: #666666;
	background-image: url("../img/nav_mainmenu_item_act_bg.gif") !important;  no difference to actifsub
	background-position: 1em 0em !important;
	background-repeat: no-repeat;
}
*/
 
ul.mainmenu li.act {
	margin-top: 0em;
	margin-bottom: 0.2em;
	margin-right: 0em;	
	margin-left: 0em;
	
	padding-top: 0.05em;
	padding-bottom: 0em;
	padding-right: 0em;
	padding-left: 1.85em;
	
	
	color: #666666;
	background-color: inherit;
	background-image: url("../img/nav_mainmenu_item_actifsub_bg2.gif");
	background-position: 0em 0em;
	background-repeat: no-repeat;
}
	
ul.mainmenu li.actifsub {
	
	margin-top: 0em;
	margin-bottom: 0em;
	margin-right: 0em;	
	margin-left: 0em;
	
	padding-top: 0.05em;
	padding-bottom: 0em;
	padding-right: 0em;
	padding-left: 1.85em;
	
	color: #666666;
	background-color: inherit;
	background-image: url("../img/nav_mainmenu_item_actifsub_bg.gif");
	background-position: 0em 0em;
	background-repeat: no-repeat;
}


ul.mainmenu li a {
	color: white;
	background-color: inherit;
	font-size: 0.9em;
	font-weight: bold;
}

ul.mainmenu li.actifsub a {
	color: #666666;
	background-color: inherit;
	font-size: 0.9em;
	font-weight: bold;
}


/* level 2 */

ul.mainmenu li.actifsub ul {
	list-style: none;
	margin: 0.05em 0em 0.0em -1.85em;
	padding: 0em 0em 0.2em 0em;
	background-image: url("../img/nav_mainmenu_submenu_bg.gif"); 
}


ul.mainmenu li.actifsub ul li {
	
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	margin-right: 0em;	
	padding-top: 0.12em;
	padding-bottom: 0em;
	padding-left: 1.85em;
	padding-right: 0em;
	
	background-image: url("../img/nav_mainmenu_submenu_bg.gif"); 	
	background-position: 0em 0em;
	background-repeat: repeat-y;
}



ul.mainmenu li.usb {
		padding-top: 0;
		margin-top: 0em;
	}

ul.mainmenu li.actifsub ul li.act {
	color: #333333;
	background-image: url("../img/nav_mainmenu_item_act_bg2.gif"); 	
	background-position: -.5em 0;
	background-repeat: repeat-y;	

}

ul.mainmenu li.actifsub ul li.actifsub {
	color: #333333;
	background-image: url("../img/nav_mainmenu_item_act_bg.gif"); 	
	background-position: -.5em 0;
}


ul.mainmenu li.actifsub ul li a {
	color: #666666;
	background-color: inherit;
	background-color: #CFEDFF;
	font-weight: normal;
}

ul.mainmenu li.actifsub ul li.act a ,
ul.mainmenu li.actifsub ul li.actifsub a {
	color: #666666;
	font-weight: bold;
}

/*	level 3	*/
ul.mainmenu li.actifsub ul li.actifsub ul li.act2,
xul.mainmenu li.actifsub ul li.actifsub ul li.act2active,
ul.mainmenu li.actifsub ul li.actifsub ul li.act2 a,
ul.mainmenu li.actifsub ul li.actifsub ul li.act2active a
 {
	background-color: #ECF7FF;
	background-image: none; 
}


ul.mainmenu li.actifsub ul li.actifsub ul li.act2active {
	background-image: url("../img/nav_mainmenu_item_act2_bg2.gif") !important; 	
	background-position: -.5em 0em;
	background-color: #ECF7FF;
	padding-left:1.85em;

}

ul.mainmenu li.act2 a {
	font-weight: normal !important;
}

ul.mainmenu li.act2active a {
 	font-weight: bold !important;	
}



/*	submenu item, default
ul.mainmenu li.actifsub ul li.act ul li {
	background-image: none;
	margin: 0em;
	padding-left: 2.45em;
}	

ul.mainmenu li.actifsub ul li.act ul li a {
	color: #666666;
	background-color: inherit;
}

ul.mainmenu li.actifsub ul li.act ul li.act a {
	color: #333333;
	background-color: inherit;
}

*/

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	TOOLBOX MENU
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#toolboxmenu-section {
	margin: 0em;
	padding: 0.4em 0.25em 0em 0em;
	background-color: #DBDBDB;
	color: #999999;
	height: 1%; /* fix for cleaning wrong cascades in ie */
}

#toolboxmenu-section h3 {
	margin: 0em 0em 0.15em 0.42em;
	padding: 0.25em 0em 0.6em 1.25em;
	background-image: url("../img/nav_mainmenu_title_seperator.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	font-family: 'times new roman', serif;
	font-size: 1.1em;
	color: #999999;
	background-color: inherit;
}

ul.toolboxmenu { 
	list-style: none;
	margin: 0em;
	padding: 0em 0em 0em 0em;
	background-color: #DBDBDB;
	color: #666666;
	border-bottom: 0.1em #DBDBDB solid;
}

/*	TyopoScript Menu State: NO	*/

ul.toolboxmenu li {
	margin: 0em 0em 0.2em 0em;
	padding: 0.09em 0.66em 0.15em 1.85em;
	background-image:url("../img/nav_mainmenu_list_icon.gif");
	background-color: #DBDBDB;
	background-position: 0.48em 0.31em;
	background-repeat: no-repeat;
}

ul.toolboxmenu li a {
	color: #666666;
	background-color: inherit;
	font-size: 0.9em;
}

/*
ul.toolboxmenu li a:hover {
	color: #333333;
}
*/



/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	CLICK PATH MENU
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content-section p#clickpath {
	margin: 0.4em 0em 1.9em 0em;
	padding: 0em;
}

#content-section p#clickpath span {
	color: #999999;
	background-color: inherit;
}

#content-section p#clickpath strong {
	color: #999999;
	background-color: inherit;
	font-weight: bold;
}

#content-section p#clickpath a.cp {
	color: #333333;
	background-color: inherit;
}



/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*
 	FOOTER CONTENT
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footermenu {
	margin-top: 0.1em;
	height: 1%;
	background-image: url("../img/footer_menu_bordertop_bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

#footermenu .copyright {
	float: left;
	margin: 0em;
	margin-top: 0.6em;
	padding: 0em;
}

#footermenu .copyright strong {
	font-size: 0.65em;
	color: #999999;
	background-color: inherit;
}

#footermenu .menu {
	float: left;
	padding: 0em;
	padding-left: 1em;
	
	/* margin-top: 0.6em; pd 2006 */
	margin-top: 0.65em;
	
	
	
	margin-left: 1em;
	background-image: url("../img/footer_menu_separator_bg.gif");
	background-position: top left;
	background-repeat: repeat-y;
}

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

#footermenu ul li {
	float: left;
	margin: 0em;
	padding: 0em;
	font-size: 0.65em;
	color: #999999;
	background-color: inherit;
	border-left: 1px #999999 solid;
	padding-left: 0.4em;
	margin-left: 0.4em;
}

#footermenu ul li a{
	color: #999999;
	background-color: inherit;
}

#footermenu ul li.first {
	border: 0em;
	margin: 0em;
	padding: 0em;
}