/* RedMenu */ #redMenu { color: #FFFFFF; background-color: #FF0000; } #redMenu div { z-index: 99; } /* RedMenu-Titles */ #redMenu ul { margin: 0; padding: 0; list-style-type: none; padding-left: 200px; } #redMenu ul li { /* display: inline; */ float: left; padding-right: 15px; background-color: #FF0000; } #redMenu ul li img { cursor: pointer; } .redMenuItem { display: inline; font-size: 13px; } .redMenuItem .redMenuItemSmall { position: relative; top: 3px; font-size: 10pt; } .redMenuItem .redMenuItemBig { font-size: 13pt; } .redMenuItem a:link, .redMenuItem a:active, .redMenuItem a:visited, .redMenuItem a:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; } .redSubmenu { display: inline; float: left; position: absolute; margin-top: 5px; } .redSubmenu .direktsuche { /*margin-top: 10px;*/ } .redSubmenu .direktsuche img { cursor: default; } .redSubmenu .direktsuche input { border: 1px solid #FF9B9B; color: #FFFFFF; background-color: #FF4E4E; width: 100%; font-family: Verdana; font-size: 8pt; } /* RedMenuBox */ .redMenuBox { /* position: absolute; */ /* margin-top: 20px; */ } /* Top */ .redMenuBox .topLeft { width: 12px; height: 10px; background-image: url(../grafix/red_menu_topleft.png); background-position: top right; background-repeat: no-repeat; } .redMenuBox .top { width: 2px; height: 10px; background-image: url(../grafix/red_menu_top.png); background-position: top right; background-repeat: repeat-x; background-color: #FF0000; } .redMenuBox .topRight { width: 12px; height: 10px; background-image: url(../grafix/red_menu_topright.png); background-position: top right; background-repeat: no-repeat; } /* Sides */ .redMenuBox .left { width: 12px; height: 14px; background-image: url(../grafix/red_menu_left.png); background-position: top right; background-repeat: repeat-y; } .redMenuBox .middle { color: #FFFFFF; background-color: #FF0000; } .redMenuBox .right { width: 12px; height: 14px; background-image: url(../grafix/red_menu_right.png); background-position: top right; background-repeat: repeat-y; } /* Bottom */ .redMenuBox .bottomLeft { width: 12px; height: 14px; background-image: url(../grafix/red_menu_bottomleft.png); background-position: top right; background-repeat: no-repeat; } .redMenuBox .bottom { width: 2px; height: 14px; background-image: url(../grafix/red_menu_bottom.png); background-position: top right; background-repeat: repeat-x; } .redMenuBox .bottomRight { width: 12px; height: 14px; background-image: url(../grafix/red_menu_bottomright.png); background-position: top right; background-repeat: no-repeat; } .redSubmenu .redMenuBox a:link, .redSubmenu .redMenuBox a:active, .redSubmenu .redMenuBox a:visited, .redSubmenu .redMenuBox a:hover, #sprachen .redMenuBox a:link, #sprachen .redMenuBox a:active, #sprachen .redMenuBox a:visited, #sprachen .redMenuBox a:hover, .redMenuBox .trennlinie { margin: 0; margin-bottom: 5px; display: block; width: 100%; background-color: #FF0000; text-decoration: none; border-bottom: 1px solid #FF6666; font-size: 11px; font-weight: normal; color: #FFFFFF; } .redSubmenu .redMenuBox a:hover, #sprachen .redMenuBox a:hover, .redMenuBox .trennlinie { border-bottom: 1px solid #FFFFFF; } .redMenuBox .trennlinie { font-weight:bold; } #sprachen .redMenuBox small { font-weight: normal; } .redMenuBox a:hover, #sprachen .redMenuBox a:hover { color: #FFFFFF; /* background-color: #FF6666; */ border-bottom: 1px solid #FFFFFF; } /* Sprachen */ #sprachen { float: right; padding: 0px 12px 0px 0px; position: relative; z-index: 99; font-size: 11px; font-weight: bold; color: #FFFFFF; } * html #sprachen { padding-right: 11px; } #sprachen .flagImg { cursor: pointer; border: 1px solid #666666; } #sprachen #flags_RedMenu { left: -80; } #sprachen .currentLang { }