/* Anfang Menü 01 */
/* Anfang waagrechtes Menü blau */
.pro_line_blau {
height:36px;
float: left;
width: 100%;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;
}

.pro_line_blau .select {
margin:0;
padding:0 0 0 0px;
float:left;
position: relative;
list-style:none;
white-space:nowrap;
left: 50%;
}

.pro_line_blau li {
float:left;
position: relative;
background:url(../images/blau02.gif);
right: 50%;
}

.pro_line_blau .select a {
display:block;
height:36px;
float:left;
background: url(../images/blau01.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:25px;
white-space:nowrap;
color:#FFFFFF;
}

.pro_line_blau .select a b {
display:block;
padding:0 30px 10px 10px;
background:url(../images/blau01.gif) right top;
}

.pro_line_blau .select a:hover,
.pro_line_blau .select li:hover a {
background: url(../images/blau02.gif);
padding:0 0 0 10px;
line-height:27px;
cursor:pointer;
color:#FFFFFF;
}

.pro_line_blau .select a:hover b,
.pro_line_blau .select li:hover a b {
display:block;
padding:0 30px 9px 15px;
background:url(../images/blau02.gif) right top;
cursor:pointer;
}
/* Ende waagrechtes Menü blau  */




/* Anfang waagrechtes Menü lila */
.pro_line_lila {
height:36px;
float: left;
width: 100%;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;
}

.pro_line_lila .select {
margin:0;
padding:0 0 0 0px;
float:left;
position: relative;
list-style:none;
white-space:nowrap;
left: 50%;
}

.pro_line_lila li {
float:left;
position: relative;
background:url(../images/lila02.gif);
right: 50%;
}

.pro_line_lila .select a {
display:block;
height:36px;
float:left;
background: url(../images/lila01.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:25px;
white-space:nowrap;
color:#ddd;
}

.pro_line_lila .select a b {
display:block;
padding:0 30px 10px 10px;
background:url(../images/lila01.gif) right top;
}

.pro_line_lila .select a:hover,
.pro_line_lila .select li:hover a {
background: url(../images/lila02.gif);
padding:0 0 0 10px;
line-height:27px;
cursor:pointer;
color:#fff;
}

.pro_line_lila .select a:hover b,
.pro_line_lila .select li:hover a b {
display:block;
padding:0 30px 9px 15px;
background:url(../images/lila02.gif) right top;
cursor:pointer;
}
/* Ende waagrechtes Menü lila   */


/* Anfang waagrechtes Menü grau */
.pro_line_grau {
height:36px;
float: left;
width: 100%;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;
}

.pro_line_grau .select {
margin:0;
padding:0 0 0 20px;
float:left;
position: relative;
list-style:none;
white-space:nowrap;
left: 50%;
}

.pro_line_grau li {
float:left;
position: relative;
background:url(../images/grau02.gif);
right: 50%;
}

.pro_line_grau .select a {
display:block;
height:36px;
float:left;
background: url(../images/grau01.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:25px;
white-space:nowrap;
color:#ddd;
}

.pro_line_grau .select a b {
display:block;
padding:0 30px 10px 15px;
background:url(../images/grau01.gif) right top;
}

.pro_line_grau .select a:hover,
.pro_line_grau .select li:hover a {
background: url(../images/grau02.gif);
padding:0 0 0 15px;
line-height:27px;
cursor:pointer;
color:#fff;
}

.pro_line_grau .select a:hover b,
.pro_line_grau .select li:hover a b {
display:block;
padding:0 30px 9px 15px;
background:url(../images/grau02.gif) right top;
cursor:pointer;
}
/* Ende waagrechtes Menü grau    */


/* Anfang waagrechtes Menü braun */
.pro_line_braun {
height:36px;
float: left;
width: 100%;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;
}

.pro_line_braun .select {
margin:0;
padding:0 0 0 20px;
float:left;
position: relative;
list-style:none;
white-space:nowrap;
left: 50%;
}

.pro_line_braun li {
float:left;
position: relative;
background:url(../images/braum02.gif);
right: 50%;
}

.pro_line_braun .select a {
display:block;
height:36px;
float:left;
background: url(../images/braun01.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:25px;
white-space:nowrap;
color:#ddd;
}

.pro_line_braun .select a b {
display:block;
padding:0 30px 10px 15px;
background:url(../images/braun01.gif) right top;
}

.pro_line_braun .select a:hover,
.pro_line_braun .select li:hover a {
background: url(../images/braun02.gif);
padding:0 0 0 15px;
line-height:27px;
cursor:pointer;
color:#fff;
}

.pro_line_braun .select a:hover b,
.pro_line_braun .select li:hover a b {
display:block;
padding:0 30px 9px 15px;
background:url(../images/braun02.gif) right top;
cursor:pointer;
}
/* Ende waagrechtes Menü braun */






/* Anfang waagrechtes Menü lila mit Untermenüs */
.pro_line_lila2 {
height:36px;
position: fixed;
left: 30%;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;
}

.pro_line_lila2 .select {
margin:0;
padding:0 0 0 20px;
list-style:none;
white-space:nowrap;
}

.pro_line_lila2 li {
float:left;
background:url(../images/lila02.gif);
}

.pro_line_lila2 .select a {
display:block;
height:36px;
float:left;
background: url(../images/lila01.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:25px;
white-space:nowrap;
color:#ddd;
}

.pro_line_lila2 .select a b {
display:block;
padding:0 30px 10px 15px;
background:url(../images/lila01.gif) right top;
}

.pro_line_lila2 .select a:hover,
.pro_line_lila2 .select li:hover a {
background: url(line/../images/lila02.gif);
padding:0 0 0 15px;
line-height:27px;
cursor:pointer;
color:#fff;
}

.pro_line_lila2 .select a:hover b,
.pro_line_lila2 .select li:hover a b {
display:block;
padding:0 30px 9px 15px;
background:url(line/../images/lila02.gif) right top;
cursor:pointer;
}

.pro_line_lila2 .sub {
display:none;
}

/* IE6 only */
.pro_line_lila2 table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.pro_line_lila2 .sub {
margin:0;
padding:0 0 0 60px;
list-style:none;
}
.pro_line_lila2 .sub li {background:transparent;}

.pro_line_lila2 .select :hover .sub {
height:18px;
display:block;
position:absolute;
float:left;
width:750px;
top:28px;
left:0;
text-align:center;
}

.pro_line_lila2 .select :hover .sub li a
{display:block;height:18px; line-height:16px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; border:1px solid #000; border-color:#888 #777 #666 #ddd; color:#888;font-size:10px;}

.pro_line_lila2 .select :hover .sub li a:hover
{color:#000; background:#e8e8e8; border-color: #fff #333 #000 #fff; line-height:15px;}
/* Ende waagrechtes Menü lila mit Untermenüs */







.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende   Menü 01 */








/* Anfang Menü 02 */

/* Anfang Menü rot */
.menue_rot{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.menue_rot ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.menue_rot li{
float: left;
margin: 0;
padding: 0;
}

.menue_rot a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/rot-links.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.menue_rot a span{
float: left;
position: relative;
display: block;
background: url(../images/rot-rechts.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menue_rot a span {float:none;}
/* End IE5-Mac hack */


.menue_rot .selected a{
background-position: 0 -125px;
top: 0;
}

.menue_rot .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.menue_rot a:hover{
background-position: 0% -125px;
top: 0;
}

.menue_rot a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende Menü rot */

/* Anfang Menü blau */
.menue_blau{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.menue_blau ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.menue_blau li{
float: left;
margin: 0;
padding: 0;
}

.menue_blau a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/blau-links.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.menue_blau a span{
float: left;
position: relative;
display: block;
background: url(../images/blau-rechts.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menue_blau a span {float:none;}
/* End IE5-Mac hack */


.menue_blau .selected a{
background-position: 0 -125px;
top: 0;
}

.menue_blau .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.menue_blau a:hover{
background-position: 0% -125px;
top: 0;
}

.menue_blau a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende Menü blau */


/* Anfang Menü gelb */
.menue_gelb{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.menue_gelb ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.menue_gelb li{
float: left;
margin: 0;
padding: 0;
}

.menue_gelb a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/gelb-links.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.menue_gelb a span{
float: left;
position: relative;
display: block;
background: url(../images/gelb-rechts.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menue_gelb a span {float:none;}
/* End IE5-Mac hack */


.menue_gelb .selected a{
background-position: 0 -125px;
top: 0;
}

.menue_gelb .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.menue_gelb a:hover{
background-position: 0% -125px;
top: 0;
}

.menue_gelb a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende Menü gelb */


/* Anfang Menü braun */
.menue_braun{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.menue_braun ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.menue_braun li{
float: left;
margin: 0;
padding: 0;
}

.menue_braun a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/braun-links.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.menue_braun a span{
float: left;
position: relative;
display: block;
background: url(../images/braun-rechts.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menue_braun a span {float:none;}
/* End IE5-Mac hack */


.menue_braun .selected a{
background-position: 0 -125px;
top: 0;
}

.menue_braun .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.menue_braun a:hover{
background-position: 0% -125px;
top: 0;
}

.menue_braun a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende Menü braun */

/* Anfang Menü lila */
.menue_lila{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.menue_lila ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.menue_lila li{
float: left;
margin: 0;
padding: 0;
}

.menue_lila a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/lila-links.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.menue_lila a span{
float: left;
position: relative;
display: block;
background: url(../images/lila-rechts.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menue_lila a span {float:none;}
/* End IE5-Mac hack */


.menue_lila .selected a{
background-position: 0 -125px;
top: 0;
}

.menue_lila .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.menue_lila a:hover{
background-position: 0% -125px;
top: 0;
}

.menue_lila a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende Menü lila */

/* Anfang Menü gruen */
.menue_gruen{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.menue_gruen ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.menue_gruen li{
float: left;
margin: 0;
padding: 0;
}

.menue_gruen a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/gruen-links.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.menue_gruen a span{
float: left;
position: relative;
display: block;
background: url(../images/gruen-rechts.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menue_gruen a span {float:none;}
/* End IE5-Mac hack */


.menue_gruen .selected a{
background-position: 0 -125px;
top: 0;
}

.menue_gruen .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.menue_gruen a:hover{
background-position: 0% -125px;
top: 0;
}

.menue_gruen a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/* Ende Menü gruen */

/* Ende   Menü 02 */