html {
background: url(../my_images/bg.gif) top left repeat;}
/* basic */
/* -------------------------------------------------------------------------- */
body {
font-size:12px;
text-align:center;
color:#2a2a2a;
font-family: verdana,arial,helvetica,sans-serif;}
body, h1, h2, h3, h4, h5, h6, ul, li, form, div, p {
margin:0;
padding:0;}
h1, h2, h3 {
font-weight:normal;
font-size:22px;}
div {
width:auto;
height:auto;
margin-left:auto;
margin-right:auto;}
a {
text-decoration:underline;
color:#2b4566;
outline:none;}
a:hover {
text-decoration:none;
color:#2b4566;}
/* layout */
/* -------------------------------------------------------------------------- */
#main {
width:980px;
background:#fff;
text-align:left;}
#h_content {
padding:20px 20px 0;}
#footer {}
#footer p {
line-height:30px;
padding-top:16px;
font-size:10px;
color:#2b4566;}
#footer a {
color:#2b4566;
text-decoration:none;}
/* homepage */
/* -------------------------------------------------------------------------- */
#header {
height:116px;
position:relative;}
#header h1 {
position:absolute;
top:51px;
left:21px;}
#header h1 a {
display:block;
width:281px;
background: url(../my_images/logo.gif) top left no-repeat;
height:39px;
text-indent:-9999px;}
.header_top_menu {
position:absolute;
height:20px;
top:0;
right:0;}
.header_top_menu ul {
list-style-type:none;}
.header_top_menu ul li {
float:left;
font-size:11px;
line-height:20px;}
.header_top_menu ul li a {
color:#196fbb;
padding:0 8px;
border-right:1px solid #196fbb;
text-decoration:none;}
.header_top_menu ul li:last-child a {
border:none;}
.search {
position:absolute;
top:0;
right:300px;
height:20px;}
.search input {
border:1px solid #cccccc;
font-family: verdana,arial,helvetica,sans-serif;}
.search button {
border:none;
background:none;
color:#196fbb;
font-size:11px;
font-family: verdana,arial,helvetica,sans-serif;}
#bck {
height:258px;
position:relative;
background:#000 url(../my_images/home.jpg) top left no-repeat;
margin-bottom:22px;}
#left_sidebar, #home_content, #right_sidebar {
float:left;
padding:15px;}
#left_sidebar h2, #home_content h2, #right_sidebar h2 {
font-size:16px;
margin-bottom:12px;}
#left_sidebar h2 a {
text-decoration:none;}
#left_sidebar {
background:#e5eaf2;
width:292px;}
#left_sidebar h2 {
color:#2b4566;}
div.aktuelles {
margin-bottom:11px;
padding-bottom:11px;
border-bottom:1px solid #fff;
width:292px;
float:left;
font-size:11px;}
#left_sidebar div:last-child {
border:none;}
div.aktuelles h3 {
color:#196fbb;
font-size:11px;
font-weight:bold;
margin-bottom:4px;}
div.aktuelles p a {
text-decoration:none;
color:#2b4566;}
#left_sidebar p.readmore {
font-size:11px;
text-align:right;}
p.date {
color:#6e7f89;
position:relative;
font-size:10px;
margin-bottom:4px;}
p.date span {
background: url(../my_images/bg_link.gif) right center no-repeat;
position:absolute;
right:0;
width:11px;}
#left_sidebar div.image {
float:left;
width:74px;
overflow:hidden;
padding-right:10px;}
#left_sidebar div.con_box {
float:left;
width:208px;}
#home_content {
width:313px;
border:1px solid #c2dced;
padding:15px;
margin:0 10px;}
#home_content h1 {
color:#196fbb;
font-size:16px;
margin-bottom:18px;}
#home_content p {
margin-bottom:18px;
line-height:16px;
color:#2b4566;}
#home_content div.image {
margin-bottom:18px;
width:313px;
overflow:hidden;}
#right_sidebar {
width:223px;
background:#ff9900;}
#right_sidebar h2 {
color:#fff;}
#right_sidebar div.image {
float:left;
width:74px;
overflow:hidden;
padding-right:10px;}
#right_sidebar div.con_box {
float:left;
width:139px;}
div.spezialitaten {
margin-bottom:11px;
padding-bottom:11px;
border-bottom:1px solid #ffcc80;
font-size:11px;
float:left;}
#right_sidebar div:last-child {
border:none;}
div.spezialitaten h3 {
color:#2b4566;
font-size:11px;
font-weight:bold;
margin-bottom:4px;}
div.spezialitaten p a {
text-decoration:none;
color:#fff;}
/* innerpage */
/* -------------------------------------------------------------------------- */
#bck_inner {
height:90px;
background:#2c5197 url(../my_images/bck_inner_bg.jpg) top left no-repeat;
margin-bottom:22px;}
#page_content {
width: auto;}
#inner_left_sidebar {
width:106px;
padding:15px;
background:#e5eaf2;
float:left;}
#inner_left_sidebar h3 {
font-size:12px;
font-weight:normal;
color:#0c91b9;}
#inner_left_sidebar ul {
list-style-type:none;
color:#2b4566;}
#inner_left_sidebar ul li {
line-height:20px;
font-size:11px;
font-weight:bold;}
#inner_left_sidebar ul a {
color:#2b4566;
font-weight:normal;
text-decoration:none;}
#inner_left_sidebar ul.sub {
padding-left:12px;}
.sec {
padding-left:20px;}
#content, #search_content {
float:left;
width:498px;
padding:15px;
margin:0 10px;
border:1px solid #c2dced;}
#search_content {
margin:0;
margin-right:15px;
width:639px;}
#content p, #search_content p {
margin-bottom:12px;
line-height:19px;
color:#2B4566;}
/*
#content p strong {
color:#b2b2b2;}
*/
#content h1, #content h2, #search_content h1 {
color:#196fbb;
font-size:16px;
margin-bottom:18px;}
#search_content h2 {
color:#196fbb;
font-size:13px;
margin-bottom:8px;}
#content ul {
margin-left:25px;
margin-bottom:5px;
margin-top:5px;}
#content ul li {
padding-left:2px;
margin-bottom:3px;}
.box_breadcrumb, #box_pagination {
margin-bottom:12px;
line-height:16px;}
#box_pagination {
margin-top:12px;
font-size:11px;}
#search_content .short_holder {
margin-bottom:12px;
border-bottom:1px solid #C2DCED;
padding-bottom:8px;}
#search_content .article_link {
text-align:right;
font-size:11px;}
#content .short_holder {
margin-bottom:16px;}
#content .short_holder h2 {
font-size:12px;
font-weight:bold;
margin-bottom:6px;}
#content .metadata_time {
font-size:11px;
margin-bottom:2px;}
#content .article_link {
text-align:right;
font-size:11px;}
#customarticle {
font-size:11px;
color:#2b4566;}
#customarticle table p {
color:#186eb7;
font-weight:bold;
border-bottom:1px solid #c0dbee;
padding-bottom:4px;}
#customarticle table {
margin-bottom:14px;}
/* formbuilder */
/* -------------------------------------------------------------------------- */
.box_form {
color:#2B4566;}
.box_form div.box_body {
margin-top:12px;}
.box_form div.box_title_holder {
display:none;}
form.form_builder {}
form.form_builder label {
float:left;
width:160px;
padding-right:10px;
line-height:22px;}
.box_form .radio {
float:left;}
.box_form .radio label {
width:300px;}
.box_form .radio input {
border:none;}
form.form_builder textarea {
width:300px;
border:1px solid #CCCCCC;
font-size:13px;
color:#2B4566;
font-family:verdana,arial,helvetica,sans-serif;
height:60px;}
form.form_builder input {
border:1px solid #CCCCCC;
/*font-size:11px;*/
color:#2B4566;
font-family:verdana,arial,helvetica,sans-serif;}
form.form_builder .form_line {
float:left;
width:498px;
padding-bottom:12px;}
.menu, .menu ul { /* remove all list stylings */
margin: 0;
padding: 0;
border: 0;
display: block;
}
.menu{ padding-left:10px;}
.menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left; /* move all main list items into one row, by floating them */
position: relative; /* position each LI, thus creating potential IE.win overlap problem */
z-index: 5; /* thus we need to apply explicit z-index here... */
list-style: none;
}
.menu li:hover {
z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */
white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu li li {
float: none; /* items of the nested menus are kept on separate lines */
position:relative !important;
}
.menu ul {
visibility: hidden; /* initially hide all submenus. */
position: absolute;
z-index: 10;
left: 0; /* while hidden, always keep them at the top left corner, */
top: 0; /* to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
visibility: visible; /* display submenu them on hover */
top: 100%; /* 1st level go below their parent item */
}
.menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */
top: 0;
left: 100%;
}
/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul {/* IE7 float clear: */min-height: 0;}
/* -- float.clear.END -- */
/* -- sticky.submenu --
it should not disappear when your mouse moves a bit outside the submenu
YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
if you do it, make sure you 110% know what you do */
.menu ul {
background-image: url(../img/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
/*background: #f00;*/ /* uncomment this if you want to see the "safe" area.
you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
padding: 30px 30px 30px 10px;
margin: 0 0 0 -10px;
}
/* -- sticky.submenu.END -- */
/************************************************************************************/
/*************************** DHTML_menu styles **************************************/
#
#menu ul {
list-style-type:none;
height:24px;
margin-bottom:12px;
float:right;}
#menu ul li {
float:left;
height:24px;}
#menu ul li a {
display:block;
padding:4px 0 4px 16px;
line-height:18px;
float:left;
text-transform:uppercase;
width:auto;
color:#2b4566;
font-weight:bold;
text-align:center;
text-decoration:none;}
#menu ul li a:hover, #menu ul li a.active {
text-decoration:underline;}
#mainNav {
position:absolute;
right:0;
bottom:0;}
.menu ul {
}
.menu ul li {
margin:0;
float:none;
border:none;
}
.menu ul li ul {
background:#fff;
}
.menu ul {
width: 15em;
opacity:0.90;
-ms-filter:"alpha(opacity=90)";
filter:alpha(opacity=90);
border-top:1px solid #314a69;
border-left:1px solid #314a69;
border-right:1px solid #314a69;
margin:0;
padding:0;
}
.menu li:hover {
}
/* Link styles */
.menu li a{
display:block;
height:24px;
line-height:24px;
padding:4px 16px 4px 16px;
}
.menu li a:link,
.menu li a:visited,
.menu li a:hover {
color: #2b4566;
font-weight:bold;
text-decoration:none;
}
.menu li a:hover {
color: #2b4566;
text-decoration:underline;
}
.menu ul li {
}
.menu ul li:hover {
}
.menu ul li a:link,
.menu ul li a:visited,
.menu ul li a:hover {
text-decoration:none;
display: block;
float:none;
position: relative;
border:none;
height:24px;
line-height:24px;
padding:4px 16px 4px 16px;
background:#5183C0;
/*color: #2b4566;*/
border-bottom:1px solid #314a69;
color:#fff;
}
.menu ul li a:hover {
color: #fff;
text-decoration:underline;
background:#2b4566;
}
.menu ul li ul li a:link,
.menu ul li ul li a:visited,
.menu ul li ul li a:hover {
background:#fff;
text-decoration:underline;
}
.menu li ul li ul li a:hover {
background: #bfbfbf;
color: #C90404;
}
.menu a:hover, .menu li:hover>a {}
.menu li li:hover>ul { /* inset 2nd+ submenus, to show off overlapping */
background:#333333;
padding:0;
}
/********************************************************************************************/
/**************************** Internet Explorer only styles ********************************/
/* Hides from IE5-mac \*/
* html #mainNav a {float:left;}
* html .menu, * html .menu ul {zoom: 1;}
* html .menu li.adxmhover {z-index: 10000; background:#B7B8B8; color: #fff;}
* html .menu .adxmhoverUL {visibility: visible;}
* html .menu .adxmhoverUL {top: 100%; left: 0;}
* html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;}
* html .menu ul a {zoom: 1;}
* html .menu ul li {display:inline !important;}
* html .menu ul li a:link,
* html .menu ul li a:visited,
* html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;}
* html #mainNav .menu li ul li {margin:0; padding:0;}
* html .menu li li {width:100%; margin:0; padding:0;}
* html #mainNav .menu ul li a:link,
* html #mainNav .menu ul li a:visited,
* html #mainNav .menu ul li a:hover {float:none;}
* html .menu ul ul {padding:0;}
/* End hide from IE5-mac */