#instance_navigation {
	display: none;
}


#pseudo_instance_navigation, #pc.p_rueckblick_climatecalculator.Default #instance_navigation { 
	float: left;
	margin: 0 0 0 2px;
	padding: 9px 0 0;
	max-width: 450px;
}

#pc.p_rueckblick_climatecalculator.Default #instance_navigation, div#pc.p_rueckblick_travelplanner div#instance_navigation {
	display: block;
	margin-left: 10px;
	max-width: 640px;
}

#pseudo_instance_navigation h5, #pc.p_rueckblick_climatecalculator.Default #instance_navigation h5 {
	color:#000;
	font-weight: bold;
	margin: 0 0 10px 0; 
	font-size: 12px;
	font-family: arial, sans-serif;
}

#pseudo_instance_navigation ul li, #pc.p_rueckblick_climatecalculator.Default #instance_navigation ul li, div#pc.p_rueckblick_travelplanner div#instance_navigation ul li {
	display: inline;
	margin: 0 2px 0 0;
	line-height: 18px;
	color:#000;
	font-size: 12px;
	float: left;
	white-space: nowrap;
}

#pseudo_instance_navigation ul li:after, #pc.p_rueckblick_climatecalculator.Default #instance_navigation ul li:after, div#pc.p_rueckblick_travelplanner div#instance_navigation ul li:after {
	content: "\007C"; 
}

#pseudo_instance_navigation ul li a, #pc.p_rueckblick_climatecalculator.Default #instance_navigation ul li a, div#pc.p_rueckblick_travelplanner div#instance_navigation ul li a{
	color: #000;
	font-weight: normal;
	white-space:nowrap;
        margin-right: 3px;
        margin-left: 3px;

}

#pseudo_instance_navigation ul li.activeinstance, #pc.p_rueckblick_climatecalculator.Default #instance_navigation ul li.activeinstance, div#pc.p_rueckblick_travelplanner div#instance_navigation ul li.activeinstance {
        background-image: url(data:image/gif;base64,R0lGODlhBAAHAIABAP8AAAAAACH5BAEAAAEALAAAAAAEAAcAAAIIRA4WaeyrVCgAOw==);
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 3px 50%;
        color: #000;
        padding-left: 8px;
}


#product {
		float: left;
		width: 646px;
		margin-left: 10px;
}

#product_display {
		float: left;	
		border-style: solid;
		border-color: #ddd;
		border-width: 1px 0px 0px 0px;			
		width: 641px;
		font-size: 11px;
		padding-top: 10px;
		}
/* klimafolgenonline link in der switch-tab-leiste */
#switch_tab .external {
    background: url(/dr/0.0.0/img/arrows/doublearrow_right.gif) no-repeat scroll left 7px transparent;
    color: #000000;
    display: block;
    float: right;
    font-weight: normal;
    height: 24px;
    line-height: 30px;
    text-indent: 16px;
    vertical-align: bottom;
}


/*---------------------------
 * Teaser *
 * -------------------------- */

#paraheadline {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #00537f;
    min-height: 13px;

}

#product_display.teaser #paraheadline {
    text-indent: 0;
    margin:0 0 10px 0;
}
#product_display.HistoryTeaser p, #product_display.DiagramTeaser p, #product_display.CalculatorTeaser p {
    float: left;
    font-size: 12px;
    line-height: 16px;
}
#product_display.TravelTeaser p {
    font-size: 12px;
    line-height: 16px;
}
#product_display #furthersearchform {
    position: relative;
    bottom: auto;
    right: auto;
    /*width: 450px;*/
    margin: 0;
/*    background-color: #f3f7fb; */
    padding: 7px 0 0 0;
    z-index:15;
}

#pc.Teaser #furthersearchform {
	background-color: #f3f7fb;
	padding: 10px;
	margin: 10px 0;
}

#product_display.DiagramTeaser #furthersearchform, #product_display.HistoryTeaser #furthersearchform, #product_display.CalculatorTeaser #furthersearchform, #product_display.Travel #globalnavi-wrapper #furthersearchform, #product_display.p_rueckblick_climatecalculator  #globalnavi-wrapper #furthersearchform {
	width: 620px;
}

#product_display.TravelTeaser #furthersearchform {
        float: none;
	width: 640px;
}

#pc.p_rueckblick_climatecalculator.Default #globalnavi-wrapper #furthersearchform {
    background-color: #f3f7fb;
    margin: auto;
    max-width: none;
    padding: 10px;
    width: 620px;
}

#product_display.Travel #furthersearchform {
	margin-top: -5px;
}

#pc.p_rueckblick_travelplanner #furthersearchform {
	height: 40px;
	margin: 10px 0;
	background-color: #f3f7fb;
}

#pc.p_rueckblick_travelplanner #furtherautosuggestions {
	top: 37px;
	right: -38px;
}

#pc.p_rueckblick_travelplanner #globalnavi-wrapper #furthersearchform {
	height: auto;
	max-width: none;
	padding: 10px;
	margin: 0;
}

#product_display #furtherautosuggestions {
    top: 59px;
    right: 4px;
    width: 207px;
}

#product_display.DiagramTeaser #furthersearchform fieldset {
        display: inline;
        position: relative;
	float: left;
}

#product_display.DiagramTeaser #furthersearchform #furtherautosuggestions {
	right: 0;
	top: 28px;
	min-width: 179px;
	width: auto;
}


#pc.p_rueckblick_travelplanner #globalnavi-wrapper #furtherautosuggestions, #pc.p_rueckblick_climatediagram.Teaser #furtherautosuggestions, #pc.p_rueckblick_climatehistory.Teaser #furtherautosuggestions {
	right: -28px;
	top: 40px;
}

#product_display #globalnavi-wrapper #furtherautosuggestions {
	right: auto;
}

#product_display.Travel #globalnavi-wrapper #furtherautosuggestions, #product_display.p_rueckblick_climatecalculator  #globalnavi-wrapper #furtherautosuggestions {
        right: 4px;
}

#pc.p_rueckblick_colormap #globalnavi-wrapper a {
	color: #000;
}

#furthersearchform span {
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    display: block;
    width: 100%;
}
 

#product_display #furthersearchform label {
    float: left;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    padding: 0 10px 0 15px;
}
#exampleborder {
    float: left;
    width: 640px;
    border-top: 1px solid #ddd;
    margin-bottom: 15px;
}
#exampleborder p {
    margin-top: 15px;
}

#exampleimagearea {
    float: left;
    width: 640px;
    border-top: 1px solid #ddd;
}

#exampleimagearea p.intro {
    width: 100%;
    display: block;
    float: left;
    margin: 15px 0 15px 0;
    line-height: 20px;
}

#exampleimagearea div {
    width: 300px;
    float: left;
    margin-bottom: 40px;
    margin-right: 20px;
}

body.m #exampleimagearea div {
	min-height: 215px;
}

#exampleimagearea div.rightbox {
    margin-left: 20px;
    margin-right: 0;
}

#exampleimagearea h4 {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0;
}

#exampleimagearea img {
    width: 300px;
    height: 165px;
}

#product_display form {
    font-size: 10px;
}

/*-------------------------
 * ende
 * -----------------------*/

#paraheadline {
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #00537f;
	min-height: 13px;
	
}

#imagearea {
	width: 520px;
	height: 571px;	
	float: left;
	cursor: auto;
	position: relative;
	top: 0;
	margin-top: 7px;
}

#imagearea img#p_rueckblick_colormap {
	width: 520px;
	height: 571px;
	visibility: hidden;
}


#image {
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 520px;
	height: 571px;
}

.preloaded {
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 520px;
        height: 571px;
        z-index: 2;
}


#progress {
	height: 19px;
	width: 120px;
	background-color: #000;
	color: #fff;
	position: relative;
	top: 40%;
	left: 200px;
	visibility: hidden;
	z-index: 10;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	border: 1px solid #aaa;
}

#progressimg {
        position: absolute;
        top: 15px;
        left: 3px;
        height: 3px;
        visibility: hidden;
}



#product_display form {
	font-size: 10px;
}


#panel {
	float: left;
	margin: 7px 0 7px 7px;
	width: 114px;
	height: 400px;
	}

#resi {
	background-color: #fff; 
	border: 1px solid #ddd;
	width: 112px;
	height: 325px;
}

#resi .paramblock {
	float: left;
}

#resi .paramblock h4 {
	font-size: 12px; 
	width: 90px; 
	margin: 8px 0 0 5px;
	font-family: arial, sans serif;
}

#resi .paramblock ul {
	margin-top: 3px;
	font-size: 12px; 
	text-indent: 5px; 
	line-height: 18px;
}

#resi .paramblock a {
	color: #000;
}

#resi .paramblock a.activeparameter {
	color: #000;
}

.activeitem {margin-right: 3px;}
#resi .paramblock .unavailable {color: #ddd; text-decoration: none; cursor: default;}


#time .active {font-weight: bold;}

#dates {
	float: left;
	margin-top: 2px;
	position: relative;
	top: 0;
	left: 0;
}

#dates select {
	width: 90px;
	margin: 3px 0px 0px 10px;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #000;
}

#datechange {
	margin-left: 10px; 
	width: 90px;
	line-height: 18px;
}

#time { 
	width: 70px;
	margin: 3px 0px 0px 10px;
	border: 1px solid #fff;
	height: 120px;
	padding: 10px;
	overflow: auto;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	}

#date_choice {
	visibility: hidden;
}

#mapstepper {clear: both; height: 60px; padding-top: 5px; width: 520px;}
#mapstepper div {margin: auto; width: 265px; height: 30px;}
.current {margin: 7px 65px;}

.latest {
	position: relative;
	top: 15px;
	left: 70px;
	}

.current, .latest {
	width: 130px;
	height: 23px;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAuAgMAAACZsyn7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF////8/f73d3dAFN/nvc5BQAAAOdJREFUOMvl0jEKwyAUBmDBtZAr9AiBroKnEKeQXiJ0ktdLdO/cUwhZu0qm3sHFLcE+o4MhkuzJG97ix/t9KPns1Js8yXZdzyjqC7fWej3yERvhlvea21ywCyNIaE81NsJYRTVjueBJ6CB0ElUubt+UQnVMWYl6nGcQPMBWmlGzmBIErUr3CLtwnaXw3i93OcjL7f/1ffES23U/o+gacM55M8GETYCDwYDLhWqUQCIHabAJpVpplMoFJGGCMEm0uXj8Uoo0MWUlummeIfAAW2lGp2JKELIt3SPsAiZLgcEvdznIy+3+9T9WzscGc9OXXQAAAABJRU5ErkJggg==) left top no-repeat scroll; 
	float: left;
}

.fore:hover, .back:hover, .latest:hover, .current:hover {background-position: 50% -23px;}

#periodchoice a {
	text-indent: 10px; 
	font-size: 13px;
	color: #000;
}

#periodchoice a.activefrequency {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

#periodchoice span.notavailablefrequency {
	color: #ddd;
	font-size: 13px;
}

#section_form {
	padding-top: 10px;
	font-family: arial, sans-serif;

	}

#section_form label {line-height: 18px; font-size: 11px; margin: 0 5px 0 3px; cursor: pointer;  }
#section_form label.unavailablesection {color: #aaa; cursor: auto;}
#section_form input:hover {cursor: pointer;}

#showcase {
	width: 640px;
	height: 390px;
	position: relative;
	}

#noparainfodiv {
	width: 280px;
	height: 80px;
	background-color: #fff;
	border: 1px solid #ddd;
	position: absolute;
	top: 100px;
	left: 160px;
	padding: 25px;
	font-size: 14px;
	font-weight: bold;
	display: none;
	line-height: 30px;
	text-align: center;
}

#noparainfodivok {
	cursor: pointer;
	border: 1px solid #ddd;
	height: 28px; 
	width: 50px;
	margin: 5px auto;
	background-color: #fff;
}

#noparainfodivok:hover {
	color: #000;
	background-color: #f3f7fb;
}

table
{
width: 450px;
color:#000;
font-family: arial, sans-serif;
padding: 0;
border: 0px solid #ff0000;
border-collapse: collapse;
position: relative;
top: 0px;
left: 0px;
table-layout: auto;
}

tr
{
padding: 0;
}

th, td
{
color:#000;
font-size: 12px;
border: 1px solid #f5f5f5;
border-color: #ddd;
padding: 5px 0;
text-align:center;
}

th {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
	background-color:#f3f7fb;
}

th.halfheader {
	height: 15px;
	line-height: 15px;
}


.timeequation {
	font-size: 10px;
	font-weight: normal;
}

td
{
padding: 8px 5px 8px 5px;
}

td.radiobutton
{
color:#000;
font-size: 11px;
font-weight: normal;
background-color:#fff;
border: 0px solid #f5f5f5;
border-color:#dddddd;
padding: 5px 5px 5px 5px;
text-align:center;
}



#product_display h2 {
color:#000;
font-family: arial, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 0px 0px 10px 0px;
}

#frequency_option{
color: #00537f;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 10px 0px;
}


#product_display h3
{
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
}

h4
{
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

/* p_rueckblick_diagram */

img#climatediagram {
	width: 640px;
	height: 390px;
	min-width: 640px;
	height: 390px;
}

#time_choice, #para_choice, #para_time_choice {
	width: 600px;
	margin-left: 40px;
}

div#product_display.p_rueckblick_climatediagram #para_choice fieldset{
	padding: 10px 0px 10px 100px;
}

div#product_display.p_rueckblick_climatediagram #para_choice fieldset label {
	margin-right: 20px;
}

#time_choice input, #time_choice select, #time_choice label, #para_choice label, #para_time_choice label, #para_time_choice input, #para_time_choice select {
	vertical-align: top;
	font-size: 12px;
	font-family: arial, sans-serif;
}

#time_choice select {
	margin: 2px 10px 15px 0;
}

#time_choice select, #para_time_choice fieldset {
	float: left;
	margin-top: 1px;
}

#time_choice {
	height: 34px;
	width: 100%;
	padding-left: 5px;
	visibility: hidden;
}

.p_rueckblick_climatehistory #time_choice, .p_rueckblick_climatehistory #para_choice, .p_rueckblick_climatehistory #para_time_choice
{
	visibility: visible;
	float: left;
}

.p_rueckblick_climatehistory #para_choice {
	width: 355px;
	margin-top: -2px;
	margin-left: 0px;
}

.p_rueckblick_climatehistory #para_time_choice .para_choice {
	width: 365px;
}

.p_rueckblick_climatehistory #time_choice {
	width: 122px;
	margin-left: 15px;
}

.p_rueckblick_climatehistory .time_choice {
	margin-right: 20px;
	opacity: 0;
}


#time_choice label, .time_choice label {
	display: inline-block;
	margin: 7px 5px 0 5px;
}

#para_choice {
	height: 50px;
}

.paradiv {
	display: block;
	width: 120px;
	height: 24px;
	float: left;
	position: relative;
	}

#para_choice label {
	top: 3px;
	position: relative;
}

.para_choice label {
	line-height: 21px;
}

#para_choice input, .para_choice input {
	margin-right: 5px;
	cursor: pointer;
	position: relative; 
        top: 3px;
}

.p_rueckblick_climatehistory #para_choice input, .p_rueckblick_climatehistory #para_time_choice .para_choice input {
	margin-right: 2px;
        position: relative;
        top: 1px;
}

.p_rueckblick_climatehistory label {
	margin-left: 10px;
}

.p_rueckblick_climatehistory label a {
	color: #000;
}

#climatehistory {
       -moz-user-select:none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;

}

form#toolbar {
        width: 112px;
        float: right;
        font-size: 12px;
        z-index: 2;
        margin-top: -14px;
	margin-bottom: -4px;
}

#homemarker, #homemarkerlabel {
        visibility: hidden;
}

#toolbar label {
        position: relative;
        text-align: left;
        top: -2px;
}

#toolbar input {
        cursor: pointer;
        }

#para_choice fieldset label a, .para_choice fieldset label a {
	color: #000;
}

#para_choice label.unavailable, .para_choice label.unavailable {
	color: #ddd;
	cursor: default;
}

#para_choice label.unavailable input, .para_choice label.unavailable input {
	cursor: default;
}

/* ------------------------------------------------------------ */


#slider-date-choice {
	margin-top: -10px;
	position: relative;
	height: 110px;
	/*margin-bottom: 5px;*/
}

#showcase-intro, #showcase-prt {
	margin: 0px 0px 10px;
	width: 620px;
	height: auto;
	clear: both;
}

#showcase-prt {
	background-color: #f3f7fb;
	border: 1px solid #ccc;
	padding: 0px 10px 0px 10px;
	margin-bottom: 20px;
}

#instance-navi-hint {
	padding-bottom: 20px;
}

#slider-choice-hint {
	/*font-weight: bold;*/
	color: #000;
	font-size: 13px;
	padding-bottom: 4px;
}

#selector-header {
	margin:10px 0px;
	font-size: 13px;
    	line-height: 16px;
}

#selector-and-slider-container {
	position: relative;
	height: 84px;
	/*background-color: #f3f7fb;*/
}

#selector-container {
	position: absolute;
	top: 17px;
}

.selector {
	position: relative;
	height: 30px;
}

.day-label {
	position: absolute;
	top: 0px;
	font-size: 13px;
	line-height: 16px;
}

.day-select {
	position: absolute;
	top: 0px;
	left: 85px;
}

.month-select {
	position: absolute;
	top: 0px;
	left: 130px;
}

#slider-container {
	position: absolute;
	left: 230px;
	top: 3px;
	width: 391px;
	height: 78px;
}

.slider {
	position: absolute;
	left: 0px;
	height: 29px;
	width: 409px;	/* 365 + knob-width - 1 */
}

#start-slider {
	top: 0px;
	/*background-color: rgba(255,255,0,0.5);*/
}

#end-slider {
	top: 49px;
	/*background-color: rgba(255,0,255,0.5);*/
}

#slider-shader-container {
	position: absolute;
	top: 29px;
	left: 22px;
	width: 367px;
	height: 20px;
	background-color: #fff;
}

#higher-slider-shader-container {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 365px;
	height: 22px;
	z-index: 10;
}

#timeline-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 367px;
	height: 20px;
	z-index: 7;
}

#lower-slider-shader-container {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 365px;
	height: 22px;
	z-index: 4;
}

.higher-slider-is-shaded {
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	/*background-color: rgba(170,190,255,0.5);*/
}

.lower-slider-is-shaded {
	background-color: #f3f7fb;
}

.higher-slider-shader {
	position: absolute;
	top: -1px;
	height: 18px;
}

.lower-slider-shader {
	position: absolute;
	top: 0px;
	height: 20px;
}
	
#higher-slider-shader-left {
	left: 0px;
}

#higher-slider-shader-middle {
}

#higher-slider-shader-right {
	right: 0px;
}

#lower-slider-shader-left {
	left: 0px;
}

#lower-slider-shader-middle {
}

#lower-slider-shader-right {
	right: 0px;
}

.knob {
	position: relative;
	height: 29px;
	width: 45px;
}

#start-knob {
	background: url(/dr/0.0.0/img/sliders/dual-dayofyear-slider/upper-knob.gif) no-repeat scroll 0px 0px;
}

#end-knob {
	background: url(/dr/0.0.0/img/sliders/dual-dayofyear-slider/lower-knob.gif) no-repeat scroll 0px 0px;
}

#start-knob-label {
	position: absolute;
	left: 0px;
	top: 1px;
	width: 45px;
	text-align: center;
}

#start-knob-date {
	position: absolute;
	left: 0px;
	top: 11px;
	width: 45px;
	text-align: center;
}

#end-knob-label {
	position: absolute;
	left: 0px;
	top: 6px;
	width: 45px;
	text-align: center;
}

#end-knob-date {
	position: absolute;
	left: 0px;
	top: 16px;
	width: 45px;
	text-align: center;
}

#travel-destination-container {
	color: #00537f;
	font-size: 14px;
	font-weight: bold;
	margin-left: 4px;
	margin-top: 6px;
}

#travel-destination {
}
	
/* ---- */
/* searchbox: */

#travelplanner-searchbox {
	float: right;
	margin-bottom: 5px;
	font-size: 12px;
}

#travelplanner-searchbox label {
	font-size: 12px;
	cursor: default;
}

#tp-searchstring {
	border: 1px solid #ddd;
	color: #00537f;
	height: 15px;
}

#tp-searchbutton {
	cursor: pointer;
	height: 19px;
	width: 18px;
	margin-left: 3px;
	margin-top: 3px;
	vertical-align: bottom;
}

#submitbutton-container {
	position: absolute;
	top: 80px;
}

/* ---- */

p.tp {
	margin: 15px 0px;
	width: 620px;
	font-size: 13px;
	line-height: 16px;
}

#pc h4.wmostation {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-left: 4px;
	margin-top: 5px;
}

.para-intro {
	color: #00537f;
	font-weight: bold;
}


#globalnavi-wrapper {
        float: left;
        font-size: 9pt;
        line-height: 14px;
        padding: 5px 0;
        width: 645px;
        position: relative;
        margin-top: 5px;
}

.globalnavi {
        float: left;
        margin: auto;
        text-align: center;
        text-align: center;
        width: 405px;
 
}

.globalnavi li, .globalnavi li a {
        display:  inline; 
        color: #000;
        padding: 0 5px;
}

.globalnavi li {
        padding: 0 1px;
}

.globalnavi li:after {
        content: ' \007C ';
}

.globalnavi li:last-child:after {
        content: none;
}

.globalnavi ul.subcontinent {
        display: inline-block;

}

.globalnavi ul.subcontinent:before {
        content: '\0028';
}

.globalnavi ul.subcontinent:after {
        content: '\0029';
}

.globalnavi .active {
        background-image: url(data:image/gif;base64,R0lGODlhBAAHAIABAP8AAAAAACH5BAEAAAEALAAAAAAEAAcAAAIIRA4WaeyrVCgAOw==);
        background-color: transparent;
        background-repeat: no-repeat;
	background-position: 0 5px;
}

#globalnavi-wrapper #furthersearchform {
	margin: 0;
	position: relative;
	max-width: 190px;
}

#globalnavi-wrapper div.wrapper {
    float: left;
    margin: 3px 0 0 10px;
    max-width: 450px;
}
 
/**** rueckblick_requestedclimate *********************/




#product_display .climate {
		float: left;	
		border-style: solid;
		border-color: #ddd;
		border-width: 0px;			
		width: 641px;
		font-size: 11px;
		margin-top: 10px;
		font-size:12px;
		}

#product_display .climate h3 {
	color: #00537f;
	font-weight: bold;
	padding: 3px 0;
	font-size: 14px;
	margin-bottom: 5px;
	width: 100%;
}

#product_display .climate .dateheadline {
	color:#000;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}


#product_display .climate select {
    border: 1px solid #DDDDDD;
    font-size: 11px;
    margin-bottom: 14px;

}

#pc.p_rueckblick_requestedclimate #instance_navigation {
    display:none;
}

/******************************/
/*** Sortable Table Aktuell ***/
/******************************/
.climate td
{
  font-size: 12px;
  height: 18px;
  line-height: 24px;
  padding: 5px 5px 8px 5px;
  overflow: hidden;
}



/*****HEADER*****/

   .climate #results_header .category{
	font-weight: bold;
	padding-left:6px;
	
    }
    
   .climate  #results_header .value{
	padding-left:4px;
    }
   .climate  #results_header div{
	padding-bottom:5px;
	font-size:12px;
    }
    
    div#climate_sortable { /*TODO need?*/
	float: left;
/*	width: 515px;*/
	margin-right: 5px;
    }

    div#tablebox 
    {
	float: left;
	margin-bottom: 7px;
    }

    #product_display #climatetable 
    {

	  overflow: auto;	
          background-color: #fff;
          border-collapse: collapse;
	  border: 0;
	  margin-top: 0;
	  width:100%;
    }

    #climatetable th, #climatetable td 
    {
          padding: 4px;
	  border-width: 0 2px;
	  border-style: solid;
	  border-color: #fff;
	  font-weight: normal;
    }

    #product_display #climatetable th 
    {
	border-width: 0;
        background-color: #fff;
	margin: 0;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	color:#000;
	font-weight:normal;
	font-size:12px;
	font-family: arial, sans-serif; 
	vertical-align: baseline;
	-moz-user-select:none;
	-khtml-user-select: none;
	text-align: right;
    }

    #climatetable th span:hover {
        text-decoration: underline;
	cursor: pointer;
    }

    #climatetable th.sortedASC, #climatetable th.sortedDESC {
        color: #000;
        font-weight: bold;
    }

    #climatetable td 
    {
	height: 26px;
        background-color: #f3f7fb;
	vertical-align: bottom;
	line-height: 23px;
    }

    #climatetable tr.altRow td
    {
        background-color:#fff;
    }

    #climatetable td a {font-weight:normal; color: #000;}
    #climatetable th.loccol span {font-weight:normal; font-size: 12px; color: #000;}
    #climatetable th.loccol span.bold {font-weight:bold; color: #000;}

    #climatetable th.loccol p {display: inline;}
    #climatetable th.loccol p:hover {text-decoration: underline;}

   

   #product_display #climatetable td 
	{
	text-align: right;
   	text-align: right;
	padding: 0px 5px;
	vertical-align: middle;
	}

   .pager 
	{
	float: left;
	font-size: 11px;
/* 	width: 520px; */
	width: 640px;
	height: 18px;
	text-align: center;
	padding-top: 5px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;	
	text-indent: 6px;

	}

    .pager ul, .pager span {
	float: left;
	vertical-align: bottom;
	}

    .pages {
	float: right;
	margin-right: -5px;
	}

    .pagelabel {
	float: left;
	margin-right: 3px;
	font-weight: bold;
	height: 14px;
	}

    .pagination {
	float: right;
	}

    .pagination .current_page {
	font-weight: bold;
	color: #00537f;
	}

   .pagination li {
	display: inline;
	margin-right: 4px;
   }

    .pagination li a {
	color: #000;
	}

    .pagination li.unclickable {
	display: none;
	}

    .pagination img {
	vertical-align: top;
	margin-top: -1px;
	}


    .ellipsis {
	margin-left: -2px;
     }

     .pagestepper {
	width: 40px;
	margin-top: -1px;
	position: relative;
	right: 2px;
	}

     .pagestepper li {
	display: inline;
	}

#product_display #climatetable tr td 
{
	height: 26px;
	border-color: #fff;
	border-width: 0 2px 0 0;
	text-align:center;
}

#product_display #climatetable .loccol {
	white-space: normal;
	text-align: left;
	}	

#product_display #climatetable th.loccol {
	text-indent: 6px;
	width:184px; /*TODO right width*/
}

#product_display #climatetable td.wwcol {
	border-width: 0;
}

#climate_panel {
    background-color:#F3F7FB; 
    padding-bottom:10px;
    padding-top:10px;
    padding-left:20px;
    margin:10px 0;
}

#climate_panel h2{
    color: #00537f;
    font-size: 14px;
    font-weight: bold;
/*     margin-top:10px; */
    margin-bottom:5px;
}


#climate_sortable h2{
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
#climate_sortable p{
    
    line-height:150%;
    font-size: 12px;

}

#climate {
	padding: 3px 0;
	font-size: 11px;
}

#climate label {
	float: left;
	font-weight: bold;
	font-size: 11px;
	color: #00537f;
	line-height: 20px;
	margin-left: 3px;	
}

#climate label.radio {
	font-weight: normal;
	color: #000;
	width: 100px;
	display: block;
	margin: -3px 0 0 -3px;
	line-height: 28px;
}

#climate select {
	width: 100px;
	margin-bottom: 14px;
	border: 1px solid #ddd;
	font-size: 11px;
}



#climate input {
	margin: 12px 8px;
	text-align: center;
}


.climate input.submit {
	margin-top: 10px;
}

#climate-ttfilter{
	color: #fff;
}

optgroup {
        font-style: normal;
        color: #000;
        font-weight: normal;
        background-color: #f3f7fb;
        font-family: arial, sans-serif;
}

optgroup option {
        color: #000;
        padding-left: 8px;
        background-color: #fff;
}


/******** Klimarechner ************/

.p_rueckblick_climatecalculator .time_choice {
    margin-right: 0;
    opacity: 1;
}
.p_rueckblick_climatecalculator #para_choice {
    width: 645px;
    height: auto;
    float: left;
    padding: 10px 0 10px 0;
    margin-left: 0;
}

.p_rueckblick_climatecalculator #para_choice label, .p_rueckblick_climatecalculator #para_choice select {
	float: left;
	background-color: #fff;
}

.p_rueckblick_climatecalculator #para_choice select {
	border: 1px solid #ddd;
	height: 20px;
	margin-right: 5px;
}

.p_rueckblick_climatecalculator #para_choice label {
	line-height: 20px;
	padding: 0 5px;
	top: 1px;
}

.p_rueckblick_climatecalculator #para_choice input {
    top: 0;
}

table#climatecalculator_result {
	margin: 10px auto;
	width: 280px;
}

table#climatecalculator_result tr th {
	background-color: #fff;
	font-weight: bold;
}

table#climatecalculator_result tr.divide th {
	border: none;
}

table#climatecalculator_result tr.mean th {
	background-color: #fff;
	font-weight: normal;
	padding: 10px 0;
}

table#climatecalculator_result tbody td, table#climatecalculator_result tbody th, table#climatecalculator_result thead tr.detailhead th {
	padding-right: 5px;
    text-align: right;
	width: 100px;
}

table#climatecalculator_result tr {
	background-color: #f3f7fb;
}

table#climatecalculator_result tr.odd {
	background-color: #fff;
}

table#climatecalculator_result thead tr.headline th {
	border: none;
	background-color: #fff;
}

.p_rueckblick_climatecalculator #para_choice fieldset {
	display: inline;
	float: left;
}
/*
#para_choice fieldset.para_ana_select {
	width: 100%;
	padding-bottom: 20px;
}*/

.p_rueckblick_climatecalculator div.table_wrapper {
	float: left;
	width: 100%;
}

.p_rueckblick_climatecalculator #exampleimagearea img {
	height: 240px;
}