@charset "utf-8";

body {
	margin:0;
	padding:0;
	font:11px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#AFAFAF;
	background:#272727 url(bg-body.jpg) repeat-x;
}

form {
	margin:0;
	padding:0;
}

a img, img {
	border:none;
}

br.clear {
	clear:both;
	font-size:0;
	line-height:0;
}

/* 
-------------------------
BANNER 
-------------------------
*/

#banner {
	position:relative;
	width:748px;
	height:42px;
	margin:0 auto;
	background-color:#ffdc00;
	overflow:hidden;
}

#banner #logo {
	position:absolute;
	left:0;
	top:3px;
}

#banner #links {
	position:absolute;
	right:16px;
	top:15px;
	text-align:right;
}

#banner #links a {
	font:10px/16px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
	display:block;
	float:left;
	margin:0 14px 0 0;
}

/* 
-------------------------
MAINMENU 
-------------------------
*/

#mainmenu {
	width:748px;
	height:54px;
	margin:0 auto 2px auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}

#mainmenu li {
	display:inline;
}

#mainmenu a.w149, #mainmenu a.w149_act, #mainmenu a.w150, #mainmenu a.w150_act, #mainmenu a.w187, #mainmenu a.w187_act, #mainmenu a.w249, #mainmenu a.w249_act, #mainmenu a.w250, #mainmenu a.w250_act {
	height:60px;
	font:11px/56px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
}

#mainmenu a.w149, #mainmenu a.w149_act {
	width:149px;
	background:url(bg-mainmenu-button-149.gif) no-repeat 0 0;
}

#mainmenu a.w150, #mainmenu a.w150_act {
	width:150px;
	background:url(bg-mainmenu-button-150.gif) no-repeat 0 0;
}

#mainmenu a.w187, #mainmenu a.w187_act {
	width:187px;
	background:url(bg-mainmenu-button-187.gif) no-repeat 0 0;
}

#mainmenu a.w249, #mainmenu a.w249_act {
	width:249px;
	background:url(bg-mainmenu-button-249.gif) no-repeat 0 0;
}

#mainmenu a.w250, #mainmenu a.w250_act {
	width:250px;
	background:url(bg-mainmenu-button-250.gif) no-repeat 0 0;
}

#mainmenu a.w149:hover, #mainmenu a.w150:hover, #mainmenu a.w187:hover, #mainmenu a.w249:hover, #mainmenu a.w250:hover {
	background-position:0 -302px;
}

#mainmenu a.w149_act, #mainmenu a.w150_act, #mainmenu a.w187_act, #mainmenu a.w249_act, #mainmenu a.w250_act {
	background-position:0 -302px;
	font-weight:bold;
}


/* 
-------------------------
Content Top
-------------------------
*/

#content_top {
	position:relative;
	width:748px;
	height:81px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#content_top h1 {
	position:absolute;
	top:34px;
	left:200px;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:24px;
	color:#FFF;
}

#content_top img {
	position:absolute;
	top:16px;
	left:0;
}

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

#content {
	position:relative;
	width:748px;
	margin:0 auto;	
}



/* 
-------------------------
1. Home
-------------------------
*/

.home {
	padding:0 2px 0 2px;
	margin:0 auto 12px !important;
}

.home h2 {
	margin:0 0 16px 0;
	padding:0;
	font-size:11px;
	line-height:17px;
	color:#FFF;
}

.home p#c1, .home p#c2 {
	float:left;
	width:240px !important;
	margin:0 10px 0 0;
}

.home p#c2 a#pdf {
	display:block;
	margin:12px 0 0 0;
	padding:0 0 0 40px;
	background:url(1-pdf.gif) no-repeat 0 3px;
	color:#AFAFAF;
	text-decoration:none;
}

.home p#c2 a#pdf:hover {
	color:#FFF;
}

.home div#yellow {
/*	position:absolute;
	top:4px;
	right:2px;*/
	position:relative;
	width:240px;
	background:#ffdc00 url(yellow-thumb-box.gif) no-repeat bottom;
	overflow:hidden;
	float:right;
}

.home div#yellow p {
	color:#000;
	width:210px;
}

.home div#yellow p#y1 {
	font-weight:bold;
	margin:24px 16px 0;
}

.home div#yellow p#y2 {
	margin:18px 16px 215px;
}

.home div#yellow a {
	color:#000;
	text-decoration:underline;
}

.home div#yellow a:hover {
	/*text-decoration:none;*/
}


.home div#yellow a#a1 {
	position:absolute;
	bottom:187px;
	left:16px;
}

.home div#yellow a#l1 {
	position:absolute;
	bottom:103px;
	left:15px;
}

.home div#yellow a#l2 {
	position:absolute;
	bottom:21px;
	left:15px;
}

.home div#yellow a#l3 {
	position:absolute;
	bottom:21px;
	left:109px;
}


.home img#i1 {
	position:absolute;
	bottom:8px;
	left:2px;
}


/* 
-------------------------
2. Touch Technology
-------------------------
*/

.touch_technology {
	padding:0 2px 10px 2px;
}

.touch_technology p#r1 {
	width:500px;
	margin:6px 0 17px 0;
	padding:0;
}

.touch_technology p#r2 {
	width:500px;
	margin:6px 0 15px 0;
	padding:0;
}

div#blackbox {
	position:relative;
	width:748px;
	height:573px;
	margin:0;
	padding:0;
	background:#000 url(2-blackbox-bg.jpg) no-repeat;
}

div#blackbox a.icon {
	position:absolute;
	left:31px;
	display:block;
	height:21px;
	padding:0 9px 0 33px;
	color:#000;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	float:left;
	background:url(2-a-icon-bg.gif) no-repeat;
}

div#blackbox a#a1 { top:54px; }
div#blackbox a#a2 { top:182px; }
div#blackbox a#a3 { top:308px; }
div#blackbox a#a4 { top:439px; }

div#blackbox .anibox {
	position:absolute;
	right:15px;
	width:283px;
	height:128px;
	background-color:#000;
}

div#blackbox #a1ani { top:31px; }
div#blackbox #a2ani { top:159px; }
div#blackbox #a3ani { top:287px; }
div#blackbox #a4ani { top:415px; }

div#blackbox .anibox .glow {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

div#blackbox .anibox .img_no {
	position:absolute;
	top:10px;
	left:10px;
	/*display:none;*/
}

div#blackbox .anibox .zoombox {
	position:absolute;
	top:10px;
	left:10px;
	width:263px;
	height:108px;
	overflow:hidden;
	display:none;
}

div#blackbox .anibox .zoombox img {
	width:263px;
	height:108px;
}

div#blackbox #layer {
	position:absolute;
	top:0;
	left:0;
	width:748px;
	height:573px;
	background-image:url(2-layer.png);
	display:none;
	z-index:99;
}

div#blackbox .layerbox {
	position:absolute;
	top:0;
	left:0;
	width:748px;
	height:573px;
	display:none;
	z-index:999;
}

div#blackbox .layerbox .close {
	position:absolute;
	top:20px;
	right:24px;
	padding:0 25px 0 0;
	color:#FFF;
	text-decoration:none;
	background-image:url(2-layer-close.gif);
	background-position:right;
	background-repeat:no-repeat;
}

div#blackbox .layerbox h3 {
	position:absolute;
	top:59px;
	left:135px;
	color:#FFF;
	font-size:15px;
	margin:0;
	padding:0;
}

div#blackbox .layerbox p {
	position:absolute;
	top:412px;
	left:135px;
	width:460px;
	color:#FFF;
	margin:0;
	padding:0;
}

div#blackbox .layerbox .flash_player {
	position:absolute;
	top:90px;
	left:135px;
	width:476px;
	height:305px;
	margin:0;
	padding:0;
	float:right;
	overflow:hidden;
	z-index:1;
}



/*
-------------------------
3. Winter Products
-------------------------
*/

.winter_products {
	position:relative;
	background:#000 url(3-box-bg-de.jpg) no-repeat top;
	height:493px;
	margin:4px auto 14px auto !important;
	padding:0;
	z-index:998;
}

.winter_products .label_img {
	position:absolute;
	cursor:pointer;
}

#laim1 { top:215px;left:20px; }
#laim2 { top:194px;left:90px; }
#laim3 { top:202px;left:160px; }
#laim4 { top:159px;left:272px; }
#laim5 { top:194px;left:342px; }
#laim6 { top:181px;left:411px; }
#laim7 { top:199px;left:525px; }
#laim8 { top:195px;left:595px; }
#laim9 { top:199px;left:664px; }

.label_tt {
	display:none;
	position:absolute;
	width:196px;
	padding:24px 24px 30px 24px;
	background:url(3-tt-bg.gif) repeat-x #000;
	border:1px solid #545454;
	z-index:999;
}

.label_tt p {
	margin:20px 0 0 0;
	padding:0;
	color:#FFF;
}

.winter_products h3 {
	margin:0 0 16px 0;
	padding:0;
	font-size:13px;
	color:#fefefe;
}

.winter_products ul {
	margin:0;
	padding:0 0 13px 0;
	list-style-position:inside;
	list-style-type:disc;
}

.winter_products li {
	color:#afafaf;
}

.winter_products a {
	color:#afafaf;
	text-decoration:none;
	font-weight:bold;
	background:url(3a-arrow.gif) no-repeat;
	background-position: right 2px;
	padding-right:14px;
}

.winter_products a:hover {
	color:#FFF;
}

#b3l,#b3m,#b3r {
	width:203px;
	position:absolute;
	top:278px;
}

#b3l { left:20px; }
#b3m { left:273px; }
#b3r { left:526px; }

.winter_products #layer {
	position:absolute;
	top:0;
	left:0;
	width:748px;
	height:493px;
	background-image:url(2-layer.png);
	display:none;
}

.winter_products .layerbox {
	position:absolute;
	top:0;
	left:0;
	width:748px;
	background:url(2-layer.png);
	display:none;
}

	.winter_products #t1layer { height:450px; }
	.winter_products #t2layer { height:787px; }
	.winter_products #t3layer { height:632px; }

.winter_products .layerbox .close {
	position:absolute;
	top:20px;
	right:24px;
	padding:0 25px 0 0;
	color:#FFF;
	text-decoration:none;
	background-image:url(2-layer-close.gif);
	background-position:right;
	background-repeat:no-repeat;
	z-index:9999;
}

.winter_products .layerbox h4 {
	position:absolute;
	top:52px;
	left:32px;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.winter_products .layerbox img {
	position:absolute;
	bottom:38px;
	left:32px;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.winter_products .layerbox p {
	position:absolute;
	bottom:19px;
	left:32px;
	font-size:10px;
	color:#FFF;
	margin:0;
	padding:0;
}


/* 
-------------------------
4 Weather Study
-------------------------
*/

.weather_study {
	margin:0;
	padding:0;
	height:716px;
}

#frostkarte {
	width:440px;
	height:565px;
	float:left;
	overflow:hidden;
}

#frost_if {
	position:relative;
	width:288px;
	height:565px;
	float:right;
	overflow:hidden;
}

#frost_btns {
	position:relative;
	width:140px;
	height:280px;
	margin:0 12px 0 0;
	padding:0;
	color:#FFF;
	line-height:20px;
	background-color:#272727;
	border:1px solid #4A4A4A;
	float:left;
}

#frost_btns #arrow {
	position:absolute;
	left:10px;
}

#frost_btns .ap1_1 { top:46px; }
#frost_btns .ap1_2 { top:75px; }
#frost_btns .ap1_3 { top:104px; }
#frost_btns .ap1_4 { top:133px; }
#frost_btns .ap1_5 { top:202px; }
#frost_btns .ap1_6 { top:231px; }

#frost_btns .ap2_1 { top:46px; }
#frost_btns .ap2_2 { top:75px; }
#frost_btns .ap2_3 { top:144px; }
#frost_btns .ap2_4 { top:173px; }
#frost_btns .ap2_5 { top:202px; }
#frost_btns .ap2_6 { top:231px; }

#btns_tdy, #btns_tmrw {
	width:90px;
	margin:20px 0 0 33px;
	padding:0;
	overflow:hidden;
}

#frost_help {
	margin:0;
	padding:0;
}

#frost_info {
	margin:12px 0 8px;
	padding:0;
}

#frost_lgnd {
	position:absolute;
	right:0;
	bottom:0;
	width:286px;
	height:137px;
	background:#272727 url(frostmap/legend-bg.gif) no-repeat;
	border:1px solid #4A4A4A;
}

#frost_lgnd p {
	position:absolute;
	left:60px;
	width:210px;
	margin:0;
	padding:0;
	color:#FFF;
	line-height:15px;
}

#frost_lgnd #p1 { top:23px; }
#frost_lgnd #p2 { top:77px; }

#teaser_4 {
	margin-top:12px;
	padding:0;
	width:758px;
	height:127px;
}

#teaser_4 img {
	margin:0 10px 0 0;
	padding:0;
}

#teaser_4 img.last {
	margin:0;
	padding:0;
}


/* 
-------------------------
4.1 Weather Study - History
-------------------------
*/

.weather_history {
	background:url(4-weatherbox-bg.gif) no-repeat;
	padding:0;
	height:699px;
	margin:0 auto 12px auto !important;
	color:black;
}

#ger {
	position:absolute;
	margin:0;
	padding:0;
	top:48px;
	left:73px;
	line-height:10px;
	font-size:10px;
	font-weight:bold;
	color:#000;
	z-index:999;
}

#map {
	position:absolute;
	padding:0;
	margin:0;
	top:16px;
	left:94px;
	background:url(4-map-germany.gif) no-repeat;
	width:299px;
	height:393px;
}

#tooltip {
	display:none;
	position:absolute;
	height:30px;
	padding:0 10px 0 0;
	background-position:right;
	background-repeat:no-repeat;
	z-index:999;
}

#tooltip span {
	display:block;
	padding:3px 6px 8px 11px;
	color:#000;
	line-height:16px;
	font-size:9px;
	font-weight:bold;
	white-space:pre;
}

.dot {
	position:absolute;
	margin:0;
	padding:0;
	width:22px;
	height:22px;
	border:0;
	z-index:998;
	cursor:pointer;
}  

#dot0 {left:0px;top:193px;}		/*Aachen*/
#dot1 {left:150px;top:315px;}	/*Augsburg*/
#dot2 {left:147px;top:240px;}	/*Bamberg*/
#dot3 {left:220px;top:110px;}	/*Berlin-Tempelhof*/
#dot4 {left:85px;top:83px;}		/*Bremen*/
#dot5 {left:237px;top:175px;}	/*Dresden-Klotzsche*/
#dot6 {left:22px;top:173px;}	/*Düsseldorf*/
#dot7 {left:146px;top:186px;}	/*Erfurt-Bindersleben*/
#dot8 {left:179px;top:229px;}	/*Fichtelberg*/
#dot9 {left:74px;top:228px;}	/*Frankfurt/Main-Flgh*/
#dot10 {left:272px;top:171px;}	/*Görlitz*/
#dot11 {left:121px;top:58px;}	/*Hamburg-Fuhlbüttel*/
#dot12 {left:110px;top:116px;}	/*Hannover*/
#dot13 {left:56px;top:23px;}	/*Helgoland*/
#dot14 {left:180px;top:219px;}	/*Hof*/
#dot15 {left:154px;top:340px;}	/*Hohenpeißenberg*/
#dot16 {left:69px;top:175px;}	/*Kahler Asten*/
#dot17 {left:67px;top:281px;}	/*Karlsruhe*/
#dot18 {left:129px;top:346px;}	/*Kempten*/
#dot19 {left:96px;top:346px;}	/*Konstanz*/
#dot20 {left:190px;top:161px;}	/*Leipzig-Schkeuditz*/
#dot21 {left:58px;top:263px;}	/*Lindenberg*/
#dot22 {left:72px;top:-7px;}	/*List auf Sylt*/
#dot23 {left:167px;top:131px;}	/*Magdeburg*/
#dot24 {left:204px;top:90px;}	/*Neuruppin*/
#dot25 {left:158px;top:263px;}	/*Nürnberg*/
#dot26 {left:208px;top:118px;}	/*Potsdam*/
#dot27 {left:179px;top:28px;}	/*Rostock-Warnemünde*/
#dot28 {left:27px;top:269px;}	/*Saarbrücken/Ensheim*/
#dot29 {left:110px;top:6px;}	/*Schleswig*/
#dot30 {left:163px;top:53px;}	/*Schwerin*/
#dot31 {left:97px;top:299px;}	/*Stuttgart/Echterdingen*/
#dot32 {left:13px;top:243px;}	/*Trier-Petrisberg*/
#dot33 {left:117px;top:243px;}	/*Würzburg*/
#dot34 {left:155px;top:356px;}	/*Zugspitze*/

#contentbox { 
	position:absolute;
	left:418px;
	top:45px;
	width:287px;
	font-size:11px;
}

#contentbox a#pdf {
	display:block;
	margin:15px 0 0 0;
	padding:0 0 0 40px;
	background:url(4-pdf.gif) no-repeat 0 0;
	color:#000;
	text-decoration:none;
}

#contentbox a#pdf:hover {
	text-decoration:underline;
}

#contentbox p {
	margin:0;
	padding:0 0 24px 0;
}

#contentbox p.ice {
	margin:27px 0 0;
	padding:0 0 10px;
}


#cityselect {
	position:relative;
	background:url(4-cityselect-bg.jpg) no-repeat;
	height:99px;
}

#cityselect h3{
	font-size:10px;
	line-height:22px;
	color:#FFF;
	text-align:center;
	margin:0;
	padding:0;
}

#city1, #city2 {
	position:absolute;
	left:45px;
	width:230px;
	margin:0;
	padding:1px;
	font-size:11px;
	border:1px solid #afafaf;
}

#city1 {top:32px;}
#city2 {top:62px;}

#focus {
	position:absolute;
	left:5px;
	z-index:998;
}

#mouseinfo {
	position:absolute;
	top:415px;
	left:61px;
	height:20px;
	margin:0;
	padding:0;

}	

#weatherchart {
	position:absolute;
	top:440px;
	left:60px;
	background:url(4-weatherchart-bg.gif) no-repeat;
	width:647px;
	height:196px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.bar {
	position:absolute;
	top:196px;
	left:0;
	z-index:999;
}

#months {
	position:absolute;
	top:640px;
	left:60px;
	margin:0;
	padding:0;
	width:647px;
	table-layout:fixed;
}

#months td { 
	width:54px;
	font-size:8px;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}

#scale{
	position:absolute;
	top:453px;
	left:39px;
	margin:0;
	padding:0;
	font:italic bold 8px/17.5px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

#weather_et, #weather_ft {
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	height:20px;
	margin:0;
	display:block;
	float:left;
	cursor:pointer;
	color:#8c8c8c;
}

.star {
	padding:5px 5px 0 7px;
	margin:0;float:left;
}

#weather_et {
	background:url(4-border.gif) no-repeat;
	background-position:right;
	padding:0 10px 0 0;
	margin:0;
	
}


/*  
-------------------------- 
4.1 Weather Study - mobile 
-------------------------- 
*/

.weather_mobile { 
	margin:0; 
	padding:0; 
	height:488px; 
}

#mobile_teaser {
	width:460px;
	float:left;
}

#crosslink {
	margin: 19px 0 16px 5px !important;
	padding: 0 0 0 50px !important;
	background:url(4-iphone-link-teaser.jpg) no-repeat;
	background-position:left;
	font-size:19px;
	line-height:32px;
	color:#FFF;
	text-decoration:none;
	display:block;
}

#crosslink:hover {
	text-decoration:underline;
}

#mobile_teaser p {
	margin:0;
	padding:0;
}

#mobile_teaser p a {
	color:#fff;
	text-decoration:none;
}

#mobile_teaser p a:hover {
	text-decoration:underline;
}

#iphone {
	float:right;
	padding:0;
	margin:3px 15px 0 0;
}        


/* 
-------------------------
Flash
-------------------------
*/

#sound {
	position:absolute;
	right:2px;
	top:151px;
	width:36px;
	height:30px;
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:1000;
}


/*
-------------------------
MISC
-------------------------
*/

#content.stats {
	margin-bottom:30px;
}

.stats h3, .stats h2 {
	color:#fefefe;
	cursor:pointer;
}

.stats table {
	display:none;
	overflow:visible !important;
}
.stats table th {
	background:#ADADAD;
	color:#FFF;
	text-align:left;
}

.stats .even {
	background:#0F0F0F;
}
.stats .odd {
	background:#1C1C1C;
}


/* 
-------------------------
FOOTER 
-------------------------
*/

#footer {
	position:relative;
	width:528px;
	height:70px;
	margin:2px auto 1em;
	padding:0 0 0 220px;
	font:11px/35px Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(bg-footer.gif) repeat-x;
	overflow:hidden;
}

#footer a#dealer {
	display:block;
	position:absolute;
	top:13px;
	left:12px;
	width:90px;
	height:41px;
	margin:0;
	padding:0;
}

#footer a#pdf {
	display:block;
	position:absolute;
	top:13px;
	left:115px;
	width:108px;
	height:40px;
	margin:0;
	padding:0;
}

#footer a {
	margin:0;
	padding:0 15px;
	color:#AFAFAF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer #country_form {
	height:23px;
	padding:6px 0 6px 0;
	line-height:14px;
}

#footer #country_form label {
	color:#c0bdbd;
	line-height:23px;
}

#footer #country_form span {
	margin:0 0 0 50px;
	color:#c0bdbd;
}

#footer #country_form a {
	padding:0 5px;
}

#footer #country_select {
	width:100px;
	margin:0 0 0 5px;
	padding:0;
	font:10px Arial, Helvetica, sans-serif;
	background-color:#b0b0b0;
	border:1px solid #272727;
}

#footer #country_select option {
	margin:0 20px 0 0;
	padding:0;
	background-color:#b0b0b0;
}

#footer #go_button {
	margin:0 3px;
	padding:0;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#AFAFAF;
	background:none;
	border:none;
	cursor:pointer;
}