/* >>> ELEMENTS <<< */ * { margin: 0; padding: 0; } body, html { background-color: #ededed; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; font-size: 100,01%; } /* >>> CONTAINERS -------------------------------------------------------------------------------------------------<<< */ div#container { width: 799px; margin: 0px auto; text-align: left; } /* >>> HG-Bild und Abstand der Navigation davon <<< */ div#header-wrap { background-color: #fff; margin: 0px 0px 0px 0px; } div#header-in { background-image: url(head-w.jpg); background-repeat: no-repeat; /* padding: 0px 5px 0px 0px;*/ /* NORMAL padding: 122px 0px 30px 30px;*/ padding: 122px 0px 0px 30px; color: inherit; background-color: #fff; } div#content-wrap {} /* >>> Abstände der MITTE */ div#center { color: inherit; background-color: #fff; } div#center-in { padding: 0px 0px 0px 40px; background-color: #fff; } /* >>> Abstände LINKS<<< */ div#left { float: left; width: 170px; color: inherit; background-color: #fff; padding: 0px 0px 0px 28px; } div#left-in { padding: 0px; } FOOTER div#footer-wrap { clear: both; background-color: #fff; } div#footer-in { padding: 10px 0px 0px 170px; background-color: #fff; } /* >>> Content + Links-------------------------------------------------------------------------------------------------<<< */ .content { font-size:12px; line-height: 24px; } div#center h2 { /* margin: 0px 0px 0px 0px;*/ font-size: 20px; color: #0077bc; font-weight: normal; } h4 { margin: 0px 0px 10px 0px; font-size: 14px; /*color: #0077bc;*/ color: #6c6c6c; font-weight: normal; line-height: 20px; padding-bottom: 0px; } h1 { margin: 0px 0px 10px 0px; font-size: 42px; /*color: #0077bc;*/ color: #9d9d9d; font-weight: normal; line-height: 30px; padding-bottom: 10px; } .tb { margin: 0px 0px 0px 0px; font-size: 14px; /*color: #0077bc;*/ color: #6c6c6c; font-weight: normal; line-height: 20px; padding-bottom: 10px; } /*LINKS*/ a { font-size: 11px; font-weight: bold; color: #0053A2; text-decoration: none; } a.visited { font-size: 11px; font-weight: bold; color: #0053A2; background-color: #004d97; text-decoration: none; } a.hover { font-size: 11px; font-weight: bold; color: #0053A2; background-color: #004d97; text-decoration: none; } a.active { font-size: 11px; font-weight: bold; color: #0053A2; background-color: #004d97; text-decoration: none; } /*SUBNAV*/ /*SUBNAV NAV*/ /* >>> MENUS start -------------------------------------------------------------------------------------------------<<< */ ul.dropdown { list-style: none; margin:0; padding:0; width:100%; z-index:99; } ul.dropdown * ul { list-style: none; margin:0; padding: 0; display:none; position:absolute; z-index:99; width:15em; } ul.dropdown li { float:left; } ul.dropdown li * li { /*border:1px solid #fff;*/ float:none; position: relative; } ul.dropdown ul * ul { left:98%; top:0; } ul.dropdown a { display:block; } ul.dropdown ul * a { height:100%; } ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul { display:none; } ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul { /* display:block;*/ } /*STYLE*/ ul.dropdown a { background-color:white; color:#0077bc; padding:0px; text-decoration:none; } ul.dropdown a:hover { background-color:#ddecf9; color: #0077bc; } ul.dropdown ul { border:0px; } ul.dropdown ul a { background-color:#white; color:#0077bc; text-decoration:none; } ul.dropdown ul a:hover { /*background-color:#f0f0f0;*/ /* color:#000;*/ } ul.dropdown ul li {/* background-color:#ccc;*/ }