/*

[tab sizes:]

width px grey |100  |120 |150 |170 (original)

	     -----+-----+----+----+--------------

width px white|114  |134 |164 |184

         -----+-----+----+----+--------------

         css  |tab1 |tab2|tab3| (none)

*/





#header_wrapper1{
	height: auto;
}
#header_wrapper2{
	width: auto !important;
	/*background:#2c3e50;*/
	/*background: #727c8f linear-gradient(to bottom, #727c8f, #596170) repeat scroll 0 0 / 100% auto;*/
	background:#666666 ;
	height:38px;
	/*background:#222222;*/
}


.main-nav a:hover,

.main-nav a:active,

.main-nav a:focus

{	text-decoration: none !important;

}



.main-nav a  {

    vertical-align: middle;

}

.main-nav a  {

	overflow: hidden;

	white-space: nowrap;

}



.main-nav                  a.tab1,

.main-nav .active a.tab1

{	width: 100px !important;

	background: url("../images/design/bg-nav-item_100.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image:url("../images/design/bg-nav-item-active_100.png") ;

}


.main-nav .active a.tab1

 {	width: 114px !important;

 	background: url("../images/design/bg-nav-item-active_100.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image:url("../images/design/bg-nav-item-active_100.png") ;

}

.main-nav                  a.tab2,

.main-nav .active a.tab2

{	width: 120px !important;

	background: url("../images/design/bg-nav-item_120.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-nav-item_120.png");
	

}

.main-nav .active a.tab2

{	width: 134px !important;

	background: url("../images/design/bg-nav-item-active_120.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-nav-item-active_120.png");

}

.main-nav                  a.tab3,

.main-nav .active a.tab3

{	width: 150px !important;

	background: url("../images/design/bg-nav-item_150.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-nav-item_150.png");

}

.main-nav .active a.tab3

 {	background: url("../images/design/bg-nav-item-active_150.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
 background-image: url("../images/design/bg-nav-item-active_150.png");

	width: 164px !important;

}



.main-nav                  a span.my_dumm_wrapper		{ padding: 0 0 0 10px !important; }

.main-nav .active a span.my_dumm_wrapper		{ padding: 0 0 0 16px !important; }

.main-nav                  a span.my_dumm_wrapper  span	{ padding: 0 0 0 0px !important; }

.main-nav .active a span.my_dumm_wrapper  span	{ padding: 0 0 0 0px !important; }



.main-nav                  a:hover span.my_dumm_wrapper  span.txt/*,

.main-nav .active a:hover span.my_dumm_wrapper  span.txt*/

{	border-bottom: solid 1px #999999;

}





.main-nav .ui-icon,

.main-nav .ui-widget-content .ui-icon 

{	background-image: url('../widget/jquery/images/ui-icons_ffffff_256x240.png');

	/*	[switch ui-icon color:]

		You can download the icon png file in any color you like. Just change the color part in the following url:

			http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png

		For example, if you want Red icons, and Cornflower Blue icons, the URLs you need are:

			http://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png

	*/

}

.main-nav .active .ui-icon,

.main-nav .active .ui-widget-content .ui-icon 

{	background-image: url('../widget/jquery/images/ui-icons_222222_256x240.png');

}



/*

	-------------------------- 

*/



.sub-nav .active .has-child,

.sub-nav .has-child:hover

{	background: url("../images/design/bg-sub-nav-active.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active.gif");

    color: #FFFFFF !important;

}

.sub-nav span

{	font-size:		13px !important;

	font-family:	Arail, Helvetica, sans-serif !important;

	color:			#333333 !important;

}

.sub-nav li.active a,

.sub-nav li.active a:hover

{	background: url("../images/design/bg-sub-nav-active.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active.gif");

	color: #FFFFFF !important;

	text-decoration: none !important;

}

.sub-nav li.active span

{	color: #FFFFFF !important;

}

.sub-nav span

{	cursor: pointer !important;

	float: left !important;

	padding: 0 6px !important;

}

.sub-nav li,

.sub-nav li a

{	color: #333333 !important;

    float: left !important;

    height: 25px !important;

    line-height: 32px !important;

    position: relative !important;

}



	/**/



#header_wrapper1 {

    margin: 0 0px;

    /*padding: 215px 0 7px;*/

    /*padding: 10px 0 7px;*/

    position: relative;

    width: auto;

}

#header_wrapper2 {

    /*left: 0;
    position: absolute;
    top: 0;*/

}

.main-nav a span {

    color: #ffffff !important;

}





.main-nav li,

.main-nav li a,

.main-nav li a span

{	vertical-align: middle !important;

}



.main-nav li,

.main-nav li a

{

    line-height: 51px !important;

}

								.main-nav span.txt{ line-height: 20px !important; }

.main-nav .active a span,

.main-nav .active span,

.main-nav .active a

{	color: #333333 !important;

}

.sub-nav li,

.sub-nav li a,

.sub-nav a

{

    line-height: 25px !important;

}



	/**/



.main-nav-holder {

    /*margin: 0 -7px;*/

}

.main-nav {

    font-size: 13px !important;

    height: 1% !important;

    line-height: 51px !important;

    list-style: none outside none !important;

    margin: 0 0 -5px !important;

    overflow: hidden !important;

    padding: 0 0 0 7px !important;

    position: relative !important;

    text-transform: uppercase !important;

}

.main-nav li {

    float: left !important;

    margin: 0 3px 0 0 !important;

}

.main-nav a {

    background: url("../images/design/bg-nav-item.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image:url("../images/design/bg-nav-item.png");

    color: #FFFFFF !important;

    cursor: pointer !important;

    display: inline !important;

    float: left !important;

    height: 40px !important;

    overflow: hidden !important;

    width: 170px !important;

}

.main-nav a:hover {

    text-decoration: none !important;

}

.main-nav .active a {

    background: url("../images/design/bg-nav-item-active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image:url("../images/design/bg-nav-item-active.png");

    color: #333333 !important;

    font-weight: bold !important;

    margin: 0 -7px !important;

    width: 184px !important;

}

.main-nav .active_startseite a {

    background: url("../images/design/bg-nav-item-active-start.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-nav-item-active-start.png");

    color: #FFFFFF !important;

}

/*

		!! !!

*/

.main-nav-holder .w1 {

    background: url("../images/design/bg-sub-nav-holder.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-holder.png");

    height: 54px !important;

    width: 1200px !important;

}

.main-nav-holder .w1_startseite {

    background: url("../images/design/bg-sub-nav-holder-start.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-holder-start.png");

}

.sub-nav {

    color: #333333 !important;

    font-size: 13px !important;

    height: 1% !important;

    list-style: none outside none !important;

    margin: 0 !important;

    padding: 14px 0 0 18px !important;

    text-transform: uppercase !important;

}

.sub-nav:after {

    clear: both !important;

    content: "" !important;

    display: block !important;

}

.sub-nav li {

    float: left !important;

    margin: 0 14px 0 0 !important;

}

.sub-nav .has-child {

    color: #333333 !important;

    float: left !important;

    height: 25px !important;

    line-height: 25px !important;

    position: relative !important;

}

.sub-nav .has-child span {

    cursor: pointer !important;

    float: left !important;

    padding: 0 6px !important;

}

.sub-nav .active .has-child, .sub-nav .has-child:hover {

    background: url("../images/design/bg-sub-nav-active.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active.gif");

    color: #FFFFFF !important;

    text-decoration: none !important;

}

.sub-nav .active .has-child span, .sub-nav .has-child:hover span {

    background: url("../images/design/bg-sub-nav-active-end.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active-end.gif");
}

#sub-nav ul {

    background: none repeat scroll 0 0 #FFFFFF !important;

    display: none !important;

    font-size: 12px !important;

    left: -5px !important;

    list-style: none outside none !important;

    margin: 0 !important;

    padding: 6px 0 0 !important;

    position: absolute !important;

    text-transform: none !important;

    top: 25px !important;

    width: 170px !important;

}

#sub-nav li {

    position: relative !important;

}

#sub-nav li.hover .has-child, #sub-nav li:hover .has-child {

    background: url("../images/design/bg-sub-nav-active2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active2.gif");

    color: #FFFFFF !important;

    text-decoration: none !important;

}

#sub-nav li.hover .has-child span, #sub-nav li:hover .has-child span {

    background: url("../images/design/bg-sub-nav-active2-end.gif") no-repeat scroll 100% 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active2-end.gif");

}

#sub-nav li.hover ul, #sub-nav li:hover ul {

    display: block !important;

}

#sub-nav ul li {

    border-bottom: 1px solid #CCCCCC !important;

    display: block !important;

    float: none !important;

    margin: 0 !important;

}

#sub-nav ul a {

    color: #666666 !important;

    display: block !important;

    height: 23px !important;

    padding: 7px 0 0 15px !important;

}

#sub-nav ul a:hover {

    background: url("../images/design/bg-sub-nav-active3.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("../images/design/bg-sub-nav-active3.gif")

    text-decoration: none !important;

}