/* 2005 www.4dmedia.de */
body { 
	width: 850px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	scrollbar-base-color: #333333;
	scrollbar-track-color: #666666;
	scrollbar-face-color: #ffffff;
	}
	

#container { 
	/* background-image:url(/templates/play_css_titel/images/bg_image.gif); */
	position: absolute;
	width: 850px;
	top: 0px;
	left: 0%;
	text-align: left;
	height: 1600px;
	z-index: 2;
	}
	
	
	
#mamboUmbrellaModule {
    position: absolute;
	top: 0px;
	width: 150%;
	height: 12px;
	margin-left: 0px;  
	margin-right: 0px; 
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #ffffff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	}

	
#header_left {
    position: absolute;
	top: 12px;
	width: 235px;
	height: 98px;
	margin-left: 0px;  
	margin-right: 0px; 
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	/* border: 1px solid #000000; */
	/* background-color: #000000; */
	}

#header_right {
    position: absolute;
	top: 12px;
	width: 735px;
	height: 98px;
	margin-left: 235px;  
	margin-right: 0px; 
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	}

#button_leiste {
    position: absolute;
	top: 110px;
	width: 850px;
	height: 25px;
	margin-left: 0px;  
	margin-right: 0px; 
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	}

#mini_button_right {
    position: absolute;
	top: 110px;
	width: 120px;
	height: 25px;
	margin-left: 850px;  
	margin-right: 0px; 
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	}
	
#mamboLeftModule {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 155px;
	height: 200%;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #ffffff;
	color: #000000;
	clear: both;
   }
   		
	
#mamboBigLeftModule {
	position: absolute;
	top: 135px;
	left: 160px;
	width: 355px;
	height: 250px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 10px;
	padding-top: 0px;
	background-color: #ffffff;
	color: #000000;
	clear: both;
   }
	
	
	
#mamboBigRightModule {
	position: absolute;
	top: 135px;
	left: 507px;
	width: 343px;
	height: 250px;
	padding-left: 0px;
	padding-top: 0px;
	background-color: #ffffff;
	color: #000000;
	clear: both;
   }
	
		

#mamboMainBody {
	position: absolute;
	top: 386px;
	left: 160px;
	height: 200%;
	width: 655px;
	background-color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}


	
#mamboSkyscraperModule {
	position: absolute;
	background-color: #eeeeee;
	top: 135px;
	left: 850px;
	clear: both;
	width: 160px;
	height: 100%;
	padding-left: 0px;
	padding-top: 0px;
   }



/* ###################### OVERALL SETTINGS ###################### */
BODY {
  margin           : 0px 0px 0px 0px;
  background-color : #ffffff;
  /* background-image : url('../images/bg.gif'); */
  color            : #000000;
}

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

ul {
  margin           : 0px 0px 0px 0px;
}

li {
  list-style-image : url('../images/arrow.gif');
  list-style-position:inside
}

hr {
  background       : #C0C0C0;
  height           : 1px;
  width            : 100%;
}

#titleDiv {
  position:absolute;
  font-family:arial, sans serif;
  font-size:40px;
  font-weight:bold;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='black', Positive='true');
  color:#FFFFFF;
  width:700px;
  height:60px;
  top: 60px;
  left: 20px;
}


/* ###################### UPPER BUTTON BAR ###################### */
a.buttonbar:link, a.buttonbar:visited {
  color            : #FFFFFF;
  font-weight      : bold;
  text-transform   : uppercase;
}

a.buttonbar:hover {
  color            : #0E5CAD;
  text-decoration  : bold;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
#pathwayDiv {
  position         : absolute;
  width            : 550px;
  height           : 20px;
  top              : 12px;
  left             : 140px;
}

a.pathway:link, a.pathway:visited {
  color            : #285078;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #CC6600;
  font-weight      : normal;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */

.modules {
  background       : #F7F7F7;
  border           : 1px solid #C0C0C0;
}

.mainlevel {
  letter-spacing   : 1px;
  padding-left     : 20px;
  width            : 90%;
}

a.mainlevel:link, a.mainlevel:visited {
  color            : #285078;
  background       : url("../images/icon01.gif");
  background-repeat: no-repeat;
}

a.mainlevel:hover {
  color            : #CC6600;
  background       : url("../images/icon02.gif");
  background-repeat: no-repeat;
}

.sublevel {
  letter-spacing   : 1px;
  padding-left     : 7px;
}

table.moduletable {
  padding: 0px 0px 0px 0px;
  /* margin-bottom: 5px; */
  width: 100%;
 /*  background: url(../images/bgr.png); */
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  color            : #000000;
  text-align       : center;
  letter-spacing   : 1px;
  border-bottom    : 1px solid #AFD1F4;
}

table.moduletable td {
  font-size        : 10px;
  font-weight      : normal;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  background-color : #AFD1F4;
  color            : #FFFFFF;
  height           : 20px;
  font-weight      : bold;
  letter-spacing   : 1px;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #CC6600;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #002850;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  text-align       : justify;
  background       : #F7F7F7;
  border           : 1px solid #C0C0C0;
  padding          : 10px;
  margin-bottom    : 10px;
}

.contentpaneopen {
  /* text-align       : justify; */
  background       : #F7F7F7;
  font-weight      : normal;
  margin-bottom    : 0px;
}

.contentheading, .componentheading {
  font-size        : 13px;
  font-weight      : bold;
  color            : #000000;
  letter-spacing   : 1px;
  border-bottom    : 1px solid #AFD1F4;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 12  px;
  color            : #000000;
  background       : #EFEFEF;
  border           : 1px solid #C0C0C0;
}

.inputbox {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #000000;
  background       : #F7F7F7;
  border           : 1px solid #C0C0C0;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 11px;
  color            : #285078;
  text-decoration  : none;
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
  color            : #CC6600;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #285078;
  font-weight      : bold;
  letter-spacing   : 1px;
}

a.category:hover {
  color            : #CC6600;
}