/*
** bup_underwater
**
** Author: J.G. Bothe (B&P-Interactive Berlin)
** 10. April 2007
** Website: http://www.bup-interactive.de
** Template bup_underwater
**
*/

body
{
	margin					: 0px;
	padding					: 0px;
	text-align				: left;
	background-color		: #FFFFFF;
}

tr,td,p,div
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #000000;
	font-weight				: normal;
}

/*---- Fonts ----*/
.style1 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 10px;
	font-weight				: normal;
	color					: #000000;
}

.style2 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #000000;
}

.style3 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 32px;
	font-weight				: bold;
	color					: #FFFFFF;
}

.style4 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 22px;
	font-weight				: normal;
	color					: #FFFFFF;
}

/* ######################################################################################################## */

.moduletable {
	
}


table.moduletable {
	width					: 100%;
	padding					: 0px 0px 1px 0px;
	margin-bottom			: 2px;
}

table.moduletable th {
	color					: #FFFFFF;
	background				: url(../images/mod_head.jpg) left top no-repeat #FFFFFF;
	text-align				: left;
	padding-top				: 15px;
	padding-left			: 18px;
	height					: 48px;
	font-family				: Arial, Helvetica, sans-serif;
	font-weight				: bold;
	font-size				: 14px;
}

table.moduletable td {
	font-size				: 11px;
	padding					: 1px 2px 1px 2px;
	margin					: 3px;
	font-weight				: normal;
}


/*---- Navigation mainlevel ----*/
.mainlevel {
  	color            		: #000000;
	width					: 144px;
	text-decoration			: none;
  	font-size				: 12px;
  	font-weight      		: bold;
  	font-family				: Arial, Helvetica, sans-serif;
  	padding          		: 4px 2px 4px 38px;
  	margin           		: 1px 0px 1px 0px;
 	display          		: block;
  	
}

#active_menu.mainlevel {
  	color            		: #0066FF;
	background	   			: url(../images/button_down.jpg) left no-repeat #FFFFFF;
}

a.mainlevel:link, a.mainlevel:visited{ 
  	color            		: #000000;
  	font-weight      		: bold;
  	font-size        		: 12px;
	text-decoration			: none;
  	background	   			: url(../images/button_up.jpg) left no-repeat #FFFFFF;
	border-bottom			: 1px dotted #A9CFF7;
}

a.mainlevel:hover {
  	color            		: #000000;
  	font-weight      		: bold;
  	font-size        		: 12px;
  	text-decoration			: none;
  	background	   			: url(../images/button_over.jpg) left no-repeat #FFFFFF;
	border-bottom			: 1px dotted #00CCFF;
}

/*---- Navigation sublevel ---*/
.sublevel {
	border-bottom			: 1px dotted #666666;
	border-left				: 1px dotted #666666;
	text-align				: right;
	padding-bottom			: 1px;
	padding-right			: 10px;
	padding-right			: 10px;
}

a.sublevel:link, a.sublevel:visited {
	padding-left			: 10px;
	vertical-align			: middle;
	font-size				: 11px;
	font-weight				: bold;
	letter-spacing			: 1px;
	color					: #000000;
	text-align				: left;
}

a.sublevel:hover {
	color					: #0066FF;
}

/*---- Topmenu ----*/
#active_menu.mainlevel-nav {
  	color            		: #0066FF;
}

.mainlevel-nav 
{
	padding-left			: 12px;	
}

a.mainlevel-nav:link, a.mainlevel-nav:visited 
{
	color					: #FFFFFF;
  	font-weight				: bold;
	font-size				: 14px;
}

a.mainlevel-nav:hover 
{
 	font-weight				: bold;
	color					: #FF9900;
}

/*---- LINKS ----*/
a:link, a:visited {
	color					: #0099FF; 
	text-decoration			: none;
	font-weight				: bold;
}

a:hover {
	color					: #FF9900;	
	text-decoration			: none;
	font-weight				: bold;
}

.contentheading {
	color					: #000000;
	text-indent				: 5px;
	font-weight				: bold;
	font-size				: 14px;
	padding					: 3px 0px 3px 0px;
	white-space				: nowrap;
	background-color		: #FFFFFF;
}

.componentheading {
	color					: #000000;
	text-indent				: 5px;
	font-weight				: bold;
	font-size				: 14px;
	padding					: 3px 0px 3px 0px;
	border-bottom			: 1px solid #000000;
	white-space				: nowrap;
	margin-bottom			: 3px;
}

.sectiontableheader
{
	background-color		: #EDEDED;
	color					: #666666;
	font-weight				: bold;
	padding					: 2px 2px 2px 2px;
}

.content {
	background-color		: #F1F1F1;
}

.contentpane {

}

.contentpaneopen {
  padding					: 3px 5px 3px 5px;
  background-color			: #FFFFFF;
}

/*---- custom stuff ----*/

ul
{
margin						: 0px;
padding						: 0px;
list-style					: none;
}

li
{
line-height					: 15px;
padding-left				: 15px;
padding-top					: 0px;
background					: url(../images/dot.jpg) no-repeat;
background-position			: 0px 3px;
}



.inputbox {
	padding					: 2px;
	border					:solid 1px #5B8B0C;
	background-color		: #E8E8E8;
}

.button {
  	color					: #333333;
  	font-family				: Arial, Hevlvetica, sans-serif;
  	text-align				: center;
  	font-size				: 10px;
  	font-weight				: bold;
  	border					: 2px solid #CCCCCC;
  	width					: auto;
  	padding					: 0px 5px;
  	margin					: 1px;
}

.back_button {
  	text-align				: center;
  	font-size				: 11px;
  	font-weight				: bold;
  	border					: 3px double #CCCCCC;
  	background-color		: #E8E8E8;
  	width					: 50px;
  	padding					: 0px 10px;
  	line-height				: 20px;
  	margin					: 1px;
}

/* ---- Pathway ---- */
.pathway {
	color					: #000000;
}

a.pathway:link, a.pathway:visited {
	color					: #0066FF;
}

a.pathway:hover {
	color					: #FF6600;
}

/* ---- Container ---- */


.container_top {
	z-index					: 0;
	position				: relative;
	left					: 0%;
	top						: 0px;
	width					: 100%;
	height					: 96px;
	background				: url(../images/bubbles.jpg) left top no-repeat #BBDDFC;
	margin:0;
	padding:0;
}

.container_logo {
	z-index					: 1;
	position				: absolute;
	top						: 0px;
	right					: 0px;
	background				: url(../images/logo.jpg) left top no-repeat #FFFFFF;
	width					: 482px;
	height					: 122px;
	margin:0;
	padding:0;
}

.container_top_menu {
	z-index					: 0;
	position				: relative;
	width					: 100%;
	height					: 18px;
	background				: url(../images/top_edge.jpg) left top repeat-x #FFFFFF;
	text-align				: center;
	padding-top				: 4px;
	margin:0;
	padding:0;
}

.container_pathway {
	position				: relative;
	width					: 100%;
	padding-left			: 12%;
}

.container_center {
	position				: relative;
	top						: 20px;
	width					: 90%;
	background-color		: #FFFFFF;
	
}

.container_footer {
	position				: relative;
	left					: 10%;
	width					: 84%;
	top						: 30px;
	height					: 40px;
	background-color		: #FFFFFF;
	text-align				: center;
	vertical-align			: middle;
}

.container_bottom {
	position				: relative;
	left					: 0%;
	width					: 100%;
	top						: 40px;
	height					: 96px;
	background				: url(../images/bottom_bg.jpg) left top repeat-x #FFFFFF;
}



/* ---- Tabelle ---- */
.t_left {
	width					: 184px;
	vertical-align			: top;
	padding-right			: 2px;
}

.t_center {
	vertical-align			: top;
	border					: 1px dotted #BBBBBB;
}

.t_right {
	width					: 184px;
	vertical-align			: top;
	padding-left			: 2px;
}

.t_main {
	padding					: 0px;
	vertical-align			: top;
	border					: none;
}

.t_bg {
	padding					: 0px;
	vertical-align			: top;
	border					: none;
	width					: 148px;
}

.path {
	height					: 47px;
}

.path_left {
	background				: url(../images/path_left.jpg) right no-repeat #FFFFFF;
	width					: 30px;
}

.path_center {
	background				: url(../images/path_center.jpg) left repeat-x #FFFFFF;
}

.path_right {
	background				: url(../images/path_right.jpg) left no-repeat #FFFFFF;
	width					: 33px;
}

/* ---- LOGIN-FORM ---- */
#mod_login_username {
	border					: 1px solid #0099FF;
	background-color		: #E5F5FF;
	color					: #666666;
}
label[for~=mod_login_username] {
	color					: #000000;
}

#mod_login_password {
	border					: 1px solid #0099FF;
	background-color		: #E5F5FF;
	color					: #666666;
}
label[for~=mod_login_password] {
	color					: #000000;
}

#mod_login_remember {
	border					: 1px solid #FF9900;
	background-color		: #E5F5FF;
}
label[for~=mod_login_remember] {
	color					: #000000;
}

.moduletable td {
	color					: #000000;
}

.visualizza_corsi_home th{
	color:#000000;
	font-size:medium;
}

.visualizza_elenco_risorse{
	text-align:center;
	width:100%;
}

.visualizza_elenco_caso_del_mese{
	border:1;
}

.tiotolo_elenco_caso_mese{
	background-color:#0099CC;
	color:#FFFFFF;
	font-size:large;
}
.news{
	border:solid;
	border-color:#0066FF;
	height:100px;
	overflow:auto;
}