#ivw {
  height: 1px;
  overflow: hidden;
  margin-bottom: -1px;
}

/* layout for weather module and big pages */
.weather
{
}
.weather .bigHeader
{   margin-bottom: 10px;
}
.weather h3.articleTeaser
{   text-transform: none;
}
.weatherMax
{   color: #CB0000;
}
.weatherMin
{   color: #15642D;
}
.weather .tableBig
{   width: 100%;
    margin: 10px 5px 10px 5px;
}
.weather .tableBig .dayTime
{   padding-right: 5px;
    color: #676767;
    text-transform: uppercase;
}
.weather .tableBig .summary
{   padding-left: 5px;
    color: #676767;
    vertical-align: middle;
    line-height: 1.8em;
}
.weather .activeGrayUpperCaseContainer
{   padding: 0;
}
.weather img /* don't display image borders on maps */
{   border: none;
}
ul.weather {
	margin-top:20px;
}
.weatherMax
{	color: #CB0000;
}
.weatherMin
{	color: #15642D;
}
table.moduleWeather
{	width: 100%;
    margin-bottom: 20px;
}
table.moduleWeather td
{	text-align: center;
}
table.moduleWeather a
{	font-weight: bold;
}

/* round search boxes */
.inputFullImage
{   height: 22px;
    width: 275px;
    float: left;
    background-image: url(../images/layout/headerSearchInputFull.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.fullInput
{   border: 0; /* "none" does not work for IE */
    width: 225px;
    padding: 1px 10px 1px 5px;
    margin: 3px 0 0 20px;
    height: 14px;
    font-size: 11px;
}
/* a button with an arrow - needs no text */
.formButtonStart 
{   border: none;
    margin: 0;
    padding: 0;
    width: 21px;
    height: 21px;
    background-image: url(../images/layout/form_button_start.gif);
    background-repeat: no-repeat;
    background-color: transparent; /* needed for IE to display background-image */
    cursor: pointer;
}

/****************/
/* article menu */
.articleMenu
{   background-image: url(../images/layout/module_lightColor.gif);
    background-color: #EDECEB;
    background-repeat: repeat-x;
    padding: 2px 0 2px 0;
    margin: 0 0 10px 0;
    overflow: hidden; /* important, because the elements may have different heights and firefox behaves strange in that case */
    line-height: 1em;
    font-size: 11px;
}
.articleMenu *
{   overflow: hidden;
    line-height: 1em !important;
    font-size: 11px !important;
}
.articleMenu ul
{   list-style-type: none;
    padding: 0;
    margin: 0;
}
.articleMenu ul li
{   float: left;
    margin: 0;
    padding: 5px 8px 5px 8px;
}

.articleMenu ul li.spacer
{   background-image: url(../images/layout/articleMenuSpacer.gif);
    background-repeat: repeat-y;
    background-position: top right;
}
.articleMenu ul li.searchBox
{   padding-top: 1px;
    padding-bottom: 0;
}

.articleMenu .inputFullImage
{   width: auto;
    height: auto;
    padding-right: 12px; /* distance to submit button */
}
.paragraphHalf
{	margin-bottom: 10px;
    padding: 10px 5px 10px 5px;
}

#articleSendfriend {
    clear:both;
}

.sendafriend-article-info img {
    float:left;
    margin-right:5px;
}

.sendafriend-article-info h4 {
    color: #4A7E3E;
    font-weight: bold;
    font-size: 20px;
    /* @note line-height has to be 2px more than font-size! */
    line-height: 22px;
    margin-bottom: 5px;
    text-transform: none;
    /**
    * @revisit Without this, an active link contained
    * in this will cause an overflow with a horiontal
    * scrollbar. Check whether there's a cleaner way
    * to fix this.
    */
    overflow:hidden;    
}


.tabContainer
{	margin-top: 1px; /* used within module with header */
	line-height: 1em; /*HM: introduced due to tabs in weather (aricle) - has site effects maybe somewhere else ? */
	font-size: 11px;
}

.tabContainerTopBorder
{	background-image: url(../images/layout/tab_body.gif);
	background-repeat: repeat-x;
	padding-top: 2px; /* hoehe des bildes */
}

.tabContainerTopDottedBorder
{	background-image: url(../images/layout/dottedline_x_gray.gif);
	background-repeat: repeat-x;
}

/* eckige Tabs */
/* due to IE 6 errors it is not recommended to change anything */
/* due to IE 6 the borders must be set to white, even if we do not need them */
/* the white border is related to the lightColor module  
/* if the white border does not fit the appropriate module color - override */
.simpleTab
{	float: left;
	text-transform: uppercase;
	padding: 4px 6px 4px 6px; /* padding-left does not work for IE 6 for last tab */
	border-top: 1px solid white;
	border-bottom: 1px solid #E0DFDD;
}
.simpleTab
, .simpleTab a
{	color: #15642D;
}
.simpleTabLast
{	float: none !important;
	overflow: hidden;
}
.simpleTabActive
{	border-top: 1px solid #E0DFDD;
	border-bottom: 1px solid white;
}

.simpleTabActive
,.simpleTabActive a
{	color: #676767; 
}

.simpleTabSpacer
{	width: 1px !important;
	overflow: hidden;
	background-color: #E0DFDD;
	border-top: 0;
	border-bottom: 1px solid white !important;
	margin: 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
}


/* image bordered tabs */
.imageTab
{	float: left;
	padding: 6px 4px 6px 4px;
}

/* RUNDE TABS */
.roundTab
{	margin: 0;
	padding: 0;
	float: left;
	white-space: nowrap;
}

.roundTab .lo /*Ecke links oben */
{	background-image: url(../images/layout/tab_round_first.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.roundTab .lo .tab
{	margin-left: 5px; /* abhaengig von der Breite der Ecke links oben */
}

.roundTab .loGray /*Ecke links oben */
{	background-image: url(../images/layout/tab_round_first_border_gray.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.roundTab .loGray .tab
{	margin-left: 5px; /* abhaengig von der Breite der Ecke links oben */
}

.roundTab .ro /* Ecke rechts oben am letzten Tab*/
{	background-image: url(../images/layout/tab_round_last.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.roundTab .ro .tab
{	margin-right: 5px; /* abhaengig von der Breite der Ecke rechts oben */
}

.roundTab .roMiddle /* Ecke rechts oben in der Mitte*/
{	background-image: url(../images/layout/tab_round_end.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.roundTab .roMiddle .tab
{	margin-right: 4px; /* abhaengig von der Breite der Ecke rechts oben */
}

.roundTab .roMiddleGray /* Ecke rechts oben in der Mitte*/
{	background-image: url(../images/layout/tab_round_end_border_gray.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.roundTab .roMiddleGray .tab
{	margin-right: 5px; /* abhaengig von der Breite der Ecke rechts oben */
}

.roundTab .roTopBorder
{	background-image: url(../images/layout/tab_round_end_border.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.roundTab .roTopBorder .tab
{	margin-right: 5px; /* abhaengig von der Breite der Ecke rechts oben */
}

.roundTab .rightBorder
{	background-image: url(../images/layout/dottedline_y_gray.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin: 0;
	padding: 0;
}

.roundTab .tab
{	background-image: url(../images/layout/dottedline_x_gray.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 5px 3px 5px 3px;
}

.roundTabLast
{	float: none !important;
	overflow: hidden;
}

/* ##### Tabschemata ##### */
/* activeGreenBold */
.activeGreenBold
, .activeGreenBold .tab a
{	/*background-image: url(../images/layout/form_headerline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 2px; /*abhaengig von der Bildhoehe */
	/*float: left;*/
	color: #15642D;
}
.activeGreenBold .roundTab
{	background-color: #F5F4F2;
}
.activeGreenBold .active
{	font-weight: bold;
	background-color: #CCEBCC !important;
}

/* activeGreenNormal*/
.activeGreenNormal
, .activeGreenNormal .tab a
{	color: #15642D;
}
.activeGreenNormal .roundTab
{	background-color: #F5F4F2;
}
.activeGreenNormal .active
{	background-color: #CCEBCC !important;
}

/* activeGrayUpperCase */
.activeGrayUpperCase .roundTab
{	background-color: #F5F4F2; /* for proper drawing of IE 6 a background-color is always needed */
	background-image: url(../images/layout/tab_green_x_border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.activeGrayUpperCase .roundTab.active
{	background-color: white;
	background-image: none;
}
.activeGrayUpperCase .roundTab.active .lo
{	background-image: url(../images/layout/tab_green_left.gif);
}
.activeGrayUpperCase .roundTab.active .ro
, .activeGrayUpperCase .roundTab.active .roMiddle
{	background-image: url(../images/layout/tab_green_right.gif);
}
.activeGrayUpperCase .roundTab.active .tab
{	background-image: url(../images/layout/tab_green.gif);
}

.activeGrayUpperCase
, .activeGrayUpperCase .tab a
{	color: #15642D;
}
.activeGrayUpperCase .tab
{	text-transform: uppercase;
}
.activeGrayUpperCase .roundTab
{	/*background-color: #F5F4F2;*/
}
.activeGrayUpperCase .active
, .activeGrayUpperCase .active .tab a
{	font-weight: bold;
	/*background-color: #CCEBCC !important;*/
	color: #848484;
}

.activeGrayUpperCaseContainer
{	border-bottom: 1px solid #CCEBCC;
	border-left: 1px solid #CCEBCC;
	border-right: 1px solid #CCEBCC;
	padding: 10px;
}

/* prozentual  */
.percent33 .roundTab
{	width: 33.33%;
}
.percent25 .roundTab
{	width: 25%;
}