/***********************************************/
/* style.css                                    */
/* Bobmobile							        */
/***********************************************/


/***********************************************/
/* General DIVs                                */
/***********************************************/

.highlight {
	text-decoration: underline;
}

#spalteseite{
	width:750px;
	float:left;
}

#banner{
	width:170px;
	float:left;
	text-align:right;
}
#impressum {
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	color:#000000;
 	font-size:10px;
}

#page{
 margin: 0px auto 0px auto;
 text-align:left;
 width:920px; 				/* + Bannerbreite*/
 position:relative;
 left:80px;
 
}

#header{
 width:750px;
 height:70px;
 background-image:url(graphik/header.jpg);
}

#footer{
 width:750px;
 height:30px;
 clear:both;
 text-align:center;
 background-image:url(graphik/footer.jpg);
}

#footer a{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:60%;
}

#middlebox{
 float:left;
 background-image:url(graphik/background.gif);
 background-repeat:repeat-y;
 border-width:6px 0px 6px 0px;
 border-style:solid;
 border-color:#FFFFFF;
}

#search{
 margin: 0px 0px 5px 0px;
 padding: 5px 10px 0px 0px;
 height:30px;
 background-color:#E5C5C7;
 text-align:right;
}

#searchform{
 margin: 0px 0px 0px 0px;
}

/***********************************************/
/* Navigation                                  */
/***********************************************/

#navigation {
	margin: 0px 0px 0px 0px;
	float:left;
	width:170px;
	background-color:#FFFFFF;
}

.navbox {
	margin: 0px 0px 8px 0px;
	width:165px;
	background-color:#FFFFFF;
}

.nav-1 {
	display:block;
	margin: 0px 0px 0px 0px;
	width:165px;
	background-color:#94171E;
}

.nav-1 a, .nav-1 .aktuell a {
	display:block;
	padding: 2px 0px 2px 3px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#FFFFFF;
	font-weight:bold;
}

.nav-2 {
	display:block;
	margin: 2px 0px 0px 0px;
	width:165px;
	text-indent:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
}

.nav-2 a {
	display:block;
	padding: 2px 0px 2px 0px;
	background-color:#E5C5C7;
	color:#000000;
	text-decoration:none;
}

.nav-2 a:hover, .nav-2 .aktuell a {
	display: block;
	background-color:#BF7579;
	color:#FFFFFF;
	text-decoration:none;
}

.nav-2high a {
	display:block;
	margin: 2px 0px 0px 0px;
	width:165px;
	text-indent:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	padding: 2px 0px 2px 0px;
	background-color:#BF7579;
	color:#FFFFFF;
	text-decoration:none;
}

.nav-3 {
	display:block;
	margin: 2px 0px 0px 0px;
	width:165px;
	text-indent:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:normal;
	list-style-type:circle;
}

.nav-3 a {
	display:block;
	padding: 2px 0px 2px 0px;
	background-color:#E5C5C7;
	color:#000000;
	text-decoration:none;
}

.nav-3 a:hover, .nav-3 .aktuell a {
	display: block;
	background-color:#BF7579;
	color:#FFFFFF;
	text-decoration:none;
}

.nav-4 {
	display:block;
	margin: 2px 0px 0px 0px;
	width:165px;
	text-indent:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	font-weight:normal;
	list-style-type:circle;
}

.nav-4 a {
	display:block;
	padding: 2px 0px 2px 0px;
	background-color:#E5C5C7;
	color:#000000;
	text-decoration:none;
}

.nav-4 a:hover, .nav-4 .aktuell a {
	display: block;
	background-color:#BF7579;
	color:#FFFFFF;
	text-decoration:none;
}

/***********************************************/
/* Content                                     */
/***********************************************/ 

#content{
 margin: 0px 0px 0px 0px;
 float:right;
 width:580px;
 background-color:#FFFFFF;
}

#platzhalter_5px{
 float:left;
 width:5px;
}

#platzhalter_4px{
 float:left;
 width:4px;
}

#footer_box{
 clear:both;
 height:13px;
 text-align:right;
 padding: 2px 4px 2px 4px;
 background-color:#94171E;
}

#footer_box a{
 text-decoration:underline;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#FFFFFF;
 font-weight:bold;
}

#footer_box_pagecount{
 clear:both;
 height:13px;
 text-align:center;
 padding: 2px 4px 2px 4px;
 background-color:#94171E;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#FFFFFF;
 font-weight:bold;
}

#footer_box_pagecount a{
 text-decoration:underline;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:100%;
 color:#FFFFFF;
 font-weight:bold;
}

#header_box{
 padding: 2px 0px 2px 4px;
 background-color:#94171E;
 height:13px;
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#FFFFFF;
 font-weight:bold;
}

#suchergebnis {
 padding: 2px 0px 2px 4px;
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#000000;
 font-weight:bold;
}

#header_box a{
 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
}

#ringtonebox{
 float:left;
 margin: 0px 0px 5px 0px;
 width:287px;
}

#ringtonebox2{
 float:left;
 margin: 0px 0px 5px 0px;
 width:580px;
}

#ringtone_heavy {
 vertical-align:middle;
 overflow:hidden;
 height:46px;
 clear:both;
 padding:0px 0px 0px 0px;
 /*background-color:#E5C5C7;*/
 background-color:#f2e4e5;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#ringtone_heavy2 {
 float:left;
 width:288px;
 height:46px;
 /*background-color:#E5C5C7;*/
 background-color:#f2e4e5;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
 z-index:1;
}

#ringtone_light {
 vertical-align:middle;
 overflow:hidden;
 height:46px;
 clear:both;
 padding:0px 0px 0px 0px;
 background-color:#FFFFFF;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#ringtone_light2 {
 float:left;
 width:288px;
 height:46px;
 /*background-color:#E5C5C7;*/
 background-color:#FFFFFF;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#ringtonepre {
 float:left;
 width:250px;
 height:50px;
 background-color:#FFFFFF;
}

#coverpic  {
 position: relative;
 height: 40px;
 width: 40px;
 float: left;
 left: 4px;
 top: 3px;
}

#coverpicpre  {
 position: relative;
 height: 65px;
 width: 65px;
 float: left;
 left: 4px;
 top: 3px;
}

#interpret {
 position: relative;
 left: 8px;
 top: 3px;
 overflow: hidden;
 float: left;
 height: 20px;
 width: 160px;
 line-height:20px;
}

#interpret a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight: bold;
 text-align: left;
 color:#000000;
}

#interpretpre a {
 position: relative;
 left: 12px;
 top:0px;
 overflow: hidden;
 float: left;
 height: 20px;
 width: 150px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:70%;
 line-height:15px;
 font-weight: bold;
 text-align: left;
 color:#000000;
}

#songtitel {
 position: relative;
 left: 8px;
 top: 3px;
 overflow: hidden;
 float: left;
 height: 17px;
 width: 160px; 	
 line-height:20px;
}

#songtitel a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight:normal;
 text-align: left;
 color:#000000;
 line-height: 15px;
}

#songtitelpre a {
 position: relative;
 left: 12px;
 top:-2px;
 overflow: hidden;
 float:left;
 height:30px;
 width:160px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:70%;
 font-weight:normal;
 text-align: left;
 color:#000000;
}

#button_play{
 z-index:1;
 position: relative;
 top:-7px;
 right:60px;
 float:right;
 width:16px;
 height:16px;
}

#button_playpre{
 position: relative;
 top:2px;
 left:10px;
 float:left;
 width:50px;
 height:15px;
 border-width:1px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#ringtone_button a{
 display:block;
 background-image:url(graphik/hier.gif);
 position: relative;
 top:-4px;
 right:-12px;
 float:right;
 width:45px;
 height:16px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 line-height: 15px;
 font-weight:bold;
 text-decoration:none;
 color:#000000;
 text-align:center;
}

#ringtone_buttonpre a{
 display:block;
 background-image:url(graphik/hier.gif);
 position: relative;
 top:3px;
 right:5px;
 float:right;
 width:45px;
 height:16px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 line-height: 15px;
 font-weight:bold;
 text-decoration:none;
 color:#000000;
 text-align:center;
}

#close a{
 display:block;
 float:right;
 position: relative;
 background-image:url(graphik/x.gif);
 top:-50px;
 right:-40px;
 width:16px;
 height:16px;
 text-decoration:none;
 text-align:center;
}

#softwarebox{
 clear:both;
 margin: 0px 0px 5px 0px;
}

#softwareprodukt_heavy{
 float:left;
 width:288px;
 height:107px;
 /*background-color:#E5C5C7;*/
 background-color:#f2e4e5;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#softwareprodukt_light{
 float:left;
 width:288px;
 height:107px;
 /*background-color:#f2e4e5;*/
 background-color:#FFFFFF;
 border-width:0px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#software_heads{
 padding: 2px 0px 2px 4px;
 background-color:#94171E;
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#FFFFFF;
 font-weight:bold;
}

#pic_100x100  {
 position: relative;
 height: 100px;
 width: 100px;
 float: left;
 left: 4px;
 top: 3px;
}

#softwaretitel {
 position: relative;
 left: 8px;
 top: 4px;
 overflow: hidden;
 float: left;
 width: 180px;
}

#softwaretitel a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 line-height: 15px;
 font-weight: bold;
 text-align: left;
 color:#000000;
}

#softwarebeschreibung {
 position: relative;
 left: 8px;
 top: 4px;
 overflow: hidden;
 float: left;
 width: 170px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 line-height: 15px;
 text-align: left;
 color:#000000;
}

#software_button a{
 display:block;
 background-image:url(graphik/hier.gif);
 position: relative;
 top:6px;
 right:5px;
 float:right;
 width:45px;
 height:16px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 75%;
 line-height: 15px;
 font-weight:bold;
 text-decoration:none;
 color:#000000;
 text-align:center;
}

#gamesbox{
 clear:both;
 margin: 0px 0px 5px 0px;
 width:580px;
 background-color:#f2e4e5;
}

#gameprodukt{
 padding: 3px 0px 0px 0px;
 float:left;
 width:114px;
 height:132px;
 text-align:center;
 overflow: hidden;
 border-width:0px 1px 0px 1px;
 border-style:dotted;
 border-color:#999999;
}

#gametitel a {
 position:relative;
 clear:both;
 top: 2px;
 overflow: hidden;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight: bold;
 color:#000000;
}

#logoprodukt{
 padding: 3px 0px 0px 0px;
 float:left;
 width:114px;
 height:105px;
 text-align:center;
 border-width:0px 1px 0px 1px;
 border-style:dotted;
 border-color:#999999;
}

#mypre {
 position:absolute;
 top:-10px;
 left:-270px;
 width:250px;
 height:70px;
 background-color:#FFFFFF;
 border-color:#000000; 
 border-width:2px; 
 border-style:solid; 
 padding:4px;
 z-index:1000;
}

/***********************************************/
/* Order                                       */
/***********************************************/ 

#pic_128x128  {
 position: relative;
 height: 128px;
 float: left;
 left: 4px;
 top: 3px;
}

#produktorder{
 margin: 0px 0px 5px 0px;
 clear:both;
 height:136px;
 background-color:#FFFFFF;
 border-width:1px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
}

#order_produkttitel {
 position: relative;
 left: 10px;
 top: 4px;
 overflow: hidden;
 float: left;
 height: 20px;
 width: 450px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight: bold;
 text-align: left;
 color:#000000;
}

#order_coverpic  {
 position: relative;
 height: 40px;
 width: 40px;
 float: left;
 left: 4px;
 top: 34px;
}

#order_interpret {
 position: relative;
 left: 14px;
 top: 41px;
 overflow: hidden;
 float: left;
 height: 20px;
 width: 450px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight: bold;
 text-align: left;
 color:#000000;
}

#order_songtitel {
 position: relative;
 left: 14px;
 top: 39px;
 overflow: hidden;
 float: left;
 height: 20px;
 width: 450px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 font-weight:normal;
 text-align: left;
 color:#000000;
}

#order_produktbeschreibung {
 position: relative;
 left:10px;
 top:3px;
 overflow: hidden;
 float: left;
 height: 90px;
 width: 380px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 70%;
 line-height: 15px;
 text-align: left;
 color:#000000;
}

#order_player {
 position: relative;
 clear:both;
 left:4px;
 top:45px;
}

#bestellprozess_head{
 text-align:center;
 clear:both;
 height:25px;
 background-color:#FFFFFF;
}

#bestellprozess{
 padding:0 auto 0 auto;
 clear:both;
 width:578px;
 min-height:250px;
 background-color:#F2E4E5;
 border-width:1px 1px 1px 1px;
 border-style:dotted;
 border-color:#999999;
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#000000;
 font-weight:normal;
}

#bestellprozess a{
 color:#000000;
 text-decoration:underline;
}


#order_step{
 padding: 0px 0px 0px 0px;
 float:left;
 width:188px;
 height:25px;
 background-color:#E5C5C7;
 text-decoration:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 color:#FFFFFF;
 font-weight:bold;
 line-height:25px;
 vertical-align:middle;
 border-width:1px 1px 0px 1px;
 border-style:solid;
 border-color:#BBBBBB;
}

.marked{
 background-color:#94171E!important;
}

#step1_number{
 margin: 20px 15px 10px 15px; 
 clear:both;
 width:558px;
 text-align:center;
 
}

#step1_number h1{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:110%;
 color:#000000;
 font-weight:bold;
}

#konditionen{
 text-align:justify;
 font-size:90%;
}

#button_weiter{
 position:relative;
 top:2px;
}

#contentagb {
	background-color: #FFFFFF;
	width:578px;
	float: left;
	padding-left:15px;
	padding-top:8px;
	z-index: 3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;	
}

#pos_agb_link{
	float:right;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
 text-align:center;
 background-color:#FFFFFF;
}

.de_hack {
	font-size: 13px !important;
	text-align: center !important;
}

#abo_management {
	margin-left: -15px;
}

#abo_management ul {
	padding: 0;
	margin: 0;
}

#abo_management ul li {
	list-style: none;
	width: 30%;
	float: left;
	background: #E5C5C7;
	margin-right: 2px;
}

#abo_management ul li a.selected,
#abo_management ul li:hover{
	background: #BF7975;
}

#abo_management ul li a {
	display: block;
	padding: 10px;
	color: #000000;
	font-weight: bold;
}

#abo_management #abo_management_content {
	clear: both;
	padding-top: 10px;
	width: 91%;
}

#abo_management h2  {
	background: #94171E;
	color:  #FFFFFF;
	padding: 2px;
	margin: 0px;
	font-size: 13px;
}

#abo_management p {
	margin: 0;
	padding: 5px 5px;
}

#abo_management p#user_msg, #abo_management p#tan_error, #abo_management p#login_error {
	font-weight: bold;
}

#abo_management p#tan_error, #abo_management p#login_error {
	color: #FF0000;
}

#abo_management table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}

#abo_management table th {
	border-bottom: 2px solid #000000;
}

#abo_management table td {
	padding: 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#abo_management #abo_cancel{
	text-align: center;	
}

#abo_management #abo_cancel a {
	display: block;
	padding: 10px;
	color: #000000;
	border: 1px dotted #000000;
	margin: 5px 0px;
}

#abo_management #abo_cancel a:hover {
	background: #CCCCCC;
}

#abo_management img {
	border: 0;
}