.button3d{
  display:block;
  line-height:1.8em;
  width:auto;
  /*height:2.25em;*/
}
*html .button3d{
width:0.83em;
}

.button43D{
	background:transparent;
	border:0;
  font-family:Verdana, Helvetica, sans-serif; 
	font-size: 1em;
	font-weight:bold;
	margin-top:0.2em;
}
.button43DOptional {
  background: transparent;
	border: 0;
	font-family:Verdana, Helvetica, sans-serif; 
	font-size: 1em;
}
/* IE \*/
*html .button43DOptional {
	margin:0.2em 0 0 0;
}
/**/

#content .decall{
  padding: 0 1em 0 1em;
  line-height:1.8;
  
  text-align:center;
}
*html #content .decall{
  padding-top:0 1em 0 0;
}


.button3d_selected{
  display:block;
  width:auto;
}
*html .button3d_selected{
  width:0.83em;
}
#content a div.button3d_selected, #content a span.button3d_selected{
  background: url(../images/selected_right-top.gif) right top no-repeat;
}
/* style the top level hover */
#content a[href*="http"].button3d_selected, #content a.button3d_selected{
  background: url(../images/selected_left-top.gif) left top no-repeat;
  color:#FFFFFF !important;
  text-decoration: none;
  height:2em;
  width:auto;
}
*html #content a.button3d_selected{
  width:0.83em;
  background-color:#777777;
  color:#FFFFFF !important;
  /*margin-left:1em;*/
}

#content a span.button3d_selected{
  background:transparent url(../images/selected_left-bottom.gif) no-repeat scroll left bottom;
  height:2em;
  /*width:100%;*/
}
#content a span.button3d_selected span.button3d_selected{
  /*background: url(../images/selected_right-bottom.gif) right bottom no-repeat;*/
}



#content a.button3d span.button3d{
  background: url(../images/normal_right-top.gif) right top no-repeat;
}
/* style the top level hover */
#content a.button3d{
  background: url(../images/normal_left-top.gif) left top no-repeat !important;
  color:#000000 !important;
  /*white-space: nowrap;*/
  height:2em;
  width:auto;
  text-decoration: none;
}

#content a.button3d:hover{
  text-decoration:none;

}

*html #content a.button3d{
  width:0.83em;

}

#content a span.button3d span.button3d{
  background:transparent url(../images/normal_left-bottom.gif) no-repeat scroll left bottom;
  height:2em;
  /*width:100%;*/
}
#content a span.button3d span.button3d span.button3d{
  background: url(../images/normal_right-bottom.gif) right bottom no-repeat;
}


#content a:hover span.button3d span.button3d span.button3d{
  background: url(../images/hover_right-top.gif) right top no-repeat;
}
/* style the top level hover */
#content a.button3d:hover span.button3d{
  background-color:#AAAAAC;
  background: url(../images/hover_left-top.gif) left top no-repeat;
  color:#000000;
  /*white-space: nowrap;*/
  height:2em;
}

#content a:hover span.button3d span.button3d span.button3d{
  background: url(../images/hover_right-bottom.gif) right bottom no-repeat;
  text-decoration:none;
}

#content a:hover span.button3d span.button3d{
  background:transparent url(../images/hover_left-bottom.gif) no-repeat scroll left bottom;
  height:2em;
  /*width:100%;*/
}

/* =============================================================================
    MENUWRAPPER
============================================================================= */
#menuwrapper {
  position:absolute;
  top:6.12em;
  left:0;
 	width:100%;
	z-index:40;
	height:4.25em;
	font-size:1em;
	background: #dcdddf url(../images/bg_mainNav_upper.gif) left top repeat-x;
}
.startButton{
  position:absolute;
  /*right:-7.6em;*/
  left:7.6em
}
/* position horizontal */
#menuwrapper li, #menuwrapper2 li {
  float:left;
  
}
/* size and color the links on the top level */
#menuwrapper a, #menuwrapper a:visited, #menuwrapper2 a, #menuwrapper2 a:visited, a.start {
  display:block;
  font-size:1em;
  text-decoration:none; 
  color:#000; 
  border:1px solid #fff; 
  border-width:0px 0px 0 0px; 
  line-height:1.67em;
  white-space:nowrap;
  height:2.25em;
}
#menuwrapper2 a, #menuwrapper2 a:visited {
  padding:0 1em 0 1em; 
  color:#fff;
  white-space: nowrap;
}

#menu .decall, .decall{
  padding:0em 1em 0em 1em; 
}
#menu a, #menu a:visited, a.start, a.start:visited{
  font-weight:bold;
}

#menuwrapper a.trigger1On, #menuwrapper a.trigger1On:visited, #menuwrapper2 a.trigger1On, #menuwrapper2 a.trigger1On:visited, #menu a.trigger1On, #menu a.trigger1On:visited {
  /*background-image:url(../images/hinterButtonNav.jpg);
	background-color: #403930!important;*/
	color: #FFFFFF !important;
	height:2.178em;
	background:#777777 url(../images/bg_mainNav_selected.gif) no-repeat scroll left top !important;
	line-height:auto;
}

/* size and color the links on the top level for IE*/
/* a hack so that IE5.5 faulty box model is corrected */
* html #menuwrapper a, * html #menuwrapper a:visited, * html #menuwrapper2 a, * html #menuwrapper2 a:visited {
  width:3em;
  w\idth:3em;
}
/* hide sublevels and height:0px, position: relative for drop down menu */
#menuwrapper ul ul, #menuwrapper2 ul ul {
	position:absolute;
	display:none;
	width:14.16em;
	height:0;
	top:2em;
	left:0; 
}
/* hide sublevels and height:0px, position: relative for drop down menu */
#menuwrapper ul li ul li, #menuwrapper2 ul li ul li{
	float:left;
}

* html #menuwrapper2 ul li ul li{
  width:56em !important;
}

/* another hack for IE5.5 */
* html #menuwrapper ul ul, * html #menuwrapper2 ul ul {
	top:2.5em;
	t\op:2.58em;
	/*visibility:hidden;*/
}
/* ######### ################### ######## */
/* clear list */
#menuwrapper ul, #menuwrapper2 ul {
  /*padding:0;*/
  margin:0;
  list-style-type:none;
  font-size:1em;
  z-index:200;
}
#header #menuwrapper ul {
  padding:0 0 0 15em;
}

#header #menuwrapper ul#start {
  padding:0;
}

#header #menuwrapper2 ul {
  padding:0 0 0 6.2em;
}
/* color the second level */
#menuwrapper ul ul a.drop, #menuwrapper ul ul a.drop:visited, #menuwrapper2 ul ul a.drop, #menuwrapper2 ul ul a.drop:visited  {
  background:#000;/*#949e7c;*/
}
/* color the second level hover */
#menuwrapper ul ul a.drop:hover, #menuwrapper2 ul ul a.drop:hover{
/*background:#403930;/*#c9ba65;*/
	background-image: url(../images/hinterButtonNav.jpg);

}
#menuwrapper ul ul :hover > a.drop, #menuwrapper2 ul ul :hover > a.drop {
  /*background:blue;#c9ba65;*/
}
/* color the third level background */
#menuwrapper ul ul ul a, #menuwrapper ul ul ul a:visited, #menuwrapper2 ul ul ul a, #menuwrapper2 ul ul ul a:visited {
/*background:#dbdbdb;/*#e2dfa8;*/
}
/* color the third level hover */
#menuwrapper ul ul ul a:hover, #menuwrapper2 ul ul ul a:hover {
background:#000;/*#b2ab9b;*/
}
#menuwrapper ul ul ul :hover > a, #menuwrapper2 ul ul ul :hover > a {
/*background:#403930;/*#b2ab9b;*/
	background-image: url(../images/hinterButtonNav.jpg);
}

/* position the third level menuwrapper ## */
#menuwrapper ul ul ul, #menuwrapper2 ul ul ul{
  left:14.16em; 
  top:0;
  width:14.16em;
}


/* position the third level menuwrapper on the left ## */
#menuwrapper ul ul ul.left, #menuwrapper2 ul ul ul.left {
  left:-14.16em;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#menuwrapper table, #menuwrapper2 table  {position:absolute; top:0; left:0;}
/* style the second level links */
/* , #menuwrapper2 ul ul a, #menuwrapper2 ul ul a:visited */
#menuwrapper ul ul a, #menuwrapper ul ul a:visited {
  background:#e5e5e5;/*#d4d8bd;*/
  color:#000; 
  height:auto; 
  line-height:1em; 
  /*padding:5px 10px;
  width:100%;*/
  /*width:1000px;*/
  
}

/* , * html #menuwrapper2 ul ul a*/
* html #menuwrapper ul ul a{
  width:2.5em;
  w\idth:2em;
}
/* style the top level hover */
#menuwrapper a:hover, #menuwrapper ul ul a:hover{
  background-color:#AAA;
  background: #AAA url(../images/bg_mainNav_upper_mo.gif) left top repeat-x;
  color:#000000;
  white-space: nowrap;
  height:2em;

}
*html #menuwrapper #menu span.button3d, #start span.button3d{
  padding-left:1em;
}
#menuwrapper a:hover span.button3d, #menuwrapper ul ul a:hover span.button3d{
  background-color:#DBDBDB;
  /*width:100%;*/
  height:2.25em;
  background:  url(../images/bg_mainNav_lower_dark_mo.gif) left bottom repeat-x;
}
#menuwrapper a.trigger1On:hover span.button3d, #menuwrapper ul ul a.trigger1On:hover span.button3d {
  background:  none;
}
#menuwrapper #menuwrapper2 :hover > a.trigger1,#menuwrapper #menuwrapper2 ul ul :hover > a.trigger1, #menuwrapper #menuwrapper2 a.trigger1:hover {
  /*background-image: url(../images/hinterButtonNav2.jpg) !important;*/
  background:  none;
  color:#000 !important;
  background:#DBDBDB !important;
  position:relative;
  /*top:-0.17px*/
}
#menuwrapper #menuwrapper2 ul ul a, #menuwrapper  #menuwrapper2 ul ul a:visited{
  background:transparent url(../images/ic_arrowSmall_right.gif) no-repeat scroll 0em 0em !important;
  padding:0 0.5em 0 1.5em;
  height:auto;
  white-space:normal !important;
  
}
#menuwrapper #menuwrapper2 ul ul .img3Level a, #menuwrapper  #menuwrapper2 ul ul .img3Level a:visited{
  background:none;
  padding:0;
}

#menuwrapper #menuwrapper2 ul ul a:hover,#mainContainer #header #menuwrapper #menuwrapper2 ul#menu :hover > a, #menuwrapper #menuwrapper2 ul ul :hover > a{
	background:transparent url(../images/ic_arrowSmall_right.gif) no-repeat scroll 0em 0em;
  padding-left:0 1.5em 0 2.5em;
  /*height:auto;*/
  text-decoration:underline !important;
}
/* hide third level if hover on first level*/
#shift:hover ul ul, #shift:hover ul ul{
  display:none;
}
* html #shift:hover ul ul, * html #shift:hover ul ul{
 /*visibility:hidden;*/
}

#menuwrapper:hover ul ul, #menuwrapper:hover ul ul{
  display:none;
}
* html #menuwrapper:hover ul ul{
 visibility:hidden;
}

/* hide third level if hover on first level*/
#menuwrapper ul:hover ul ul, #menuwrapper2 ul:hover ul ul{
  display:none;
}
* html #menuwrapper ul:hover ul ul, * html #menuwrapper2 ul:hover ul ul{
  visibility:hidden;
}

/* hide fourth level if hover on second level*/
#menuwrapper ul:hover ul:hover ul ul, #menuwrapper2 ul:hover ul:hover ul ul{
  display:none;
}

* html #menuwrapper ul:hover ul:hover ul ul, * html #menuwrapper2 ul:hover ul:hover ul ul{
  visibility:hidden;
}

/* make the third level visible if hover on second level*/
/*#menuwrapper ul :hover ul :hover ul, #menuwrapper2 ul :hover ul :hover ul{ 
visibility:visible;
}*/
/* make the fourth level visible if hover on third level */
/*#menuwrapper ul :hover ul :hover ul :hover ul, #menuwrapper2 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}*/

/* =============================================================================
    MENUWRAPPER2
============================================================================= */
#menuwrapper2 {
  height:2em;
	z-index:40;
	font-size:1em;
	border-top: 0px solid #000;
	border-bottom: 0px solid #333;
	clear:both;
/*  background-color:#403930;
  background-image: url(../images/balken2Hinter.jpg);
  background-repeat: repeat-x;*/
  background:#777777 none repeat scroll 0 0;
  color:white;
  /*padding:0;*/
  margin:0;
  width:100%;
  min-width:83.3em;
  overflow:hidden;
}
*html #menuwrapper2{
  width:83.3em;
}
#menuwrapper2 li {
/* width:18em; */
}

.shadow{
  background: transparent url(../images/bg_shadow.png) no-repeat right bottom;
  position:relative;
  left:3.7em;
}

.rightContent .shadow{
  padding: 0em 2em 2em 2em !important;
}

*html .shadow{
  padding: 0 0 0 0 !important;
  left:8em;
  width:56em;
}
*html .rightContent .shadow{
  padding: 0em 0em 0em 0em !important;
}

.shadow_right{
  background: transparent url(../images/shadow_right.png) no-repeat right bottom;
}
.shadow_bottom{
  float: left;
  height: 0.33em;
  background: transparent url(../images/shadow_bottom.png) no-repeat right bottom;
}
.shadow_right_bottom{
  background: transparent url(../images/shadow_right_bottom.png) no-repeat right bottom;
  width: 0.33em;
  height: 0.33em;
  text-align: right;
}

#menuwrapper2 ul ul {
  width:100%;
}
#menuwrapper2 ul ul ul{
  width:100%;
}
/* make the second level visible */
#menuwrapper2 ul li:hover ul, #menuwrapper2 ul li a.trigger1:hover ul{
  display:block;
}

* html #menuwrapper2 ul li:hover ul, 
* html #menuwrapper2 ul li a.trigger1:hover ul{
  visibility:visible;
}

#menuwrapper2 ul ul.level_2_1{
  position:absolute;
  left:-4.5em;
  top:4.1em;
  width:83.33em
}
/*#menuwrapper2 ul ul.level_2_1 li{
  width:60em;
  padding:1.25em;
  height:18em;
}*/

*html #menuwrapper2 ul ul.level_2_1 li{
  position:absolute;
  top:0em;
  width:60em;
}
#menuwrapper2 ul ul.level_2_2{
  position:absolute;
  left:-11.66em;
}
#menuwrapper2 ul ul.level_2_3{
position:absolute;left:-23.33em;
}
#menuwrapper2 ul ul.level_2_4{
position:absolute;left:-35em;
}
#menuwrapper2 ul ul.level_2_5{
position:absolute;left:-46.66em;
}
#menuwrapper2 ul ul.level_2_6{
position:absolute;left:-58.33em;
}
/* =============================================================================
    MENU
============================================================================= */
/* ######### ################### ############ */
/* # control size of menu, see #menuwrapper # */
#menu {
	padding: 0 0 0 15em;
	width:68.3em;
}
#menu a.trigger1, #menu a.trigger1:visited {
	font-size:1em;
}
/* ######### CONTROL MENU DESIGN ########### */
/* # control background image in menu      # */
#menu a.trigger {
}
/* ######### ################### ########### */
/* # control font family and size in menu  # */
#menu, #menu ul {
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	height: 2.25em;
  background: transparent url(../images/bg_mainNav_lower_dark.gif) left bottom repeat-x;
}
/* ######### ################### ############ */
/* # control hover color on menu            # 
#menu ul a:hover, #menuwrapper a:hover {
	background-image: url(../images/hinterButtonNav.jpg);
	color: #FFFFFF !important;
}*/
#menu li {
/*width:10em;*/
}

/* =============================================================================
    BALKEN 1. LEVEL
============================================================================= */
#shift {
  background: transparent url(../images/bg_mainNav_lower_dark.gif) left bottom repeat-x;
  font-family: Arial, Helvetica, sans-serif;
	height: 2.25em;
	width:100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ######### ################### ########### */
/* # clear float, important for IE         # */
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.level_3{
  float:left;
  width:25%;
  width: 17em;
  padding:0 2em 0.6em 1em;
}
#Level3, .Level3{
  float:left;
  /*height:17em;*/
  left:-0.41em;
  position:relative;
  top:-0.41em;
  width:58em;
  background-color:#DBDBDB;
}

* html #Level3, .Level3{

}

.level3Title{
  width:15em;
  margin-bottom:0.1em;
}

* html .level3Title{
  display:block;
  width:15em !important;
}


.list3Level{
  float: left; 
  width: 38.8em;
  padding-top:1em;
  padding-left:1em;
}

* html .list3Level{
  background-color:#DBDBDB;
}

.img3Level{
  float: left;
  width: 18em; 
  text-align: right;
  padding-top:1em
}

/*#menuwrapper #menuwrapper2 :hover > a,*/
/*a.trigger1 a, a.trigger1 a { 
 color:red; 
  background-image: url(../images/empty.gif);
}*/
a.arrow {
  background: url(../images/ic_arrowSmall_right.gif) 0 0.1em no-repeat;
  display:block;
  padding-left: 1.25em;
  padding-bottom:0.5em;
}

/*
#content .button{
  border:0;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:18em;
}

#content .button a {
  display: block;
  height: 2em;
  line-height: 1.2em;
  margin: 0.25em 0 0 0;
  padding:0;
  color: #000;
  text-decoration: none;
  overflow:hidden;
  background: url(../images/bg_button3d_upper.gif) scroll left top no-repeat;
  white-space: normal;
  z-index:200;
  width:18em;
}
*/

#content .button a span.button3d {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg_button3d_lower.gif) no-repeat scroll left bottom;
display:block;
height:2em;
margin-bottom:0.5em;
width:18.83em;
z-index:200;
}

#content .button a:hover span.button3d {
  background:  url(../images/bg_button3d_lower_mo.gif) left bottom no-repeat;
}

#content .button a span.button3d span.arrow {
  display: block;
  height: 2em;
  margin-left:0;
  background:url(../images/ic_arrowSmall_left.gif) 0.83em center no-repeat;
}

#content .button a span.button3d span span.decall{
  
  line-height:2em;
}
#content .button a:hover{
  background: url(../images/bg_button3d_upper_mo.gif) left top no-repeat;
  white-space: normal;
  
}
#menuwrapper2 a.hot, #menuwrapper2 a:visited.hot {
  background:#DBDBDB;
  color:#000000;
  font-weight:bold;
}
#header #menuwrapper2 ul li:hover a, #menuwrapper2 a:hover, #menuwrapper2 ul ul a:hover{
  background:#DBDBDB url(../images/empty.gif) no-repeat scroll 0 0;
  color:#000000 !important;
  white-space: nowrap;
}