body {
  margin           : 0px;
  padding          : 0px;
  background       : url(../img/bg.gif) #F0F0F0;
  font-family      : verdana, arial, sans-serif;
  font-size        : 11px;
  color            : #666666;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#005087;
  scrollbar-3dlight-color:#005087;
  scrollbar-darkshadow-color:#005087;
  scrollbar-shadow-color:#005087;
  scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#005087;
}

td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #666666;
}

hr {
  color            : #E0E0E0;
  height           : 1px;
  width            : 100%;
}

.maincontainer {
  border           : 11px solid #fff;
  width            : 780px;
  background-color : #fff;
}

.headercontainer {
  height           : 57px;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.logocontainer {
  width            : 770px;
  float            : left;
  height           : 120px;
}

.bannercontainer {
  float: right;
  padding-left: 27px;
  padding-top: 0px;
  height: 100px;
}

.pathwaycontainer {
  height           : 20px;
  padding          : 5px;
}

.leftmenucontainer {
  width            : 200px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

.topbox {
  border           : 1px dotted #e0e0e0;
  float            : right;
  margin-bottom    : 10px;
  width            : 546px !important;
  width            : 548px;
  background-color : #FFFFFF;
}

.bottombox {
  border           : 1px dotted #e0e0e0;
  float            : right;
  margin-top       : 20px;
  width            : 546px !important;
  width            : 548px;
  background-color : #FFFFFF;
}

.userbox1l {
  border           : 1px dotted #e0e0e0;
  float            : right;
  margin-bottom    : 10px;
  width            : 546px !important;
  width            : 548px;
  height           : 100px;
  background-color : #FFFFFF;
}

.userbox1r {
  border           : 1px dotted #e0e0e0;
  float            : right;
  margin-bottom    : 10px;
  width            : 546px !important;
  width            : 548px;
  height           : 100px;
  background-color : #FFFFFF;
}

.userbox2l {
  border           : 1px dotted #e0e0e0;
  float            : left;
  margin-bottom    : 10px;
  width            : 265px !important;
  width            : 269px;
  height           : 140px;
  background-color : #FFFFFF;
}

.userbox2l2 {
  border           : 1px dotted #e0e0e0;
  float            : left;
  margin-bottom    : 10px;
  width            : 265px !important;
  width            : 269px;
  height           : 200px;
  background-color : #FFFFFF;
}

.userbox2r {
  border           : 1px dotted #e0e0e0;
  float            : right;
  margin-bottom    : 10px;
  width            : 267px !important;
  width            : 269px;
  margin-left      : 10px;
  height           : 140px;
  background-color : #FFFFFF;
}

.userbox2r2 {
  float            : right;
  width            : 267px !important;
  width            : 269px;
  margin		   : 0px 0px 10px 10px;
  padding:		   : 0px;
  height           : 200px;
  background-color : #FFFFFF;
}

.clear {
  clear: both;
}

table.moduletable {
  width            : 100%;
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : center;
  letter-spacing   : 1px;
  color            : #D45126;
  height           : 20px;
  vertical-align   : middle;
  font-weight      : bold;
  font-family      : Tahoma, Helvetica, sans-serif;
}

table.moduletable td {
  padding          : 2px;
}

/* ##################### FORMULAR SETTINGS #################### QM: ok */
.button {
  border           : 1px solid #e0e0e0;
  background-color : #e9e9e9;
  font-size        : 9px;
  color            : #666666;
  text-spacing     : 1px;
  font-weight      : bold;
  font-family      : Verdana, Helvetica, sans-serif;
}
.button a:link, .button a:visited, .button a:active{
  font-size        : 9px;
  color            : #666666;
  text-spacing     : 1px;
  font-weight      : bold;
  font-family      : Verdana, Helvetica, sans-serif;
  padding		   : 2px 10px 2px 10px;
}
.button a:hover{
  font-size        : 9px;
  color            : #003399;
  text-spacing     : 1px;
  font-weight      : bold;
  font-family      : Verdana, Helvetica, sans-serif;
  padding		   : 2px 10px 2px 10px;
}

.button2 {
  border           : 1px solid #e0e0e0;
  background-color : #f5f5f5;
  font-size        : 9px;
  color            : #666666;
  text-spacing     : 1px;
  font-weight      : bold;
  font-family      : Verdana, Helvetica, sans-serif;
}

.inputbox {
  border           : 1px solid #d0d0D0;
  background       : #e9e9e9;
  color            : #003399;
  font-size        : 9px;
}

.sectiontableheader {
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #003399;
  height           : 20px;
  vertical-align   : middle;
  background       : #b0b0b0;
  border-bottom    : 1px solid #000;
}

.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #F0F0F0;
}

.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  background       : #E9E9E9;
}

.mainlevel {
  border           : 1px solid #e0e0e0;
  width            : 184px;
  height           : 20px;
  text-color       : #003399;
}

a.mainlevel:link, a.mainlevel:visited {
  background       : #fff;
  text-decoration  : none;
  padding-top      : 2px;
  padding-left     : 10px;
  letter-spacing   : 2px;
}

a.mainlevel:hover {
  border           : 1px solid #d0d0D0;
  background       : #e9e9e9;
  text-decoration  : none;
  letter-spacing   : 2px;
  font-weight      : bold;
}

.sublevel {
  font-size        : 11px;
  height           : 20px;
  padding-top      : 5px;
}

a:link, a:visited {
  color            : #003399;
  text-decoration  : none;
  font-size        : 11px;
  font-family      : Verdana, Helvetica, sans-serif;
}

a:hover {
  color            : #003399;
  text-decoration  : none;
  font-size        : 11px;
  font-family      : Verdana, Helvetica, sans-serif;
}

a.category:link, a.category:visited {
  font-weight      : bold;
  font-size        : 12px;
}

a.mostread:link, a.mostread:visited {
	color: #959595;
}
a.mostread:hover {
	color: #003399;
}

.readon {
  font-weight      : bold;
}

.pagenavbar {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.pagenav {
  font-weight      : bold;
  color            : #bbb;
}

a.pagenav:link, a.pagenav:visited {
  text-decoration  : none;
}

a.pagenav:hover {
  text-decoration  : none;
}

.contenttoc {
  width            : 200px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.contenttocheading {
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : center;
  letter-spacing   : 1px;
  color            : #003399;
  height           : 20px;
  vertical-align   : middle;
}

.small {
  font-size        : 10px;
  color            : #6BA9FD;
}

.smalldark {
  font-size        : 10px;
  color            : #000;
}

.createdate, .modifydate {
  font-size        : 11px;
  color            : #003399;
}

.content_rating {
  font-size        : 11px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

.pathway {
  font-size        : 11px;
  color            : #666666;
  font-family      : verdana, arial, sans-serif;
}

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
}

a.pathway:hover {
  font-size        : 11px;
}

.contentpane {
  padding          : 0px;
}

.contentpaneopen {
  padding          : 0px;
}

.contentheading {
  font-family      : Tahoma, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #D45126;
  width            : 100%;
  border-bottom    : 1px solid #F0F0F0;
}
.contentsubtitle {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
	font-weight      : normal;
	letter-spacing   : 1px;
	width            : 100%;
	font-style		 : italic;
}
.componentheading {
  font-family      : Tahoma, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #999999;
  width            : 100%;
  border-bottom    : 1px solid #F0F0F0;
}

.contentpagetitle {
  font-family      : Tahoma, Arial, Helvetica, sans-serif;
  font-size        : 16px;
  font-weight      : bold;
  letter-spacing   : 2px;
  color            : #666666;
  width            : 100%;
  border-bottom    : 1px solid #F0F0F0;
}

a.contentpagetitle:link, a.contentpagetitle:hover, a.contentpagetitle:visited, a.contentpagetitle:active {
	color: #D45126;
	text-decoration  : none;
}

.contentsection{
  font-family      : Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  letter-spacing   : 1px;
  color            : #999999;
  width            : 100%;
  border-bottom    : 1px solid #F0F0F0;

}

.ontab {
  background-color : #FFF;
  border-left      : 1px solid #D0D0D0;
  border-top       : 1px solid #D0D0D0;
  text-align       : center;
  cursor           : hand;
  font-weight      : bold;
  color            : #044497;
  padding          : 5px;
}
.offtab {
  background-color : #F0F0F0;
  border-left      : 1px solid #D0D0D0;
  border-top       : 1px solid #D0D0D0;
  border-bottom    : 1px solid #D0D0D0;
  text-align       : center;
  cursor           : hand;
  font-weight      : normal;
  color            : #6BA9FD;
  padding          : 5px;
}
.tabpadding {
  border-left      : 1px solid #D0D0D0;
  border-bottom    : 1px solid #D0D0D0;
}

.pagetext {
  visibility       : hidden;
  display          : none;
  position         : relative;
  top              : -19;
  border-left      : 1px solid #D0D0D0;
  border-right     : 1px solid #D0D0D0;
  border-bottom    : 1px solid #D0D0D0;
  background-color : #FFF;
}

.spacer {
	clear:both;
}

.menu0out {
	padding: 2px 0px 0px 10px;
	color: #003399;
	height:20px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;	
}

.menu0over {
	padding: 2px 0px 0px 10px;
	color: #ffffff;
	height:20px;
	border: 1px solid #e0e0e0;
	background-color: #D45126;	
}

a.m0:link, a.m0:visited, a.m0:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
}
a.m1:hover{
	color:#003399;
}

.menu1out {
	padding: 2px 0px 0px 10px;
	color: #003399;
	height:20px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;	
}

.menu1over {
	padding: 2px 0px 0px 10px;
	color: #ffffff;
	height:20px;
	border: 1px solid #e0e0e0;
	background-color: #D45126;	
}

a.m1:link, a.m1:visited, a.m1:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
}
a.m1:hover{
	color:#003399;
}

/* colores */
.rojo{
	color:#D45126;
}
.azul{
	color:#003399;
}
a.rojo{
	font-size:14px;
	color:#D45126;
}
a.azul{
	font-size:13px;
	color:#003399;
}