﻿@import "layout.css";
@import "colors.css";
@import "projects.css";

body,html
{  background:#FFF url(images/html/bg.gif) repeat;
   height:100%;
	font-family: "Microsoft Sans Serif", "Lucida sans Unicode", Arial;
	font-size:10px;
}

a
{  color: #666;
   text-decoration:none;
}
a:visited
{  color:#666;
   text-decoration:none;
}
a:hover
{  color:#003366;
   text-decoration:underline;
}
a:link
{  color:#003366;
   text-decoration:none;
}

img
{  margin:0;
   padding: 0;
   vertical-align: middle;
   border: 0;
}
.netaera_color
{ color:#772344;
}

.formular
{  margin:0;
   padding:0;
}

#netaera 
{  margin: 0 auto; 
   width: 800px;
   height:100%;
   background-color: #FFF; 
   top:0px;
   /*border-right:solid 1px #44A1BC;*/
}

#top 
{  background:#FFF url(images/html/hgblue.gif)  repeat-x;
	padding:0;
   width: 800px;
   position:relative;
   height: 354px;
   background-color: #FFF; 
   text-align:right;
   vertical-align:middle;
   clear:right;
}
#logo
{	width:53px;
	height:251px;
	top:40px;
	left:747px;
   position:absolute;
	background:transparent url(images/html/netaera.gif) no-repeat;
}
#version
{	width:auto;
	top:13px;
	left:49px;
   position:absolute;
   color:#CCC;
   font-size:1.2em;
}
#hr_top
{	width:698px;
	height:1px;
	top:31px;
	left:49px;
   position:absolute;
   margin: 0px; 
   padding: 0px;
   border: 0px;
   font-size:1px;
}
#hr_bottom
{	width:698px;
	height:1px;
	top:300px;
	left:49px;
   position:absolute;
   margin: 0px; 
   padding: 0px;
   border: 0px;
   font-size:1px;
}


#content
{  max-width:800px;
	float: left;
	clear: both;
	display: inline;
   vertical-align:text-top;
   background-color:#FFF;
}

.contentTable
{  width: 800px;
	background-color: #fff;
   vertical-align:text-top;
   padding-bottom:24px;
}

.contentMenu
{  text-align:left;
   vertical-align:text-top;
	width: 203px;
	background-color: #fff;
   vertical-align:text-top;
   margin:0;
   padding:0;
}
.contentCenter
{  width: 57px;
   height:auto;
   background-color: #FFF; 
   text-align:left;
   vertical-align:text-top;
   margin:0;
   padding:0;
} 
.contentMain
{  width: 540px;
	background-color: #fff;
   vertical-align:text-top;
   padding-right:24px;
   margin:0;
}

.contentSmall
{	font-size: 9px;
   font-weight:normal;
	margin: 0;
	padding: 2px;
}

#footer
{	text-align: center;
	clear: both;
	width: 800px;
	padding: 0;
	border-top:solid 1px #ECF2F6;
	background-color: #fff;
	margin-top:auto;
	overflow: hidden;
}
#footer p
{	font-size: 0.9em;
 	font-style:normal;
	text-align: center;
	margin: 0;
	padding: 2px;
}

#menu_container
{  position:absolute;
   top:304px;
   height:46px;
   left:49px;
   width:698px;
   text-align:right;
}

#menu
{	position: relative;
	top: 0px;
   height:46px;
	width: 698px;
	font-family: Microsoft Sans Serif, Lucida sans Unicode, Arial;
	font-size: 1.1em;
	font-weight:bold;
	letter-spacing:0.2em;
	text-decoration: none;
}
#menu ul
{	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: right;
}
#menu ul li
{	display: block;
	float: right;
	padding: 0;
	margin: 0;
	line-height: 36px;
}
#menu ul li a
{ 	width: auto;
	padding: 3px 0px 0px 3px;
	margin: 0;
	color:#938D89;
	text-decoration: none;
	display: block;
	vertical-align:top;
	line-height: 36px;
}


.menuMain
{	position: relative;
	top: 0px;
   height:46px;
	width: 698px;
	font-family: Microsoft Sans Serif, Lucida sans Unicode, Arial;
	font-size: 1.1em;
	font-weight:bold;
	letter-spacing:0.2em;
	text-decoration: none;
}
.menuMain ul
{	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menuMain ul li
{	display: block;
	padding: 0;
	margin: 0;
	line-height: 36px;
}
.menuMain li
{
	float: right;
   width:auto;
}
.menuMain ul li a
{ 	padding: 3px 0px 0px 3px;
	margin: 0;
	color:#938D89;
	text-decoration: none;
	display: block;
	vertical-align:top;
	line-height: 36px;
}

.menuMain a
{	
   float:left;
}

.menu_sel
{	background: url(images/html/menu_selected.gif) #ffffff repeat-x  0% 10px;
}


.mnuMainItem0, .mnuMainItem1, .mnuMainItem2, .mnuMainItem3, .mnuMainItem4, .mnuMainItem5
{ 	width: auto;
	padding: 3px 0px 0px 0px;
	margin: 0;
	color: #666;
	text-decoration: none;
	display: block;
	vertical-align:top;
	line-height: 36px;
}

.mnuMainItem0 a
{  background-color: transparent;
   height:36px;
   width:auto;
}
.mnuMainItem0 a:hover
{  background:url(images/html/ms_home.gif) #ffffff repeat-x  0% 10px;  
}

.mnuMainItem1 a
{  background-color: transparent ;
   height:36px;
   width:auto;
}
.mnuMainItem1 a:hover
{  background:url(images/html/ms_software.gif) #ffffff repeat-x  0% 10px;  
}

.mnuMainItem2 a
{  background-color: transparent;
   height:36px;
   width:auto;
}
.mnuMainItem2 a:hover
{  background:url(images/html/ms_hardware.gif) #ffffff repeat-x 0% 10px;  
}

.mnuMainItem3 a
{  background-color: transparent;
   height:36px;
   width:auto;
}
.mnuMainItem3 a:hover
{  background:url(images/html/ms_it_consulting.gif) #ffffff repeat-x  0% 10px; 
}

.mnuMainItem4 a
{  background-color: transparent;
   height:36px;
   width:auto;
}
.mnuMainItem4 a:hover
{  background:url(images/html/ms_contact.gif) #ffffff repeat-x  0% 10px;  
}

.mnuMainItem5 a
{  background-color: transparent;
   height:36px;
   width:auto;
}
.mnuMainItem5 a:hover
{  background:url(images/html/ms_imprint.gif) #ffffff repeat-x  0% 10px ;  
}

.mnuOuterText
{	font-weight:normal;
 	color:#666;
   height:auto;
   width:auto;
   margin-top:3px;
   float:right;
}

#hr_submenu
{	width:154px;
	height:1px;
	top:0px;
	left:49px;
   position: relative;
   margin: 0px; 
   padding: 0px;
   border: 0px;
   font-size:1px;
}

#um
{	position: relative;
	top: 9px;
	left:49px;
	width:154px;
	font-family: Microsoft Sans Serif, Lucida sans Unicode, Arial;
	font-weight:normal;
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: -0.1em;
   vertical-align:top;
}

#um ul
{	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#um ul li
{	display: block;
	padding: 0;
	margin: 0;
	height: 29px;
}

#um ul li a
{ 	width: auto;
	padding: 0px 0px 0px 32px;
	margin: 0;
	color: #666;
	text-decoration: none;
	display: block;
	vertical-align:text-bottom;
	letter-spacing: 1px;
	height: 29px;
}

.um
{	position: relative;
	top: 18px;
	left:49px;
	width:154px;
	font-family: Microsoft Sans Serif, Lucida sans Unicode, Arial;
	font-weight:normal;
	font-size: 1.1em;
	line-height: 1.5em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: -0.1em;
   vertical-align:top;
}

.um ul
{	border: 0;
	margin: 0;
	padding: 0;
	left:0;
	list-style-type: none;
}

.um ul li
{	display: block;
	padding: 0;
	margin: 0;
	left:0;
	height: 29px;
}

.um ul li a
{ 	width: auto;
	padding: 0;
	margin: 0;
	left:0;
	color: #666;
	text-decoration: none;
	display: block;
	vertical-align:text-bottom;
	letter-spacing: 1px;
	height: 29px;
}

.um_sel
{	background: url(images/html/um_selector.gif) #ffffff repeat-x;
}




.contentParagrahContainer
{	
	margin-left:12px;
}

.contentParagrah
{ 
	text-indent:-1.0em;
}


#contentText
{  top:6px;
   position:relative;
   vertical-align:text-top;
}

div#contentText
{  text-align: left;
	font-size:14px;
   color:#666;
}
div#contentText h1
{  font-weight:bold;
   font-size:1.2em;
} 
div#contentText h2
{  font-weight:bold;
   font-size:1.1em;
} 
div#contentText h3
{  font-weight:bold;
   font-size:1.0em;
} 
div#contentText p
{  font-size:0.85em;
   margin-left:1px;
} 

div#contentText ul
{  list-style-type:disc;
   list-style-position:inside;
} 

div#contentText li
{	font-size:0.8em;
   color:#666;
} 
div#contentText a
{  color: #543B3B;
   text-decoration:none;
   font-weight:bolder;
}
div#contentText a:visited
{  color:#543B3B;
   text-decoration:none;
   font-weight:bolder;
}
div#contentText a:hover
{  color:#003366;
   text-decoration:underline;
   font-weight:bolder;
}

.projectRow
{	background:transparent url(images/Project/ListItemRow.jpg) no-repeat;
	width:540px;
	height:139px;
	vertical-align:top;
	padding:0;
	margin:0;
}
.projectLogoCell
{	width:152px;
	height:122px;
	padding-left:21px;
	padding-top:17px;
}
.projectTextCell
{	width:367px;
	height:122px;
	padding-top:17px;
}
.projectTextCellHeader
{	width:100%;
}
.projectInnerTable
{	width:330px;
}

.projectItemTextCell, 
.projectItemTextCell p,
.projectItemTextCell h1,
.projectItemTextCell h2,
.projectItemTextCell h3,
.projectItemTextCell li
{	padding-top:7px;
   font-weight:normal;
	vertical-align:top;
	font-size:11px;
}
.projectItemTextCell h1,
.projectItemTextCell h2,
.projectItemTextCell h3
{	font-weight:bold;
	font-size:11px;
}
.projectItemTextCell li
{	padding-top:2px;
}
	
.projectItemTable
{	width:352px;
}

