/* [ General Settings ]------------------------------------------------------------------------------------------------- */

body			{margin: 0; padding: 0; background-color: #fff; }

body					{font-family: Verdana, Arial, Helvetica, sans-serif;}
img							{border: none;}
a								{color: #369;}
a:hover					{color: #f00;}
a, a:link, a:visited, a:hover, a:active 
								{text-decoration: none;}
h2							{font-size: 14px; line-height: 18px; font-weight: normal; color: #369;}
form {padding: 20px;}

p, form 		{font-size: 10px; line-height: 15px; color: #666;}
table			{font-size: 10px; line-height: 15px; color: #666; }

ul			{margin: 0; padding: 0;}
ol			{margin: 0; padding: 0;}
li			{font-size: 10px; color: #666;}

/* [ 3-colum design ]----------------------------------------------------------------------------------------------------*/
	
#wrapper 				{width: 909px;  margin: 0 auto; background: #fff url('../pic/bg.wrapper.png') repeat-y  top center;}

#header					{background: #fff url('../pic/bg.main.png') no-repeat bottom center;}
#footer					{background: #fff url('../pic/bg.main.png') no-repeat top center;}
#c1					{width: 170px; float: left;}
#c1 #c1i				{padding-right: 10px;}
#c2					{width: 609px; float: left;}
#c2 #c2i				{padding-left: 10px; padding-right: 10px; float: left; }
#c3					{width: 130px; margin: 0px 0px 0px 0px; float: right; }
#c3 #c3i 				{}

.clear 					{clear: both;}
.break 					{height: 12px; background-color: #fff; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.colbg 					{background: url('../pic/bg.col.png') repeat-x top left; margin-right: 1px; margin-left: 1px; min-height: 299px; }

/* IE height fixing */
* html .colbg		{height: 299px; margin-right: 0px; margin-left: 0px; background: none;}
	
/* [ content styles ]------------------------------------------------------------------------------------------------------*/

#header #logo				{margin-left: 1px; margin-top:24px; width:168px; height:46px; float: left;}
#header #language			{margin-right: 5px; color: #999; font-size: 9px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 1px; float: right; margin-top:45px; }

/* temporäres Verbergen der Mehrsprachigkeitsoption */
#language_			{visibility: hidden;}

/* [ Navigation Top ]--------------------------------------------------------------------------------------------------- */

#navitop						{margin-left:195px; width:705px; height:25px; z-index: 20; overflow: hidden;}

.dl1								{height: 18px; float: left; }
.dl1 a							{font-size:11px; text-decoration:none; color:#666; height: 15px; display:block; padding: 6px 5px 4px 5px; font-weight: 700; text-transform: uppercase;}
.dl1 a:hover				{color: #fff; background-color: #369; background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x; }
.dl1act							{height: 18px; float: left; }
.dl1act a						{font-size:11px; text-decoration:none; background-color: #369; color: #fff; height: 15px; display:block; padding:5px; font-weight: 700; text-transform: uppercase; background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x; }
.dl1act a:hover			{color: #fff;}

/* Fix IE. */
* html .dl1					{width: 50px;}
* html .dl1act			{width: 50px;}

.dl2								{background-color: #fff; width: 170px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.dl2 a							{font-size:11px; text-decoration:none; color:#666; height: 15px; display:block; padding:5px; font-weight: 400;}
.dl2 a:hover				{color: #fff; background-color: #369; background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x;  }

.dl3								{background-color: #fff; width: 170px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.dl3 a							{font-size:11px; text-decoration:none; color:#666; height: 15px; display:block; padding:5px; font-weight: 400;}
.dl3 a:hover				{color: #fff; background-color: #369; background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x;  }

/* [ Navigation Left ]--------------------------------------------------------------------------------------------------- */

#c1									{overflow: hidden;}

.l1no				{width: 168px;}
.l1no a				{display: block; color: #369; font-size: 10px; background-image: none; text-transform: uppercase; padding-left: 7px; margin: 0; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #ccc; }
.l1no a:hover			{color: #fff; background-color: #3B648B; background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x; background-position: 0 0; }
.l1act				{width: 168px;}
.l1act a			{display: block; color: #fff; background-color: #3B648B; text-decoration: none; font-size: 10px; background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x; background-position: 0 0; text-transform: uppercase; padding-left: 7px; margin: 0; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #ccc; }
.l1act a:hover			{color: #fff; }

.l2no				{width: 168px;}
.l2no a				{display: block; color: #369; background-color: #fff; font-size: 10px; background-image: url(../pic/arrow-default.png); background-repeat: no-repeat; background-position: -3px center; padding-left: 20px; margin: 0; padding-top: 6px; padding-bottom: 7px; border-bottom: 1px solid #ccc; }
.l2no a:hover			{color: #fff; background-color: #3B648B; background-image: url(../pic/leftnav-over.png); background-repeat: no-repeat; background-position: 0px center;}
.l2act				{width: 168px;}
.l2act a			{display: block; color: #fff; background-color: #3B648B;  font-size: 10px; background-image: url(../pic/leftnav-over.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; margin: 0; padding-top: 6px; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
.l2act a:hover			{color: #fff;}

.l3no				{width: 168px;}
.l3no a				{display: block; color: #369; background-color: #fff; font-size: 10px; background-image: url(../pic/arrow-default.png); background-repeat: no-repeat; background-position: 13px center; padding-left: 30px; margin: 0; padding-top: 6px; padding-bottom: 7px; border-bottom: 1px solid #ccc; }
.l3no a:hover			{color: #fff; background-color: #3B648B; background-image: url(../pic/leftnav-l2-over.png); background-repeat: no-repeat; background-position: 0px center;}
.l3act				{width: 168px;}
.l3act a			{display: block; color: #fff; background-color: #3B648B; font-size: 10px; background-image: url(../pic/leftnav-l2-over.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 30px; margin: 0; padding-top: 6px; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
.l3act a:hover			{color: #fff;}

.l4no				{width: 168px;}
.l4no a				{display: block; color: #369; background-color: #fff;}
.l4no a:hover			{}
.l4act				{width: 168px;}
.l4act a			{display: block; color: #fff; background-color: #3B648B;}
.l4act a:hover			{}

/* Fix IE. */
* html .l1no, * html .l1act, * html .l2no, * html .l2act, * html .l3no, * html .l3act, * html .l4no, * html .l4act {margin-left: 1px;}

/* [ Rootnav ]-------------------------------------------------------------------------------------------------------- */

#rootnav		{background-color: #3B648B; color: #fff; font-size: 9px; font-weight: bold;  background-image: url(../pic/headbar_tile.png); background-repeat: repeat-x; text-transform: uppercase; letter-spacing: 1px; padding: 7px 0px 7px 0px; text-indent: 20px;}
#rootnav a		{color: #fff; text-decoration: none; }
#rootnav a:hover	{color: #ccc; text-decoration: none; }

/* [ Marginalspalte ]-------------------------------------------------------------------------------------------------- */

#c3 #c3i h2		{font-size: 9px; color:#666; padding-top: 2px;  padding-bottom: 2px; font-weight: normal; margin: 0;}
#c3 #c3i p		{margin: 0; padding: 10px 0 0 0;  font-size: 9px; margin: 0;}

#c3 #c3i #default	{padding-top: 200px; width: 130px; overflow: hidden;}
#c3 #c3i #default h2	{padding-left: 8px;}
#c3 #c3i #default p	{padding-left: 8px; padding-top: 0px; padding-bottom: 10px;}
#c3 #c3i #default img	{border:solid 1px #ccc;}

#c3 #c3i #logobar	{padding-top: 200px; width: 130px; text-align: center; overflow: hidden; float: right;}
#c3 #c3i #logobar h2	{padding-left: 0px;}
#c3 #c3i #logobar p	{padding-left: 0px; padding-top: 0px; padding-bottom: 10px;}
#c3 #c3i #logobar img	{border: none; margin: 0px 0 5px 0; }

/* [ Inhalt ]--------------------------------------------------------------------------------------------------------- */

#imovie					{z-index: 1; margin-left: 1px;}
#topline				{height: 1px; border-bottom: 1px solid #ccc; width: 100%; clear: both; overflow: hidden;}
#bottomline			{height: 11px; border-bottom: 1px solid #ccc; width: 100%; clear: both; overflow: hidden; }
#bottombar			{font-size: 9px; font-weight: bold; text-transform: uppercase; text-align: right; letter-spacing: 1px; width: 100%; border-top: 10px solid #fff; border-bottom: 10px solid #fff;}

#content #contentbox 		{float: left;}
#content #contentbox h2		{padding: 10px 10px 5px 20px; margin: 0;}
#content #contentbox p		{padding: 5px 20px 5px 20px; margin: 0;}
#content #contentbox ul li	{list-style:none; padding: 0 20px 0 10px;  margin: 0;}
/* #content #contentbox ol li	{padding: 0 20px 0 10px;  margin: 0; line-height: 15px;} */
#content #contentbox form img 	{border: 0px; background-color: none; margin: 0px; padding: 0px;}

#contentbox img			{margin: 0 10px 10px 0; padding: 0px; border: solid 1px #ccc;}

#contentbox ul li a 		{background-image: url('../pic/panel.gif'); background-repeat: no-repeat; background-position: top left; width: 140px; height: 30px; display: block; padding: 8px 8px 1px 10px; }
#contentbox ul li a:hover	{background-image: url('../pic/panel_over.gif'); }

#contentbox ol li {padding-left: 20px; margin-left: 20px; text-indent: -20px; list-style: none url(../pic/arrow-default.png) inside; line-height: 18px;} 

#contentbox table img 	{border: 0px; background-color: none; margin: 0px; padding: 0px;}
#contentbox table 	{width: 550px; font-size: 9px; margin-left: 15px; margin-right: 0px; margin-bottom: 10px; }

/* IE height fixing */
* html contentbox .table		{font-size: 9px; padding-left: 15px; margin-bottom: 10px;}

#contentbox table td	{padding: 5px; border-bottom: 1px solid #ccc; }
#contentbox #suchausgabe {font-size: 10px; line-height: 15px; color: #666; padding-left: 20px; margin-bottom: 10px; }
#contentbox #suchkopf {}

/* Kontextmenü */
#content #contentbox .celmenu {margin: 15px 5px 5px 20px; padding: 0; font-size: 12px; }
#content #contentbox .celmenu a {display: block;}
#content #contentbox .celsubmenu {font-size: 10px; color: #666; margin: 5px 5px 5px 20px; padding: 0;}

#contentbox #colums1-1				{float: left; width: 575px; overflow: hidden; }
#contentbox #colums1-1	form table		{margin-left: 0px;}
/* IE height fixing */
* html colums1-1 .form		{width: 300px; border: 2px #000;}
#contentbox #colums1-1	form td			{border-bottom: none;}
#contentbox #colums1-2				{visibility: hidden;}

#contentbox #colums2-1 				{width: 250px; float: left;  min-height: 280px;}
#contentbox #colums2-1 ul li a 			{width: 140px; height: 30px;}
#contentbox #colums2-2 				{width: 290px; float: right; border-left: solid 1px #cccccc;}
#contentbox #colums2-2 ul li 			{width: 112px; height: 103px; float: left; margin-bottom: 10px; margin-right: 10px; padding: 0px; border: none; }
#contentbox #colums2-2 ul li a			{width: 112px; height: 23px; padding-top: 4px; margin-top: -2px;}
#contentbox #colums2-2 ul li img		{width: 112px; height: 80px; margin: 0px; border: none; padding-right: 0px; padding-left: 0px; }

#contentbox #colums3-1 				{ width: 350px; float: left;  padding-right: 0px; min-height: 310px; border-right: solid 1px #cccccc;}

/* #contentbox #colums3-1 ol			{padding-left: 20px; margin-left: 10px; text-indent: -20px; list-style: none url(http://62.206.82.253/fileadmin/pic/arrow-default.png) inside; line-height: 18px; } */

#contentbox #colums3-1 ol li			{}
#contentbox #colums3-1 ul li a 			{list-style: none; width: 140px; height: 30px; }


#contentbox #colums3-2 				{width: 210px; float: right; min-height: 280px; padding-top: 30px; padding-right: 10px;}
#contentbox #colums3-2 ul 			{margin: 0px; padding: 0px; }
#contentbox #colums3-2 ul li 			{list-style-type: none;  float: left; margin: 5px 10px 5px 10px;}
#contentbox #colums3-2 ul li a			{float: left; width: 140px; height: 23px; background-position: top right; align: left;}
#contentbox #colums3-2 ul li img		{margin: 5px; border: none;}

/* [ Startseite ]--------------------------------------------------------- */

#home #wrapper				{background: #fff url('../pic/bg.home.wrapper.png') repeat-y  top center;}
#home #header					{background: #fff url('../pic/bg.home.main.png') no-repeat bottom center;}
#home #footer					{background: #fff url('../pic/bg.home.main.png') no-repeat top center;}


#home #c3 #c3i #logobar				{padding-top: 200px; width: 130px; text-align: center; overflow: hidden; float: right; }
#home #c3 #c3i #logobar	img			{margin-top: 3px; }
#home #c3 #c3i #logobar	h2		{margin-top: 200px; margin-bottom: 10px;}
#home #c3 #c3i #default				{padding-top: 0px; }	
#home #c3 #c3i #default	h2		{margin-top: 185px;}

#home #teaser							{float: left; }
#home #imovie							{border: solid 1px #cccccc; background-color: #EDF4F9;}
#home #con1						{background-color: #EDF4F9; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 0px; height: 330px; overflow: hidden; border: solid 1px #cccccc; width: 245px; background-image: url('../pic/bg.col.png'); background-repeat: repeat-x;}
#home #con1 .img					{background-image: url(../pic/home_icon_produkte.png); background-repeat: repeat-x; padding: 70px 10px 10px 20px;}

#home #con1 .imgenglish					{background-image: url(../pic/home_icon_products_en.png); background-repeat: repeat-x; padding: 70px 10px 10px 20px;}

#home #con2						{background-color: #EDF4F9; float: left; margin-top: 10px; margin-right: 10px; height: 330px; overflow: hidden; border: solid 1px #cccccc; width: 246px; background-image: url('../pic/bg.col.png'); background-repeat: repeat-x;}
#home #con2 .img					{background-image: url(../pic/home_icon_engineering.png); background-repeat: repeat-x; padding: 70px 10px 10px 20px;}
#home #con3						{background-color: #EDF4F9; float: left; margin-top: 10px; height: 330px; overflow: hidden; border: solid 1px #cccccc; width: 245px; background-image: url('../pic/bg.col.png'); background-repeat: repeat-x;}
#home #con3 .img					{background-image: url(../pic/home_icon_service.png); background-repeat: repeat-x; padding: 70px 10px 10px 20px;}

#home #contentbox h2			{padding: 0px 10px 5px 10px; margin: 0;}
#home #contentbox p				{padding: 0px 10px 5px 5px;} 


#home #contentbox ul			{list-style-type: none; list-style-image: none; padding: 0px 10px 0px 0px; margin: 0px;}

/* [ Sitemap ]--------------------------------------------------------- */

#contentbox .sitemap1 {font-size: 12px; line-height: 15px; color: #369; padding: 10px 10px 5px 20px; margin: 0;}
#contentbox .sitemap2 {text-indent: 1em; font-size: 12px; line-height: 15px; color: #666; padding: 5px 10px 5px 20px; margin: 0;}
#contentbox .sitemap3 {text-indent: 2em; font-size: 10px; line-height: 15px; color: #666; padding: 5px 10px 5px 20px; margin: 0;}
#contentbox .sitemap4 {text-indent: 3em; font-size: 10px; line-height: 15px; color: #666; padding: 5px 10px 5px 20px; margin: 0;}