/*  =========================================================
Stylesheet für die 248 Webseite  
Stand:  0.1
Datei:  bildschirm.css
Media:  screen 
Datum:  16. April 2008
Autor:  WEH 
Aufbau  1. Farbdefinitionen
		2. Kalibrierung und allgemeine Styles 
		3. Absolut positionierte Elemente
        4. Styles für Layoutbereiche    
        5. Sonstige Styleklassen
        6. Einmalige Module  
========================================================== */

/* ====================================== 
   1. Farbdefinitionen 
   ====================================== */
/*  
	Hauptfarben
	#e1051a Rot
	#f6c0c5 Hellrot (submenu)

	#622280 Violett
    #d4c6dc Hellviolett

	#37a8db Blau
    #cae6f4 hellblau (submenu)
 	
 	Grau Töne
    #e0e0e0 Grau Hintergrund
	#89888a Grau Rand

    #0f1948 Dunkles Blau für Links in der MyHandyBox
     
*/

/* ====================================== 
   2. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p { margin-bottom: 0.1em; }  
ul ul { margin-bottom: 0;}  

/* Allgemeine Selektoren */

html { height: 101%; } 
body { 
   font-family: Arial, Helvetica, Verdana, sans-serif; 
   font-size: 7pt; 
}
h1 { font-size: 10pt; } 
h2 { font-size: 8pt; }
h3 { font-size: 7pt; }
p {font-size: 7pt; }

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: white; } 
a:visited { color: white; }
a:active { color: white; }
a img { border: none; }

a span { cursor: pointer; }

li { list-style: none; }

/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}
.floatleft { float:left; }
.floatright { float:right; }
.clearing { clear: both; }
.center { margin: 0px auto; }

/* The Background Images for Manin Navigation */
.red { background: url("../pict/header/red.png"); }
.violet { background: url("../pict/header/violet.png"); }
.blue { background: url("../pict/header/blue.png");}
.black { background: url("../pict/header/black.png");}


/* ====================================== 
   3. Absolut positionierte Elemente
   ====================================== */
#logo { 
	position:absolute;
	top: 0px;
	left: 0px;
}

/* ==================================== 
   4. Styles für die  Layoutbereiche 
   ==================================== */
#wrapper { 
   	color: white; 
    background: url("../pict/background/3columns.gif") repeat-y ; 
   	width: 899px;  
   	margin: 5px auto 0px;
	border: 1px solid #89888a;
	border-bottom: none;
}
/* ==================================== 
   4.1 Kopf Bereich 
   ==================================== */ 
#head {
   	position: relative;
	background: white;
	height: 100px;
}

/* ==================================== 
   Global Search Box 
   ==================================== */
#gsearchbox {
    position: absolute;
	right: 300px;
	top:60px;
	width: 250px;
}

#gsearchbox label {
	color: #0f1948;
	font-size: 8pt;
	font-weight: bold;
}

/* ==================================== 
   6.5 my Handy Infobox 
   ==================================== */
#myhandybox {
    color: #0f1948;
    position: absolute;
	right: 150px;
    width: 150px;
    height: 85px;
	margin-top: 15px;
	margin-bottom: 0;
}
#myhandybox .handset {
	float: left;
	margin: 0px 5px 0px;
	width: 39px;
	height: 77px;
	padding: 3px;
}
#myhandybox #text {
    margin-top: 5px;
	margin-left: 55px;
	height: 80px;
	width: 85px;
}

#myhandybox #nohandset {
  padding: 3px;
  background-color: white;
}
#myhandybox a,
#myhandybox a:link,
#myhandybox a:visited,
#myhandybox a:active {
	color: #0f1948;
}


#langselect {
    position: absolute;
	top: 78px;
	right: 0px;
	width: 145px;
}
#langselect a { padding-right: 2px; }


/* ==================================== 
   4.2 Linke Spalte 
   ==================================== */ 
#columnleft { 
   float: left;
   width: 140px; 
   background: #e0e0e0;
} 
/* für IE6 */
* html #columnleft { width: 120px; }

/* ==================================== 
   4.3 Content Bereich
   ==================================== */ 
#textbereich {
   float: right; 
   width: 750px;  
}
#columncenter { 
   	float: left; 
	width: 600px;
	padding-bottom: 10px;
}
#columncenter a,
#columncenter a:link,
#columncenter a:visited,
#columncenter a:active {
	color: #0f1948;
}
/* ==================================== 
   4.3 Rechte Spalte 
   ==================================== */
#columnright {  
   	float: right;  
   	width: 145px; 
}
/* für IE6 */
* html #columnright { width: 141px; }

/* ==================================== 
   4.4 Fussbereich
   ==================================== */  
#footer {
   	clear: both; 
   	color: black;  
	background-color: white;
   	border-top: 1px solid #89888A;
	border-bottom: 1px solid #89888A;
   	height: 15px;
}
#footer a { color: black; }
#footer p { padding: 2px 5px; }

/* ==================================== 
   5.2 Text Box wenn kein Content vorhanden
   ==================================== */
.nocontent,
.nocontent p { font-size: 9pt; }

.nocontent {
  color: #0f1948;
  margin-top: 5px;
  padding: 5px;
  text-align: center;
  
}
div#gamebox .nocontent,
.largebox.GAME .nocontent, 
div#videobox .nocontent,
.largebox.VIDEO .nocontent { 
	background-color: #f6c0c5; 
}
div#realbox .nocontent, 
div#polybox .nocontent,
.largebox.REALSOUND .nocontent,
.largebox.FUNSOUND .nocontent,
.largebox.POLYSOUND .nocontent,
.largebox.MONO .nocontent { 
	background-color: #d4c6dc; 
}
div#themebox .nocontent, 
div#mmsbox .nocontent,
div#logobox .nocontent,
.largebox.THEME .nocontent,
.largebox.PICTURE .nocontent,
.largebox.ANIM .nocontent,
.largebox.LOGO .nocontent,
.largebox.PICT .nocontent,
.largebox.CHAR .nocontent { 
	background-color: #cae6f4; 
}

/* ==================================== 
   5.3 Teaser Box für rechte spalte
   ==================================== */

.teaserfootertable_1, 
.teaserfootertable_2 {
	width: 100%;
}

.teasercontent_1, 
.teasercontent_2 {
	color: #0f1948;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.teasercontent_1 div table, .teasercontent_2 div table {
	width: 100%;
}

#teaserhead_1, 
#teaserhead_2,
#teaserhead_3, 
#teaserhead_4 { 
    text-align: center;
	padding: 2px;
	height: 16px;
}

#teaserhead_1 { 
    background-color: #e1051a !important; 
    background-image: none !important;  
} 
#teaserhead_2 { 
    background-color: #37a8db !important; 
    background-image: none !important;  
}

.mn_tree_head_title {
	font-size: 10pt;
	font-weight: bold;
}


/* ==================================== 
   5.4 Containerbox für Content Bereich
   ==================================== */
.largebox {
	margin-top: 10px;
	margin-left: 12px;
	width: 580px;
	height: auto; 
}
/* 
 * is used if a user selects a category e.g. 
 * Games but there is no Game Content for his Handset
 */
.largebox .titlebar {
	background: url("../pict/header/black_bar.png");
}

/* ==================================== 
   5.5 Cover Box für Games, Videos, Themes, Pics
   ==================================== */
.coverbox {
	float: left;
	text-align: center;
	
	overflow: hidden;

	width: 114px; 
	height: auto;
	background-color: white;
}

.coverbox img.cover {
    float: left;
	border: 1px solid #fff;
	margin: 7px 6px 7px;
}

.coverbox div {
	margin: 0px auto;
	width: 101px;
	height: 27px;
}
.coverbox div span {
	float: left;
	width: 100px;
	text-align: left;
}
.coverbox span.showdetail {
	font-weight: bold;
}

div#gamebox .coverbox span.showdetail,
div#videobox .coverbox span.showdetail,
div.GAME .coverbox span.showdetail,
div.VIDEO .coverbox span.showdetail {
	color: #e1051a;
}


div.THEME .coverbox span.showdetail,
div.ANIM .coverbox span.showdetail,
div.PICTURE .coverbox span.showdetail,
div.LOGO .coverbox span.showdetail,
div.PICT .coverbox span.showdetail,
div.CHAR .coverbox span.showdetail {
	color: #37a8db;
}



/* ==================================== 
   Games auf der Startseite
   ==================================== */
div#gamebox .coverbox {
    height: 164px;
	border: 1px solid #e1051a;
}
div#gamebox .coverbox img.cover {
	width: 101px;
	height: 119px;
	border: 1px solid #e1051a;
}


/* ==================================== 
   Games in der Listenansicht
   ==================================== */
div#gamedetailbox .coverbox {
    height: 134px;
	width: 278px;
	margin: 4px 4px;
	border: 1px solid #e1051a;
}
div#gamedetailbox .coverbox div {
    float: right;
	margin: 7px 0px;
	height: 120px;
	width: 160px;
}
div#gamedetailbox .coverbox div span { width: 155px; font-size: 8pt; }



/* ==================================== 
   Container / Coverbox für Videos
   ==================================== */
div#videobox .coverbox {
    height: 127px;
	border: 1px solid #e1051a;
}
div#videobox .coverbox img.cover {
	border: none;
	margin-left: 0px;
	margin-right: 0px;
	width: 118px;
	height: 86px;
}


/* ==================================== 
   Container / Coverbox für Realsounds 
   ==================================== */
div#realbox div.lbox {
    float: left;
}
div#realbox .left,
div#realbox .center,
div#realbox .right {
  width: 192px;
}
div#realbox .left, 
div#realbox .center {
  margin-right: 1px;
}

.rcbox {
	float:left;
	padding: 3px;
	width: 184px;
	background-color: white;
	border: 1px solid #622280;
}
.rcbox div.floatright {
	text-align: right;
	width: 22px;
	padding: 0px;
}
.rcbox div.floatright img { margin: 1px 0px; }

.rcbox span {
	font-size: 8pt;
	padding-left: 5px;
	width: 110px;
}
.rcbox span.title {
	font-weight: bold;
}

.rcbox img.cover {
	width: 45px;
	height: 45px;
}

/* ==================================== 
   Container / Listbox für Poly / Funsounds 
   ==================================== */

.lbox {
	padding: 3px;
	/* width: 228px; */
	width: 185px;
	height: 20px;
	background-color: white;
	border: 1px solid #622280;
}
.lbox div.floatright {
	text-align: right;
	height: 22px;
	width: 44px;
	padding: 0px;
}
.lbox.alt {
	background-color: #d4c6dc;
}
.lbox span.tune {
	margin-top: 2px;
	width: 135px;
	
	font-size: 9pt;
	font-weight: bold;
}

/* ==================================== 
   Container / Coverbox für Themes 
   ==================================== */
div#themebox .coverbox {
    height: 150px;
	border: 1px solid #37a8db;
}
div#themebox .coverbox img.cover {
	width: 101px;
	height: 134px;
}

/* ==================================== 
   Container / Coverbox für MMS (Pics)
   ==================================== */
div#mmsbox .coverbox {
	border: 1px solid #37a8db;
}
div#mmsbox .coverbox img.cover {
	width: 101px;
	height: 80px;
	border: 1px solid #37a8db;
}

/* ==================================== 
   Container / Coverbox für (Betreiber-) Logos 
   ==================================== */
div#logobox .coverbox {
	border: 1px solid #37a8db;
}
div#logobox .coverbox img.cover {
	width: 72px;
	height: 14px;
	border: 1px solid #37a8db;
}

/* ==================================== 
   Container / Coverbox für Pict (Nokia Picture Messages) 
   ==================================== */
div#pictbox .coverbox {
	border: 1px solid #37a8db;
}
div#pictbox .coverbox img.cover {
	width: 72px;
	height: 28px;
	border: 1px solid #37a8db;
}

/* ==================================== 
   Container / Coverbox für Char (Textmessages) 
   ==================================== */
div#charbox .coverbox {
	border: 1px solid #37a8db;
}
div#charbox .coverbox img.cover {
	width: 100px;
	height: 57px;
	border: 1px solid #37a8db;
}

/* ==================================== 
   5.8 Text Box für AGB Impressum Hilfe,...
   ==================================== */
.textbox {
	color: black;
}
.textbox p, .textbox h2 {
	padding-left: 3px;
	margin-bottom: 10px;
}

.textbox address {
	padding-left: 3px;
	color: black;
	font-style: normal;
}
.textbox address span {
	font-weight: bold;
}


/* ==================================== 
   6. Einmalige Module 
   ==================================== */
/* ==================================== 
   6.1 Hauptmenu Box im Kopfbereich
   ==================================== */
#mainnav {
	width: 145px;
	padding: 0px;
	letter-spacing: -1px;
}

#mainnav a {
	padding: 4px 5px 5px;
	display: block;
	height: 15px;
	font-size: 10pt;
	font-weight: bold;
}

#mainnav ul, 
#mainnav li,
#mainnav li a {
	border: 0;
}

#mainnav li.blue a:hover { color: #cae6f4; }
#mainnav li.red a:hover { color: #f6c0c5; }
#mainnav li.violet a:hover { color: #d4c6dc; }

.navfiller { background: url("../pict/header/black.png");}

li.navfiller.GAME,
li.navfiller.VIDEO { 
  background: url("../pict/header/red.png");
}
li.navfiller.REALSOUND,
li.navfiller.FUNSOUND,
li.navfiller.POLYSOUND,
li.navfiller.MONO { 
  background: url("../pict/header/violet.png"); 
}
li.navfiller.THEME , 
li.navfiller.PICTURE ,
li.navfiller.ANIM ,
li.navfiller.LOGO ,
li.navfiller.PICT ,
li.navfiller.CHAR { 
  background: url("../pict/header/blue.png"); 
}




/* ==================================== 
   6.2 Rubrikenmenu in der linken Spalte 
   ==================================== */
#mbox div.content {
	width: 145px;
	padding: 0px;
	background-color: transparent;
} 
#mbox li { 
	padding-left: 2px; 
	border-top: 1px solid #C9BEBD ; 
	border-bottom: 1px solid #C9BEBD ;
	background-color: white;
}
#mbox li li {  
	background-color: white;
	margin-left: -2px;
	padding-left: 5px;
}
#mbox li li li{
   	background-color: white;
	margin-left: -5px;
	padding-left: 10px;
}
#mbox li a {
   	display: block;
	height: 15px;
	padding-top: 2px;
}

li.red #mbox li.selected { background-color: #f6c0c5; }
li.violet #mbox li.selected { background-color: #d4c6dc; }
li.blue #mbox li.selected { background-color: #cae6f4; }

li.red #mbox li:hover { background-color: #f6c0c5; }
li.violet #mbox li:hover { background-color: #d4c6dc; }
li.blue #mbox li:hover { background-color: #cae6f4; }

#mbox a,
#mbox a:link,
#mbox a:visited,
#mbox a:active,
#mbox li:hover a:hover {
	color: #0f1948;
}


/* ==================================== 
   6.3 Page Navigation
   ==================================== */
#pagenav {
  padding-top: 2px;
  height: 25px;
  color: #0f1948;
}
#pagenav div {
  width: 100%;
  text-align: center;
}
#pagenav div p {
  padding-top: 2px;
  font-size: 9pt;
}
#pagenav h1 {
  margin-top: 3px;
}
#pagenav div img {
  margin-left: 2px;
  margin-right: 2px;
}

#pagenav #pagenav_L {
  width: 200px;
  height:2px;
  text-align: right;
	
}
#pagenav #pagenav_R {
  width: 195px;
  height:2px;
  text-align: left;
  padding-right: 3px;
}
.pagenav_actual_number {
  padding-left: 3px;
  padding-right: 3px;
  margin-left: -3px;
  margin-right: -3px;
  font-weight: bold;
  background-color: white;
}
.pagenav_separator {
  padding-left: 5px;
  padding-right: 5px;
}

/* farben */
.largebox.GAME #pagenav,
.largebox.VIDEO #pagenav { 
  background-color: #f6c0c5; 
}

.largebox.REALSOUND #pagenav,
.largebox.FUNSOUND #pagenav,
.largebox.POLYSOUND #pagenav,
.largebox.MONO #pagenav{ 
  background-color: #d4c6dc; 
}

.largebox.THEME #pagenav,
.largebox.PICTURE #pagenav,
.largebox.ANIM #pagenav,
.largebox.LOGO #pagenav,
.largebox.PICT #pagenav,
.largebox.CHAR #pagenav { 
  background-color: #cae6f4; 
}
/* ==================================== 
   Titlebar 
   ==================================== */
.titlebar {
	padding-top: 3px;
	height: 18px;
	
	font-size: 5pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

div#bannerbox .titlebar, 
div#gamedetailbox div.titlebar, 
div#videobox div.titlebar, 
div#gamebox div.titlebar {
	background: url("../pict/header/red_bar.png") repeat-x;
}


div#polybox div.titlebar, 
div#realbox div.titlebar {
	background: url("../pict/header/violet_bar.png") repeat-x;
}

div#themebox div.titlebar,
div#logobox div.titlebar,
div#pictbox div.titlebar,
div#charbox div.titlebar,
div#spruchbox div.titlebar,
div#mmsbox div.titlebar {
	background: url("../pict/header/blue_bar.png") repeat-x; 
}

/* Do not show titlebars in Content List view */
div#videobox.VIDEO div.titlebar ,
div#gamedetailbox.GAME div.titlebar ,
div#realbox.REALSOUND div.titlebar ,
div#polybox.FUNSOUND div.titlebar ,
div#polybox.POLYSOUND div.titlebar ,
div#polybox.MONO div.titlebar ,
div#themebox.THEME div.titlebar,
div#logobox.LOGO div.titlebar,
div#pictbox.PICT div.titlebar,
div#charbox.CHAR div.titlebar,
div#mmsbox.PICTURE div.titlebar,
div#mmsbox.ANIM div.titlebar {
	display: none;
}



/* ==================================== 
   6.4 Search Box 
   ==================================== */
#sbox.GAME,
#sbox.VIDEO { 
	background: url("../pict/header/red.png") repeat-x;
}

#sbox.REALSOUND, 
#sbox.FUNSOUND, 
#sbox.POLYSOUND,
#sbox.MONO { 
	background: url("../pict/header/violet.png") repeat-x; 
}

#sbox.blind.PICTURE ,
#sbox.PICTURE ,
#sbox.blind.ANIM ,
#sbox.ANIM ,
#sbox.THEME ,
#sbox.LOGO ,
#sbox.PICT ,
#sbox.CHAR  { 
	background: url("../pict/header/blue.png") repeat-x; 
}

#sbox div.content { 
  text-align: right;
  padding: 0px 9px;
}
#sbox div.content input {
	width: 115px;
}
#sbox div.content input#submit {
	width: 38px;
	height: 24px;
	padding: 1px;
	margin: 0px 0px 0px;
	
	border: none;
	color: white;
	background: url("../pict/header/black.png") repeat-x;

	font-size: 7pt;
	font-weight: bold;
}
#sbox div.content label { 
   
   cursor: pointer; 
   padding-top: 5px;
   padding-bottom: 2px;
   font-size: 8pt;
   font-weight: bold;
}

#sbox.blind { 
	height: 24px;
	background: url("../pict/header/black.png") repeat-x; 
}

/* ==================================== 
   Suchergebnisse "more" Balken
   ==================================== */
div.moreresults {
	margin-top: 2px;
	padding: 4px;
	font-size: 10pt;
	font-weight: bold;
}

#videobox div.moreresults,
#gamedetailbox div.moreresults,
#gamebox div.moreresults {
	background-color: #f6c0c5;
}

#realbox div.moreresults,
#polybox div.moreresults {
	background-color: #d4c6dc;
}

#themebox div.moreresults,
#charbox div.moreresults,
#pictbox div.moreresults,
#logobox div.moreresults,
#mmsbox div.moreresults {
	background-color: #cae6f4;
}

/* ==================================== 
   6.6 Handy Selektor Seite
   ==================================== */
#manufacturer {
	padding: 5px;
	background-color: white;
}
#manufacturer ul li {
  padding: 5px 10px;
  float: left;
}
#manufacturer a {
	font-size: 8pt;
}
#manufacturer span {
  font-size: 8pt;
  font-weight: bold;
  color: #0f1948;
}
#handsets {
	margin-top: 5px;
	padding-bottom: 10px;
	width: 585px;
	height: 100%;
	background-color: white;
}
.handsetbox {
	float: left;
	width: 113px;
	margin: 5px 2px;
}
.handsetbox.selected {
	margin: 3px 0px;
    border: 2px dotted #89888a;
}
.handsetbox .handset {
  float: left;
  width: 50px;
  height: 92px;
  text-align: center;
  padding: 3px;
  background-color: white;
}
.handsetbox .text {
	float: left;
	width: 50px;
	padding-top: 20px;
	padding-left: 5px;
}
/* ==================================== 
   SMS Sprüche Box 
   ==================================== */
div#spruchbox .sprteaser {
	float: left;
	
	background-color: white;
    height: 130px;
	width: 275px;
	margin: 5px 5px;
	border: 1px solid #37a8db;
}

div.sprteaser h1,
div.sprkeylist h1 {
	color: #37a8db;
	font-size: 12pt;
}

div.sprteaser p,
div.sprkeylist p {
	color: #0f1948;
	font-size: 10pt;
}

div#spruchbox .sprteaser h1 {
	text-align: center;
	padding: 5px;
	padding-bottom: 0px;
}

div#spruchbox .sprteaser p {
    color: #0f1948;
	font-size: 10pt;
	padding: 10px;
}


div.sprkeylist {
	clear: both;
}
div.sprkeylist h1 {
    margin-top: 10px;
	margin-bottom: 5px;
}
div.sprkeylist p {
	word-spacing: 8px;
	line-height: 140%;
}

div#spruchbox div.sprabo {
	height: 280px;
	background-color: #CAE6F4;
}

/* ==================================== 
   Surprise Box 
   ==================================== */
div#surprisebox p {
    margin: 5px 0px;
    font-size: 10pt;
	color: #0f1948;
}

div#surprisebox .surbox {
    color: #0f1948;
	background-color: white;
    height: 230px;
	width: 568px;
	padding: 5px;
	margin: 5px 0px;
	border: 1px solid #0f1948;
}

div#surprisebox .surbox img {
	margin: 5px 20px;
}

div#surprisebox .surbox h1,
div#surprisebox .surbox h2{
	padding: 5px;
}


/* ==================================== 
   Player Box 
   ==================================== */
#pbox {
	width: 145px;	
	text-align: left;
}
#pbox div.content {
    color: #0f1948;
	padding: 0px;
	width: 145px;
}
#pbox div.content p,
#pbox div.content h3 {
	padding: 5px;
}
#pbox div.content a {
  color: #0f1948;
  padding: 2px;
}
#pbox #player {
  border: 3px solid #B3ADAA;
  margin-left: 1px;
  width: 132px;
  height: 40px;
}
#pbox #player iframe {
	width: 132px;
	height: 40px;
}
#pbox #flashplayer {
  width: 40px;
  height: 40px;
  padding-top: 3px;
  margin-left: 3px;
}
#pbox .titlebar {
	background-image: none;
    background-color: #622280;
}

/* ==================================== 
   Help Box 
   ==================================== */
#hbox .titlebar {
	background-image: none;
    background-color: #622280;
	background-color: #89888a;
}
#hbox div.content p {
	color: #0f1948;
	padding: 5px;
}
#hbox div.content a { color: #0f1948; } 

/* ==================================== 
   6.8 SMS Orderbox auf Detail Seite
   ==================================== */
#smsorderbox {
  float: right;
  width: 170px;.
  margin-top: 5px;
  padding: 5px;
  text-align: center;
  background-color: yellow;
}
#smsorderbox p {
  padding-bottom: 3px;
}
#detailbox.GAME #smsorderbox,
#detailbox.VIDEO #smsorderbox { 
  background-color: #f6c0c5;
}
#detailbox.REALSOUND #smsorderbox, 
#detailbox.POLYSOUND #smsorderbox,
#detailbox.MONO #smsorderbox { 
  background-color: #d4c6dc;  
}
#detailbox.THEME #smsorderbox, 
#detailbox.PICTURE #smsorderbox,
#detailbox.ANIM #smsorderbox,
#detailbox.LOGO #smsorderbox,
#detailbox.PICT #smsorderbox,
#detailbox.CHAR #smsorderbox { 
  background-color: #cae6f4; 
}



/* ==================================== 
   6.10 Container für Contentbereich
   ==================================== */

	
div#impressum div, div#agb div {
	padding-top: 3px;
	margin-top: 3px;
}

div#impressum .titlebar h1{
	font-size: 8pt;
	font-weight: normal;
}


#detailbox .content {
  width: auto;
  padding: 5px;
  color: #0f1948;
  background-color: white;
}



#detailbox .description {
  float: left;
  margin-left: 10px;
  padding: 0px 5px 0px;
  }
  .description p {
  margin-bottom: 4px;
  font-size: 8pt;
}

#detailbox .truetone .description {
  width: 210px;
  }
  .truetone img {
  width: 45px;
  height: 45px;
}

#detailbox .picture .description {
  width: 150px;
  }
  .picture img {
  width: 101px;
  height: 80px;
}

#detailbox.LOGO div.content.picture img {
  width: 72px;
  height: 14px;
}
#detailbox.PICT div.content.picture img {
  width: 72px;
  height: 28px;
}
#detailbox.CHAR div.content.picture img {
  width: 100px;
  height: 57px;
}
#detailbox.LOGO .description, 
#detailbox.PICT .description,
#detailbox.CHAR .description {
  width: 250px;
}

#detailbox .application .description ,
#detailbox .theme .description,
#detailbox .video .description,
#detailbox .ringtone .description,
#detailbox .funsound .description {
  width: 250px;
  margin-top: 10px;
}

.highlight {
  font-size: 8pt;
  font-weight: bold;
}

#detailbox fieldset img {
  border: 1px solid #B3ADAA;
}

#detailbox fieldset {
  margin-top: 10px;
  padding: 10px;
  }
  fieldset img {
  margin-right: 15px;
  margin-bottom: 10px;
  }
  fieldset p {
  font-size: 9pt;
  }
  fieldset p.copyright {
  font-size: 7pt;
}

#detailbox .video fieldset div {
  float:right;
  width: 170px;
  }
  #detailbox .video div#videoplayer {
  float: left;
  width: 250px;
  }
  #videoringer {
  margin-top: 30px;
  }
  #videoinfo {
  height: 150px;
  padding: 25px 0px;
}

#infobox {
  margin-top: 5px;
  width: 565px;
  padding: 2px;
  border: 1px solid #B3ADAA;
}
#infobox div { width: 540px; }
div#infobox img.floatleft {
  border: none;
  width: 23px ! important;
  height: 31px ! important;
}



/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */