containing the day names */
background: url("dark-bg.gif");
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
font-family: verdana,tahoma,sans-serif;
width: 2em;
color: #000;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {font-size: 80%; color: #999;}
.calendar tbody .day.othermonth.oweekend {color: #f99;}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #797979;
background: url("dark-bg.gif");
}
.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
background: url("rowhover-bg.gif");
}
.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }
.calendar tbody td.hilite { /* Hovered cells | */
background: url("hover-bg.gif");
padding: 1px 3px 1px 1px;
border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells | */
padding: 2px 2px 0px 2px;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #c44;
}
.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border: 1px solid #797979;
padding: 1px 3px 1px 1px;
background: url("active-bg.gif"); color: #fff;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
text-align: center;
background: #565;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
padding: 2px;
background: url("status-bg.gif") repeat-x 0 0; color: #000;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #afa;
border: 1px solid #084;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #7c7;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #797979;
background: url("normal-bg.gif"); color: #000;
z-index: 100;
font-size: 90%;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .hilite {background: url("hover-bg.gif"); color: #000;}
.calendar .combo .active {background: url("active-bg.gif"); color: #fff; font-weight: bold;}
.calendar td.time {
border-top: 1px solid #797979;
padding: 1px 0px;
text-align: center;
background: url("dark-bg.gif");
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 5px 0px 6px;
font-weight: bold;
background: url("normal-bg.gif"); color: #000;
}
.calendar td.time .hour,
.calendar td.time .minute {
font-family: monospace;
}
.calendar td.time .ampm {text-align: center;}
.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold;}
.calendar td.time span.hilite {background: url("hover-bg.gif"); color: #000;}
.calendar td.time span.active {background: url("active-bg.gif"); color: #fff;}
/*###################### Ende Calenderpopup ######################*/
/*###################### Beginn TabSet ######################*/
/* This is the selector for the main TabbedPanels container. For our
* default style, this container does not contribute anything visually,
* but it is floated left to make sure that any floating or clearing done
* with any of its child elements are contained completely within the
* TabbedPanels container, to minimize any impact or undesireable
* interaction with other floated elements on the page that may be used
* for layout.
*
* If you want to constrain the width of the TabbedPanels widget, set a
* width on the TabbedPanels container. By default, the TabbedPanels widget
* expands horizontally to fill up available space.
*
* The name of the class ("TabbedPanels") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabbedPanels container.
*/
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 568px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
/* This is the selector for the TabGroup. The TabGroup container houses
* all of the tab buttons for each tabbed panel in the widget. This container
* does not contribute anything visually to the look of the widget for our
* default style.
*
* The name of the class ("TabbedPanelsTabGroup") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabGroup container.
*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
/* This is the selector for the TabbedPanelsTab. This container houses
* the title for the panel. This is also the tab "button" that the user clicks
* on to activate the corresponding content panel so that it appears on top
* of the other tabbed panels contained in the widget.
*
* For our default style, each tab is positioned relatively 1 pixel down from
* where it wold normally render. This allows each tab to overlap the content
* panel that renders below it. Each tab is rendered with a 1 pixel bottom
* border that has a color that matches the top border of the current content
* panel. This gives the appearance that the tab is being drawn behind the
* content panel.
*
* The name of the class ("TabbedPanelsTab") used in this selector is not
* necessary to make the widget function. You can use any class name you want
* to style this tab container.
*/
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding-top:0px;
margin: 0px 1px 0px 0px;
font: normal 8pt sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 0px #CCC;
border-bottom: solid 0px #999;
border-top: solid 0px #999;
border-right: solid 0px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
/* This selector is an example of how to change the appearance of a tab button
* container after the user has clicked on it to activate a content panel.
* The class "TabbedPanelsTabSelected" is programatically added and removed
* from the tab element as the user clicks on the tab button containers in
* the widget.
*
* As mentioned above, for our default style, tab buttons are positioned
* 1 pixel down from where it would normally render. When the tab button is
* selected, we change its bottom border to match the background color of the
* content panel so that it looks like the tab is part of the content panel.
*/
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #fff;
font-weight:normal;
}
/* This selector is an example of how to make a link inside of a tab button
* look like normal text. Users may want to use links inside of a tab button
* so that when it gets focus, the text *inside* the tab button gets a focus
* ring around it, instead of the focus ring around the entire tab.
*/
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
* all of the content panels for each tabbed panel in the widget. For our
* default style, this container provides the background color and borders that
* surround the content.
*
* The name of the class ("TabbedPanelsContentGroup") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the ContentGroup container.
*/
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 0px #CCC;
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
background-color:#fff;
}
/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
*
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
*/
.TabbedPanelsContent {
padding: 4px;
line-height:1.7;
}
/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/
/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
.tab_hg_left {width:5px; height:23px; float:left; background-image:url(tab_hg_left.gif);}
.tab_hg_middle {height:18px; float:left; padding-top:5px; background-image:url(tab_hg_middle.gif);}
.tab_hg_right {width:5px; height:23px; float:left; background-image:url(tab_hg_right.gif);}
.tab_cont_headline {line-height:1.2; font-weight:bold; font-size:10pt; color:#004789;}
/*###################### Ende TabSet ######################*/
/*################## Beginn ReMooz######################*/
.remo-zoom-in {
}
.remo-box {
Z-INDEX: 41; BACKGROUND: #fff no-repeat center 50%; LEFT: 0px; POSITION: absolute; TOP: 0px
}
.remo-loading {
BACKGROUND-IMAGE: url(spinner.gif)
}
.remo-content {
WIDTH: 100%; HEIGHT: 100%;
}
.remo-box-focus .remo-content {
}
.remo-box-dragging .remo-content {
CURSOR: move;
}
.remo-btn-close {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(closebox.png) no-repeat left top; LEFT: -15px; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 30px; CURSOR: pointer; POSITION: absolute; TOP: -15px; HEIGHT: 30px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.remo-title-wrap {
LEFT: 0px; OVERFLOW: hidden; BOTTOM: 10px; POSITION: absolute; TEXT-ALIGN: left
}
.remo-title {
POSITION: relative
}
.remo-title-bg {
Z-INDEX: 99; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%; BACKGROUND-COLOR: #fff; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px
}
.remo-title-txt {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; Z-INDEX: 101; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px; POSITION: relative
}
.remo-img {
BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px
}
.remo-bg {
WIDTH: 33px; POSITION: absolute; HEIGHT: 40px
}
.remo-bg-n {
BACKGROUND: url(remo_bg_n.png) repeat-x; LEFT: 0px; WIDTH: 100%; TOP: -40px
}
.remo-bg-ne {
RIGHT: -33px; BACKGROUND: url(remo_bg_ne.png) no-repeat; TOP: -40px
}
.remo-bg-e {
RIGHT: -33px; BACKGROUND: url(remo_bg_e.png) repeat-y; TOP: 0px; HEIGHT: 100%
}
.remo-bg-se {
RIGHT: -33px; BACKGROUND: url(remo_bg_se.png) no-repeat; BOTTOM: -40px
}
.remo-bg-s {
BACKGROUND: url(remo_bg_s.png) repeat-x; LEFT: 0px; WIDTH: 100%; BOTTOM: -40px
}
.remo-bg-sw {
BACKGROUND: url(remo_bg_sw.png) no-repeat; LEFT: -33px; BOTTOM: -40px
}
.remo-bg-w {
BACKGROUND: url(remo_bg_w.png) repeat-y; LEFT: -33px; TOP: 0px; HEIGHT: 100%
}
.remo-bg-nw {
BACKGROUND: url(remo_bg_nw.png) no-repeat; LEFT: -33px; TOP: -40px
}
/*################## Ende ReMooz ######################*/
#WeatherForecastTomorrow_Icon img {position:absolute; left:135px;}
#APartnerPopup {
position:absolute;
top:10px; left:10px;
text-align:left;
background-color:#f8f8fa;
border: 1px solid #A5ACB2;
height:205px;
overflow:auto;
width:150px;
padding:4px 0;
display:none;
}
#APartnerPopup div {
padding:1px 5px;
cursor:default;
}
#APartnerPopup div:hover {
background-color:#d1d7dc;
}
.selectButton {
padding:0 3px 0 3px;
border: 1px solid #d1d7dc;
background-color:#f8f8fa;
width:128px;
background-image:url(selectb.png);
background-position:118px center;
background-repeat:no-repeat;
cursor:pointer;
}
.newslist_box_middle table {border:1px solid #e1e1e1;}
.newslist_box_middle table td {border-top:1px solid #e1e1e1; padding-left:5px; padding-right:5px;}
table td {
vertical-align:top;
}
table th {
text-align:left;
}
table th.headline {
background-color:#004789;
color:#ffffff;
}
table th.head {
background-color:#e0e0e0;
font-weight:normal;
}
table tr.norm {
background-color:#f8f8f8;
}
table tr.dark {
background-color:#f0f0f0;
}
table.liste td, table.liste th{
padding:5px;
}
textarea {
font-size: 8pt;
font-family: Verdana;
}
#timeline {
position:absolute;
background-color:#ffffff;
width:70px;
height:250px;
overflow:auto;
border:2px solid #004789;
display:none;
}
.time, .time1, .dtime, .dtime1 {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
padding-left:10px;
cursor:default;
}
.time1 {
border-bottom:1px solid #c0c0c0;
}
.dtime, .dtime1 {
background-color:#e0e0e0;
color:#ffffff;
}
.infowin {
position:absolute;
width:230px;
background-color: #ffffc0;
border:1px solid #004789;
padding:7px;
}
.wklist th ,.wklist td { color:#000000; font-size: 8pt; padding:1px; background-color:#FFF4BC; text-align:left;}
.wklist td { border-top:1px solid #D9C18D; background-color:#FFFFD5; }
td.evnmark { background-color:#FFD5D5; }
td.evnmarkn { background-color:#FFD5D5; border-top:1px solid #FFD5D5;}
#Alphabetlinks {font-size:14px; margin:20px 0 20px 0;}
.Item_Beruf {margin:10px 0 0 0; padding:10px; background-color:#E9E9E9; font-size:9pt;}
#Berufsliste .Item_Beruf .berufevideo {float:left; width:42px; height:10px;}
#Berufsliste .Item_Beruf .berufevideo img {position: relative; top:1px;}
#Berufsliste .Item_Beruf .berufetitel {float:left;}
/* ########################### Druckstyle ############################# */
@media print {
body {
background-color: #fff;
margin: 0px;
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5;
}
#positiontracker {display:none;}
#searchbox {display:none;}
.rssbox {display:none;}
.rssbox_bottom {display:none;}
.newslist_box_top {line-height:1.5; width:500px; background-image:none;}
.newslist_box_middle {line-height:1.5; width:500px; background-image:none;}
.newslist_box_bottom {line-height:1.5; width:500px; background-image:none;}
.box_310_head {width:200px; height:19px; overflow:hidden; padding-left:0px; padding-top:2px; padding-bottom:0px; font-size:8pt; font-weight:bold; border:none; background-image:none;}
.box_310_middle {width:200px; font-size:8pt; line-height:1.5; border:none; padding-left:0px; padding-top:0px; background-image:none;}
.box_310_foot {width:200px; height:5px; overflow:hidden; margin-bottom:0px; border:none; background-image:none;}
#bigcenter1 {width:720px;}
#bigcenter2 {display:none;}
#bigcenter3 {border:0px solid #000; width:715px;}
#bigcenter3_left {display:none;}
#bigcenter3 {clear:both; margin-bottom:100px;}
#bigcenter3_middle {clear:both; border:none; margin:10px -10px 0 0px; width:500px; overflow:hidden; margin-bottom:100px;}
#bigcenter3_right {width:190px; padding-left:10px; border-left:1px solid #999; margin-left:10px;}
.teaser_right_noprint {display:none;}
.teaser_tabulator {width:200px; float:left; overflow:hidden;}
.teaser_vortab {display:none;}
.teaser_trenner {height:20px;}
#searchbox {display:none;}
#print_adress {display:block; margin-bottom:50px;}
#rsc_wetter {display:none;}
#footer {display:none;}
}
/* ####### REMOOZ 2 ######## */
.remooz-element
{
}
/**
* Box layout
*/
.remooz-box
{
position: absolute;
top: 0;
left: 0;
background: #fff no-repeat center;
z-index: 100;
}
.remooz-loading
{
background-image: url(spinner.gif);
}
.remooz-body
{
width: 100%;
height: 100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
}
.remooz-box-dragging .remooz-body
{
cursor: move;
}
/**
* Close button
*/
.remooz-btn-close
{
position: absolute;
left: -15px;
top: -15px;
width: 30px;
height: 30px;
text-decoration: none;
border: 0;
background: url(closebox.png) no-repeat center;
visibility: hidden;
cursor: pointer;
}
.remooz-engine-trident4 .remooz-btn-close
{
background-image: url(closebox.gif);
}
/**
* Caption title
*/
.remooz-title
{
position: relative;
left: 0;
top: 15px;
text-align: left;
}
.remooz-title-bg
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 99;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* shadow opacity differs from box shadow because its default set to opacity 0.8 */
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
.remooz-title-content
{
position: relative;
padding: 5px 15px;
color: #fff;
z-index: 101;
font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.remooz-engine-trident4 .remooz-title-bg
{
display: none;
}
.remooz-engine-trident4 .remooz-title-content
{
background-color: #333;
}
.remooz-title-content h6
{
font-size: 1.2em;
font-weight: bold;
color: #eee;
}
.remooz-title-content p
{
color: #eee;
}
/**
* Type specific
*/
.remooz-type-image img
{
display: block;
border: 0;
width: 100%;
height: 100%;
}
/**
* Shadow
*/
.remooz-bg
{
position: absolute;
width: 33px;
height: 40px;
}
.remooz-bg-n
{
left: 0;
top: -40px;
width: 100%;
background: url(remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
right: -33px;
top: -40px;
background: url(remo_bg_ne.png) no-repeat;
}
.remooz-bg-e
{
right: -33px;
top: 0;
height: 100%;
background: url(remo_bg_e.png) repeat-y;
}
.remooz-bg-se
{
right: -33px;
bottom: -40px;
background: url(remo_bg_se.png) no-repeat;
}
.remooz-bg-s
{
left: 0;
bottom: -40px;
width: 100%;
background: url(remo_bg_s.png) repeat-x;
}
.remooz-bg-sw
{
left: -33px;
bottom: -40px;
background: url(remo_bg_sw.png) no-repeat;
}
.remooz-bg-w
{
left: -33px;
top: 0;
height: 100%;
background: url(remo_bg_w.png) repeat-y;
}
.remooz-bg-nw
{
left: -33px;
top: -40px;
background: url(remo_bg_nw.png) no-repeat;
}
.errordiv {color:#ff0000; font-size:xx-small;}
/*Moodalbox*/
div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}
div#mb_center {
background-color: #FFF;
}
div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}
.mb_loading {
background: #DDD url(../img/loading.gif) no-repeat center center;
}
#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}
#mb_error em {
font-size: 0.8em;
}
div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}
a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../img/closelabel.gif) no-repeat center;
margin: 5px 0;
}
div#mb_caption {
margin-right: 71px;
}
|