/* REMOVE PADDING AND MARGIN VALUES */
* { margin: 0; padding: 0; }
/* keien borders um bilder, zb bei links */
img { border: none; }

/* SET BASE FONT ATTRUBUTES */
html, body, body * { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333; }
body { margin: 0px; padding: 20px 0; background: #fff; font-size: 66%; text-align: center; } /* padding: 0px wegen Opera 7 */

/* REMOVE PADDING AND MARGIN VALUES */
* { margin-top: 0; margin-bottom: 0; }

/* container */
div#container	{ position: relative; width: 780px; margin: 0px auto 0px auto; border: 1px solid #5F5232; text-align:left; background:#fff url(/img/topcombi/_bg_container.gif); }

/* header */
div#header { width: 780px; height: 61px; background: #fff url(/img/topcombi/_bg_header.gif); }
	img#logo { position: absolute; left: 22px; top: 13px; border: none; }
div#header2 { width: 780px; height: 130px; border-bottom: 2px solid #B1A074; background: #fff url(/img/topcombi/_bg_header2.jpg); }

/* metanav */
div#metanav { position: absolute; top: 15px; left: 586px; width: 180px; height: 20px; }
div#metanav a {  }
div#metanav a.active {  }
div#metanav a:hover {  }

/* credit */
div#credit {  }

/* search */
div#search {  }

/* auxnav */
div#auxnav {  }

/* breadcrumb */
div#breadcrumb {  }



/*separated top and subnav*/
div#topnav		{ width: 596px; height: 3em; padding-left: 184px; background: url(/img/topcombi/_bg_topnav.gif); }
.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
{ display:block; float:left; padding: 8px 20px 9px; border-left: 1px solid #194359; border-right: 1px solid #57819A;
	font-weight: bold; color: #fff; text-transform: uppercase; background: url(/img/topcombi/_bg_lvl1.gif); text-decoration: none; font-size: 1.1em; white-space: nowrap; }
.lvl1:hover, .lvl1l:hover, .lvl1a:hover, .lvl1al:hover, .lvl1e:hover, .lvl1el:hover, .lvl1ae:hover, .lvl1ael:hover
{ background: url(/img/topcombi/_bg_lvl1a.gif); }
.lvl1a, .lvl1al, .lvl1ae, .lvl1ael { background: url(/img/topcombi/_bg_lvl1a.gif); }
.lvl1e, .lvl1ae, .lvl1el, .lvl1ael {  }
.lvl1l, .lvl1al, .lvl1el, .lvl1ael {  }

.lvl1a:hover, .lvl1al:hover, .lvl1ae:hover, .lvl1ael:hover { background: url(/img/topcombi/_bg_lvl1a.gif); }

.lvl1, .lvl1l 	 					{  }
.lvl1:hover, .lvl1l:hover 		{  }

.lvl1a, .lvl1al  					{  }
.lvl1a:hover, .lvl1al:hover	{  }

.lvl1e, .lvl1el  					{  }
.lvl1e:hover, .lvl1el:hover	{  }

.lvl1ae, .lvl1ael  				{  }
.lvl1ae:hover, .lvl1ael:hover	{  }

div#header3 { width: 780px; height: 20px; background: #fff url(/img/topcombi/_bg_header3.gif); }

div#subnav 		{ float: left; width: 184px; margin: 10px 0 30px; border-top: 0px solid #B29F75; }

.lvl2, .lvl2l, .lvl2a, .lvl2al, .lvl2e, .lvl2el, .lvl2ae, .lvl2ael
{ display:block; padding: 10px 20px 10px 50px; border-top: 1px solid #B29F75;
	color: #5E512F; text-decoration: none; font-weight: bold; font-size: 1.1em; background: #fff; }
.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover
{ background: #fff url(/img/topcombi/_bg_lvl2.gif) no-repeat 16px 0; }
.lvl2a, .lvl2al, .lvl2ae, .lvl2ael { color: #fff; background: #6C614D url(/img/topcombi/_bg_lvl2a.gif) no-repeat 16px 0; }
.lvl2e, .lvl2ae, .lvl2el, .lvl2ael {  }
.lvl2l, .lvl2al, .lvl2el, .lvl2ael { border-bottom: 1px solid #B29F75; }

.lvl2a:hover, .lvl2al:hover, .lvl2ae:hover, .lvl2ael:hover { background: #6C614D url(/img/topcombi/_bg_lvl2a.gif) no-repeat 16px 0; }

.lvl2, .lvl2l 	 					{  }
.lvl2:hover, .lvl2l:hover 		{  }

.lvl2a, .lvl2al  					{  }
.lvl2a:hover, .lvl2al:hover	{  }

.lvl2e, .lvl2el  					{  }
.lvl2e:hover, .lvl2el:hover	{  }

.lvl2ae, .lvl2ael  				{  }
.lvl2ae:hover, .lvl2ael:hover	{  }


.lvl3, .lvl3l, .lvl3a, .lvl3al, .lvl3e, .lvl3el, .lvl3ae, .lvl3ael
{ display:block; padding: 10px 20px 10px 70px; 
	color: #5E512F; text-decoration: none; font-size: 1.1em; background: #F4F2ED; }
.lvl3:hover, .lvl3l:hover, .lvl3a:hover, .lvl3al:hover, .lvl3e:hover, .lvl3el:hover, .lvl3ae:hover, .lvl3ael:hover
{ background: #F4F2ED url(/img/topcombi/_bg_lvl2.gif) no-repeat 36px 0;}
.lvl3a, .lvl3al, .lvl3ae, .lvl3ael { background: #F4F2ED url(/img/topcombi/_bg_lvl2.gif) no-repeat 36px 0;}
.lvl3e, .lvl3ae, .lvl3el, .lvl3ael {  }
.lvl3l, .lvl3al, .lvl3el, .lvl3ael {  }

.lvl3a:hover, .lvl3al:hover, .lvl3ae:hover, .lvl3ael:hover { background: #F4F2ED url(/img/topcombi/_bg_lvl2.gif) no-repeat 36px 0; }

.lvl3, .lvl3l 	 					{  }
.lvl3:hover, .lvl3l:hover 		{  }

.lvl3a, .lvl3al  					{  }
.lvl3a:hover, .lvl3al:hover	{  }

.lvl3e, .lvl3el  					{  }
.lvl3e:hover, .lvl3el:hover	{  }

.lvl3ae, .lvl3ael  				{  }
.lvl3ae:hover, .lvl3ael:hover	{  }


.lvl4, .lvl4l, .lvl4a, .lvl4al, .lvl4e, .lvl4el, .lvl4ae, .lvl4ael
{ display:block; padding: 10px 20px 10px 85px; 
	color: #5E512F; text-decoration: none; font-size: 1.1em; background: #F4F2ED; }
.lvl4:hover, .lvl4l:hover, .lvl4a:hover, .lvl4al:hover, .lvl4e:hover, .lvl4el:hover, .lvl4ae:hover, .lvl4ael:hover
{ color: #5E512F; background: #F4F2ED url(/img/topcombi/_bg_lvl4.gif) no-repeat 70px 13px; }
.lvl4a, .lvl4al, .lvl4ae, .lvl4ael { color: #5E512F; background: #F4F2ED url(/img/topcombi/_bg_lvl4.gif) no-repeat 70px 13px; }
.lvl4e, .lvl4ae, .lvl4el, .lvl4ael {  }
.lvl4l, .lvl4al, .lvl4el, .lvl4ael {  }

.lvl4a:hover, .lvl4al:hover, .lvl4ae:hover, .lvl4ael:hover { background: #F4F2ED url(/img/topcombi/_bg_lvl4.gif) no-repeat 70px 13px; }

.lvl4, .lvl4l 	 					{  }
.lvl4:hover, .lvl4l:hover 		{  }

.lvl4a, .lvl4al  					{  }
.lvl4a:hover, .lvl4al:hover	{  }

.lvl4e, .lvl4el  					{  }
.lvl4e:hover, .lvl4el:hover	{  }

.lvl4ae, .lvl4ael  				{  }
.lvl4ae:hover, .lvl4ael:hover	{  }


/* content */
div#content	{ float: left; width: 540px; padding: 10px 20px; font-size: 1.1em; line-height: 1.3em; }
div#contentleft	{ float: left; width: 380px; }
div#contentright	{ float: left; width: 200px; }
div#contentbottom	{ float: left; width: 580px; }

/* footer */
div#footer	{ clear: both; width: 780px; border-top: 1px solid #605132; font-size: 1.1em; background: #eee; }
div#footer td { padding: 10px; }
div#footer td td { padding: 0 10px 0 0; }
div#footer td a, div#footer td, div#footer td strong{ color: #69614C; }
div#footer td a { padding: 0 5px; }
div#footer td.metanav { width: 174px; }


/* links general */
div#content a:link, div#content  a:visited	{ font-weight: bold; color: #69614C; }
div#content a:hover 	{ text-decoration: none; }
div#content a:active	{  }

/* SORT OUT HEADER FORMATTING AND SIZES */
/*h1, h2, h3, h4, h5, p, ul, ol { margin-top: 2em; margin-bottom: 1em; }
li { margin-top: 1.1em; }
h1, h2, h3, h4, h5 {font-weight: bold; }
h1 {font-size: 1.4em; margin-top: 0;}
h2 {font-size: 1.2em; }
h3 {font-size: 1.1em; }
h4 {font-size: 1.1em; }
h5 { }
h6 { }
p, table, li	{ font-size: 1.1em; line-height: 1.8em; }*/

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol, table, fieldset { margin-top: 2em; margin-bottom: 1em; }
table table { margin: 0; }
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 1.4em; margin-top: 0; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

/* images */
img { border: 0px; float: none; }
img.left { float: left; margin: 3px 10px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 10px;}

/* tables */
/*table { border-collapse: collapse; font-size: 100%; }  font-size: 100% wegen ie5 
th, td { padding: 0px; vertical-align: top; text-align: left; }
th {  }
td {  }*/

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
table.width100percent { width: 100%; }
th, td { padding: 0 10px 10px 0; vertical-align: top; text-align: left; }
th { font-weight: bold; }
td {  }
td.left { text-align: left; }
td.right { text-align: right; }

/* Lists */
/*ul, ol, dl {list-style-type: disc;} */

/* Lists */
ul, ol, dl {  } 
ul li { margin-left: 16px; line-height: 1.5em; }
ol li { margin-left: 24px; }

/* forms */
fieldset { padding: 0px 10px 5px 10px;  }
legend 	{ margin: 0px 10px 0px 0px; padding: 0px 5px 5px 0px; color: #333; font-weight: bold;  }
label 	{ font-size: 1.0em; margin: 10px; }
textarea, input, select { width: 200px; border: 1px solid #666;}
input.checkBox, input.radioButton { position: relative; top: 0; }
textarea { height: 120px;  }
input.button { width: 120px; border: 1px solid #666; }

/* generals */
h1.clear, h2.clear, h3.clear, h4.clear, h5.clear, h6.clear, p.clear, table.clear, ul.clear, ol.clear, fieldset.clear, div.clear
{ clear: both; } 	
.textLeft { text-align: left; }
.textRight { text-align:  right; }
.textCenter { text-align: center; }
p.separator { margin-top: 10px; padding-top: 10px; border-top: 2px solid #B29F75; font-size: 1px; }
p.info { padding: 5px; border: 1px solid red; background-color: white;}
p.message { padding: 5px; border: 1px solid #69614C; background-color: white;}

th.width33percent, td.width33percent { width: 33%; }
th.width34percent, td.width34percent { width: 34%; }
th.width100percent, td.width100percent { width: 100%; }
th.width110px, td.width110px { width: 110px; }
td.noBorder { border: none !important; }

/* specials */
div#search { position: absolute; top: 10px; right: 42px; }
div#search input { width: 150px; height: 15px; border-top: 1px solid #B29F75; border-right: none; border-bottom: none; border-left: 1px solid #B29F75; background: #EAE6DB;}
input#go { position: absolute; top: 10px; right: 20px; width: 18px; height: 18px; border: none; }

/* dechema common elements */
table.plain { width: 100%; }
table.plain th, table.plain td { padding: 2px 5px; }
table.plain th {  }
table.plain td {  }

table.dates { width: 100%;}
table.dates th, table.dates td { padding: 2px 5px; border: 1px solid #605132; background: #eee; }
table.dates th { background: #18455A url(/img/topcombi/_bg_lvl1.gif) repeat-x; color: #fff; }
table.dates td.icon 	{ width: 5%; }
table.dates td.event { width: 55%; }
table.dates td.date 	{ width: 40%; }

table.document { width: 100%; border: 1px solid #605132; }
table.document th, table.document td { padding: 2px 5px; border: 1px solid #605132; background: #eee; }
table.document th { background: #18455A url(/img/topcombi/_bg_lvl1.gif) repeat-x; color: #fff; }
table.document td { padding:5px; }

table.standard { width: 100%; border: 1px solid #605132; }
table.standard th, table.standard td { padding: 2px 5px; border: 1px solid #605132; background: #eee; }
table.standard th { background: #18455A url(/img/topcombi/_bg_lvl1.gif) repeat-x; color: #fff; }
table.standard td {  }

table.forum { width: 100%; border: 1px solid #605132; }
table.forum th, table.forum td { padding: 2px 5px; border: 1px solid #605132; background: #eee; }
table.forum th { background: #18455A url(/img/topcombi/_bg_lvl1.gif) repeat-x; color: #fff; }
table.forum td {  }


table.standardVertical { width: 100%; }
table.standardVertical th, table.standardVertical td { padding: 2px 5px; border: 1px solid #605132; background: #eee; }
table.standardVertical th { background: #4B6F85 url(/img/topcombi/_bg_th_vertical.gif) repeat-y ; color: #fff; }
table.standardVertical td {  }


div.searchInputs { padding: 0 0 10px 0; border-bottom: 2px solid #B29F75; }
div.searchInputs > input.text { padding: 1px;  }
div.searchInputs input.button { margin-left: 10px; font-size: 11px; }

table.memberList { width: 100%; border: 1px solid #605132; }
table.memberList th, table.memberList td { padding: 2px 5px; border: 1px solid #605132; }
table.memberList td.left 	{ width: 30%; }
table.memberList td.center { width: 20%; }
table.memberList td.right 	{ width: 50%; }

table.deliverable { width: 100%; border: 1px solid #605132; }
table.deliverable th { padding: 2px 5px; border: 1px solid #605132; color: #fff; background: #6C614D}
table.deliverable td { padding: 2px 5px; border: 1px solid #605132; }
table.deliverable td.statuscompleted { background:#FFDD1A; }
table.deliverable td.statusoverdue { background:#FFB599; }
able.deliverable td.statusunderprogress { background:#ffffff; }
table.deliverable td.statusapproved { background:#ADFF1A; }
table.deliverable td.left 	{ width: 30%; }
table.deliverable td.center { width: 20%; }
table.deliverable td.right 	{ width: 50%; }