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

body
{
	margin					: 0px;
	padding					: 0px;
	text-align				: left;
}

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;
}

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

/*modules*/
.moduletable {
	
}


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

table.moduletable th {
	color					: #FFFFFF;
	background				: url(../images/tab.jpg) left top no-repeat #FFFFFF;
	text-align				: left;
	padding-top				: 28px;
	padding-left			: 12px;
	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 28px;
  	margin           		: 1px 0px 1px 0px;
 	display          		: block;
  	background	   			: url(../images/button_over.jpg);
}

#active_menu {
  	color            		: #0066FF;
}

a.mainlevel:link, a.mainlevel:visited{ 
  	color            		: #000000;
  	font-weight      		: bold;
  	font-size        		: 12px;
	text-decoration			: none;
  	border-bottom       	: 1px solid #666666; 
	border-right       		: 1px solid #666666;
  	background       		: #EEEEEE;	
}

a.mainlevel:hover {
  	color            		: #000000;
  	font-weight      		: bold;
  	font-size        		: 12px;
  	text-decoration			: none;
  	border-top		       	: 1px solid #666666; 
  	border-left       		: 1px solid #666666;
  	border-bottom       	: 0px; 
  	border-right       		: 0px;
}

/*---- 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 ----*/
.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					: #CCCCCC;
}

a:link, a:visited {
	color					: #83C028; text-decoration: none;
	font-weight				: bold;
}

a:hover {
	color					: #78993C;	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_logo {
	z-index					: 2; 
	position				: absolute;
	left					: 0px;
	top						: 0px;
	width					: 235px;
	height					: 235px;
	background				: url(../images/comp_logo.jpg) left top no-repeat #FFFFFF;
}

.container_top {
	z-index					: 1;
	position				: relative;
	left					: 0%;
	top						: 0px;
	width					: 100%;
	height					: 235px;
	background				: url(../images/header_bg.jpg) center repeat-x #FFFFFF;
}

.container_top_front {
	z-index					: 2;
	position				: absolute;
	left					: 25%;
	top						: 66px;
	height					: 110px;
	overflow				: visible;
	text-align				: center;
}

.container_top_menu {
	position				: relative;
	width					: 100%;
	height					: 38px;
	background				: url(../images/top_menu_bg.jpg) center repeat-x #FFFFFF;
	text-align				: center;
	padding-top				: 4px;
}

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

.container_center {
	position				: relative;
	left					: 10%;
	top						: 20px;
	width					: 84%;
	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					: 124px;
	background				: url(../images/bottom_bg.jpg) center 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_top {
	width					: 100%;
}

.t_top_left {
	width					: 344px;
	height					: 235px;
	background				: url(../images/top_left.jpg) top left no-repeat #FFFFFF;
}

.t_top_right {
	width					: 360px;
	background				: url(../images/top_right.jpg) top right no-repeat #FFFFFF;
}