body{
	margin:0px;
	margin-top:0px;
	text-align: center;
	background-color: #ffffff;
	background-repeat:repeat-x;
	background-image:url(./img/prof_cardtop_nav_bg.gif);
}

h1{
	font-size:14pt;
	color: #006699;
}

/*
 * global buttons: help, quit, logout, logo.....
 */
#header_right{
	margin:0px;
	margin-top:5px;
	padding-top:4px;
	padding-left:4px;
	padding-right:15px;
	padding-bottom:0px;
	text-align: right;
	float:right;
	height: 25px;
	background-color:#ffffff;
}

/*
 * player buttons area nav_right=select box of cards
 */ 
#nav_left{
	padding:0px;
	padding-top:6px;
	float:left;
}

#steuerung{
 	margin:0px;
	margin-left:20px;
 	padding:0px;
	width:430px;
}

#nav_right{
	margin-left:5px;
	padding-top:6px;
	padding-bottom:0px;
	float:left;
	text-align:right;
}

/*
 * dialog (profile, ...) nutton area
 */
#nav_dialog{
	width:100%;
	margin:0px;
	/*background-color:#eeeeee;
	border:1px solid #dddddd;*/
}

#steuerung_dialog{
 	margin:0px;
 	/*margin:10px;*/
 	padding:0px;
	width:430px;
}

#content_dialog{
 	margin:10px;
 	padding:0px;
	width:430px;
}

/*
 * generell format of grey box
 */
.kasten{
	padding:5px;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	background-repeat:repeat-x;
	background-image:url(./img/kastentop.gif);
}




#pagecontent{
	margin:0 auto;
	padding-top:30px;
	clear:both;
	background-color:#ffffff;
	width:		800px;
	text-align: left;
}

#pagecontentflex{
	margin:0 auto;
	padding-top:30px;
	clear:both;
	background-color:#ffffff;
	min-width:		800px;
	width:		90%;
	text-align: left;

}

/*
 * Tabs with surrounding box
 * WARNING: if a float left item is at the end the layout is broken: surrounding box is not drwan over the last item: you have to play a clear both item at the end!!!!
 */
#simple_tabs div {
	
	padding: 	0px;
	text-align:left;
	/*IE5 */
	width:100%;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:auto;
}
	/*IE6, Firefox...*/
#simple_tabs div {
	/*width:auto;*/
}

#simple_tabs_nav div {
	/*width:100%;*/
}


#simple_tabs_nav ul {
	margin-top: 	5px;
	margin-left: 	0px;
	margin-right: 	0px;
	margin-bottom:  0px;
	
	padding-right: 	0px; 
	padding-left: 	10px;
	padding-bottom: 3px;
	padding-top: 	3px;
	border-bottom: 	#bbbbbb 1px solid;
}

#simple_tabs_nav ul li{
	margin: 	0px;
	display: 	inline; 
	list-style-type: none;
}

#simple_tabs_nav ul li a {
	margin-left: 	3px;
	padding-right: 	0.5em; 
	padding-left: 	0.5em; 
	padding-bottom: 3px;
	padding-top: 	3px;
	border: 		#bbbbbb 1px solid; 
	border-bottom: 	medium none; 
	background-image:url(img/background/button_hintergrund_on.jpg);
}

#simple_tabs_nav ul li a:link {
	color: 	#ffffff;
}
#simple_tabs_nav ul li a:visited {
	color: 	#ffffff;
}

#simple_tabs_nav ul li a:hover, #simple_tabs_nav a:hover#current {
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		bold;
	background-image:	url(./img/background/button_hintergrund_on2.jpg);
}

#simple_tabs_nav ul li a#current {
	background: 	#ffffff; 
	border-bottom: 	#ffffff 1px solid;
	color: 			#006699;
}


/* Tab Inhaltsbox*/

div#simple_tabs_body {
	margin-top: 	0px;
	margin-left: 	0px;
	margin-right: 	0px;
	
	border: 		#bbbbbb 1px solid; 
	border-top: 	medium none; 
}

div#simple_tabs_body_content {
	margin: 0px 10px 20px; 
	padding-top:20px;
}

#simple_tabs_body ul {
	margin: 0px;
	padding: 0px;
}

div#simple_tabs_button {
	margin: 0px 10px 10px 10px; 
}

/*
 * case selection atbel with possibility to show and hide subitem, the different line were choosen to have a one liner possible even if extended!!
 */
#case_selection_table table {
	border-top: #006699 1px solid;
	border-left: #006699 1px solid;
	border-bottom: #006699 1px solid;
	border-right: none;
	width:775px;
}

#case_selection_table th {
	background-image:url(./img/background/button_hintergrund_off.jpg);
	border-right: #006699 1px solid; 
	border-top: #006699 0px solid;
	border-left: #006699 0px solid;
	border-bottom: none;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding:5px;
}

#case_selection_table td {
	border-top: #006699 1px solid;
	border-right: #006699 1px solid;
	border-left: none;
	border-bottom: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding:5px;
	vertical-align:top;
	
}

#case_selection_table td.no_padding{
	border-top:  0px;
	padding:0px;
	margin:0px;
}

/*hover der Tabellenzeilen*/
#case_selection_table tr{
        background:#ffffff;
}
#case_selection_table tr:hover{
        background:#f3f5f7;
}
/* Für den IE*/
#case_selection_table tr{
	/*hover:expression(
		this.onmouseover=new Function("this.style.background='#f3f5f7';"),
		this.onmouseout=new Function("this.style.background='#ffffff';")
	);*/
}

#case_selection_table  tr.tbl_highlight {
	 background:#eeeeee;
}
/* Für den IE*/
#case_selection_table  tr.tbl_highlight {
	/*hover:expression(
		this.onmouseover=new Function("this.style.background='#f3f5f7';"),
		this.onmouseout=new Function("this.style.background='#ffffff';")
	);*/
}

#caselist_course_block  {
	border-top: #006699 1px solid; 
	border-left: #006699 1px solid; 
	border-right: #006699 1px solid; 
	border-bottom: #006699 1px solid; 
	background:#f3f5f7;
}


/*Aufklappmenü*/

#case_selection_table .submenue {
	border-top: #006699 1px solid; 
	border-left: none; 
	border-right: none; 
	border-bottom: none; 
	width:100%;
	background:#f3f5f7;
	padding-left:30px;
	margin:0px;
}

#case_selection_table .submenue td{
	border:none;
	background:#f3f5f7;
	padding:3px;
}

/*
 * std formular for editing content
 */

#std_form .formtext, #std_form select { 
  float: left;
  border: 1px solid #bbbbbb;
  margin-right:10px;
  margin-bottom:10px;
  /*width:260px;*/
}

#std_form label.long_label {
  width: 400px; 
 
}

label {
  width: 300px; 
   text-align: left; 
  margin-left:15px;
  margin-bottom:10px;
}

.long_label {
  width: 200px; 
   text-align: left; 
  margin-left:15px;
  margin-bottom:10px;
  float: left;
}

.short_editfield { 
  float: left;
  width:300px;
}

.long_editfield { 
  float: left;
  width:450px;
}

.div_editfield {
	 float: left;
}

#std_form label {
  float: left;
  width: 150px; 
  text-align: left; 
  margin-left:15px;
  margin-bottom:10px;
}

#std_form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: both; /* das floating der labels und inputs aufheben */
}

#std_form li { /* Alle Zeilenumbrüche in Formularen auswählen */
	margin: 5px;
  	margin-left: 30px;
}

/*
 * standard button used for play navigation, dialog buttons, ...
 */
 .steuerung_empty{
	margin:0px;
	padding:0px;
	float:left;
	color: #ffffff; 
 }

.steuerung_button{
	margin:0px;
	margin-right:2px;
	padding:3px;
	font-weight:bold;
	float:left;
	width:8em;
	
	text-align: center;
	color: #ffffff; 
	border-left:1px solid #cccccc; 
	border-top:1px solid #cccccc; 
	border-right:1px solid #333333; 
	border-bottom:1px solid #333333; 
	text-align: center;
	background-image:url(./img/background/button_hintergrund_off.jpg);
}

a.steuerung_button{
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
	background-image:url(./img/background/button_hintergrund_on.jpg);
}

a:link.steuerung_button, a:visited.steuerung_button{ 
	color: #ffffff;
	background-image:url(./img/background/button_hintergrund_on.jpg);
}
a:hover.steuerung_button, a:active.steuerung_button{ 
	color: #ffffff;
	background-image:url(./img/background/button_hintergrund_on2.jpg);
	border-right:1px solid #cccccc; 
	border-bottom:1px solid #cccccc; 
	border-left:1px solid #333333; 
	border-top:1px solid #333333; 
	padding-top:2px;
	padding-bottom:4px;
}


/*
 * standard button used for play navigation, dialog buttons, ...
 */
.steuerung_button_widthfree{
	margin:0px;
	margin-right:2px;
	padding:3px;
	font-weight:bold;
	float:left;
	
	text-align: center;
	color: #ffffff; 
	border-left:1px solid #cccccc; 
	border-top:1px solid #cccccc; 
	border-right:1px solid #333333; 
	border-bottom:1px solid #333333; 
	text-align: center;
	background-image:url(./img/background/button_hintergrund_off.jpg);
}

a.steuerung_button_widthfree{
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
	background-image:url(./img/background/button_hintergrund_on.jpg);
}

a:link.steuerung_button_widthfree, a:visited.steuerung_button_widthfree{ 
	color: #ffffff;
	background-image:url(./img/background/button_hintergrund_on.jpg);
}
a:hover.steuerung_button_widthfree, a:active.steuerung_button_widthfree{ 
	color: #ffffff;
	background-image:url(./img/background/button_hintergrund_on2.jpg);
	border-right:1px solid #cccccc; 
	border-bottom:1px solid #cccccc; 
	border-left:1px solid #333333; 
	border-top:1px solid #333333; 
	padding-top:2px;
	padding-bottom:4px;
}

.dlg_button{
	margin:0px;
	margin-right:2px;
	padding:3px;
	font-weight:bold;
	float:left;
	width:8em;
	
	text-align: center;
	color: #000000; 
	background-image:url(img/background/button_hintergrund_off.jpg);
	border: 1px solid #006699; 
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.dlg_button{
	color: #000000; 
	text-decoration:none;
	font-weight:bold;
}

a:link.dlg_button, a:visited.dlg_button{ 
	color: #000000; 
}
a:hover.dlg_button, a:active.dlg_button{ 
	color: #000000; 
}


/*
 * standard button used for play navigation, dialog buttons, ...
 */
.dlg_button_widthfree{
	margin:0px;
	margin-right:2px;
	padding:3px;
	font-weight:bold;
	float:left;
	width:8em;
	
	text-align: center;
	color: #000000; 
	background-image:url(./img/background/button_hintergrund_off.jpg);
	border: 1px solid #006699; 
	text-align: center;
}

a.dlg_button_widthfree{
	color: #000000; 
	text-decoration:none;
	font-weight:bold;
}

a:link.dlg_button_widthfree, a:visited.dlg_button_widthfree{ 
	color: #000000; 
}
a:hover.dlg_button_widthfree, a:active.dlg_button_widthfree{ 
	background-image:url(./img/background/button_hintergrund_on2.jpg);
	border: 1px solid #330000;  
	color: #ffffff;
}

/*
 * Tab Buttons for player like authoring tools button frame
 */
#wa_steuerung{
	margin-left:20px;
	margin-top:0px;
	width:800px;
}


.wa_steuerung_button{
	margin-top:6px;
	margin-right:2px;
	padding:3px;
	font-weight:bold;
	float:left;
	width:8em;
	
	text-align: center;
	background-color: #ffffff;
	color: #000000; 
	border-left:1px solid #000000; 
	border-top:1px solid #000000; 
	border-right:1px solid #000000; 
	/* border-bottom:1px solid #000000; */
	text-align: center;
	min-height:16px;
	/* background-image:url(img/background/button_hintergrund_off.jpg); */
}

a.wa_steuerung_button{
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
	
	background-image:url(./img/background/button_hintergrund_on.jpg);
}

a:link.wa_steuerung_button, a:visited.wa_steuerung_button{ 
	color: #ffffff;
	background-image:url(./img/background/button_hintergrund_on.jpg);
}
a:hover.wa_steuerung_button, a:active.wa_steuerung_button{ 
	color: #ffffff;
	background-image:url(./img/background/button_hintergrund_on2.jpg);
}

.f_button{
	color:#ffffff;
	background-color:#006699;
	border: none;
	font-weight: bold;
}

#case_evaluation_table {
font-size: 12px;
}

#case_evaluation_table th {
font-size: 12px;
}

#case_evaluation_table td {
font-size: 12px;
}

#casesel_caseicon {
	float:right;
}

#simple_tabs div.gen_greybox {
	padding:10px;
	margin: 10px 0 0;
	border-top: 1px solid #dddddd;
	background-color:#eeeeee;
	background-repeat:repeat-x;
	background-image:url(./img/kastentop.gif);
}

.a_items_table_del {
	border-top: 1px solid #dddddd;
	margin-top: 5px;
	width: 100%;
}

.a_items_table {
}