/*********************/
/*- Layout-Elements -*/
/*********************/

	* {
		margin: 0;
		padding: 0;
		font-family: Arial, sans-serif;
	}

	html { 
		
	} 

	body { 
		font-size: 100.01%; 
		position: relative;
		font-style: normal;
		text-align: center;
		color: #525252;
		background: #F9F9F9;
	} 

	#OuterShell {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: left;
		min-width: 800px;
	}

	#InnerShell {
		position: relative;
		top: 0;
		left: 0;
		text-align: left;
		margin: 25px 20px 0 20px;
		padding: 10px 10px 0 10px;
		width: 728px;
		background: #fff;
	}

	#main {
		background: #F9F9F9;
	}

	
	#content {
		background: transparent url(/ah/resources/images/main_corner.gif) right top no-repeat;
		border-right: 10px solid #fff;
		width: 490px;
		padding: 36px 39px;
		float: left;
		font-size: 11px;
		overflow: hidden;
		position: relative;
	}
	
	/* Teaser */

	#relatedContent {
		width: 150px;
		float: right;
		font-size: 11px;
	}
	
	.teaserElement {
		border-bottom: 10px solid #fff;
		padding: 17px 0 17px 9px;
	}	
	
	.teaserElement p {
		color: #00CCFF;
		font-weight: bold;
	}	
	
	.teaserElement a:link .down, .teaserElement a:visited .down, .teaserElement a:active .down { 
		display: none; 
	}
	
	.teaserElement a:link .up, .teaserElement a:visited .up, .teaserElement a:active .up { 
		display: inline; 
	}
	
	.teaserElement a:hover .down { 
		display: inline; 
	}
	
	.teaserElement a:hover .up { 
		display: none; 
	}
	
	/* header */
	
		#header {
			
		}	
		
		#header img {
			margin-bottom: 10px;
		}

	#footer {
		background: #F9F9F9;
		border-top: 10px solid #fff;
		margin: 0 20px 0 20px;
		padding: 15px 8px 20px 8px;
		width: 732px;
		font-size: 11px;
		color: #828282;
	}
	
	.luftdaten_result {
		background: #fff;
		margin: 22px 0;
	}


/****************/
/*--- Links ----*/
/****************/

	a:link, a:visited, a:hover, a:active {
		color: #525252;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	.dialog_nav a:link, .dialog_nav a:visited, .dialog_nav a:hover, .dialog_nav a:active,
	.box_head a:link, .box_head a:visited, .box_head a:hover, .box_head a:active {
		color: #fff !important;
	}	
	
	.confbox .form_main a:link, .confbox .form_main a:visited, .confbox .form_main a:hover, .confbox .form_main a:active {
		color: #00CCFF;
		font-weight: bold;
		background: url(/ah/resources/images/link_settings.gif) right center no-repeat; 
		padding: 0 8px 0 0;
	}	
	
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
		color: #828282;;
	}	
	
	.thirdCol strong a:link, .thirdCol strong a:visited, .thirdCol strong a:hover, .thirdCol strong a:active {
		color: #00CCFF;
	}

	a.homebutton:link, a.homebutton:visited, a.homebutton:hover {
		color:#525252;
		font-size:11px;
		font-weight:normal;
		left:415px;
		position:absolute;
		text-decoration:none;
		top:17px;
		z-index:10000;
	}	
	
	a.homebutton:hover {
		text-decoration: underline;
	}	

/*********************/
/* Content-Elements  */
/*********************/

	h1 {
		color: #00CCFF;
		font-size: 13px;
		text-transform: uppercase;
		margin-bottom: 25px;
	}

	h2 {
		color: #00CCFF;
		padding: 11px 9px;
		font-size: 11px;
	}

	p {
		margin-bottom: 1em;
	}
	
	.description {
		color: #525252;
		font-weight: bold;
	}

	ul {
		list-style-type: none;
		margin-bottom: 1em;
	}
	
	img {
		border:none;
	}
	
	.eyecatcher {
		margin: 10px 0 20px 0;
	}
	
	/* boxes */
	
		.box {
			background: #fff;
			margin-bottom: 1em;
			border-bottom: 5px solid #E1E1E1;
		}	

		.map {
			margin: 22px 32px;
		}
		
		/* settings box */
		
			.confbox {
				background: #f5f5f5;
				border-bottom: 3px solid #E1E1E1;
				margin-bottom: 1em;
			}			
			
			.confbox .box_content {
				padding: 20px;
			}	

			.nopadding {
				padding: 0 !important;
			}
			
			.confbox strong {
				color: #00CCFF;
			}	
			
			.confbox label {
				font-weight: bold;
				display: block;
				padding-bottom: 3px;
			}
			
			.angemeldet {
				background: url(/ah/resources/images/angemeldet.gif) left center no-repeat; 
				padding: 0 0 0 12px;
			}	
			
			.abgemeldet {
				background: url(/ah/resources/images/abgemeldet.gif) left center no-repeat; 
				padding: 0 0 0 12px;
			}
			
			.profile {
				border-top: 1px solid #e1e1e1;
				padding-top: 1.2em;
			}
			
			.stepholder {
				text-align: right;
			}		
			
			.step {
				text-align: right;
				margin-bottom: 5px;
			}		
			
			.step strong {
				position: relative;
				top: -0.3em;
				color: #00CCFF;
			}
			
			.form_main {
				padding: 20px 20px 8px 20px;
			}
			
			.confbox_divide {
				padding: 20px 10px 10px 10px;
				margin: 10px 10px;
				border-top: 1px solid #e1e1e1;
				position: relative;
			}		
			
			.confbox_divide td {
				padding: 0 0 0.8em 0;
			}	
			
			.confbox_divide ul {
				list-style-type: disc;
				padding-left: 1.5em;
			}	
			
			div .confbox_divide ul, div .confbox_divide .lineCol strong {
				font-weight: bold;
				color: #525252;				
			}
			
		/* rows and cols */
		
			.lineCol {
				clear: both;
				display: block;
				margin-bottom: 1em;
			}		
			
			.lineCol ul {
				float: left;
			}		
			
			.fifthCol {
				width: 20%;
				float: left;
			}		
			
			.thirdCol {
				width: 33%;
				float: left;
			}	
			
			.twothirdsCol {
				width: 66%;
				float: left;
			}	
			
			.changeLink {
				position: absolute;
				right: 20px;
				top: 20px;
			}	
			
			.changeLink2row {
				position: absolute;
				right: 20px;
				top: 80px;
			}
			
			
		/* text-formats */

			.rightAlign {
				text-align: right;
			}
		
		/* structure */
		
			.box_head {
				background: url(/ah/resources/images/box_head.gif) left top no-repeat;
				padding: 11px 9px;
				color: #fff;
				font-weight: bold;
			}	
			
			.box_subhead {
				background: #069;
				padding: 11px 9px;
				color: #fff;
				font-weight: bold;
			}
			
			.dialog_nav {
				background: #00CCFF;
				padding: 8px 10px;
				text-align: right;
				border-top: 1px solid #fff;
				font-size: 13px;
			}			
			
			.dialog_nav a:link, .dialog_nav a:visited, .dialog_nav a:hover {
				color: #fff;
				font-weight: bold;
				background: url(/ah/resources/images/link_dialog_nav.gif) right center no-repeat;
				padding: 0 10px 0 0;
				border: none;
			}		
			
			.dialog_nav input {
				color: #fff;
				font-weight: bold;
				background: url(/ah/resources/images/link_dialog_nav.gif) right center no-repeat;
				padding: 0 6px 0 0;
				border: none;
			}		
			
			.dialog_nav input.abort {
				background: none;
			}

			.dialog_nav input.submit {
                                float: right;
                        }
										
			
			.dialog_nav input.back {
				background: url(/ah/resources/images/link_dialog_back.gif) left center no-repeat;
				padding: 0 0 0 6px;
				float: left;
			}
			
			/* aligning buttons */
			
				.leftButton {
					float: left;
				}	
				
				.rightButton {
					float: right;
				}
			
		
	/* tables */
		
		.luftdaten_result {
			overflow: hidden;
		}	
		
		.luftdaten_result h2 {
			backrgound: #fff;
		}
		
		.luftdaten_result table {
			width: 100%;
			border-collapse: collapse;
		}
		
		.odd td, .even td {
			padding: 7px 0;
			text-align: center;
			border-left: 2px solid #E1E1E1;
		}	
		
		.t2 {
			border-bottom: 3px solid #E1E1E1;
		}	
		
		.t3 {
			border-top: 30px solid #F9F9F9;
		}
		
		.t2 .odd td, .t2 .even td {
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		.thead {
			background: url(/ah/resources/images/box_head.gif) left top no-repeat;
		}	
		
		.thead td {
			padding: 7px 9px 7px 9px;
			color: #fff;
			font-weight: bold;
			text-align: center;
		}
		
		.even {
			background: #F5F5F5;
		}
		
		td.tfirst {
			text-align: left !important;
			padding-left: 9px;
			border: none;
		}
		
		td.tlinkrow {
			text-align: left;
			background: #F5F5F5;
			padding: 11px 9px;
			border-bottom: 5px solid #E1E1E1;
			font-weight: bold;
		} 
		
		.tsubhead {
			text-align: left;
			background: #fff;
			padding: 11px 9px;
			border-bottom: 2px solid #E1E1E1;
			font-weight: bold;
		} 

		.luftdaten_result input.submit {
			width: 100%;
			text-align: left;
			background: #F5F5F5;
			padding: 11px 9px;
			font-weight: bold;
			border: none;
		}
		
		.luftdaten_result .back {
			width: 100%;
			text-align: left;
			background: #F5F5F5;
			padding: 11px 9px;
		}	
		
		.luftdaten_result .back input, div .linkbutton {
			font-size: 11px;
			border: none;
			background: url(/ah/resources/images/link.gif) right center no-repeat;
			padding: 0 7px 0 0;
			text-align: left;
		}
		
		.t3 td {
			vertical-align: top;
			text-align: left;
			padding: 7px 9px 7px 9px;
			border-left: 2px solid #E1E1E1;
			border-top: 2px solid #E1E1E1;
		}	
		
		.t3 td.tfirst {
			border-left: none;
		}
		
		.t3 caption {
			color: #00CCFF; 
			background: #F5F5F5;
			padding: 11px 9px;
			width: 100%;
			text-align: left;
			font-weight: bold;
		}
		
		/* Result */
		
			.forecast_stark, .forecast_mittel, .forecast_schwach {
				display: block;
				width: 100%;
				height: 14px;
				margin: 0 auto;
				text-align: right;
			}		
			
			.orange_override .forecast_stark, .orange_override .forecast_mittel, .orange_override .forecast_schwach {
				
			}
			
			.forecast_stark {
				background: url(/ah/resources/images/dot3.gif) right center no-repeat;
			}	
			
			.forecast_mittel {
				background: url(/ah/resources/images/dot2.gif) right center no-repeat;
			}		
			
			.forecast_schwach {
				background: url(/ah/resources/images/dot.gif) right center no-repeat;
			}	
		
		/* Vergleich */
		
			.orange_override .forecast_stark {
				background: url(/ah/resources/images/dot3dark.gif) left center no-repeat;
			}	
			
			.orange_override .forecast_mittel {
				background: url(/ah/resources/images/dot2dark.gif) left center no-repeat;
			}		
			
			.orange_override .forecast_schwach {
				background: url(/ah/resources/images/dotdark.gif) left center no-repeat;
			}	
			
			.orange_override {
				width: 45%;
				height: 14px;
				float: right;
				text-align: left;
			}	
			
			.orange {
				width: 45%;
				height: 4px;
				float: left;
				text-align: right;
			}	
			
			.orange_override2 {
				display: block;
				text-align: center;
				background: #D4E2EB;
				color: #006895;
			}	
			
			.orange2 {
				display: block;
				text-align: center;
			}
			
			.compareTitle {
				font-size: 11px;
				padding: 0 !important;
				font-weight: normal !important;
			}		
			
			.comparedCity1 {
				padding: 11px 9px 5px 9px;
				background: #fff;
				color: #525252;
			}
			
			.comparedCity2 {
				background: #D4E2EB;
				color: #006895;
				font-size:11px;
				padding: 5px 9px 11px 9px;
			}
		
	/* login */
	
		/* error */
		
			.verre1113n, #LoginError, .error {
				
				margin: 0.5em 0 2em 0;
				display: block;
				padding: 3px 5px;
				font-weight: bold;
			}
		
			#LoginError {
				
			}	
		
		#LoginBox, .login, .abo {
			border-bottom: 3px solid #E1E1E1;
			background: #f5f5f5;
		}	
		
		.controls {
			margin: 8px 0 0 100px;
		}	
		
		.controls * {
			font-weight: normal !important;
		}	
		
		.controls a {
			margin-left: 3px;
		}		
		
		#LoginBox label, .login label, .abo label {
			width: 90px;
			font-weight: bold;
			float: left;
		}			
		
		.abo label {
			width: 125px;
		}			
		
		#LoginBox br, .login br {
			clear: both;
			display: block;
		}	
		
		.divider {
			margin-bottom: 8px;
		}	
		
		.divider_strong {
			margin-bottom: 16px;
		}
		
		#LoginBox p, .login p {
			margin-bottom: 1.3em;
		}		
		
		#LoginBox .box_content, .login .box_content {
			padding: 21px 10px 28px 10px;
		}
		
/****************/
/* Forms 	  */
/************/

	select, input, textarea { 
		margin-right: 3px;
	} 
	
	select {
		padding: 0 0.5em;
	}	
	
	option {
		padding: 0.2em 0;
	}	
	
	.confbox select {
		padding: 0;
		width: 5em;
		border: none;
		border-bottom: 2px solid #fff;
	}	
	
	.confbox option {
		padding: 0;
	}	

	form {
		
	}
	
	fieldset {
		border: 0px none transparent;
	}	
	
	fieldset * {
		border: 0px none transparent;
		line-height: 130%;
		vertical-align: middle;
	}
	
	label {
		margin: 0 8px 0 0;
	}
	
	input.text {
		background: transparent url(/ah/resources/images/input.gif) right top no-repeat;
		height: 16px;
		width: 155px;
		padding: 2px 6px 0 6px;
		line-height: 130%;
		vertical-align: middle;
		font-weight: normal;
		border: none;
	}
	
	.shorttext {
		width: 128px !important;
	}	
	
	.xtra_shorttext {
		width: 70px !important;
	}

	.required {
		color: #00CCFF;
	}

/******************************/
/* Clearing - do not modify */
/**************************/

	.floatholder { overflow: hidden; }

	.clerasil:after {
	   content: ".";
	   display: block;
	   height: 0;
	   clear: both;
	   visibility: hidden;
	}

	.clerasil { display: block; }