FHC-Core/skin/styles/mobile.css

@charset "utf-8";
/* Allgemein */
body
{ 	background-color: White;font-family:  Verdana,Tahoma,Arial, Geneva, Helvetica, sans-serif;font-size: 8px;
	/*overflow:visible;
	*/
	/*IE hack*/
/*	
	voice-family: "\"
}\"";
*/
	voice-family: inherit;font-size: small;
	/*IE hack end*/
}
iframe { margin:0px;	border-width:0px;	border-style:none;	padding:0px;}
/*   Screens  */
select, input,div,td{	font-size: x-small;}
hr{	color:#DDDDDD;	height:0.5px;}
@media screen {iframe{ overflow: auto;}

#menue
{
	top:49px;
	width:16%;
	height:85%;
	z-index:1000;
	overflow: auto;
}
/*Alle außer IE 6*/
html>body #menue
{
	position:absolute;
}

#content
{
	width:45%; 
	height:80%;
	left:18%;
	overflow: auto;	
}
/*Alle außer IE 6*/
html>body #content
{
	position:absolute;
}

#GlobalMenu
{
	padding: 0px 0px 0px 30px;
	margin-top: 3px;
	text-align: left;
}


.home_logo
{
	background-image:url(styles/mobile/TWLogo_klein.jpg);
	width:100px;
	height:31px;
	z-index: 1003;
}
.header_line
{
	background-image:url(styles/mobile/header_line.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:3px;
}
}

/*   Druckausgabe */


@media print {

.home_logo
{
display:none;
}
.header_line
{
display:none;
}

#menue
{
display:none;
}
#GlobalMenu
{
display:none;
}

#content
{
	width:800px;
	height:900px;
	left:0px;
	overflow: hidden;
}

}

input.TextBox					
{
	background-color: White;
}

/*Vor IE/Mac verstecken \
*html .header_line{
	height:0.5px;
}
*/
/* Vor IE/Mac verstecken*/
div.tip
{

	position: absolute;
	display: none;
	width: 300px;
	background-color: #f7f7ee;
	padding: 3px 7px 4px 6px;
	border: 1px solid #336;
	background-color: #f7f7ee;
	text-align: left;
}
#header
{
	vertical-align:middle;
}

/* Links */
a
{
	color: #008381;
	text-decoration: none;
	cursor: pointer;
	font-size: xx-small;
}
a.HyperItem
{
	color: Black; text-decoration: none;
	font-weight: bold;
}
a:hover.HyperItem
{
	color: #008381; text-decoration: none;
	font-weight: bold;
}
a[onClick]:hover.Item
{
	color: Black; text-decoration: none;
	font-size: smaller;
}
a:hover.Item
{
	color: Black; text-decoration: none;
}
a.Item2
{
	color: Black; text-decoration: none;
}
a:hover.Item2
{
	color: #008381; text-decoration: none;
}
a.MenuItem
{
	color: #008381; text-decoration: none;
	font-weight: bold;
}
a:hover.MenuItem
{
	color: Black; text-decoration: none;
	font-weight: bold;
}
A.hilfe 
{ 
	text-decoration:none;
}
A.hilfe:hover 
{ 
	text-decoration:none;
	cursor:help;
}
A.stpl_detail 
{ 
	font-size:x-small; 
	color:#000000;
	text-decoration:none;
}
A.stpl_detail:hover
{ 
	font-size:x-small;
	color:#000000; 
	text-decoration:underline;
	/*cursor:hand;*/
}
a.head
{
   color:#ffffff;
}
a.head:hover
{
	color:#000000;
}


/* Tables */
TABLE.tabcontent
{
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 100%;
	/*
	cellspacing: 0;
	cellpadding: 0;
	*/
}
TABLE.tabcontent2
{
	margin: 0px;
	padding: 0px;
	border-style: none;
	/*
	cellspacing: 0;
	cellpadding: 0;
	*/
}
TABLE.tabborder
{
	/*
	cellspacing: 0;
	cellpadding: 1;
	*/
	width: 100%;
	/*border: 1px solid black; foo*/
}
TABLE#tabterm
{
	/*
	cellpadding: 0;
	cellspacing: 0;
	*/
	margin:auto;
}
td.ContentHeader
{
	background-color: #008381;
	/*grün*/
	font-weight: bold;
	height: 15px;
	font-size: x-small;
}
td.ContentHeader2
{
	background-color: #CCCCCC; /*mittel-grau*/
	font-weight: normal;
	height: 15px;
	font-size: smaller;	
}
td.ContentHeader3					
{
	background-color: #CCCCCC; /*mittel-grau*/
	font-weight: bold;
	height: 15px;
	font-size: smaller;	
}
td.MarkLine
{
	background-color: #F2F2F2; /*wie #EEEEEE; also grau fast weiß*/
}
td.Inaktiv  /*für Inaktive Items bei der Raumbeschreibung*/ {
  background-color: #F2F2F2; /*wie #EEEEEE; also grau fast weiss*/
  color: #CFCFCF;
}
td.tdwidth10
{
	width: 10px;
}
td.tdwidth30
{
	width: 30px;
}
td.tdgreen
{
	background-color: #CCFFCC;
}
td.tdborder
{
	text-align: center;
	border:2px solid black;
	background-color: #ffffff;
}
td.tdwrap
{
	white-space: nowrap;
}

td.tdvertical
{
	vertical-align: top;
}
TR.liste
{
	background-color: #D3DCE3; /*grau wie #DDDDDD*/
}
TR.liste0						
{
	background-color: #FFFFFF; /*weiß*/
}
TR.liste1						
{
	background-color: #EEEEEE; /*grau fast weiß*/
}
TR.tryellow
{
	background-color: #FFFF99;
}

/* private/profile/zeitsperre.php */
TABLE#zeitsperren
{  
	/*border: 1px solid black; foo*/
	/*
	cellspacing: 0;
	cellpadding: 0;
	*/
	font-size: small;
	width:100%;
}
TABLE#zeitsperren TH
{
	background-color: #DDDDDD; /*hellgrau*/
}
TABLE#zeitsperren TH.feiertag
{
	background-color: #FFFF00; /*grelles gelb*/
}
TABLE#zeitsperren TD.feiertag
{
	background-color: #FFFF22; /*bissi helleres gelb*/
}
TABLE#zeitsperren TD
{
	background-color: #EEEEEE /*grau fast weiß*/
}

/* Stundeplan */
TABLE.stdplan
{  
	/*border: 1px solid black; foo*/
	/*
	cellspacing: 0;
	cellpadding: 0;
	*/
	font-size: small;
}
TABLE.stdplan TH
{
	background-color: #DDDDDD;
}
TABLE.stdplan TD
{
	background-color: #EEEEEE
}
.row-even { /*liste1*/
 background-color:#f2f2f2;
}

.row-odd { /*liste0*/
  background-color:#ffffff;
}


/* Fonts */
h1 
{ 
	font-size: x-small;
	color: #ffffff; 
	background-color: #009e84; 
}
h1 td
{ 
	font-size: x-small; 
	color: #ffffff; 
	background-color: #009e84;
}
h1 a
{
	color: #dddddd;
}
h1 a:hover
{
	color: #ffffff;
	text-decoration:none;
}

h2 
{ 
	font-size: smaller; 
	color: #ffffff; 
	background-color: #00a4d2; /*hellblau*/
}
h2 td
{ 
	font-size: smaller; 
	color: #ffffff; 
	background-color: #00a4d2; /*hellblau*/
}
h2 a
{
	color: #dddddd; 
}
h2 a:hover
{
	color: #ffffff;
	text-decoration:none;
}
h3 
{ 
	font-size: smaller; 
	font-weight: bold; 
	color: #008E74; 
}
h4 
{ 
	font-size: smaller; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #008E74; 
	/*cursor: hand; */
	text-decoration: none; 
}
.error
{
	color: #ff0000;
}
font.ContentHeader
{
	color: #FFFFFF;
}

#news
{
}
#news .news
{
	/*-moz-border-radius-topright: 20px;*/
	-moz-border-radius-topleft: 10px;
	width: 100%;
	border: 1px solid #E0E0E0;
	background-color: #F0F0F0;
	
}
#news .news .titel
{
	font-weight: bold;
	font-size: smaller;
	/*font-size: normal;
	*/
	padding: 0px 10px 0px 10px;
	white-space : nowrap;
}
#news .news .text
{
	background-color: #FCFCFC;
	padding: 0px 10px 0px 10px;
}


/* Images */
img.testtoolfrage
{
	max-width:400px;
	max-height:300px;
}
img.testtoolvorschlag
{
	max-width:200px;
	max-height:150px;
}
img
{
	border: 0;
}
img#layout
{
	border: 1px solid #AAAAAA;
}

/*Farben*/
.grey
{
	color: #999999;
}
#bgcolor0					
{
	background-color: #CC0000;
}
#bgcolor1					
{
	background-color: #FF2200;
}
#bgcolor2					
{
	background-color: #FF9922;
}
#bgcolor3					
{
	background-color: #FFFF55;
}
#bgcolor4					
{
	background-color: #88FF88;
}
#bgcolor5					
{
	background-color: #AAFFAA;
}
#bgcolor6					
{
	background-color: #CCFFCC;
}



/*aussortiert*/


/*font.headline					
{
	color: #008381; 
	text-decoration: none;
	font-weight: bold;

	font-size: 20px;
	line-height: 24px;
	color: #003399;
	margin-bottom: 0px;
	margin-top: 0px;
	
}*/

/*font.subline					
{
	font-size: 17px;
	line-height: 20px;
	color: #003399;
	margin-bottom: 0px;
	margin-top: 0px;
}*/

.error
{
	color: #ff0000;
}
.ausblenden {display:none;}
.einblenden {display:block;}