@import url(/css/news.css);
@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

span.switchOnLargeStyle { display: inline; }
span.switchOffLargeStyle { display: none; }

body	{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

h1, h2, h3, h5 { color: #004387; }
h1 { font-size: 14px; }
h2 { font-size: 12px; margin-bottom: 14px; }
h3 {
    font-size: 12px;
    margin-bottom: 14px;
    background: url(/files/allgemein/iconQuestion.jpg) no-repeat 0px 5px;
    padding-left: 19px;
}
h4 { color: #686868; font-size: 12px; margin-bottom: 14px; }
h5 { font-size: 11px; margin-bottom: 0px; }
h6 { color: #686868; font-size: 10px; font-weight: normal; }

ul { list-style-type: none; }
p { color: #686868; margin-bottom: 14px; }
a { text-decoration: none; color: #004387; font-weight: bold; font-size: 11px; }
a:hover, li.active a { color: #004387; }

a.lexikon {
    background: none !important;
    text-decoration: none;
    color: #004387 !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding-left: 0px !important;
}

/* breite = xx px */
div.page,
div#siteHead,
div#siteHead div#topMenuContainer,
div#footer {width: 950px;}

div.page { margin-left: 35px; position: relative;}

/* +++++++++++++++++++ TOP MENÜS +++++++++++++++++++++++++++++++++++++++++++++ */
div#siteHead div#topMenuContainer {
    height: 30px;
    background: url(/files/allgemein/topMenuContainerBg.jpg) no-repeat top left;
    position: relative;
}
ul#topMenu,
ul#topRightMenu {
    position: absolute;
    top: 7px; left: 15px;
}
ul#topRightMenu { left: 850px; }
ul#topMenu li,
ul#topRightMenu li { float: left; }
ul#topMenu li span,
ul#topRightMenu li span { padding: 0px 5px;}
ul#topMenu li span,
ul#topRightMenu li span,
ul#topMenu li a,
ul#topRightMenu li a { font-size: 11px; color: #686868; font-weight: normal; }
ul#topMenu li a:hover,
ul#topRightMenu li a:hover,
ul#topMenu li.active a,
ul#topRightMenu li.active a { color: #004387; }

/* +++++++++++++++++++ MAIN MENÜ +++++++++++++++++++++++++++++++++++++++++++++ */
div#mainMenu ul.main {
    height: 30px;
    background: url(/files/allgemein/topMenuContainerBg.jpg) no-repeat top left;
    margin-top: -4px;
}
div#mainMenu li {
    height: 29px;
    float: left;
    margin-top: 1px;
    border-right: 1px solid #cdcdcd;
}
div#mainMenu ul.main li a { color: #686868; font-size: 14px; }
div#mainMenu ul.main li a:hover,
div#mainMenu ul.main  li.active a { color: #004387; }

div#mainMenu ul.main li:hover ul#subMenu,
div#mainMenu ul.main li.hover ul#subMenu { display: none; } /* -> zwischenseitlich ausgeblendet, wenn gebraucht wird: display: block; */
div#mainMenu ul#subMenu {
    position: absolute; z-index: 100;
    top: 178px;
    display: none;
    text-align: left;
    background-color: #fff;
    opacity: 0.8; filter: alpha(opacity=80);
    width: auto;
    margin-left: -1px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
div#mainMenu ul#subMenu li {
    width: auto;
    height: 17px;
    float: none;
    border: none;
    padding: 0px 0px;
}
div#mainMenu ul#subMenu li a { font-size: 12px; font-weight: normal; }
div#mainMenu ul li.active ul#subMenu li a { color: #686868; }
div#mainMenu ul li.active ul#subMenu li a:hover { color: #004387; }

/* +++++++++++++++++++ SEITLICHES MENÜ RECHTS ++++++++++++++++++++++++++++++++++ */
h2#sideHeader,
div#right { position: absolute; right: 28px; top: 234px; width: 200px; }
h2#sideHeader {
    top: 0px; right: 0px;
    background-color: #e7eef6;
    text-align: center;
    padding: 8px 0px;
    border: 1px solid #e7eef6;
    border-bottom: 1px solid #cdcdcd;
}
h2#sideHeader span { display: none; }
h2#sideHeader span.active { display: block; }

ul#subMenuRight {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    margin: 30px 0px;
}
ul#subMenuRight li { border-bottom: 1px solid #cdcdcd; padding: 8px 15px; }
ul#subMenuRight li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
    padding-left: 10px;
    font-size: 11px;
    color: #686868;
    font-weight: normal;
}
ul#subMenuRight li.arrowDown a { background: url(/files/allgemein/pfeilOrangeUp.gif) no-repeat -1px 5px; }
ul#subMenuRight li a:hover,
ul#subMenuRight li.active a { color: #004387; }

ul#subMenuRight li.active ul#subSubSubMenu li { border: none; padding: 2px 10px; }
ul#subMenuRight li.active ul#subSubSubMenu li.first { padding-top: 3px; }
ul#subMenuRight li.active ul#subSubSubMenu li a {
    padding-left: 0px;
    background: none;
    color: #686868;
}
ul#subMenuRight li.active ul#subSubSubMenu li a:hover,
ul#subMenuRight li.active ul#subSubSubMenu li.active a { color: #004387; }

/* +++++++++++++++++++ Seitentitel + CONTENT ++++++++++++++++++++++++++++++++++ */

div#content { width: 640px; float: left; padding-bottom: 55px; }
div.element a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat scroll 0px 3px;
    padding-left: 10px;
}
div.element ul li {
    background: url(/files/allgemein/iconQuestion.jpg) no-repeat 0px 5px;
    padding-left: 15px;
    margin-bottom: 10px;
    color: #686868;
}
div.element ul li a {
    background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px;
    padding-left: 10px;
    margin-bottom: 5px;
    display: block; 
    font-size: 11px;
    color: #686868;
    font-weight: normal;
}

div.element, div#footer, div.clear {clear: both;}

/* +++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++ */
div#footer span { color: #004387; font-size: 11px; padding-left: 35px; }

img.plus { margin-left: -10px; }


/* +++++++++++++++++++ HOME STYLES ++++++++++++++++++++++++++++++++++ */
.home div#homeContent { position: relative; height: 280px; margin-top: -5px; width: 960px; }
.home div#poolBig {
    position: absolute;
    top: 0px; left: 0px;
    width: 660px; height: 280px;
}
.home div#poolBig div.poolImage {
    position: absolute;
    top: 0px; left: 0px;
    width: 660px; height: 280px;
}
.home div#homeRight {
    position: absolute;
    top: 0px; left: 665px;
}

.home div#homeMenu ul.main { margin-top: 15px; }
.home div#homeMenu ul.main li { float: left; padding: 0px; }
.home div#homeMenu ul.main li a { color: #004387; font-size: 14px; margin-bottom: 9px; display: block; }
.home div#homeMenu ul.main li a:hover,
.home div#homeMenu ul.main li.active a { color: #004387; }
.home div#homeMenu ul.main li ul#subMenu li {
    display: block;
    float: none;
    padding: 0px;
    width: 170px;
}
.home div#homeMenu ul.main li ul#subMenu li a { color: #686868; font-size: 11px; margin-bottom: 4px; font-weight: normal; }
.home div#homeMenu ul.main li ul#subMenu li a:hover { color: #004387; }

.lexikon div#content img.icon { float: left; margin-top: 2px; }
.lexikon div#content ul.abc { padding-left: 10px; }
.lexikon div#content ul.abc li { background: none; float: left; padding: 0px; }
.lexikon div#content ul.abc li a { background: none; padding-left: 8px; }
.lexikon div#content ul.abc li.empty a { color: #c9c9c9; }
.lexikon div#content ul.abc li a:hover,
.lexikon div#content ul.abc li.active { color: #004387; padding-left: 8px; font-size: 11px; }

.lexikon div#content ul li.abisz { margin-left: 35px; background: url(/files/allgemein/pfeilOrange.gif) no-repeat 0px 2px; }
.lexikon div#content div.word h3 { padding-left: 15px; margin-bottom: 0px; }
.lexikon div#content div.word p { margin-left: 15px; }

.angebotedetails div.element { padding-left: 14px; width: 700px; }
.angebotedetails table { border: 1px solid #ccc; width: 340px; float: left; }
.angebotedetails table tr td.head { border-bottom: 1px solid #ccc; }
.angebotedetails table tr td.head h2 { margin: 0px; }
.angebotedetails table tr td { padding: 5px 10px; color: #686868; }
.angebotedetails table tr td.first { width: 140px;}
.angebotedetails table tr.blue td { background-color: #e5ecf3; }
.angebotedetails div.pic { width: 350px; float: right; text-align: center; }
.angebotedetails div.pic h2 { margin: 7px; text-transform: uppercase; letter-spacing: 0.35em; }
.angebotedetails div.text { padding-top: 22px; }
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li a {
    color: #686868; padding-left: 10px;
}
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li a:hover,
.angebotedetails ul#subSubMenu li.active ul#subSubSubMenu li.active a { color: #004387; }

div.tippAnsicht,
div.lexikonAnsicht  {
    border: 10px solid #E6E6EB;
    position: absolute;
    z-index: 65;
    top: 0; left: 0;
    width: 658px;
    background-color: white;
}
div.contentTipps { padding: 35px; padding-top:7px; }
div.contentTipps h1 { margin-bottom: 17px; }
div.contentTipps h2 { padding-bottom: 14px; border-bottom: 1px solid #cecece; }
div.contentTipps h4 { color: #686868; }
div.contentTipps div.element { padding-left: 0px; }
div.tippAnsicht a.close,
div.lexikonAnsicht a.close { position: absolute; top: 0px; right: 0; z-index: 12; }