@charset "utf-8";

.pfeil { padding-right: 30px; }
.main-menu { background-color: #ebebeb; overflow: hidden; }
.main-menu .button a:link, 
.main-menu .button a:visited { color: #313131; }
.main-menu .button a:hover { color: #313131; }

.main-menu-sub { font-family:'OpenSans-Semibold'; font-size: 18px; line-height: 26px; }
.main-menu-sub { margin: 0px 0px 10px 20px; padding: 0px; }
.main-menu-sub ul { margin: 0px; padding: 0px; width: 380px;
	-moz-box-shadow:    0px 2px 6px 0px #000;
	-webkit-box-shadow: 0px 2px 6px 0px #000;
	box-shadow:         0px 2px 6px 0px #000;
}
.main-menu-sub ul ul { margin: 0px 0px 0px 380px; padding: 0px; width: 430px; }
.main-menu-sub ul li { margin: 0px; padding: 0px; list-style: none; }
.main-menu-sub a { padding: 10px 10px 12px 19px; display: block; }

a.more { background: url('../img/menu-pfeil-weiss.png') no-repeat 97% 50%; } 

#gruen .pfeil { background: url('../img/menu-pfeil-gruen.png') no-repeat 100% 50%; }
#gruen .main-menu-sub ul a:link, 
#gruen .main-menu-sub ul a:visited { color: #fff; background-color: #2a847a; text-shadow: 0px 0px 4px #073c36; }
#gruen .main-menu-sub ul a:hover { color: #fff; background-color: #3c9d96; text-shadow: 0px 0px 4px #073c36; }
#gruen .main-menu-sub ul ul a:link, 
#gruen .main-menu-sub ul ul a:visited { color: #fff; background-color: #31928a; text-shadow: 0px 0px 4px #073c36; }
#gruen .main-menu-sub ul ul a:hover { color: #fff; background-color: #217b71; text-shadow: 0px 0px 4px #073c36; }

#orange .pfeil { background: url('../img/menu-pfeil-orange.png') no-repeat 100% 50%; }
#orange .main-menu-sub ul a:link, 
#orange .main-menu-sub ul a:visited { color: #fff; background-color: #e75b19; text-shadow: 0px 0px 4px #7e2d05; }
#orange .main-menu-sub ul a:hover { color: #fff; background-color: #f88149; text-shadow: 0px 0px 4px #7e2d05; }
#orange .main-menu-sub ul ul a:link, 
#orange .main-menu-sub ul ul a:visited { color: #fff; background-color: #ef6a2a; text-shadow: 0px 0px 4px #7e2d05; }
#orange .main-menu-sub ul ul a:hover { color: #fff; background-color: #df5210; text-shadow: 0px 0px 4px #7e2d05; }

#blau .pfeil { background: url('../img/menu-pfeil-blau.png') no-repeat 100% 50%; }
#blau .main-menu-sub ul a:link, 
#blau .main-menu-sub ul a:visited { color: #fff; background-color: #1f83c9; text-shadow: 0px 0px 4px #082e4a; }
#blau .main-menu-sub ul a:hover { color: #fff; background-color: #459bd7; text-shadow: 0px 0px 4px #082e4a; }
#blau .main-menu-sub ul ul a:link, 
#blau .main-menu-sub ul ul a:visited { color: #fff; background-color: #2a8dd3; text-shadow: 0px 0px 4px #082e4a; }
#blau .main-menu-sub ul ul a:hover { color: #fff; background-color: #1a7abf; text-shadow: 0px 0px 4px #082e4a; }


@media only screen and (min-width: 1151px) 
{ 
.main-menu .button { float: left; width: 33%; }
.main-menu { font-size: 22px; line-height: 26px; }
.main-menu .button a { padding: 14px 37px 15px 39px; display: block; }
}

@media only screen and (max-width: 1150px) 
{ 
.main-menu .button { width: 100%; border-top: 2px solid #fff;}
.main-menu { font-size: 28px; line-height: 32px; }
}


@media only screen and (min-width: 941px) and (max-width: 1150px) 
{
.main-menu .button a { padding: 14px 37px 15px 39px; display: block; }
}

@media only screen and (max-width: 940px) 
{
.main-menu .button a { padding: 14px 20px 15px 20px; display: block; }
}