body { 	background-color: white; font-family: verdana,sans-serif; font-size: 80%; color: #222; margin: 0px;  overflow: auto;  padding: 0;         }
h1, h2, h3, h4, h5 { font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: #555; background-color: inherit;}
textarea, select, input{ font-family: verdana,sans-serif; }
a{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: #056BC7; background-color:inherit; }
a:hover{ text-decoration: underline; color: #FF7300; background-color:inherit;}
.Form textarea, .Form input.Text, .Form select{ font-size: 100%; padding: 2px 5px 2px 5px; margin-bottom: 5px; width: 94%; border: 1px solid #DAEBFA; overflow: auto; color:inherit; background-color: #F8FBFD; }
.SmallFont{	font-size:0.85em;}

#QUICKNAV{ border-top: 3px solid #DCDCDC; text-align:right; padding: 0 3em 3.5em 0; font-size:85%; background: url(../images/mainNavBack.gif) repeat-x;     }
#QUICKNAV ul{	list-style: none; margin:0; padding:0; text-align:center;}
#QUICKNAV li{ display: inline; float: right; background:url(../images/mainNavSep.gif) repeat-y top left; }
#QUICKNAV a{ text-decoration: none;  padding: 0 1em 0 1em;  font-weight:bold; color: #FFFFFF; }
#QUICKNAV a:hover{ color: #FF7300; text-decoration: underline; }
#QUICKNAV .first { float: left;}
#QUICKNAV img {	height: 1.2em;	border: none; padding: 0.5em 0;}
#QUICKNAV form {display:block;	margin: 2px 0 0 0; width: 200px; border: none;}
#QUICKNAV fieldset {display:block; padding: 0.0em; border: none;}

 
#LEFT{ width: 27%;  background-image: url(../images/bglogo.gif);  background-repeat: no-repeat;  text-align: center;  float: left;    }
	#LEFT div.Content{ width: 200px; text-align: left; padding: 0 0px 0 10px;  margin-bottom: 0;  margin-top: 0;  margin-left: auto;  margin-right: auto;     }
	#LEFT h1{ width:200px; display:block; margin:0; padding:0; height:87px;  background-image: url(../images/logo.gif); background-repeat: no-repeat; }
	#LEFT a.Logo{ display:none;}	
	#LEFT ul.Nav{ display:block; margin:30px 0 30px 0; padding:0; font-size: 100%;}
	#LEFT ul.Nav a{ font-family: trebuchet ms,arial,tahoma,verdana,sans-serif; font-weight: bold; letter-spacing: .005em; color: #333333; text-decoration: none; }
	#LEFT ul.Nav a:hover{ text-decoration: underline; }
	#LEFT li.Nav { line-height: 2.3em; display: block; margin: 0; padding: 0; list-style: none; }
	#LEFT li.NavSubActive{ padding: 0 0 0 20px  ;  line-height: 2.3em; display: block; margin: 0; list-style: none; }
	#LEFT li.NavSub{  display: none; visibility: hidden;}
	#LEFT li { list-style: none; padding : 0 0 1em 0;}
	#LEFT ul { padding:0; font-size: 90%;}
	#LEFT h2{ border-bottom: 3px solid #EBEBEB;  color: #FF7300;  font-size: 120%;   }
	#LEFT h3 { font-size: 100%; line-height: 1.7em; font-weight: bold; color: #4682B4; }
    #LEFT p { font-size: 90%; line-height: 1.5em; text-align: justify;  }
	#LEFT form, #LEFT fieldset {	text-align:center; border : none;}
	#LEFT form dt {	text-align:left;	width: 180px;}
	#LEFT form dd {	margin:0.2em;}
	#LEFT form .Login_form_inp , #LEFT form .Gastenb_form_inp {	font-family: Arial, Helvetica, sans-serif;  color: #000000; background:none; font-size:100%; padding: 2px 5px 2px 5px; margin-bottom:5px; width: 100%; border: 1px solid #DAEBFA; overflow: auto;   background-color: #F8FBFD; }
	#LEFT img {border: none;}
	
#RIGHT{ margin-left:27%;    }
	#RIGHT .Branding{ height: 87px;  background-repeat: no-repeat;  background-image: url(../images/branding.jpg);  background-color: #49AEEE;     }
	
#MAIN{ width: 60%; float: left;  position: static;  }
	#MAIN p{ margin: 0 0 9px 0; line-height:1.6em;}
	#MAIN .Project{ margin: 0px 0 15px 0; background-repeat: no-repeat; background-position: left bottom; clear: both; padding-top: 16px;      float: left;  width: 100%;     }
	#MAIN .Project h2{ color: #424242; font-size: 1.4em; margin: 0; padding: 0;  position: relative;  top: -5px;  font-weight: normal; background-color:inherit;    }
	#MAIN .Project p{ font-size: 85%; margin:0;}
	#MAIN .Project p.Description{ display: block;  overflow: auto; height: 105px; padding-right: 3px;  }
	#MAIN .Project a{ font-weight: bold; color: #056BC7; text-decoration: none;background-color:inherit; }
	#MAIN .Project a:hover{ text-decoration: underline; color: #FF7300;background-color:inherit; }
	#MAIN .ExamQ { margin: 0.2em; clear: both; padding-top: 16px; float: left;  width: 100%; border: 1px solid #DAEBFA;  }
	#MAIN .ExamQ pre { font-weight:bold; font-size:large; margin: 0.5em;}
	#MAIN .ExamQ p.Question { display: block;  padding-right: 3px; margin: 0.5em; font-weight: bold; }
	#MAIN .ExamQ dl {margin:0.2em;}
	#MAIN .ExamQ dt {clear: left;width: 2em;text-align: right;  padding-right: .5em;  float: left; margin:0.2em;}
	#MAIN .ExamQ dd {margin:0.2em;}
	#MAIN form, #MAIN fieldset {border : none;}
	#MAIN form dt {	text-align:left;}
	#MAIN form dd {	margin:0.2em;}
	#MAIN li.secondLevel { margin: 0 0 0 20px  ; list-style: circle;}
	#MAIN img.grown {width: 100%;}
	#MAIN h1{ padding: 30px 0 2px 0; color: #FF7300; font-size: 130%; border-bottom: 1px solid #E5E5E5; clear: both; margin: 0 0 5px 0; background-color:inherit;}
	#MAIN h2{ color: #424242; font-size: 1.4em; background-color:inherit;}
	#MAIN h3{ font-size: 120%; font-weight: bold; margin: 20px 0 9px 0; }
    #MAIN code{ font-weight:bold; font-size:1.2em; margin: 0.5em;}
    #MAIN form.contact_form textarea {width: 90%;}
#SEQ{ padding-top: 25px; text-align: center; position: absolute; left: 77%;  }
	#SEQ div.Content{  text-align: left; padding: 0;  margin: 0;  width: 170px;             }
	#SEQ h2{ border-bottom: 3px solid #EBEBEB;  color: #FF7300;  font-size: 120%;   }
	#SEQ p.Foto {text-align:center;}
	#SEQ p { font-size: 90%; line-height: 1.5em; }

#FOOTER{ clear: both; width: 100%; padding: 0px 0 0px 0; font-size: 85%; margin-left: auto; margin-right: auto; text-align: center;background-color: #49AEEE; }
	#FOOTER .Content{border-top: 1px solid #eeeeee;}
	#FOOTER p{	margin:3px 0 0 0; color:#FFFFFF;}
	#FOOTER .Content img {border : none;}
	

.Extralink {
	text-align:right;
}
.Extralink  a {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #287BC1;background-color:inherit;font-weight:bold;}

.Subbut {	background: #FFFFFF url(../images/button1.jpg) center no-repeat;	width:129px;	height:32px;	border:none;	color:#216baa;	font-weight:bold;}

.Sec_smallimg {	width : 120px;}
.Keyword {	text-decoration:underline;}

.stickypopup_back {	background-color:#ffbf00;}
.stickypopup_forg {	background-color:#FFFFFF;	color:#ff8e00;}
.stickypopup_font {	font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #ff8e00; background: inherit;}

#available {
	border-collapse: collapse;
}

#available td {
	border: none;
	height: 0.3em;
}

#available th {
	width:inherit;
	border: none; 
}

.locked {
	background-color: #F7091B; color:inherit;
}

.free {
	background-color: #00FF00;color:inherit;
}
