/* - - - - - - - - - - - - - - - - - */
/* 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%;
	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;
}

#pageheader {
	height:				98px;	
	margin:				0 auto;
}

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

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

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

#footer {
	width:				960px;
	margin:				0 auto;
	clear:				both;
	height:				43px;
	padding:			0 0 20px 0;
}

#disclaimer {
	width:				960px;
	margin:				20px auto;
	clear:				both;
	height:				43px;
	padding:			0 0 20px 0;
	text-align:			center;
	color:				#8B8B8B;
}


.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               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

	
ul#navigation {
	height:				28px;
	position:			absolute;
	top:				68px;
	right:				0;
}

#navigation li { float:left; }

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


ul.langswitch {
	height:				28px;
	padding:			0 0 0 10px;
}
#navigation .langswitch a {
	color:				#fff;
	display:			block;
	float:				left;
	margin:				7px 0 0;
	padding:			0 10px 1px;
	border:				none;

	width:				24px;
	height:				15px;
	text-indent:		-9999px;
}
#navigation .de a { background:transparent url(../images/btn-lang.png) 0 0 no-repeat; }
#navigation .en a { background:transparent url(../images/btn-lang.png) 0 -30px no-repeat; }
#navigation .it a { background:transparent url(../images/btn-lang.png) 0 -60px no-repeat; }
#navigation .fr a { background:transparent url(../images/btn-lang.png) 0 -90px 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; }





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

border:1px; 
border-color: #666666;
padding:10px;

}
	
 
.startbanner {
	width:				960px;
	height:				585px;
	margin:				0 0 20px 0;
	text-indent:		-9999px;
	position:			relative;
}

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

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

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

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



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




.box {
	width:				960px;
	margin:				0 0 17px 0;
	float:				left;
}
.boxheader, .boxfooter {
		height:				13px;
}
.boxwrapper {
	width:				934px;
	padding:			10px 13px 4px;
	/* display:			table; */
}
.boxhead {
	height:				37px;
	margin:				0 0 10px 0;
	color:				#fff;
	padding:			0 0 0 10px;
	font-weight:		bold;
	overflow:			hidden;
}


.b383 {
	margin-right:		17px;
	width:				383px;
}
.b383.rcol { margin-right:0; }

.b383 .boxwrapper {
	width:				357px;
	overflow:			auto;
}
.b383 .boxfooter {
	width:				383px;
}

.b560 {
	width:				560px;
}
.b560.lcol { margin-right:17px; }
.b560 .boxwrapper {
	width:				534px;
}	
.b560 .boxfooter {
	width:				560px;
}


.b383 .boxheader, .b383 .boxfooter,
.b560 .boxheader, .b560 .boxfooter {
		height:				31px;
}

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

}


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

table.blanktable { width: 100%; }
table.blanktable, table.blanktable th, table.blanktable td { border: none;  background: transparent; }

.align-center { text-align: center; }



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






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

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




.steps {
	height:				34px;
	background:			transparent url(../images/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; }






.tx-felogin-pi1 { margin-left: 20px; }

fieldset dt {
	height:				20px;
	padding:			4px 10px 0 0;
	font-weight:		bold;
	color:				#666;
	display:			block;
	float:				left;
	width:				80px;
	margin-bottom:		10px;
}
fieldset dd { 
	height: 20px; 
	padding:			4px 10px 0 0;
	margin-bottom:		10px;
}
fieldset dd.error, fieldset dt.error { margin: 0 0 0 13px; padding: 0; color: #f00; }
fieldset iframe { margin-left: 180px; width: 400px; height: 200px; }

form.registerform {
	padding:			13px 0 0;
}
form.registerform fieldset dt {
	width:				120px;
}


#loginform label { width:100px; }
.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:				230px;
	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 				{ position:	relative; margin:0 0 10px; border:0 none; }
.registerform fieldset 	{ margin:0 0 17px; }
.buttonfield 			{ height:60px; }

legend { margin:0 0 10px; }

.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(../images/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(../images/btn-blk.png) 0 0 no-repeat; }
a.btn-login:hover { background-position:0 -46px; }
a.btn-register { background:transparent url(../images/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 #155590;
}
.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(../images/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(../images/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;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 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;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Ext JS adaptions     													   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul.x-tab-strip li { list-style: none; }
.x-fieldset { padding: 0; }

.upload-icon { background: url('../images/image_add.png') no-repeat 0 0 !important; }
#fi-button-msg { border: 2px solid #ccc; padding: 5px 10px; background: #eee; margin: 5px; float: left; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TYPO3-specific          										               */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#tabs { height: 1500px; margin-bottom: 10px; }
#headcontainer { }
#appselectorcontainer { width: 400px; float: left; }
#status { width: 420px; height: 100px; margin: 0 5px 5px 0; float: right; background: url(../images/appnet/status_div_bg.png) no-repeat; }

.status_platforms_div { position: relative; float: right; margin: 0px 10px 0 30px; display: inline; }
.status_platform { display: inline-block; margin: 0 10px 0 0; text-align: center; }
.status_wait, .status_ready, .status_buy { font-family:	verdana, helvetica, arial, sans-serif; font-size: 9px; font-weight: bold; }
.status_wait { color: #888; }
.status_ready { color: #090; }
.status_buy { color: #900; }
.status_content_div { position: relative; float: right; margin: 0; display: inline-block; }
.status_content_ready { font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; font-weight: normal; color: #444; }
.status_content td { vertical-align: middle; padding: 0 10px 10px 0; }

#status input.contentswitch {
    width: 76px;
    height: 54px;
    background: url('../images/appnet/content_status-en.png');
    -webkit-appearance: none;
    border: 0;
    float: right;
    margin: 0px 0px 0 0;
}
#status input.contentswitch:checked {
    background-position: 0 54px;
}

input.order { float: left; }
.status_td_details p { margin: 0 0 0 20px;}

#ordercontainer { visibility: hidden; }

.tx-lalappfactory-container, .paypal-confirm { margin: 0 0 20px 20px; }
.tx-lalappfactory-container h2, .paypal-confirm h2 { margin-top: 20px; }
.tx-lalappfactory-container dl, .paypal-confirm dl { clear: both; }
.tx-lalappfactory-container dt, .paypal-confirm dt { width: 200px; float: left; }
.tx-lalappfactory-container .divider { width: 860px; padding-bottom: 10px; }
.tx-lalappfactory-container .narrowlist { width: 427px; float: left; list-style-type: none; margin-top: 10px; }
.tx-lalappfactory-container .controls { border-bottom: solid 1px #eee; margin: 0; text-align:right; }
.tx-lalappfactory-container .pageicon { float: left; margin: 0 5px 5px 0; width: 50px; height: 50px; }
.tx-lalappfactory-container .bodytext { clear: both; margin: 0; }
.tx-lalappfactory-container iframe { border: 0; }
.tx-lalappfactory-container #gallerymediaswfiframe iframe { overflow: hidden; }
.exturliframe { width: 320px; height: 360px; border: 0; overflow: auto; }
.tx-lalappfactory-container.noborder { margin: 0; }

.tx-lalappfactory-container #branch_container { width: 870px; padding: 15px 15px 0 0; }
.tx-lalappfactory-container #branch_container_narrow { width: 335px; padding: 15px 15px 0 0; }
.tx-lalappfactory-container #subbranch_container { width: 450px; padding: 15px 15px 0 0; }
.tx-lalappfactory-container .singlebranch { width: 95px; height: 95px; margin: 0 15px 15px 0; float: left; text-align: center; }
.tx-lalappfactory-container .branchcol { width: 270px;  margin: 0 15px 15px 0; float: left; }
.tx-lalappfactory-container #branch_container h2, .tx-lalappfactory-container #subbranch_container h2 { color: #000; font-size: 14px; margin-bottom: 5px; }
.tx-lalappfactory-container #branch_container ul, .tx-lalappfactory-container #subbranch_container ul { list-style-type: none;}
.tx-lalappfactory-container #branch_container ul li, .tx-lalappfactory-container #subbranch_container ul li { background: url(../images/bullet.gif) 0 4px no-repeat; padding: 0 0 0 18px; }

.tx-lalappfactory-container #platforms { width: 890px; height: 730px; }
.tx-lalappfactory-container #platforms .checkbox { width: 290px; height: 250px; float: left; }
.tx-lalappfactory-container #platforms .checkbox.all {  }
.tx-lalappfactory-container #platforms .checkbox input[type=checkbox], .tx-lalappfactory-container .terms { margin-right: 5px; }
.tx-lalappfactory-container #platforms .checkbox .price { margin: 0 0 10px 19px; }
.tx-lalappfactory-container .total { clear: both; font-weight: bold; height: 70px; font-size: 17px; }
.tx-lalappfactory-container .total .label { float: left; line-height: 20px; }
.tx-lalappfactory-container .total .sum { width: 200px; margin-left: 80px; }
.tx-lalappfactory-container .total .sum ul { list-style-type: none; }
.tx-lalappfactory-container .total .sum li { line-height: 20px; }
.tx-lalappfactory-container .total .sum .currency { float: left; }
.tx-lalappfactory-container .total .sum .price { float: left; width: auto; }
.tx-lalappfactory-container .total .sum .unit { margin-left: 10px; }
.tx-lalappfactory-container .termsframe { width: 500px; margin: 0 0 30px 10px; }
.tx-lalappfactory-container .paypal { width: 900px; height: 600px; }


.tx-lalappfactory-container #buttons { list-style-type: none; margin-top: 40px; }
.tx-lalappfactory-container #buttons li { margin-bottom: 15px; }
.tx-lalappfactory-container #buttons li img { float: left; }
.tx-lalappfactory-container #buttons li .text { margin-left: 40px; }

.paypal-error { margin: 10px 0 20px 10px; }
.paypal-error li, .paypal-error h2 { color: #f00; }

.tx-lalappfactory-container .edit { margin-top: 10px; }
.tx-lalappfactory-show { width: 400px; height: 590px; background: url(../images/bg_iphone_short.jpg) no-repeat; }
#preview { position: absolute; width: 320px; height: 480px; min-height:416px; margin: 45px 0 0 40px; background: #ccc; overflow: auto; font-family:helvetica,sans-serif; }
#appstatuspreview { position: relative; width: 320px; height: 680px; min-height:416px; margin: 0 0 0 20px; overflow: auto; font-family:helvetica,sans-serif; }

#checkboxgroup .priceinfo { font-size: 9px; }
#checkboxgroup .x-form-item { float: left; margin: 5px 5px 10px 5px; padding: 5px; width: 190px; }
#checkboxgroup .x-form-check-wrap { height: auto; }
#checkboxgroup .x-form-check-wrap input { float: left; }
#checkboxgroup .x-form-check-wrap ul { margin-left: 22px; list-style-type: none; }

#totalpanel ul { list-style-type: none; }

.tx-lalappfactory-show .textbox li form ul { list-style-type: none; margin: 0; }
.tx-lalappfactory-show label { color: #ccc; float: left; width: 80px; margin: 0; padding: 0; text-align: left; position: absolute; }
.tx-lalappfactory-show input { width: 170px; margin: 0 0 10px 95px; }
.tx-lalappfactory-show textarea { width: 174px; margin: 0 0 10px 95px; }

.tx-felogin-pi1 label { }

.tx-lalappfactory-testing #selectbuttons { width: 400px; display:inline-block; }
.tx-lalappfactory-testing #selectbuttons .checkbox { width: 120px; float: left; }

.tx-srfeuserregister-pi1 { margin: 10px }
.tx-srfeuserregister-pi1-vatid { display: none; }

.success { font-weight: bold; color: green; }
.error { color: red; }
label.error { margin-left: 5px; }