/* CSS für Menü start.php */

* {
/*	margin:0px; WICHTIG FÜR NORMALE UL und OLs
	padding:0px; */
	border:0px;

	font-family: "Georgia", Serif;
	/*font-weight: normal;*/
} 

body {
background: #fff url(http://www.planet-tmx.com/img/colorbar.png) repeat-x 0 50px;
margin:0;
padding:0;
}
p { margin: 0; }
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-weight: bold;
}

h1 { font-size: 18px; padding-bottom: 10px; color:#FF8800; letter-spacing:0.1em; text-transform:uppercase /*line-height: 36px; padding-top: 0px; */}

h2 { font-size: 16px; margin-left:-20px; margin-top: 12px; margin-bottom: 2px; padding:2px; font-style:italic; color:#3399cc; /*line-height: 36px; padding-top: 0px; padding-bottom: 9px; */}



a {	text-decoration: none; }

a:hover {text-decoration: underline;}

a:link, a:visited, a:active {
	color:#666666;
}

h1 a:link {
	color:#999999;
}

.smaller { font-size: 12px; }

#container { 	
	display:block;
	margin: 0 auto;
	width: 980px;
}

#left {
	font-size:14px;
	width: 190px;
	min-height:200px;
	/*padding:5px;
	background-color:#ffddee;*/
	float:left;
	margin-top:20px; /* ohne header, sonst: 50px; */
	margin-right: 10px;
}

#subnav { 
/*	background-color:#ddeeff; */
/*	padding:10px 5px 1px; */
	margin: 0 0 10px 0;
}

#subnav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#subnav ul li { margin-bottom: 10px; }
#subnav ul li a { color:#333; }

#subnav div { margin-bottom:10px; }
#subnav ul.checklist li a { display:block; padding: 0 5px 0 25px; }

#subnav ul.checklist li a.on  { background:url(../img/vtick1.png) no-repeat 0 1px; }
#subnav ul.checklist li a.off { background:url(../img/vtick0.png) no-repeat 0 1px; }

/* NEU: UNTERZEILE */

#subnav div.subitem { padding:10px; background-color:#f8f8f8; width:150px;
/*	-moz-border-radius:10px;-webkit-border-radius:10px; */
}

#subnav div.subitem a { font-weight:normal; color:#666 }
/*#subnav div.subitem a:hover {text-decoration:none; color:#333 }*/

#subnav div.subtext { font-size:11px; font-family:Tahoma,sans-serif;margin:10px 0;color:#666;line-height:150% }

#left1 { display:none }
#left2 { display:none }

#header { height: 20px; margin-top:20px; display:none; }

div.maintenance { padding:10px; background-color:#ff0000; color:#fff; max-width:560px; }

ul.menu {
	position:absolute;
	top:65px;
	left:0px;
	list-style-type:none;
	margin:0;
	padding:0;
/*	width: 600px; */
}
ul.menu li { float:left; margin-right:5px; font-size:14px;  }
ul.menu li a { /*text-transform:uppercase;*/ border-left: 1px solid #ddd; /*background-color:#EEE;*/ padding:4px 8px; }
ul.menu li a:hover { background-color:#F90; color:#fff }

ul.menu li a.join { background-color:#99CD39; color:#fff; }
ul.menu li a.join:hover { background-color:#88bc28; color:#fff }

ul.menu li span { border-left: 1px solid #ddd; background-color:#C39; color:#ffffff; padding:4px 8px; }
ul.menu li a.active { background-color:#C39; color:#ffffff }

/* sub-menu horizontal für über planet, presse */

ul.smenu {
	list-style-type:none;
	margin:0;
	padding:0;
	height:25px;
}
ul.smenu li { float:left; margin-right:5px; font-size:14px;  }
ul.smenu li a, 
ul.smenu li span { font-style:italic; border-left: 1px solid #ddd; padding:4px 8px; }
ul.smenu li a:hover { background-color:#665; color:#fff }
ul.smenu li span { font-weight:bold; color:#f90 }
ul.smenu li a.active { background-color:#C39; color:#ffffff }

/* Hilfe-Blöcke */
#help-icon { /*background-color:#0C0;*/ width:20px; /*height:12px; padding:4px 0;*/ position:absolute; top:-20px; right:0; text-align:center }
#help-icon a { padding:4px; display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; /*background-color:#ddd;*/ height:12px; width:12px }
#help-icon a:hover { background-color:#C30; color:#fff; text-decoration:none; font-weight:bold; }

#help { background-color:#EEEBDD /*#CCC6AA*/; line-height:150%; color:#000000;  padding:8px 10px; font-size:14px; margin-bottom:10px; }
/*#help { padding: 10px; }*/

/***** planetTips - Tooltips ******/

div.ptips {
	z-index : 1000;
	padding:10px;
	background-color:#ffffee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #999;
	font-size:14px;
	max-width: 300px;
}
.tip-title { color:#e95e25; font-weight:bold; margin-bottom:5px; }
.tip-text { color:#333; line-height:150% }
img.ptip { margin-left:10px;cursor:default; }


#content {
/*
	position:absolute;
	left:80px;
	top:120px;
	width:900px; 
*/
	position:relative; /* wichtig, damit darin enthaltene Elemente absolute positioniert werden können! */
	/*background-color:#ddeedd;*/
	margin-top:20px; /* wie #left oben! */
	width:780px;
	float:left;
	min-height:600px;
	z-index:1;
	border: 0px none;
	padding: 0;
}

div.table { padding-left: 15px; } /* Ansicht Lektionen */

#checkres form.tbl { margin-bottom: 20px; }



#head {
	height:96px;
	overflow:visible;
	position:relative;
	/*background-color:#FCF;*/
}

#footer {
	/* background-color:#FFFF66; */
/*	position:fixed; */
	border-top:1px dotted #ccc;
	bottom:0px;
/*	width:960px; */
	min-width:780px;
	padding:10px;
	clear:both;
	
	color:#999;
	margin:10px 0;
}
#footer a, #footer span { margin-right:10px }

#footer, #footer a, #footer span {
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	color:#777; 
}

#footer span { text-decoration:underline;}

#logo {
	position:absolute;
	left:0px;
	top:18px;
	
	/*margin-top:18px;*/
	width:236px;
	height: 37px;
	z-index: 1;
	cursor:pointer;
	background:url(../img/planet-tmx5.png) no-repeat;
}

#beta { position:absolute;left:240px;top:2px; width:43px;height:43px;background:url(/img/beta.png) center no-repeat }

/************ LOGIN *********************/

/*#planet-login { padding-top:20px }*/

form.login {
	width:500px;
	background-color:#EEE;
	margin: /*20px*/ 0px;
	padding:10px;
}
form.login label { float:left; width:200px; 
	/*font-size:10pt;*/ 
	margin:0;
	padding:2px 10px 0 0;
	text-align:right;
	width:240px; 
	}
form.login h3 { margin-bottom:20px; clear:both; color:#666 }
form.login p { margin-bottom:12px;line-height: 18pt; clear:both }

form.login a.small { font-family:Verdana, Geneva, sans-serif; font-size:10px; margin:4px 0;}

#planet-login form.login input[type="text"],
#planet-login form.login input[type="password"] { border:1px solid #ccc; padding:4px; font-size:100%; }

form.login input[type="checkbox"] { margin: 3px 5px 0 0; }

form.login input[type="submit"] { padding:3px 6px; background-color:#03C; color:#fff }
form.login input[type="submit"]:hover { background-color:#F90; }
/*
#mmenu {
	
	
}
*/
#userinfo {
	font-size:80%;
	line-height:normal;
	position:absolute;
	left:300px;
	top:32px;
	width:360px;
	padding:0 0 0 10px;
	text-align:left;
}
#imgupteaser {
	display:none;
	position:absolute;
	/* falls direkt in start.php eingebunden: left:900px; top:120px; */
	left:800px; top:0px;
	width:96px;
	padding:2px;

	background-color:#EDF9DE;
	color:#333333;

	text-align:center;
	line-height:normal;
}
#imgupteaser a { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal; }
#imgupteaser img { margin-bottom:2px; cursor:pointer }
#imgupteaser img:hover { text-decoration:none }

#users {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/ 
font-size:60%;
	font-weight:normal;
	color:#999999;
	line-height:normal;
/*	position:absolute; */
	left:900px;
	top:220px;
	width:80px;
	padding:0 0 0 10px;
	text-align:left;
	z-index:5;
}
#userlist { font-weight:bold; }
#userlist a:link { color:#FF6600  }

/* Sonderzeichen-Fenster */

#special {
	border: 1px solid #999999;
	position:absolute;
	width:150px;
	top:120px;
	right:40px;
	height:auto;
	background-color:#DCDED7;
}

#special-set { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}

#special button { background-color:transparent/*#D3DAAD*/; cursor:pointer; font-size:100%; padding:2px; margin:2px; width:20px; background-color:transparent; }
#special button:hover { background-color:#CBCDC6 }


#langsel {
	position:absolute;
	right: 0;
	/* left:740px;
	 * width:200px;
	 */
	top:24px;	
	z-index:2
}
#langsel a { font-size:14px }

#messageinfo {
	/*background-color:#FF99FF;*/
	font-size:60%;
	font-weight:bold;
	line-height:normal;
	position:absolute;
	left:740px;
	top:0px;
	width:196px;
	padding:2px;
	text-align:left;
}
#messageinfo a { background-color:#FF6600; color:#ffffff; padding:2px; }

#language {
font-size:14px; margin: 0px; padding:0px; width:100px; border: 0px none; line-height:normal; height:20px;
}
#language option {
margin: 2px; padding: 0px; 
}

#mcont {
	position:absolute;
	left:20px;
	top:60px;
	
	height:50px;
	z-index:1;
	background-color: #ffffff;
}

#kwicks {
	font-family:Georgia, "Times New Roman", Times, serif;
	position: relative; 
	text-transform: uppercase;
	list-style:none;
	margin:0;
	padding:0;
	
}
 
#kwicks .kwick {
	padding: 2px;
	float: left;
	display: block;
	width: 96px;
	height: 46px; border-right:solid 1px #cccccc;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	cursor:pointer;
}

#kwicks .kwick:hover { /*background-color: red;*/ text-decoration:underline; font-size:18px; }

#logincont {
	position:absolute;
	left:715px;
	top:120px;
	width:210px;
	z-index:5;
	}
	
#login {
	padding: 5px;
	background-color:#ddeeff;
	display:none;
}


#status {
	/* background-color:#00FF00; */
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:4px;
	font-size:14px;
}

.ajax-loading {
	/*padding: 15px 0pt 0pt;*/
	background: url(/img/spinner.gif) no-repeat center;
}

.ajax-busy { /* wie ajax-loading, aber weißer Hintergrund (für input-felder)
	/* padding: 15px 0pt 0pt;*/
	background: #fff url(/img/spinner.gif) no-repeat center;
}

/* Einstellungen für Lektion */
#unitopts { display: none }

/***** STATS TABELLEN *****/

.stats_table {
	
	width:500px;
	/* background-color:#66FFFF; */
	margin-bottom: 10px;
}
.stats_tr { 
/*background-color:#FF33CC;*/
width:100%;
height:18px;
border-bottom:solid #cccccc 2px;
margin-bottom:2px;
}

.stats_tr div,
.stats_tr a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* background-color:#999999; */  
	font-size: 10px;  
	color:#333333; 
	float:left;
	display:block;
	overflow:hidden; 
	padding:2px;
	margin-right: 2px;
	/* margin-top: 2px;*/ 
	/* margin-bottom: 2px; */
	height:14px; 
	white-space: nowrap;	
}

.stats_tr .s_tit { width: 180px; clear:both }
.stats_tr a:link { color:#333333; }

.stats_tr .s_aut { width: 150px; text-align:center }
.stats_tr .s_dat { width: 120px; text-align:right }



.stats_tr .s_head { 
font-weight:bold; background-color:#CC0033; color:#FFFFFF; text-transform:uppercase; padding: 2px 4px;
}

.clear { clear:both }
.odd { background-color:#CCCCCC; }

.s_s { width:  90px; }
.s_m { width: 120px; }
.s_l { width: 150px; }
.s_xl { width: 180px; }

.msg {
background-color: #f8c0e0; 
margin: 0 /*10px*/ 0 10px 0;
padding:10px;
line-height:140%;
}

.msg a { color:#993399; font-weight:bold }

div.msg p { margin-bottom:8px; }

#licence_info {
/*padding 4px;*/
margin-bottom:10px;
/*background-color:#FFCC33;*/
}

/* Profile stats */

#info_3 table {	border-spacing: 2px; }
#info_3 table tr { background-color:#eee; }
#info_3 table td { padding: 1px 5px; width:120px; text-align:center; }
#info_3 table th { padding: 1px 5px; width:120px; text-align:center; font-weight:normal; }
#info_3 table th,
#info_3 table td span {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#333; }
#info_3 table .flag { width: 100px; text-align:left; }
#info_3 table .status { width: 100px; }
#info_3 table td.status { font-weight:bold; }
#info_3 table td.bad b { color: #cc0000; }

/* Info-Page(s) */

div.beta { background-color:#eee; padding:10px; }
.text { font-size:14px; color:#333; line-height:180% }
 
h3 { font-size: 16px; margin-top: 20px; margin-bottom: 5px; padding:2px; font-style:italic; color:#ee7700; /*line-height: 36px; padding-top: 0px; padding-bottom: 9px; */}

td.text { vertical-align:top; width: 480px}
td.text a { color:#cc3300; }
td.text p { margin-bottom:10px; }
td.pix { width: 240px; padding-left:20px;}
div.subt { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; margin:4px 0 10px; }


  /****************************/
 /* BEGIN NEW STYLE MY UNITS */
/****************************/

.v2u div.v2u-head { font-size: 16px; color:#999; margin:20px 0 10px 0; position:relative;padding:5px; }

.v2u div.v2u-head a { padding:0 0 0 20px; }
.v2u div.v2u-head a:hover { text-decoration:none; color:#f90 }

.v2u div.v2u-head div.v2u-due { position:absolute; top:0px; left:470px; width:140px; background-color:#f4f4f0; padding:5px; text-align:center;  }
.v2u div.v2u-head a.v2u-hex { 
	font-size:14px;
	color:#333;
	font-style:italic; 
	position:absolute; top:0px; 
	left:630px; 
	width:110px; 
	background: url(/img/go5.png) right center no-repeat; 
	padding:5px 15px 5px 5px; 
	text-align:center; 
}
.v2u div.v2u-head a.v2u-hex:hover { font-weight:bold }

.v2u a.open { background: url(/img/arrow_open.png) left no-repeat }
.v2u a.clsd { background: url(/img/arrow_closed.png) left no-repeat }

.v2u div.open { display:block }
.v2u div.clsd { display:none }

.v2u div.v2u-head a img { margin-left:10px }

.v2u div.v2tr { /*background-color:#ccc;*/ 
	position:relative; 
	height:80px; 
	padding-bottom:5px;
	border-bottom:1px dotted #dfdfdf;
	/*border: #eeeedd 1px solid; */
	
	margin-bottom:5px 
}

.v2u .cover { display:block; float:left; width:120px; height:80px; background: url(/img/test/towerbridge.jpg) center no-repeat }

.v2u .v2main { float:left; position:relative; width: 320px; height:70px; padding:5px; margin:0px 10px; 
/*	background-color:#f4f4f0; */
}

.v2u a.v2uname { color: #f90; font-weight:bold; display:block; height:20px; overflow:hidden; }
.v2u a.v2uname:hover { color: #c60; text-decoration:none; }

.v2u .v2udesc { position:absolute; top:23px; height:26px; overflow:hidden; left:5px; width:300px; /*background-color:#eeddee;*/ font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; 
	color: #666; margin:5px 0 }

.v2u .v2ucom { visibility:hidden; /*background-color:#ddeedd;*/ position:absolute; top: 56px; }
.v2u .v2ucom a { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#999 }
.v2u .v2ucom a:hover { color:#cc3300 }

.v2u .v2info { 
	float:left; 
	width: 140px; 
	height:70px; 
	background-color:#f0f0e8; 
	font-size:14px; font-weight:bold; color:#666; text-align:center; padding:5px; /*-moz-border-radius:8px;*/ }
	
.v2u div.v2info  div { padding:3px }
	
.v2u .due { color: #ff9900; /*background-color:#ffeecc /*#ffddff;*/ }
.v2u .notdue { color: #999; /*background-color:#f4f4f0;*/ }
.v2u div.turbo { background: url(/img/turbo.png) left no-repeat; }

/*
.v2u .v2games { float:left; width: 20px; height:80px; text-align:center; padding:0; background-color:#eeeeee; margin-left:10px;  }
*/
.v2u .v2go { float:left; position:relative; width: 140px; height:70px; font-size:14px; text-align:center; padding:5px; 
	margin-left:10px; /*-moz-border-radius:8px;*/
	background: url(/img/go6.png) right no-repeat; 
}

.v2u .v2go div.v2ex { font-style:italic; position:absolute; top:32px; left:5px; width:130px; text-align:center }
.v2u .v2go div.v2ex a { color: #333; }
.v2u .v2go div.v2ex a:hover { font-weight:bold; text-decoration:none; }
.v2u .v2go div.v2ex a img { vertical-align:middle; margin-right:5px; }

span.st { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#999 }

.v2u ul.pop { margin:0; padding:0;z-index:100; border:1px solid #ccc; background-color:#fff; 
	/*display:none;*/
	visibility:hidden; 
	position:absolute; width:130px; }
.v2u ul.pop li { 
	background-image:none;
	border-style:none;
	background-color:#fff;
	color:#444444;
	display:block;
	float:none;
	font-weight:normal;
	font-style:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:4px;
	text-decoration:none;
	cursor:default;
}

.v2u ul.pop li.choice:hover { background-color:#f4f4f0; } /* selected */
.v2u ul.pop li.selected { background-color:#e4e4e0; } /* not selected */


.v2u ul.pop li img {vertical-align:middle; }

.v2u div.cat { position:absolute; bottom:5px; left:0px; background-color:#993300; color:#fff; font-size:10px; font-weight:bold; padding:2px; }

/*******************/
/*  END NEW STYLE  */
/*******************/

/* Styles für addV : Vokabeleingabefeld in der Tabelle der Units */
input.vadd { 
	width: 218px; 
	height: 18px; 
	border: 1px solid #ccc;
	/* aus .col */
	padding:2px;
	color:#000000;
	display:block;
	float:left;
	font-size:14px;
	margin:2px 2px 0 0;
	overflow:visible;
	white-space:nowrap;
}

div.tr a.vadd { /* Vokabel einfügen: */
	
	width:140px;
	text-align:center;
	padding: 3px 5px 1px 5px; 
	
}
select.vadd { background-color:#eee }

/* Hilfe/Videos */

.subtitle {  font-size:14px; color:#666666; font-weight:bold }

ul.videos { list-style:square; margin: 10px 0 10px 0; }
ul.videos li {margin-bottom: 20px; color:#999999 } 
ul.videos li a/*:link*/ { color:#FF6600; font-weight:bold; padding:4px ; }
ul.videos li a/*:link*/:hover { background-color: #FF6600; color:#ffffff; text-decoration:none }

ul.videos div, p.press { font-size:12px; color:#666666; margin-top:8px; line-height:140% } 

p.press a { color:#C30; font-weight:bold; }

/* Pressematerialien */

div.presscontact { 
	float:right; 
	width:140px; background-color:#f8f8f0; -moz-border-radius:10px; margin: 0 0 10px 10px; padding:20px; 
	font-size: 12px;
	line-height:180%;
}

ul.press { list-style:square; margin: 10px 0 10px 0; }
ul.press li {margin-bottom: 20px; color:#999999 } 
ul.press li a.press { color:#FF6600; font-weight:bold; padding:4px ; }
ul.press li a.press:hover { background-color: #FF6600; color:#ffffff; text-decoration:none }

ul.press div, p.press { font-size:12px; color:#666666; margin-top:8px; line-height:180% } 

div.screenshot img { margin:10px 0 }

/* Overlay */

#overlay { 
	height:100%;
	left:0;
	position:fixed;
	/*display:none;*/
	top:0;
	width:100%;
	z-index:99;
	background-color: #fff;
	opacity: 0.8;
}

.p_body a.demolink, 
.press a.demolink { padding:2px 5px; background-color:#f80;-moz-border-radius:4px;color:#fff; text-decoration:none; border:1px solid #ccc; }
.p_body a.demolink:hover,
.press a.demolink:hover { background-color:#930; font-weight:bold; }

div.thanksff { padding: 10px; background-color:#E2FDD5; text-align:center; }