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

body {background: white; font-size: 8pt; 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: 12pt; line-height: 16pt; font-weight: normal; color: #369;}
form {padding: 20pt;}

p, form {font-size: 8pt; line-height: 13pt; color: #000;}
table	{font-size: 8pt; line-height: 13pt; color: #000; }

ul	{margin: 0; padding: 0;}
li	{font-size: 8pt; color: #000;}

/* [ 3-colum design ]----------------------------------------------------------------------------------------------------*/
	

#wrapper {
	width: auto; 
	margin: 0;
	padding: 0; 
	border: 0;
	float: none;
	}
#header		{}
#footer		{display: none;}
#c1		{display: none; width: 0%; float: left;}
#c1 #c1i	{padding-right: 0;}
#c2		{width: 609px; float: left;}
#c2 #c2i	{padding-left: 0; padding-right: 0; float: left; }
#c3		{width: 130px; margin: 0px 0px 0px 0px; float: right;}
#c3 #c3i 	{}

.clear 		{clear: both;}
.break 		{height: 10pt; background-color: #fff; border-top: solid 1pt #ccc; border-bottom: solid 1pt #ccc;}
.colbg 		{margin-right: 1pt; margin-left: 1pt; }

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

#header #logo		{width: 168px; height:46px; float: left;}
#header #language	{display: none; 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		{display: none; }

.dl1			{display: none; 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								{ display: none; 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								{display: none; 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			{display: none; }

.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: 1pt;}

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

#rootnav	{background-color: #3B648B; color: #fff; font-size: 8pt; font-weight: bold; text-transform: uppercase; letter-spacing: 1pt; padding: 3pt 0px 3pt 0px; text-indent: 8pt;}
#rootnav a	{color: #fff; text-decoration: none; }
#rootnav a:hover {color: #ccc; text-decoration: none; }

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

#c3 #c3i h2 	{font-size: 8pt; color:#000; padding-top: 2pt;  padding-bottom: 2pt; font-weight: normal; margin: 0;}
#c3 #c3i p	{margin: 0; padding: 10pt 0 0 0;  font-size: 8pt; margin: 0;}

#c3 #c3i #default	{width: 130px; margin-top: 5%;}
#c3 #c3i #default h2	{padding-left: 0;}
#c3 #c3i #default p	{padding-left: 0; padding-top: 0; padding-bottom: 0;}
#c3 #c3i #default img	{border:solid 1pt #ccc;}

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

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

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

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

#contentbox img			{margin: 0 10pt 10pt 0; padding: 0px; border: solid 1pt #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 table img 	{border: 0px; background-color: #ffffff; margin: 0px; padding: 0px;}
#contentbox table 	{font-size: 8pt; margin-left: 15pt; margin-right: 15pt; margin-bottom: 10pt; }

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

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

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

#contentbox #colums1-1							{}
#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: 0; border-right: solid 1pt #cccccc;}
#contentbox #colums3-1 ol			{padding-left: 20pt; margin-left: 10pt; text-indent: -20pt; 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 			{display: none; list-style: none; width: 140px; height: 30px; }


#contentbox #colums3-2 				{width: 210px; float: left; padding-top: 30px; padding-right: 10px;}
#contentbox #colums3-2 ul 			{margin: 0; padding: 0; }
#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: 5px; }
#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 #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;}