body, pre, input, button { font-family:sans-serif; font-size:13px; }

#header { background-color: #0080d8; color:#ffffff; border-bottom: solid 1px #005189; }
#branding { padding:0.5em 0.5em; vertical-align:middle; }

#menu { display:block; }
#menu li { display:inline-block; padding: 0.3em 0.6em; margin-top:0.3em; border:solid 1px #0080d8; border-bottom:0; }
#menu li:hover { background-color: #3495d8; color:#fff; }
#menu li:hover a { color:#fff; }
#menu li a { font-weight:bold; color:#e0ecf4; }
#menu li a:hover { text-decoration:none; }
#menu li.sub { position:relative; cursor:pointer; }
#menu li.sub span { font-weight:bold; color:#e0ecf4; }
#menu li.sub:hover span { color:#fff; }
#menu li.sub.active { background-color:#fff; border:solid 1px #005189; border-bottom:0; }
#menu li.sub.active span { color:#000; }
#menu li.sub ul { position:absolute; left:-1px; right:-6em; top:100%; width:auto; background-color:#fff; border:solid 1px #005189; border-top:0; box-shadow:0px 3px 4px #d0d0d0; -moz-box-shadow:0px 3px 4px #d0d0d0; -webkit-box-shadow:0px 3px 4px #d0d0d0; }
#menu li.sub li { display:block; width:auto; padding:0.3em 0.6em; border:0; }
#menu li.sub li a { font-weight:normal; color:#000; }
#menu li.sub li:hover a { color:#fff; }
#menu li.sub li:hover { background-color:#3495d8; }
#menu li.sub li.separator { height:1px; width:100%; background-color:#d0d0d0; padding:0; margin:0.3em 0; }

.menu-icon-suche { background: url(Images/suchen.png) no-repeat left center; padding-left:24px; }
.menu-icon-aktivitaet { background: url(Images/aktivitaet.png) no-repeat left center; padding-left:24px; }
.menu-icon-anfrage { background: url(Images/anfrage.png) no-repeat left center; padding-left:24px; }

.pageHeader { padding: 0.6em; color:#000000; border-bottom:solid 1px #f2f2f2; }

.pageMenu { display:block; padding-top:0.5em; border-bottom:solid 1px #d0d0d0; }
.pageMenu li { display:inline-block; background-color:#f0f0f0; padding:0.3em 0.6em; margin-top:0.3em; }
.pageMenu li { border-top:solid 1px #d0d0d0; border-right:solid 1px #d0d0d0; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; }
.pageMenu li:first-child { border-left:solid 1px #d0d0d0; }
.pageMenu li.active { background-color:#ffffff; }
.pageMenu li.active:hover { background-color:#ffffff; }
.pageMenu li.active a { color:#000000; }
.pageMenu li:hover { background-color:#e0ecf4; }
.pageMenu li a { font-weight:bold; color:#606060; }
.pageMenu li a:hover, .pageMenu li:hover a { text-decoration:none; }

#footer { padding:0.6em 0; border-top:solid 1px #d0d0d0; text-align:center; color:#a0a0a0; }