/* CSS Document */
body {

	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:62.5%;
	color:#333;
	text-align:left;
	
	/*------------ Scroll Bars IE only ---------------*/
	
	scrollbar-3dlight-color : #e0e0e0;
	scrollbar-arrow-color : #000;
	scrollbar-base-color : #e0e0e0;
	scrollbar-darkshadow-color : #e0e0e0;
	scrollbar-face-color : #fff;
	scrollbar-highlight-color : #fff;
	scrollbar-shadow-color : #fff;
	scrollbar-track-color : #fff;
	
	/*------------------------------------------------*/
}

html,body {
	margin:0; 
	padding:0; 
	background-color: #FFF; 
	height:100%; 
	overflow-y:auto; 
	overflow-x:hidden;
}
#banner
{
	margin-bottom:1.5em;
}

.required{
background-image:url(images/required.jpg);}

#print_banner{
visibility:hidden;
position:absolute;
top:-200em;}

#ie6_print_banner{
visibility:hidden;
position:absolute;
top:-200em;}

#outer{
	min-height:100%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}

* html #outer{
height:100%;
}

a {color: #333;}

input, select, th, td{font-size:1em}
LI LI, LI P, TD P, BLOCKQUOTE {font-size:1em}

TD a{
	text-decoration: none;
	color: #333;
}

#container{

	background-position:right top;
	background-repeat:no-repeat;
	margin-left: auto; 
	margin-right: auto;
	width:80em;
	min-height:60em;
	background-color:#FFFFFF;
	padding-bottom:0;
	margin-top:0.7em;
	text-align:left;

}


#content_container {
	background-color:#FFFFFF;
	overflow: hidden;
}

.quicklinks{
text-align:right;}

.quicklinks a{
color:#f6bf31;}

#launch {
	background-color:#eec040;
	width:4em;
	float:right;
	font-size:1.1em;
	padding:0.3em;
	font-weight:normal; 
	text-align:center;
	line-height:1.4em;
	border-left:#FFFFFF solid 0.5em;
}


#launch a{
text-decoration:none;
}
#text_content{
text-align:left;
width:63em;
overflow: hidden;
float:right; 
/*background-color:#00FF00;*/
}

#welcome_content{text-align:left;
width:76em;
overflow: hidden;
float:right; }

#text_contentYelo{
text-align:left;
width:47em;
height:51.5em;
overflow-x: hidden;
float:right; 
border-color:#414141;
border-width:0.1em;
border-style:solid;
background-color:#f6bf31;
}

#title{
background-color:#f4bf34;
color:#333;
text-transform:uppercase;
padding:0.5em;
padding-left:1em;
height:1.5em;
text-align:left;
margin-top:1em;
margin-bottom:0.8em;
}

#text{ padding:1em;
text-align:left;}

#textYeloBkg{ padding:1.2em;
height:43.7em;
overflow-x: hidden;
overflow:auto;
text-align:left;}

#baseline{height:0.8em; margin-top:0.1em; background-color:#414141; padding:0;}
.baseline{height:0.8em; margin-top:0.1em; background-color:#414141; padding:0;}


#help a{
text-decoration:none;
color:#414141;
}


#help{
padding:0.4em;
font-size:1em;
color:#414141;
margin-left:1em;
text-transform:uppercase;
font-weight:bold;
width:10em;
}
#module
{
	text-decoration:none;
	text-align:left;
	
}
#module a 
{
	text-decoration:none;
	color:Black
}
#subModule{
text-align:left;
border-left:#FFFFFF solid 1em;
}
#subModule a 
{
	text-decoration:none;
	color:Black
}
/*-------------------------------------------------------------------------------
----------------------------- Text Styles ---------------------------------------
--------------------------------------------------------------------------------*/
p {margin:0 0 1em 0; padding-left:0.2em; font-size:1.1em; line-height:1.4em;
}
td tr {margin:0 0 1em 0; padding:0;
}

h1{
	font-size:1.3em;
	font-weight:bold;
	color:#f6bf31;
	text-transform: uppercase;
}

h2{font-size:1.2em; padding-bottom:1em; border-bottom:0.1em solid #ebebeb; text-transform:uppercase; margin-bottom:1.5em;
}

h3{
	font-size:1.1em;
	padding:0.5em;
	font-weight:normal;
	line-height:1.4em;
	background-color:#fbe2a4;
	border-right:#f6bf31 solid 2.4em;
	margin-bottom:0.5em;
}

h6{
	font-size:1.1em;
	padding:0.3em;
	font-weight:normal; 
	line-height:1.4em;
	background-color:#FEE8BA;
	margin:0em;
	border-bottom:#FFFFFF solid 0.5em;
}

h4{
	font-size:1.1em;
	line-height:1.3em;
	color:#333;
	font-weight:bold;
}

h5{
	margin-top:1em;
	padding-left:0.2em;
	font-size:1.1em;
	text-transform:uppercase;
	line-height:1.3em;
	color:#333;
	font-weight:bold;
}
.disabled{
	color:#9F9F9F;
	font-weight:normal;
	font-style:italic;
}
input, select, textarea{
	font-size:1.1em;
	color:#333333;
	text-decoration:none;
}
.heading{
color:#FFFFFF;
text-transform:uppercase;
padding-left:1em;

}



/*-------------------- Tree Menu --------------------------------*/


/*Sets line-height of all menuitems*/
#tree {
	/*/*/line-height: 1.5; /* */
	margin-top:10px;
}

td{
font-size:1.1em;}

#help_2{
visibility:hidden;
position:absolute;
top:27.5em;
width:20em;}

#help_1{
position:absolute;
top:27.5em;
width:20em;}


.icons{
vertical-align:middle;
padding-bottom:0.6em;}
#tree current {
	color:#cfb342;
}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#tree div div {
	margin: 0 0 0 16px;
}

/*The Link style for top-level menuitems*/
#tree div a {
	color: #333333;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0;
}
#tree div a:visited {
text-decoration:none;
	color: #333;
}
#tree div a:hover {
text-decoration:none;
	color:#cfb342;
}

/*The Link style for second-level menuitems*/
#tree div div a {
text-decoration:none;
	font-size: 10px;
	text-transform:none;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#tree div div div a {
text-decoration:none;
	font-size: 10px;
	text-transform:none;
}

#current {color:#cfb342;}


#Menu_tree{
text-align:left;
width:15em;
margin-bottom:0.5em;
float:left; 
/*background-color:#00FF00;*/
}

.previous
{
	float:left;padding:0.5em;
}
.next
{
	float:right;padding:0.5em;
}
.previous a
{
	text-decoration:underline;
}
.next a
{
	text-decoration:underline;
}

/*
.next{
font-size:1em;
width:3em;
color:#fff;
padding:0.5em;
background-color:#414141;
font-style:normal;
text-align:center;
margin-left:0.4em;
float:left;
}





.previous{
font-size:1em;
width:6em;
color:#fff;
padding:0.5em;
background-color:#414141;
font-style:normal;
text-align:center;
margin-left:0.4em;
float:left;
}


.previous a{
color:#fff;
text-decoration:none;
}


.next a{
color:#fff;
text-decoration:none;
}
*/
#nav{ 
margin-top:0.5em;
padding:0.3em;
text-align:right;
 }

#nav_btns{
float:right;
width:12em;}

.print{text-align:right;
margin-bottom:0.5em;
padding:1em;
}

.skill{
background-color:#333333;
color:#FFFFFF;
padding:0.4em;}

.holder{
border:#333333 solid 0.1em;}

.competence-holder{
background-color:#E3E3E3;
padding:0.5em;
text-align:left;
margin-top:0.2em;
}

.ch_required{
background-image:url(images/required.jpg);}

.competence{
padding:1em;
padding-left:2em;
width:35em;
text-align:left;
min-height:2em;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.competenceCustomise{
padding:1em;
padding-left:1em;
width:35em;
text-align:left;
min-height:2em;
	
background-repeat: no-repeat;
background-position: left top;
}
* html .competence{
height:2em;
}

.level_chooser{
width:20.5em;
float:right;}



.description{
background:url(images/shadow.gif) top repeat-x;
padding:1em;
}

.description ul li{
margin-bottom:0.5em;
margin-left:-1em;
margin-right:1em;
list-style-image:url(images/bullet_sqr.gif);
font-size:1em;
line-height:1.4em;
}

table ul li{
margin-bottom:0.5em;
margin-left:-1em;
margin-right:1em;
list-style-image:url(images/bullet_sqr.gif);
font-size:1em;
line-height:1.4em;
}

.level_description{
background-color:#EAEAEA;
padding:0.8em;}



/*-----------------------------  TABLES -----------------------------*/

table 
{
	text-align: left;
	border-spacing: 0px;
	border: 1px solid #aeb3b6;
	border-collapse: collapse;
	width:99%;
	
}


table a, table, tbody, tfoot, tr, th, td 
{
   font-family: Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	color: #333333;
}

table caption
{
	padding: .4em 0 ;
	font-size: 240%;
	font-style: normal;
	color: #333333;
}

table a
{
	display: block;
	text-decoration: none;
	color: #333333;
	padding-right: 1.5em;
	
}

table a:hover, table a:focus
{
text-decoration: underline;
}

table th a
{
	color: #333333;
	text-align: right;
}



table .odd th,table .odd td{
	background-color: #DDDDDD;
}

thead th
{
	background-image: url(verlauf_schwarz.gif);
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	
}
tfoot{
	background-image: url(verlauf_schwarz.gif);
	border-top: 1px solid #fff;
	
	
}
tfoot th,tfoot td{
	color: #fff;
}

tbody th
{
   padding-right: 1.0em;
     padding-left: 1.0em;
	color: #FFF;
	font-style: normal;
	background-color: #333;
	border-bottom: 1px dotted #aeb3b6;
}

td
{
   color: #333333;
	border-bottom: 1px dotted #aeb3b6;
	padding-right: 0.5em;
	padding-left: 1.0em;
	padding-top:0.5em;
	
}

.highlight{
	background:url(images/red_arrow.gif) left no-repeat #EAEAEA;padding-left:1.8em;
}
.highlightSelected
{
	background:url(images/red_arrowDown.gif) left no-repeat #EAEAEA;padding-left:1.8em;
	
}
.highlightCompetence{

background-color: #FFFFFF; 
}
.row_highlight{
background-color: #EAEAEA; 
}
.competenceDescription
{
	font-style:italic;
	padding-left:5em;
	
}
.CompetenceSection{
background-color: #f6bf31; 
font-weight:bold;}

tbody tr.odd
{
	border-bottom: 1px dotted #aeb3b6;
}

tbody tr:hover td
{
  /*background-color: #FFF;*/
}

tbody tr:hover td, tbody tr:hover a
{
	color: #333 !important;
}


.menu_item{
padding:0.5em;
border-bottom:#CCCCCC solid 0.1em;
}

.menu_item a
{
	text-decoration:none;
}

/********************* KEY **********************/

#key-holder{
padding-top:26em;
}

#key{
border:#FFCC00 0.1em solid;
padding:0.5em;
margin-top:1em;
height:46.2em;
}

.key{
margin-top:3em;
background-color:#fcf9f2;
border:#fbda84 solid 0.1em;}

.key_heading{
background-color:#fbda84;
padding:0.5em;
font-weight:bold;}

.key_content{
padding-top:1em;
padding-right:1em;
color:#333333;
font-size:0.9em;}

.key_content a{
text-decoration:none;
color:#333333;}

.key_table th{
background-color:#333333;
color:#FFFFFF;
text-transform:uppercase;
padding:0.5em;
border:none;}



.score{
background-color:#DEDEDE;
}

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

.login_holder{float:right;
width:36em;
border-left:3em solid #FFFFFF;
background-color:#FFFFFF;
margin-top:2.3em;}

.login{

width:36em;
background-color:#fcf9f2;
border:#fbda84 solid 0.1em;
}

.login_heading{
background-color:#fbda84;
padding:0.5em;
font-weight:bold;}

.login_content{
padding:1em;
color:#333333;
}

.login_content a{
text-decoration:none;
color:#333333;}

.login_table th{
background-color:#333333;
color:#FFFFFF;
text-transform:uppercase;
padding:0.5em;
border:none;}

.username{
float:right;
width:25em;
visibility:hidden;}


.hide_on_print{
visibility:visible;
}