/* Begin: Detailprognose */
.table_title {
	line-height:36px; !important
	padding:0px; !important
}

#content div.verlauf {
	/*width: 560px;*/
	background-image: url(../images/bg_teaser_blue.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	background-color: #fff;
	clear: both;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	height: 1%; /* Behebt IE double margin bug des padding-top */
}

.container_oben {
	overflow: hidden;
	margin-bottom: 16px;
}

.detailprognose_neu .box_all { /* TODO: Benötigt evtl noch eindeutigeren Identifier?! --Josh */
	position: relative;
	float: right;
}

.container_links {
	background-color: yellow;
	width: 566px;
	background-image: url(../images/bg_teaser_blue.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
}

.verlauf_oben .textFCK {
}

#content_full.detailprognose_neu {
	background-image: none;
	background-color: transparent;
	padding: 0;
	width: 780px;
}

#detailprognose {
	width: 567px;
	position: relative;
	padding-bottom: 24px;
}

#detailprognose a {
	background-color: transparent;
}

#detailprognose td.selectedTab a {
	color: #000;
	cursor: text;
	outline: none;
}

#detailprognose .separator {
	display: none; /* Wird per no_js.css reaktiviert wenn nötig */
	width: 773px;
	overflow: hidden;
	border-bottom: 1px solid #B2D5E7;
	margin-bottom: 15px;
}

div.shown_if_no_js {
	display: none;
}

tr.shown_if_no_js {
	display: none;
}

th.shown_if_no_js {
	display: none;
}

#detailprognose .map {
	margin-bottom: 8px;
	position: relative;
}

#detailprognose .map .rechte_spalte {
	width: 183px;
	position: absolute;
	right: -206px;
	top: -25px;
}

#detailprognose .map h3.text {
	margin-bottom: -16px;
	position: relative;
}

#detailprognose .map .icon {
	text-align: center;
	line-height: 14px;
	background-color: red;
	width: 1px;
}

#detailprognose .map span.images {
	line-height: 22px;
	position: absolute;
	width: 78px;
	left: -37px;
}

#detailprognose .niederschlagswahrscheinlichkeit span.images {
	width: auto;
}

#detailprognose img {
	vertical-align:middle;
}


#detailprognose .map span.caption {
	display: block;
	position: absolute;
	width: 120px !important;
	left: -60px;
	top: 26px;
}

#detailprognose .map .box {
	padding: 4px 8px 13px 8px;
	margin-bottom: 16px;
	background-color: #F7F8FA;
}

#detailprognose .map .niederschlag_box img.schirm {
	position: absolute;
	right: 10px;
	top: 10px;
}

#detailprognose .map .hoehenlage {
	background-position: bottom left;
	background-image: url('/images/detailprognose/berg.gif');
	background-repeat: no-repeat;
}

#detailprognose .map .box h4 {
	font-weight: normal;
}

#detailprognose .map .niederschlag_box h4 {
	font-weight: normal;
	width: 140px;
	margin-bottom: 8px;
}

#detailprognose .map table {
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #82B9D7;
}

#detailprognose .map tr td {
	line-height:21px;
}

#niederschlag tr td {
	line-height:16px !important;
}


#detailprognose .map tr td {
	border-top: 1px solid #82B9D7;
	border-bottom: none;
}

#detailprognose .windbalken {
 	position: absolute;
	bottom: 34px;
	width: 36px;
	background-color: #E0E4E7;
	z-index: 5;
}

#detailprognose .windbalken_1mm {
	left: 32px;
}

#detailprognose .windbalken_10mm {
	left: 69px;
}

#detailprognose .windbalken_30mm {
	left: 106px;
}

#detailprognose .windbalken_100 {
	height: 120px
}

#detailprognose .windbalken_90 {
	height: 108px;
}

#detailprognose .windbalken_80 {
	height: 96px
}

#detailprognose .windbalken_70 {
	height: 84px
}

#detailprognose .windbalken_60 {
	height: 72px;
}

#detailprognose .windbalken_50 {
	height: 60px;
}

#detailprognose .windbalken_40 {
	height: 48px;
}

#detailprognose .windbalken_30 {
	height: 36px;
}

#detailprognose .windbalken_20 {
	height: 24px;
}

#detailprognose .windbalken_10 {
	height: 12px;
}

#detailprognose .windbalken_0 {
	height: 0px;
}

#detailprognose .niederschlagswahrscheinlichkeit {
	position: relative;
}

#detailprognose .niederschlagswahrscheinlichkeit .icon {
	text-align: left;
	display: block;
	color: #177AAB;
}

#detailprognose .niederschlagswahrscheinlichkeit .icon.active {
	color: #000;
}

#detailprognose .niederschlagswahrscheinlichkeit .icon.active span.caption {
	background-image: url(/images/arrow_black.gif);
	color: #000;
}

#detailprognose .niederschlagswahrscheinlichkeit .icon:hover {
	color: #000;
	cursor: pointer;
}

#detailprognose .niederschlagswahrscheinlichkeit .icon span.caption {
	padding-left: 14px;
	display: block;
	background: url(/images/arrow_blue.gif) 0 3px no-repeat;
}


#detailprognose .niederschlagswahrscheinlichkeit .icon:hover span.caption,
#detailprognose .niederschlagswahrscheinlichkeit .icon:active span.caption {
	background-image: url(/images/arrow_black.gif);
}

.karten_reiter .start,
.karten_reiter .stop,
.karten_reiter .stepback,
.karten_reiter .stepback_inactive,
.karten_reiter .stepforward,
.karten_reiter .stepforward_inactive {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #B2D5E7;
	background-position: center center;
	background-repeat: no-repeat;
}

.selectedTab {
  background-color: #E0E4E7;
}

.karten_reiter .start {
	background-image: url(/images/detailprognose/start.gif);
}

.karten_reiter .stop {
	background-image: url(/images/detailprognose/stop.gif);
}

.karten_reiter .start:hover {
	background-image: url(/images/detailprognose/start_rollover.gif);
}

.karten_reiter .stop:hover {
	background-image: url(/images/detailprognose/stop_rollover.gif);
}

.karten_reiter .stepback {
	background-image: url(/images/detailprognose/stepback.gif);
}

.karten_reiter .stepback_inactive {
	background-image: url(/images/detailprognose/stepback_inactive.gif);
	background-color: #E0E4E7;
}

.karten_reiter .stepback:hover {
	background-image: url(/images/detailprognose/stepback_rollover.gif);
}

.karten_reiter .stepforward {
	background-image: url(/images/detailprognose/stepforward.gif);
}

.karten_reiter .stepforward_inactive {
	background-image: url(/images/detailprognose/stepforward_inactive.gif);
	background-color: #E0E4E7;
}

.karten_reiter .stepforward:hover {
	background-image: url(/images/detailprognose/stepforward_rollover.gif);
}

.raster {
	position: relative;
}

.raster_item {
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
}

/* Horizontaler Raster (1-27) */
.raster_1_1,
.raster_1_2,
.raster_1_3,
.raster_1_4,
.raster_1_5,
.raster_1_6,
.raster_1_7,
.raster_1_8,
.raster_1_9,
.raster_1_10,
.raster_1_11,
.raster_1_12,
.raster_1_13,
.raster_1_14 {
    left: 0px;
}

.raster_2_1,
.raster_2_2,
.raster_2_3,
.raster_2_4,
.raster_2_5,
.raster_2_6,
.raster_2_7,
.raster_2_8,
.raster_2_9,
.raster_2_10,
.raster_2_11,
.raster_2_12,
.raster_2_13,
.raster_2_14 {
    left: 27px;
}

.raster_3_1,
.raster_3_2,
.raster_3_3,
.raster_3_4,
.raster_3_5,
.raster_3_6,
.raster_3_7,
.raster_3_8,
.raster_3_9,
.raster_3_10,
.raster_3_11,
.raster_3_12,
.raster_3_13,
.raster_3_14 {
    left: 54px;
}

.raster_4_1,
.raster_4_2,
.raster_4_3,
.raster_4_4,
.raster_4_5,
.raster_4_6,
.raster_4_7,
.raster_4_8,
.raster_4_9,
.raster_4_10,
.raster_4_11,
.raster_4_12,
.raster_4_13,
.raster_4_14 {
    left: 81px;
}

.raster_5_1,
.raster_5_2,
.raster_5_3,
.raster_5_4,
.raster_5_5,
.raster_5_6,
.raster_5_7,
.raster_5_8,
.raster_5_9,
.raster_5_10,
.raster_5_11,
.raster_5_12,
.raster_5_13,
.raster_5_14 {
    left: 108px;
}

.raster_6_1,
.raster_6_2,
.raster_6_3,
.raster_6_4,
.raster_6_5,
.raster_6_6,
.raster_6_7,
.raster_6_8,
.raster_6_9,
.raster_6_10,
.raster_6_11,
.raster_6_12,
.raster_6_13,
.raster_6_14 {
    left: 135px;
}

.raster_7_1,
.raster_7_2,
.raster_7_3,
.raster_7_4,
.raster_7_5,
.raster_7_6,
.raster_7_7,
.raster_7_8,
.raster_7_9,
.raster_7_10,
.raster_7_11,
.raster_7_12,
.raster_7_13,
.raster_7_14 {
    left: 162px;
}

.raster_8_1,
.raster_8_2,
.raster_8_3,
.raster_8_4,
.raster_8_5,
.raster_8_6,
.raster_8_7,
.raster_8_8,
.raster_8_9,
.raster_8_10,
.raster_8_11,
.raster_8_12,
.raster_8_13,
.raster_8_14 {
    left: 189px;
}


.raster_sion {
	left: 202px;
}

.raster_9_1,
.raster_9_2,
.raster_9_3,
.raster_9_4,
.raster_9_5,
.raster_9_6,
.raster_9_7,
.raster_9_8,
.raster_9_9,
.raster_9_10,
.raster_9_11,
.raster_9_12,
.raster_9_13,
.raster_9_14 {
    left: 216px;
}

.raster_10_1,
.raster_10_2,
.raster_10_3,
.raster_10_4,
.raster_10_5,
.raster_10_6,
.raster_10_7,
.raster_10_8,
.raster_10_9,
.raster_10_10,
.raster_10_11,
.raster_10_12,
.raster_10_13,
.raster_10_14 {
    left: 243px;
}

.raster_11_1,
.raster_11_2,
.raster_11_3,
.raster_11_4,
.raster_11_5,
.raster_11_6,
.raster_11_7,
.raster_11_8,
.raster_11_9,
.raster_11_10,
.raster_11_11,
.raster_11_12,
.raster_11_13,
.raster_11_14 {
    left: 270px;
}

.raster_12_1,
.raster_12_2,
.raster_12_3,
.raster_12_4,
.raster_12_5,
.raster_12_6,
.raster_12_7,
.raster_12_8,
.raster_12_9,
.raster_12_10,
.raster_12_11,
.raster_12_12,
.raster_12_13,
.raster_12_14 {
    left: 297px;
}

.raster_13_1,
.raster_13_2,
.raster_13_3,
.raster_13_4,
.raster_13_5,
.raster_13_6,
.raster_13_7,
.raster_13_8,
.raster_13_9,
.raster_13_10,
.raster_13_11,
.raster_13_12,
.raster_13_13,
.raster_13_14 {
    left: 324px;
}

.raster_14_1,
.raster_14_3,
.raster_14_4,
.raster_14_5,
.raster_14_6,
.raster_14_7,
.raster_14_8,
.raster_14_9,
.raster_14_10,
.raster_14_11,
.raster_14_12,
.raster_14_13,
.raster_14_14 {
    left: 351px;
}

.raster_14_2 {
	left: 364px;
}


.raster_15_1,
.raster_15_2,
.raster_15_3,
.raster_15_4,
.raster_15_5,
.raster_15_6,
.raster_15_7,
.raster_15_8,
.raster_15_9,
.raster_15_10,
.raster_15_11,
.raster_15_12,
.raster_15_13,
.raster_15_14 {
    left: 378px;
}

.raster_16_1,
.raster_16_2,
.raster_16_3,
.raster_16_4,
.raster_16_5,
.raster_16_6,
.raster_16_7,
.raster_16_8,
.raster_16_9,
.raster_16_10,
.raster_16_11,
.raster_16_12,
.raster_16_13,
.raster_16_14 {
    left: 405px;
}

.raster_17_1,
.raster_17_2,
.raster_17_3,
.raster_17_4,
.raster_17_5,
.raster_17_6,
.raster_17_7,
.raster_17_8,
.raster_17_9,
.raster_17_10,
.raster_17_11,
.raster_17_12,
.raster_17_13,
.raster_17_14 {
    left: 432px;
}

.raster_18_1,
.raster_18_2,
.raster_18_3,
.raster_18_4,
.raster_18_5,
.raster_18_6,
.raster_18_7,
.raster_18_8,
.raster_18_9,
.raster_18_10,
.raster_18_11,
.raster_18_12,
.raster_18_13,
.raster_18_14 {
    left: 459px;
}

.raster_19_1,
.raster_19_2,
.raster_19_3,
.raster_19_4,
.raster_19_5,
.raster_19_6,
.raster_19_7,
.raster_19_8,
.raster_19_9,
.raster_19_10,
.raster_19_11,
.raster_19_12,
.raster_19_13,
.raster_19_14 {
    left: 486px;
}

.raster_20_1,
.raster_20_2,
.raster_20_3,
.raster_20_4,
.raster_20_5,
.raster_20_6,
.raster_20_7,
.raster_20_8,
.raster_20_9,
.raster_20_10,
.raster_20_11,
.raster_20_12,
.raster_20_13,
.raster_20_14 {
    left: 513px;
}

.raster_21_1,
.raster_21_2,
.raster_21_3,
.raster_21_4,
.raster_21_5,
.raster_21_6,
.raster_21_7,
.raster_21_8,
.raster_21_9,
.raster_21_10,
.raster_21_11,
.raster_21_12,
.raster_21_13,
.raster_21_14 {
    left: 540px;
}

/* Vertikaler Raster (1-14) */
.raster_1_1,
.raster_2_1,
.raster_3_1,
.raster_4_1,
.raster_5_1,
.raster_6_1,
.raster_7_1,
.raster_8_1,
.raster_9_1,
.raster_10_1,
.raster_11_1,
.raster_12_1,
.raster_13_1,
.raster_14_1,
.raster_15_1,
.raster_16_1,
.raster_17_1,
.raster_18_1,
.raster_19_1,
.raster_20_1,
.raster_21_1 {
    top: 351px;
}

.raster_1_2,
.raster_2_2,
.raster_3_2,
.raster_4_2,
.raster_5_2,
.raster_6_2,
.raster_7_2,
.raster_8_2,
.raster_9_2,
.raster_10_2,
.raster_11_2,
.raster_12_2,
.raster_13_2,
.raster_14_2,
.raster_15_2,
.raster_16_2,
.raster_17_2,
.raster_18_2,
.raster_19_2,
.raster_20_2,
.raster_21_2 {
    top: 324px;
}

.raster_1_3,
.raster_2_3,
.raster_3_3,
.raster_4_3,
.raster_5_3,
.raster_6_3,
.raster_7_3,
.raster_8_3,
.raster_9_3,
.raster_10_3,
.raster_11_3,
.raster_12_3,
.raster_13_3,
.raster_14_3,
.raster_15_3,
.raster_16_3,
.raster_17_3,
.raster_18_3,
.raster_19_3,
.raster_20_3,
.raster_21_3 {
    top: 297px;
}


.raster_1_4,
.raster_2_4,
.raster_3_4,
.raster_4_4,
.raster_5_4,
.raster_6_4,
.raster_7_4,
.raster_8_4,
.raster_9_4,
.raster_10_4,
.raster_11_4,
.raster_12_4,
.raster_13_4,
.raster_14_4,
.raster_15_4,
.raster_16_4,
.raster_17_4,
.raster_18_4,
.raster_19_4,
.raster_20_4,
.raster_21_4 {
    top: 270px;
}

.raster_sion {
	top: 257px;
}


.raster_1_5,
.raster_2_5,
.raster_3_5,
.raster_4_5,
.raster_5_5,
.raster_6_5,
.raster_7_5,
.raster_8_5,
.raster_9_5,
.raster_10_5,
.raster_11_5,
.raster_12_5,
.raster_13_5,
.raster_14_5,
.raster_15_5,
.raster_16_5,
.raster_17_5,
.raster_18_5,
.raster_19_5,
.raster_20_5,
.raster_21_5 {
    top: 243px;
}

.raster_1_6,
.raster_2_6,
.raster_3_6,
.raster_4_6,
.raster_5_6,
.raster_6_6,
.raster_7_6,
.raster_8_6,
.raster_9_6,
.raster_10_6,
.raster_11_6,
.raster_12_6,
.raster_13_6,
.raster_14_6,
.raster_15_6,
.raster_16_6,
.raster_17_6,
.raster_18_6,
.raster_19_6,
.raster_20_6,
.raster_21_6 {
    top: 216px;
}

.raster_1_7,
.raster_2_7,
.raster_3_7,
.raster_4_7,
.raster_5_7,
.raster_6_7,
.raster_7_7,
.raster_8_7,
.raster_9_7,
.raster_10_7,
.raster_11_7,
.raster_12_7,
.raster_13_7,
.raster_14_7,
.raster_15_7,
.raster_16_7,
.raster_17_7,
.raster_18_7,
.raster_19_7,
.raster_20_7,
.raster_21_7 {
    top: 189px;
}

.raster_1_8,
.raster_2_8,
.raster_3_8,
.raster_4_8,
.raster_5_8,
.raster_6_8,
.raster_7_8,
.raster_8_8,
.raster_9_8,
.raster_10_8,
.raster_11_8,
.raster_12_8,
.raster_13_8,
.raster_14_8,
.raster_15_8,
.raster_16_8,
.raster_17_8,
.raster_18_8,
.raster_19_8,
.raster_20_8,
.raster_21_8 {
    top: 162px;
}

.raster_1_9,
.raster_2_9,
.raster_3_9,
.raster_4_9,
.raster_5_9,
.raster_6_9,
.raster_7_9,
.raster_8_9,
.raster_9_9,
.raster_10_9,
.raster_11_9,
.raster_12_9,
.raster_13_9,
.raster_14_9,
.raster_15_9,
.raster_16_9,
.raster_17_9,
.raster_18_9,
.raster_19_9,
.raster_20_9,
.raster_21_9 {
    top: 135px;
}

.raster_1_10,
.raster_2_10,
.raster_3_10,
.raster_4_10,
.raster_5_10,
.raster_6_10,
.raster_7_10,
.raster_8_10,
.raster_9_10,
.raster_10_10,
.raster_11_10,
.raster_12_10,
.raster_13_10,
.raster_14_10,
.raster_15_10,
.raster_16_10,
.raster_17_10,
.raster_18_10,
.raster_19_10,
.raster_20_10,
.raster_21_10 {
    top: 108px;
}


.raster_1_11,
.raster_2_11,
.raster_3_11,
.raster_4_11,
.raster_5_11,
.raster_6_11,
.raster_7_11,
.raster_8_11,
.raster_9_11,
.raster_10_11,
.raster_11_11,
.raster_12_11,
.raster_13_11,
.raster_14_11,
.raster_15_11,
.raster_16_11,
.raster_17_11,
.raster_18_11,
.raster_19_11,
.raster_20_11,
.raster_21_11 {
    top: 81px;
}

.raster_1_12,
.raster_2_12,
.raster_3_12,
.raster_4_12,
.raster_5_12,
.raster_6_12,
.raster_7_12,
.raster_8_12,
.raster_9_12,
.raster_10_12,
.raster_11_12,
.raster_12_12,
.raster_13_12,
.raster_14_12,
.raster_15_12,
.raster_16_12,
.raster_17_12,
.raster_18_12,
.raster_19_12,
.raster_20_12,
.raster_21_12 {
    top: 54px;
}

.raster_1_13,
.raster_2_13,
.raster_3_13,
.raster_4_13,
.raster_5_13,
.raster_6_13,
.raster_7_13,
.raster_8_13,
.raster_9_13,
.raster_10_13,
.raster_11_13,
.raster_12_13,
.raster_13_13,
.raster_14_13,
.raster_15_13,
.raster_16_13,
.raster_17_13,
.raster_18_13,
.raster_19_13,
.raster_20_13,
.raster_21_13 {
    top: 27px;
}

.raster_1_14,
.raster_2_14,
.raster_3_14,
.raster_4_14,
.raster_5_14,
.raster_6_14,
.raster_7_14,
.raster_8_14,
.raster_9_14,
.raster_10_14,
.raster_11_14,
.raster_12_14,
.raster_13_14,
.raster_14_14,
.raster_15_14,
.raster_16_14,
.raster_17_14,
.raster_18_14,
.raster_19_14,
.raster_20_14,
.raster_21_14 {
    top: 0px;
}

/* End: Detailprognose */
