*						{margin: 0px; padding: 0px;}
body					{background-image:url(../img/bg.jpg); background-repeat: repeat-x; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;}
#header div			{width: 100%; height: 100px;}
#contentholder		{width: 915px;}
#teaser				{float: left; width: 293px;}
#logo					{position: absolute; left: 50%; margin-left: -445px; top: 20px;}
#sprache				{position: absolute; left: 50%; top: 0px; margin-left: 350px;}
h1						{font-size: 20px; color: #99cc00; font-weight: bold; line-height: normal; padding-top: 20px;}
h2						{font-size: 14px; font-weight: bold; line-height: 18px; padding-top: 15px;}
p						{font-size: 12px; font-weight: normal; line-height: 17px; padding-top: 10px;}
img					{margin: 0px; padding: 0px; border: 0px;}
a						{color: #99cc00;}
a:hover				{text-decoration: none;}
.teaserfill			{background-image: url(../img/teaserfill.png); background-repeat: repeat-y; width: 293px;}
.newsbg				{padding-top: 1px; width: 283px; height: 97px; background-image:url(../img/teaser_news_verlauf.gif); background-repeat: no-repeat;}
.newsinhalt			{width: 267px; padding-top: 8px;}
.newsimage			{border: 1px solid #CCCCCC; float: left; margin-right: 12px;}
.newsheadline		{font-size: 14px; line-height: 18px;}
.newstext			{padding-top: 2px; text-align: left; font-size: 9px; color: #666666; font-weight: bold; line-height: 12px; margin-right: 10px;}
.newspos				{padding-top: 5px; font-size: 9px; font-weight: bold; line-height: 12px; margin-right: 10px;}
.clleft				{clear: left;}
.clboth				{clear: both;}
.flleft				{float: left;}
.flright				{float: right;}
#rightcontent		{float: left; width: 604px;}
#projects_box_shops	{background-image: url(../img/bg_lastproject_shops.png); background-repeat: no-repeat; width: 293px; height: 196px;}
#projects_box_ebay	{background-image: url(../img/bg_lastproject_ebay.png); background-repeat: no-repeat; width: 293px; height: 196px;}
.projects_image	{float: left; padding-left: 18px; margin-right: 18px; margin-top: 52px;}
.projects_font		{text-align: left; font-size: 9px; color: #666666; font-weight: bold; line-height: 12px; padding-top: 72px;}
#banner				{background-image: url(../img/banner.png); background-repeat: no-repeat; width: 604px; height: 196px;}
.bannerlink			{position: relative; width: 150px; height: 35px; top: 155px; left: 210px;}
.small_green		{color: #99cc00;}
.headimage			{margin-top: -5px;}
.contlisten			{list-style: normal; margin-left: 40px; margin-top: 10px; font-size: 12px;}
.newshead		{background-image:url(../img/news_headline.png); background-repeat: no-repeat; width:293px; height: 39px;}
.bgrefs			{background-image:url(../img/trans_buttons/allerefs.png); background-repeat: no-repeat; width:293px; height:44px;}
a.teaserimagelink	{width:293px; height:44px; text-align: center; font-size: 20px;}
.bgnews			{background-image:url(../img/trans_buttons/allenews.png); background-repeat: no-repeat;}
.bg_content		{background-image: url(../img/bg_content_bottom.png); background-repeat: no-repeat; width: 604px; height: 15px;}

.counterhead		{background-image:url(../img/feedback.png); background-repeat: no-repeat; width:293px; height: 39px;}
.countbottom			{background-image:url(../img/teaser_bottom_ohne.png); background-repeat: no-repeat; width:293px; height:26px;}
.counterbg				{padding-top: 1px; width: 283px; background-image:url(../img/teaser_news_verlauf.gif); background-repeat: no-repeat;}


.teaser_white_top	{background-image: url(../img/teaser_white_top.png); height: 34px; width: 293px;}
.teaser_white_headline	{padding-top: 13px;}

.content_top		{background-image: url(../img/bg_content_top.png); height: 40px; width: 604px;}
.content_headline	{padding-top: 14px;}
.contentfill		{background-image: url(../img/bg_content_fill.png); background-repeat: repeat-y; width: 604px;}
.contenttext		{padding-left: 30px;  padding-bottom: 20px; padding-right: 30px; text-align: left;}

#footer				{width: 100%; height: 88px; clear: left; background-image: url(../img/footerbg.jpg); background-repeat: repeat-x;}
.footerpos			{width: 885px; padding-top: 59px;}

a.speech				{background:url(../img/english.gif) 0px 0px no-repeat; font-size: 23px;}
a.speech:hover 	{background:url(../img/deutsch.gif);}

a.newslink			{color: #99cc00; font-size: 9px; font-weight: bold;}
a.newslink:hover	{text-decoration: none;}
a.projectslink		{color: #CCCCCC;}
a.projectslink:hover	{text-decoration: none;}


a.footnavi			{font-size: 9px; padding-left: 7px; padding-right: 7px; text-decoration: none;  color: #FFFFFF; font-weight: bold;}
.copyright			{float: right; color: #ccff33; padding-right: 7px; font-size: 9px;}

#referenzen			{float: left; width: 164px; margin-right: 26px;}
#referenzen ul		{list-style: none; text-align: center; margin: 0px; padding: 0px;}
.category			{font-size: 9px; font-weight: bold; text-align: center;}
.reflink				{font-size: 9px; font-weight: bold; line-height: 12px; text-align: center;}
.refimage			{padding: 3px; border: 1px solid #CCCCCC; text-align: center;}
#refleft				{float: left; width: 164px; text-align: center;}
#refleft ul			{list-style: none; margin: 0px; padding: 0px;}
.refspacer			{height: 1px; clear: both;}
#zertifiziert		{background-image: url(../img/zertifiziert.png); background-repeat: no-repeat; width:293px; height:118px;}
.weitereebay		{background-image: url(../img/weitere_ebay.png); background-repeat: no-repeat;}
.weiterextc			{background-image: url(../img/weitere_xtc.png); background-repeat: no-repeat;}
.interessiert		{background-image: url(../img/interessiert.png); background-repeat: no-repeat;}

#callus				{ position: absolute; top: 50px; left: 50%; margin-left: 130px;}

/***** Beginn Navigation *******/

.hncenter	{width: 915px;}

#menu {
width: 915px;
margin-left: 1px;
float: left;
}

#menu ul {
width: 128px;
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu ul.stripe {
width: 2px;
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu ul li {position: relative;}

#menu ul li.first {position: relative; height: 49px;}

#menu ul li a {
display: block;
margin: 0; padding: 0;
}

#menu ul li a.start {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/startseite.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.start:hover {
background-image: url(../img/navigation/startseite_over.gif);
background-repeat: no-repeat;
}


#menu ul li a.produkte {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/produkte.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.produkte:hover {
background-image: url(../img/navigation/produkte_over.gif);
background-repeat: no-repeat;
}

#menu ul li a.beratung {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/beratung.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.beratung:hover {
background-image: url(../img/navigation/beratung_over.gif);
background-repeat: no-repeat;
}

#menu ul li a.referenzen {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/referenzen.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.referenzen:hover {
background-image: url(../img/navigation/referenzen_over.gif);
background-repeat: no-repeat;
}

#menu ul li a.news {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/news.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.news:hover {
background-image: url(../img/navigation/news_over.gif);
background-repeat: no-repeat;
}

#menu ul li a.unternehmen {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/unternehmen.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.unternehmen:hover {
background-image: url(../img/navigation/unternehmen_over.gif);
background-repeat: no-repeat;
}

#menu ul li a.kontakt {
margin: 0; padding: 0;
width: 128px; height: 44px;
background-image: url(../img/navigation/kontakt.gif);
background-repeat: no-repeat;
text-decoration: none;
}

#menu ul li a.kontakt:hover {
background-image: url(../img/navigation/kontakt_over.gif);
background-repeat: no-repeat;
}

#menu ul li ul {
list-style-image: none; list-style-type: none;
background: none; list-style: none;
padding: 0; margin-top: 2px;
float: left;
width: 140px;
left: 50%;
margin-left: -70px;
}

#menu ul li ul li {position: relative;}

#menu ul li ul li a {
display: block;
margin: 0; padding: 0;
}

#menu ul li ul li a {
list-style-image: none; list-style-type: none;
background: none; list-style: none;
margin-top: -2px; padding-top: 2px; 
width: 140px; height: 20px;
background-image: url(../img/navigation/subnavbg.png);
background-repeat: no-repeat;
text-decoration: none;
font: bold 9px/14px Trebuchet MS, arial, helvetica, sans-serif;
color: #FFFFFF; text-align: center;
}

#menu ul li ul li a:hover {
width: 140px; height: 20px;
background-image: url(../img/navigation/subnavbg_over.png);
background-repeat: no-repeat;
}


#menu ul li ul li a.end {
list-style-image: none; list-style-type: none;
background: none; list-style: none; 
width: 140px; height: 25px;
background-image: url(../img/navigation/subnavend.png);
background-repeat: no-repeat;
text-decoration: none;
font: bold 9px/14px Trebuchet MS, arial, helvetica, sans-serif;
color: #FFFFFF; text-align: center;
}

#menu ul li ul li a.end:hover {
width: 140px; height: 25px;
background-image: url(../img/navigation/subnavend_over.png);
background-repeat: no-repeat;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/***** Ende Navigation *******/

/******************************* Formular ****************************/

.button 			{font-size: 11px;
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					color: #666666;
					padding: 4px;
					border: 1px solid #CCCCCC;
					background-color :  #FFFFFF;}

textarea 		{border: 1px solid #CCCCCC;
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #666666;
					background-color : #FFFFFF;
					width : 520px;
					padding: 4px;
					line-height: 18px;}
					
input.feld-1 	{font-size: 11px;
					border: 1px solid #CCCCCC;
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					color: #666666;
					background-color :  #FFFFFF;
					width : 520px;
					line-height: 18px;}

input.feld-2 	{font-size: 11px;
					border: 1px solid #CCCCCC;
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					color: #666666;
					background-color :  #FFFFFF;
					width : 395px;
					line-height: 18px;}

input.feld-3 	{font-size: 11px; 
					color: #666666;
					background-color : #FFFFFF;
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					width : 111px;
					border: 1px solid #CCCCCC;
					line-height: 18px;}
					
input				{font-size: 11px;
					font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
					color: #666666;
					padding: 4px;
					line-height: 18px;}
					
/****************************** Formular *****************************/

#projects_box_shops a	{position:relative;}
#projects_box_ebay a	{position:relative;}
#banner a	{position:relative;}
.bgrefs a	{position:relative;}
.bgnews a	{position:relative;}
.weitereebay a	{position:relative;}
.weiterextc a	{position:relative;}
.interessiert a	{position:relative;}