/* sylesheet fuer IAL-Befragung */

BODY {
	background-color: white; 	/* hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}



/* % bedeutet, dass das verhltnis zwischen text und berschrift erhalten bleibt,
	wenn sich der body ndert */
H1 {font-size: 150%}
H2 {
     font-size: 130% ;
     margin-bottom: 1em;
}

/*======================================
*/



.mainTab {
   margin          : 0;
   padding         : 0;

   width           : 100%;
   height          : 100%;
   border          : 0px solid #DDDDDD;
}

.contentTab {
   margin          : 0;
   padding         : 0;

   height          : 100%;

   border          : 1px solid #DDDDDD;
}

.contentTab2 {
   margin          : 0;
   padding         : 0;

   height          : 100%;

   border          : 1px solid #DDDDDD;
}

.contentInfo {
   margin          : 0;
   padding         : 0;

   margin-left     : 0px;
   margin-right    : 0px;

   height          : 20px;

   border          : 0px solid #DDDDDD;
   background-color: #EEEEEE; /* #EEEEEE;*/
}
.contentMain {
   margin          : 0;
   padding         : 0;

   margin-left     : 0px;
   margin-right    : 0px;

   height          : 100%;

   border          : 0px solid #DDDDDD;
   background-color: #FFFFFF; /* #EEEEEE;*/
}

.spacer {
   width: 40px;
   background-color: #FFFFFF; /* #EEEEEE;*/
}

table {
/*	border: 1px solid green;*/
	color       : black;
	width       : 100%;
	margin-top  : 0px;
	margin-left : 0px;
	margin-right: 0px;

	text-align  : left;
	border-collapse: collapse;
	font-size: 13px;
}

table td, th{
/*	border: 1px solid green;*/
}

table th {
	padding: .3em 0;
}

td.td_image {
	background-color: white;
}

td.td_contentTab {

   vertical-align  : top;
   text-align      : left;
   padding-left    : 5px;
   padding-right   : 5px;
   border          : 0px solid #DDDDDD;
}

td.td_contentInfo {
   color           :  #717171;
   font-size       :  9px;
}

td.td_typeA {
   padding-top     : 0px;
   background-color: white;
   vertical-align  : top;

}

td.td_typeB {
   padding-left   : 10px;        /* abstand zwischen den Szenario-Daten */
   padding-right  : 10px;
   padding-top    :  0px;        /* abstand zwischen den Szenario-Daten */
   padding-bottom :  5px;        /* abstand zwischen den Szenario-Daten */

   vertical-align : top;
   text-align     : left;

   border         : 0px solid #888888;

   width          : 25%;
}

td.td_typeC {
   padding-left   : 10px;        /* abstand zwischen den Szenario-Daten */
   padding-right  : 10px;
   padding-top    :  0px;        /* abstand zwischen den Szenario-Daten */
   padding-bottom :  5px;        /* abstand zwischen den Szenario-Daten */

   vertical-align : top;
   text-align     : left;

   border         : 0px solid #888888;
}

td.td_typeD {
   padding-left   : 10px;        /* abstand zwischen den Szenario-Daten */
   padding-right  : 10px;
   padding-top    :  .3em;        /* abstand zwischen den Szenario-Daten */
   padding-bottom :  .3em;        /* abstand zwischen den Szenario-Daten */

   vertical-align : top;
   text-align     : center;

   border         : 1px solid lightgray;
}

td.td_selected {
	background-color: #DDDDDD;
}

/*-----------------------------*/
table.table_type01 {
	padding-top: .3em 0;
}

/*-----------------------------*/
table.table_type02 {
        border-top: 0px solid lightgray;
	text-align: center;
}

/*-----------------------------*/
table.table_type03  {
	height: 20px;
	text-align: center;
}

td.td_rate {
	/*border: 1px solid lightgray;*/
	width: 12%;
	padding: 3px 3px;
}

td.td_text {
	padding-left: 20px;
}

td.td_dislike {
	background-color: #FFFFFF;
}

td.td_like {
	background-color: #FFFFFF;
}

/* Please rate ... */
th.th_headerB {
   padding-left   : 10px;
   padding-right  : 10px;

   padding-top    : 10px;
}

th.th_headerA {
   padding-left   : 10px;
   padding-right  : 10px;

   padding-top    : 50px;
   padding-bottom : 30px;
}



.button_leiste_oben {
	width:100%;
	display:block;
	margin-top:10px;
	font-size: 10px;
}

.button_leiste_unten {
	width:100%;
	display:block;
	margin-top:10px;
	font-size: 10px;
	background-color: #FF0000;
}


.button_left  {margin-left :10px;}
.button_right {margin-left :10px;
               margin-right:10px;}


/************************************************************************************************
 * FW-STYLE-ELEM
 ************************************************************************************************/

.tableCellBoxStats {
   color                :  #717171;
   text-align           :  left;
   vertical-align       :  top;
   height               :  auto;
   font-size            :  9px;
   padding-left         :  2px;
}
#tableCellBoxStatsTop {
   padding-top          :  2px;
   border-top           :  0px solid #888888;
   padding-left         :  2px;
}
#tableCellBoxStatsSep {
   font-size            :  5px;
   padding-bottom       :  0px;
   border-top           :  0px solid #888888;
}

/************************************************************************************************
 * Allgemeine span-Farben
 ************************************************************************************************/

span.inactive {
   color                :  #A0A0A0;
   font-weight          :  bold;
}

span.black {
   color                :  #000000;
   font-weight          :  bold;
}

span.red {
   color                :  #FF0000;
}