/**********************************************************************
 * PROJECT: EcoWords, businex gmbh mannheim, 2008
 * FILE:    css/master.css
 * ID:      $Id: master.css 1035 2008-02-26 15:46:41Z tidona $
 * --------------------------------------------------------------------
 * 01.02.2008    mtidona    Erstellung
 **********************************************************************/

/*
--------------------------------------------------
 MAJOR COLORS:
 
 #FC7216 = logo orange
 #47555B = logo grey

 --------------------------------------------------
*/

/*
-------------------------------------------------------------------------
*/

* {
	font-family: Verdana, Helvetica, sans-serif, Geneva;
	font-size: 95%;
	color: #47555B;
}

html, body {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

body {		
	text-align: center;
	color: #47555B;
	background-color: #FFFFFF;
   	min-height: 100%;
   	margin-bottom: 1px;
}

/*
------------------------- MAIN DIV-DEFINITIONS -------------------------
*/

#GlobalContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-bottom: 30px;
	width: 950px; 
	min-height: 100%;
	text-align: left;
	position: relative;
	border: solid 1px #FFF;
}

/* 
------------------------- 
*/

#Content {
	width: 380px;
	margin-left: 264px;
	margin-right: 250px;
	margin-top: 166px;
	line-height: 1.3em;
	border: solid 1px #FFF;
}

#Left {
	float: left;
	width: 220px;
	margin-right: 45px;
	text-align: right;
	border: solid 1px #FFF;
}

#Right {
	float: right;
	width: 210px;
	text-align: left;
	border: solid 1px #FFF;
}

#Rightcontent {
	margin-top: 20px;
}

#Logo {
	margin-top: 80px;
	height: 58px;
}

#Logohome {
	position: absolute;
	top: 55px;
	left: 264px;
}

#Menu {
	margin-top: 30px;
	font-size: 1em;
}

/*
--------------------------- CONTENT ELEMENTS ----------------------------
*/

#Menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 17px;
	list-style-image: none;
	background-image: url(../images/menu_off.gif);
	background-repeat: no-repeat;
    background-position: top right;
    line-height: 17px;
    font-size: 1.1em;
}

#Menu ul li {
	list-style-type: none;
	background-image: url(../images/menu_off.gif);
	background-repeat: no-repeat;
    background-position: top right;
	margin-bottom: 17px;
}

#Menu ul li a:link, #Menu ul li a:visited {
	display: block;
	height: 1%;
	text-decoration: none;
	font-size: 1em;
	color: #47555B;
	padding: 2px 8px 2px 2px;
	font-weight: normal;
	margin-bottom: 17px;
	background-image: url(../images/menu_off.gif);
	background-repeat: no-repeat;
    background-position: top right;
}

#Menu ul li a:hover {
	list-style-type: none;
	color: #FC7216;
	font-weight: normal;
	margin-bottom: 10px;
	padding-right: 8px;
	background-image: url(../images/menu_on.gif);
	background-repeat: no-repeat;
    background-position: top right;
}
#Menu a.menuactive, #Menu a.menuactive:link, #Menu a.menuactive:visited, #Menu a.menuactive:hover {
	list-style-type: none;
	color: #47555B;
	font-weight: normal;
	margin-bottom: 15px;
	padding-right: 8px;
	background-image: url(../images/menu_on.gif);
	background-repeat: no-repeat;
    background-position: top right;
}

/*
------------------------- VAR STYLE-DEFINITIONS -------------------------
*/

a.bracket, a.bracket:link, a.bracket:visited {
	color: #47555B;
	text-decoration: none;
	font-size: 1em;
	padding: 2px 2px 6px 8px;
	font-weight: normal;
	background-image: url(../images/bracket_off.gif);
	background-repeat: no-repeat;
    background-position: top left;
}
a.bracket:hover {
	color: #FC7216;
	font-weight: normal;
	padding-left: 8px;
	background-image: url(../images/bracket_on.gif);
	background-repeat: no-repeat;
    background-position: top left;
}

b {
    font-size: 105%;
}

a, a:link, a:visited {
	color: #FC7216;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #47555B;
	text-decoration: none;
	font-weight: bold;
}

.alert { 
	display: block; 
	color: #FC7216; 
	background-color: #FFFFFF; 
	font-weight: bold;
}
.alertfield      { background-color: #FFDBDB; color: #993300; }

.hitmarker { background-color: #FCBFBF; }

.important_red, .important   { color: #993300; }
.important_green { color: #669933; }

.inactive { color: #CCCCCC; }

.tr_special  { background-color: #D3D3D3; }
.tr_highlight{ background-color: #FFDBDB; }
.tr_even     { background-color: #EBEBEB; }
.tr_odd      { background-color: #E2E2E2; }
.tr_hidden_special  { background-color: #666666; color: #FFFFFF; }
.tr_hidden_even     { background-color: #FCBFBF; }
.tr_hidden_odd      { background-color: #FFDBDB; }
.tr_grey_even     { background-color: #D7D7D7; }
.tr_grey_odd      { background-color: #EDEDED; }

h1 { font-size: 1.3em; padding-top: 0px; margin-bottom: -5px; font-weight: bold; line-height: 1.4em; }
h2 { font-size: 1.1em; padding-top: 0px; margin-bottom: -2px; font-weight: bold; line-height: 1.1em; }
h3 { font-size: 1.0em; padding-top: 0px; margin-bottom: 8px; font-weight: bold; line-height: 1.1em; }

ul { 
	list-style-image: url(../images/bullet.gif);
	margin: 10px 0px 10px 0px;
	padding-left: 17px;
	color: #5F5D5C; 
}
li { 
	list-style-type: square; 
	margin: 0px 0px 3px 0px; 
	padding-left: 5px; 
	color: #5F5D5C; 
}

hr { border: solid #EFEFEF 1px; }

.button      { background-color: #CECECE; border-width: 1px; font-size: 1em; }
.button_mini { background-color: #CECECE; border-width: 1px; font-size: 0.8em; }
.input       { background-color: #FFFFFF; border-width: 1px; font-size: 1em; }
.input_radio { border-width: 1px; }
.input_mini  { background-color: #FFFFFF; border-width: 1px; font-size: 0.8em; }
.mini        { color: #9B9B9B; font-size: 0.86em; }

/*
-------------------------------------------------------------------------
*/