/* - - - - - - - - - - - - - - - - - */
/* Spodtronic.com                    */ 
/* iPhone-App-App-Store              */
/* 2009-05-12                        */
/* stefan.goersch@bytebetrieb.com    */
/*                                   */
/* Allgemeine Stylesheets            */
/* - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* G R U N D G E R Ü S T               										   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html { 
	height:				100%;
	width:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background: 		#fff	url(../_p/bg.jpg) 0 0 repeat-x;
	color:				#000;
	font-family:		verdana, helvetica, arial, sans-serif;
	font-size:			12px;
	line-height:		17px;
}

body.iframe {
	background: 		#fff;
	font-size:			10px;
	line-height:		14px;
}

fieldset {
	position:			relative;
}

#header {
	background: 		transparent url(../_p/bg-head.jpg) top center no-repeat;
	height:				98px;	
	margin:				0 auto;
}

#header .wrapper {
	position: 			relative;
	width:				960px;
	margin:				0 auto;
}

#content {
	width:				960px;
	margin:				20px auto 0 auto;
}

.iframe #content {
	width:				100%;
	margin:				0;
}

#footer {
	width:				960px;
	margin:				0 auto;
	clear:				both;
	height:				43px;
	background:			transparent url(../_p/bg-foot.png) 0 0 no-repeat;
	padding:			0 0 20px 0;
}


a,
a:link		 { color:#669900; text-decoration:none; }
a:visited 	 { color:#88c601; text-decoration:none; }
a:hover		 { color:#afff00; text-decoration:none; }
a:active 	 { color:#afff00; text-decoration:none; }
a:focus 	 { color:#afff00; text-decoration:none; }


.paginierung {
	padding:			0;
	list-style:			none;
}

.paginierung li {
	float:				left;
}

.paginierung li.aktiv {
	font-weight:		bold;
}

.clear {
	float:				none;
	clear:				both;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* H E A D E R               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header h1 a {
	display:			block;
	width:				345px;
	height:				60px;
	overflow:			hidden;
	text-indent:		-9999px;
	position:			absolute;
	top:				10px;
	left:				0;
}


#partnerlogo {
	display:			block;
	position:			absolute;
	top:				10px;
	right:				210px;
}
#partnerlogo img,
#partnerlogo a { border:none !important; }


	
ul#navigation {
	height:				28px;
	position:			absolute;
	top:				68px;
	right:				0;
	background:			transparent url(../_p/bg-navi.png) 0 -28px repeat-x;
}

#navigation li { float:left; }
#navigation li.first { background:transparent url(../_p/bg-navi.png) 0 0 no-repeat; padding:0 0 0 2px; }

#navigation a {
	color:				#fff;
	display:			block;
	float:				left;
	margin:				5px 0 0;
	padding:			0 6px 1px;
	border-left:		1px solid #969696;
}
#navigation .first a { border:none; }
#navigation a:hover { color:#afff00; }

#starbanner {
	position:			absolute;
	top:				40px;
	right:				32px;
	width:				160px;
}


ul.langswitch {
	height:				28px;
	background:			transparent url(../_p/bg-navi.png) right -56px no-repeat;
	padding:			0 0 0 10px;
}
#navigation .langswitch a {
	color:				#fff;
	display:			block;
	float:				left;
	margin:				7px 0 0;
	padding:			0 0 1px 10px;
	border:				none;

	width:				20px;
	height:				15px;
	text-indent:		-9999px;
}
#navigation .de a { background:transparent url(../_p/btn-lang.png) 0 0 no-repeat; }
#navigation .en a { background:transparent url(../_p/btn-lang.png) 0 -30px no-repeat; }
#navigation .it a { background:transparent url(../_p/btn-lang.png) 0 -60px no-repeat; }
#navigation .fr a { background:transparent url(../_p/btn-lang.png) 0 -90px no-repeat; }
#navigation .es a { background:transparent url(../_p/btn-lang.png) 0 -122px no-repeat; }
#navigation .de a:hover { background-position:0 -15px; }
#navigation .en a:hover { background-position:0 -45px; }
#navigation .it a:hover { background-position:0 -75px; }
#navigation .fr a:hover { background-position:0 -105px; }
#navigation .es a:hover { background-position:0 -137px; }





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* C O N T E N T               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
preisliste { 

border:1; 
border-colour: 666666;
padding:10px;

}
	
 
.startbanner {
	width:				960px;
	height:				473px;
	background:			transparent url(../_p/banner-start.jpg) 0 0 no-repeat;
	margin:				0 0 20px 0;
	text-indent:		-9999px;
	position:			relative;
}
.en .startbanner { background-image:url(../_p/banner-start-en.jpg); }



.it .startbanner { background-image:url(../_p/banner-start-it.jpg); }



.fr .startbanner { background-image:url(../_p/banner-start_fr.png); }

.es .startbanner { background-image:url(../_p/banner-start_es.png); }

a.button {
	display:			block;
	width:				170px;
	height:				46px;
	border:				none;
	background:			transparent url(../_p/btn-grn_ger.png) 0 0 no-repeat;
	text-indent:		-9999px;
}
.en a.button { background-image:url(../_p/btn-grn.png); }

.it a.button { background-image:url(../_p/btn-grn-single-it.png); }

.fr a.button { background-image:url(../_p/btn-grn-single-fr.png); }

.es a.button { background-image:url(../_p/btn-grn-single-es.png); }


a.btn-getstarted {
	position:			absolute;
	top:				410px;
	left:				12px;
	background:			transparent url(../_p/btn-grn_ger.png) 0 0 no-repeat;
}

a.french-hotline {
	display:			block;
	width:				153px;
	height:				33px;
	border:				none;
	position:			absolute;
	top:				415px;
	left:				200px;
	background:			transparent url(../_p/french_hotline.png) 0 0 no-repeat;
}



.en a.btn-getstarted { background-image:url(../_p/btn-grn.png); }
.it a.btn-getstarted { background-image:url(../_p/btn-grn-single-it.png); }
.fr a.btn-getstarted { background-image:url(../_p/btn-grn-single-fr.png); }
.es a.btn-getstarted { background-image:url(../_p/btn-grn-single-es.png); }


a.btn-getstarted:hover { background-position:0 -46px; }
a.btn-viewvideo {
	position:			absolute;
	top:				415px;
	left:				250px;
	background:			transparent url(../_p/btn-grn_ger.png) 0 -92px no-repeat;
}
.en a.btn-viewvideo { background-image:url(../_p/btn-grn.png); }
.it a.btn-viewvideo { background-image:url(../_p/btn-grn-single-it.png); }
.fr a.btn-viewvideo { background-image:url(../_p/btn-grn-single-fr.png); }

a.btn-viewvideo:hover { background-position:0 -138px; }



a.more {
	color:				#666;
	padding:			0 0 0 13px;
	background:			transparent url(../_p/btn-bullet.png) 0 4px no-repeat;
}
a.more:hover {
	color:				#afff00;
}




.box {
	width:				960px;
	background:			transparent url(../_p/bg-box.png) top center no-repeat;
	margin:				0 0 17px 0;
	float:				left;
}
.boxwrapper {
	width:				934px;
	padding:			10px 13px 4px;
	background:			transparent url(../_p/bg-box-btm.png) bottom center no-repeat;
	display:			table;
}
.boxhead {
	height:				37px;
	margin:				0 0 10px 0;
	color:				#fff;
	padding:			0 0 0 10px;
	font-weight:		bold;
	overflow:			hidden;
}
.bhead { background-image:url(../_p/bg-box-head.png); }


.b383 {
	margin-right:		17px;
	width:				383px;
	background-image:	url(../_p/bg-box-383.png);
}
.b383.lcol { margin-right:17px; }



.b383 .boxwrapper {
	width:				357px;
	background-image:	url(../_p/bg-box-383-btm.png);
}
.b383.bhead { background-image:url(../_p/bg-box-383-head.png); }

.b560 {
margin-right:		17px;
	width:				560px;
	background-image:	url(../_p/bg-box-560.png);
}
.b560lrcol { margin-right:0px; }
.b560 .boxwrapper {
	width:				534px;
	background-image:	url(../_p/bg-box-560-btm.png);
}
.b560.bhead { background-image:url(../_p/bg-box-560-head.png); }



.box .b560 { background:none; width:534px; }
.box .b383 { background:none; width:357px; }
.box .b384 { background:none; width:357px;
			 margin-top:470px;

}


		
.tabell th {	 
			border:1px dashed #999999;
			background-color:#CCCCCC;
			padding:10px; 			
			text-align:left;
		
}
.tabell td { 
	vertical-align:top;
	border:1px dashed #999999;
	padding:10px; 			
}







.loginbox { margin-right:0; }
.loginbox .boxwrapper { padding-top:0; }
.loginbox .boxhead {
	text-indent:		-9999px;
	background:			transparent url(../_p/txt-wht-login_ger.png) 13px 8px no-repeat;
}
.en .loginbox .boxhead { background-image:url(../_p/txt-wht-login.png); }
.it .loginbox .boxhead { background-image:url(../_p/txt-wht-it.png); }
.fr .loginbox .boxhead { background-image:url(../_p/txt-wht-fr.png); }
.es .loginbox .boxhead { background-image:url(../_p/txt-wht-es.png); }






.box h2 {
	color:				#690;
	font-size:			15px;
	font-weight:		bold;
	margin:				0 0 13px;
}
.box h3 {
	color:				#333;
	font-size:			12px;
	font-weight:		bold;
}
.box p {
	margin:				0 0 13px;
}


.box ul {
	list-style-type:	disc;
	margin:				0 0 13px 1.25em;
}




.steps {
	height:				34px;
	background:			transparent url(../_p/btn-grn-nr.png) 0 0 no-repeat;
	padding:			12px 0 0 56px;
	font-weight:		bold;
	color:				#333;
	margin:				0 0 17px 177px;
}
.step-1 { background-position:0 0; }
.step-2 { background-position:0 -92px; }
.step-3 { background-position:0 -184px; }
.step-4 { background-position:0 -276px; }
.step-5 { background-position:0 -368px; }








form.registerform {
	padding:			13px 0 0;
}
label {
	width:				167px;
	height:				20px;
	padding:			4px 10px 0 0;
	font-weight:		bold;
	color:				#666;
	display:			block;
	float:				left;
	margin:				0 0 13px;
	text-align:			right;
}
#loginform label { width:77px; }
.overviewform label { padding-top:0; }
label.tworow {
	height:				24px;
	padding-top:		0;
	margin-top:			-4px;
}
label.checkboxlabel {
	width:				auto;
	height:				20px;
	padding:			0 0 0 10px;
	color:				#666;
	display:			block;
	float:				left;
	margin:				0 0 0;
	text-align:			left;
	font-weight:		normal;
}



input.textshort,
input.textfield {
	width:				250px;
	height:				17px;
	border:				1px solid #969696;
	margin:				0 0 13px;
	padding:			4px;
}
input.textshort { width:30px; }

#loginform input.textfield {
	width:				250px;
	margin:				0 0 13px;
}
textarea.textfield {
	width:				250px;
	height:				125px;
	border:				1px solid #969696;
	margin:				0 0 13px;
	padding:			4px;
	
	font-size:			11px;
	line-height:		14px;
	font-family:		verdana, helvetica, arial, sans-serif;
}


input.checkbox {
	float:				left;
	clear:				left;
	margin:				0 0 0 6px;
}
.checkboxfield {
	display:			inline-block;
	margin:				0 10px 13px 0;
	padding:			0 10px 0 0;
	
	float:				left;
}
.checkboxfield-newline {
	clear:				left;
	margin-left:		177px;
}
select {
	margin:				0 0 13px 0;
	padding:			4px;
}

fieldset 				{ margin:0 0 10px; }
.registerform fieldset 	{ margin:0 0 17px; }
.buttonfield 			{ padding:0 0 0 177px; }

.fsgroup {
	padding:			10px 10px 10px 0;
	border:				1px solid #979797;
	border-width:		1px 1px 0;
	background:			#eee;
}
.fsgroupmeta {
	padding:			10px 10px 10px 0;
	text-align:			center;
	border:				1px solid #666;
	border-width:		1px 0 0;
}

a.chanbtn {
	display:			block;
	float:				right;
	width:				64px;
	height:				46px;
	background:			transparent url(../_p/btn-blk-plusminus.png) 0 0 no-repeat;
	border:				none;
	margin:				0 0 0 10px;
	text-indent:		-9999px;
}
#chanbtnrem { background-position:0 -46px; }


div.fieldset {
	display:			table;
	margin:				0 0 30px 0;
}

.fieldset p {
	margin:				0 0 30px 177px;
	font-size:			11px;
}
.fieldset p.overview {
	padding:			4px;
	font-size:			12px;
}


p.btnlink a,
p.btnlink a:link {
	color:				#000;
	font-weight:		bold;
}
p.btnlink a:hover {
	color:				#afff00;
}


a.btn-login { background:transparent url(../_p/btn-blk.png) 0 0 no-repeat; }
a.btn-login:hover { background-position:0 -46px; }
a.btn-register { background:transparent url(../_p/btn-blk.png) 0 -92px no-repeat; }
a.btn-register:hover { background-position:0 -138px; }

.feedback {
	padding:			10px;
	margin:				0 20px 20px;
	border:				1px solid #669900;
}
.error {
	border-color:		#f00;
}

input.fc-field-error,
select.fc-field-error,
textarea.fc-field-error {
	border:				1px solid red;
	background:			#eee;
}
input.textfieldhidden {
	position:			absolute;
	top:				3px;
	left:				425px;
	width:				1px;
	height:				1px;
	padding:			0;
	margin:				0;
	border:				1px solid #fff !important;
	background:			#fff !important;
	color:				#fff;
	overflow:			hidden;
}




#sbox-window .sbox-content-swf { overflow:hidden; }




ul.applist {
	list-style-type:	none;
}
.applist li {
	display:			block;
	position:			relative;
}
a.applista {
	display:			block;
	padding:			10px 120px 10px 10px;
	background:			#cdcdcd;
	color:				#000;
	font-weight:		bold;
}
.appstatus {
	position:			absolute;
	top:				10px;
	right:				120px;
}
.applist .zeile-1 a {
	background:			#eee;
}

.applist a:hover {
	background:			#afff00;
}

.appstats a {
	position:			absolute;
	top:				10px;
	right:				10px;
	font-weight:		bold;
	width:				100px;
	text-align:			right;
}










.uplfield {
	position:			relative;
}


.uplpicdisp {
	display:			block;
	width:				57px;
	height:				57px;
	margin:				0 0 0 320px;
	border:				1px solid #eee;
	background-position:1px 1px;
	background-repeat:	no-repeat;
}

a.uplbtn {
	position:			relative;
	display:			block;
	width:				220px;
	height:				17px;
	margin:				0 0 10px 177px;
	padding:			10px 10px 10px 30px;
	background:			#eee url(../_p/icn-upplus.png) 10px 10px no-repeat;
	color:				#000;
	font-weight:		bold;
	border:				1px solid #afff00;
}
a.uplbtn:hover {
	color:				#666;
	background-color:	#cdcdcd;
	border-color:		#88c601;
}

.upldisp {
	margin:				0 0 10px 177px;
	font-size:			11px;
	font-style:			italic;
}
#confirmform .upldisp { margin:0 0 0 0; }

.upldisp a,
.upldisp a:link { color:#000; }
.upldisp a:hover { color:#88c601; }
.upldisp img {
	height:				30px;
	width:				30px;
	margin:				0 10px 0 0;
}







.optfields {
	display:			inline-block;
	margin:				0 10px 13px 0;
	padding:			0 10px 0 0;
	
	float:				left;
}

#prooptions .checkboxfield {
	position:			relative;
	height:				45px;
	width:				80px;
	padding:			0;
	background:			transparent url(../_p/icn-pro.png) right 0 no-repeat;
}
#prooptions #proweather 	.checkboxfield { background-position:right -450px; }
#prooptions #protraffic 	.checkboxfield { background-position:right -360px; }
#prooptions #proradartrap 	.checkboxfield { background-position:right -630px; }
#prooptions #prohotlinecall .checkboxfield { background-position:right -270px; }
#prooptions #prowebcam 		.checkboxfield { background-position:right 0; }
#prooptions #prosnoozealarm .checkboxfield { background-position:right -810px; }
#prooptions #problog 		.checkboxfield { background-position:right -90px; }
#prooptions #propodcast 	.checkboxfield { background-position:right -180px; }
#prooptions #proplaylist 	.checkboxfield { background-position:right -990px; }
 


#prooptions .checkboxfield input {
	position:			absolute;
	top:				5px;
	left:				0;
}

input#prosnoozealarmsort { margin-left:263px; }

.thlist { width:700px; }
p.thurl {
	float:				left;
	width:				250px;
	height:				12px;
	padding:			0;
	margin:				0 0 0 275px;
}
p.thsortorder {
	float:				left;
	width:				100px;
	height:				12px;
	padding:			0;
	margin:				0 0 0 0;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F O O T E R               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
ul.metanavi {
	padding:			10px 0 0 0;
	list-style:			none;
	text-align:			center;
}

.metanavi li {
	display:			inline;
	padding:			0 1em;
	border:				1px solid #8b8b8b;
	border-width:		0 0 0 1px;
	color:				#8b8b8b;
}
.metanavi .first {
	border:				none;
}

.metanavi a:link { color:#8b8b8b; }
.metanavi a:hover { color:#afff00; }




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Fusion Stats by TImo															*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.stat_left {
margin:0px 0px 0px 0px;
text-align:center;
position:absolute;
width:450px;

}

.stat_right {
margin:0px 0px 0px 450px;
text-align:center;
width:450px;

}

.stat_sum {
margin:0px 0px 0px 0px;
position:absolute;
width:450px;

}

.speeddiv {
margin:0px 0px 0px 450px;

}

#selector {

text-align:right;

}

.numtoday  {
	font-size:18px;
	font-weight:bold;
}

.numyest  {
	font-size:16px;
	font-weight:bold;
	color:#666;
	
}
.speed  {
	font-size:22px;
	font-weight:bold;
}

.total  {
	font-size:22px;
	font-weight:bold;
}

## Kan test

.textakim {
 font-size: 6px;
 background-color: #CCCCCC;
 border: 1px solid #666666;
}