* { margin: 0px; padding: 0px; } 

body {
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #333;
	background: white url(../images/bg_page.gif) repeat-x;
}
table, th, td { font-family: arial, verdana, sans-serif; font-size: 12px; color: #333; padding:0px 0px 0px 0px;}
ul { margin-left: 40px } /* rückt die Listeneinträge 40 px nach links */

a img, :link img, :visited img { border: none; } /* Titel und Logo - Bild erhält keinen Border */

a:link {color: #5c5c5c;	text-decoration: underline;}
a:visited {color: #5c5c5c;}
a:hover, a:active 	{color: Navy;}

.clearfix:after {content:".";  display:block; height:0; clear:both; visibility:hidden; } 
/*.clearfix 		{ display:inline-block; } */
/*.clearfix { display:block; } */ 

h1		{ font-size: 20px; line-height: 18px;  margin-left:30px;}
h2 		{ font-size:18px;  margin-left:20px; }
h3		{ font-size: 16px; color: #666;   margin-left:20px;}

#text{
	padding-left:30px;
	padding-top:20px;
	width:700px;

}

#slogan{
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	width: 700px;
	padding-left:30px;
}

#slogan.rahmen{
	font-size: 24px;
	text-align: left;
	width:700px;
	height:200px;
	background-image: url(../images/Schluessel.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-top:120px;padding-left:50px;
}

#wrapper 		{ width:100%; margin:0 auto; }
#header 		{ position:relative; display:block; width:100%; height:102px;}
#header .logo 	{ position:absolute; left:0px; top:0px; }

/***********************************************      NAVIGATION   *********************************************************************************************************** */

/**********     NAVIGATION   oben horizontal    ********** */
#nav {	display:block;	width:100%;	height:26px;	margin:0;	padding:0;	list-style:none;	text-align:center;	background: #6495ED url(../images/bg_nav.gif) repeat-x;}
#nav li 		{ float:left; width:120px;  }
#nav li a 		{ text-decoration:none; display:block; padding:0; padding:0; height:1%; line-height:26px; color:#FFF; }
#nav li.on 		{ display:block; padding:0; width:120px; height:26px; line-height:26px; background:url(../images/bg_nav_on.gif) no-repeat 50% 0; color:#EFEFEF; }
#nav li a:hover { background:url(../images/bg_nav_on.gif) no-repeat 50% 0; }
/**********     NAVIGATION   Zeigt an, auf welcher Seite man sich befindet.   ********** */
body#bodyhome #nav li.navhome a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodycompany #nav li.navcompany a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodyteam #nav li.navteam a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodycontact #nav li.navcontact a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodyimprint #nav li.navimprint a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodysitemap #nav li.navsitemap a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodyjobs #nav li.navjobs a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }
body#bodydaschu #nav li.navdaschu a{ background:url(../images/bg_nav_on.gif) no-repeat 50% 0;  }


/**********     NAVIGATION   Hauptmenü links   ********** */
#subnav, #subnav ul { margin:0; padding:0; list-style:none; }
#subnav li { }
#subnav li a { display:block; padding:5px 10px 5px 10px; height:18px; background:url(../images/bg_subnav.gif) no-repeat 100%; text-decoration:none; color:navy,}
#subnav li a:hover {background: #d3d7e4 url(../images/bg_left_nav_on.gif) no-repeat 100% 0;	text-decoration:none;}

/**********     NAVIGATION   Zeigt an, auf welcher Seite man sich befindet.   ********** */
body#bodyadvantage #subnav li.navadvantage a{background: #d3d7e4;	text-decoration:none; }
body#bodyservice #subnav li.navservice a{background: #d3d7e4 url(../images/bg_left_nav_on.gif) no-repeat 100% 0;	text-decoration:none;}
body#bodymechanics #subnav li.navmechanics a{background: #d3d7e4 url(../images/bg_left_nav_on.gif) no-repeat 100% 0;	text-decoration:none;}
body#bodymaterial #subnav li.navmaterial a{background: #d3d7e4 url(../images/bg_left_nav_on.gif) no-repeat 100% 0;	text-decoration:none;}
body#bodysurface #subnav li.navsurface a{background: #d3d7e4 url(../images/bg_left_nav_on.gif) no-repeat 100% 0;	text-decoration:none;}
body#bodyexample #subnav li.navexample a{background: #d3d7e4 url(../images/bg_left_nav_on.gif) no-repeat 100% 0;	text-decoration:none;}

/**********     NAVIGATION   Untermenü links zu Hauptmenü   ********** */
#submenu, #submenuul { margin:0; padding:0; list-style-type:circle; }
#submenu li {color:black;}
#submenu li a {
	display:block;
	padding:5px 10px 5px 25px;
	height:18px;
	background:url(../images/bg_subnav.gif) no-repeat 100% 100%;
	text-decoration:none;
	color: black;
}
#submenu li a:hover {background: #e5ebff url(../images/bg_left_nav_on2.gif) no-repeat 100% 0;text-decoration:none;}

/********** *********************************************************************    Inhalt    **************************************************************************** ********** */
#content {
	width:99%;
	padding:50px 10px 0;
	min-height:543px;
	background: #FFF url(../images/bg_content.gif) repeat-x;
	text-align:left;
}
* html #content, * html #content #col_1 { height:543px; }

#content #col_1 { width:15%; float:left; min-height:643px; background:url(../images/bg_left.gif) no-repeat 100% 50%; }
#content #col_1 h2 { color:#999999; font-size:14px; font-weight:normal; }
#content #col_2 {width:85%;float:left;min-height:600px; }

#Box_zentral{
	position:relative;
	top:20px;
	left:60px;
	width:552px;
	height:542px;
	background-image: url(../images/kreis.jpg);
	background-repeat: no-repeat;
	margin-bottom:80px;
}
#boxservice{position:absolute; ;top:0px; left:0px;}
#boxmaterial{position:absolute;top: 0px;left: 300px;}
#boxmechanisch{position:absolute;top: 300px;left:0px; }
#boxoberflaeche{position:absolute;	top: 300px;left: 300px;}

.box {border: 1px solid #CCCCCC;background: #F0F0F0 url(../images/menubox_gradient.jpg) no-repeat right bottom; height:220px; width:250px;}
.box h6 {
	font-family: arial, verdana, sans-serif; 
	font-size: 16px; 
	margin-bottom: 0em;
	padding: 0.4em 1.0em 0.6em 1.0em;
	color: #696969;
	line-height: 1.0em;
	background: #DEDEDE;
	border-bottom: 1px solid #CCCCCC;
}
.box li{
	color:black;
	list-style-image : url(../images/extern.jpg);
	font : italic 14px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-bottom:5px;
}
p.boxtext {padding: 10px; font-size: 0.9em; line-height: 1.4em;}

/********  Design für die Kontakt-Seite ********************************/

#team td{padding-bottom: 10px;	vertical-align: top;}
#team hr{margin-left:0px;width: 100%}

#contact strong{ line-height: 2.0em;}

/********  Design für die Vorteile-Seite ********************************/

#table_advantage {width:860px; margin-left:15px; }
#table_advantage td.mbs {
	border: 2px solid #0099cc;
	padding : 5px 5px 5px 5px;
	width:150px;
	text-align:center;
}
#table_advantage td.kunde{
	border: 2px dashed #FF7F50;
	padding: 10px 5px 5px 5px; 
	width:150px;
	text-align:center;
}

#table_advantage td.pfeil {background-image : url(../images/pfeil.jpg);background-repeat : no-repeat;	width:80px;	background-position : center;}

#div_advantage{
	width:150px;
	height:20px;
	text-align:center;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
}

#div_advantage.kunde{ border: 2px dashed #ff7f50;}
#div_advantage.mbs{ border: 2px solid #0099cc;}


/********  Design für die Vorteile-Seite ********************************/

#slideshow{	width:500px; height:350px; border:1px solid #5389b1; }
#slideshow img{padding:5px 5px 5px 5px;}

#navpicture{width: 200px; text-align: center;}
#navpicture td{
	width: 50px;
	text-align: center;
}
#navpicture td img{
   border: none;
}

#listpicture{	width: 100px;  text-align: center;}
#listpicture li {display:block;width:90px; list-style:none;}
#listpicture li a { display:block; padding:5px 10px 5px 10px; text-decoration:none; color:navy;}
#listpicture li a:hover {text-decoration:none; color:black;}
#listpicture li img{border: 1px dashed black;}
#listpicture li img:hover{	border: 1px solid black;}

/****************************************************************************   Fußzeile     **************************************************************************************/

#footer { display:block; width:99%; padding: 10px 40px; margin:0 auto; background:#EEE9E8; -moz-border-radius:6px; text-align: center; }
#footer small { }

.t_form { margin:20px; }
.t_form th { background:#efefef; }
.t_form td, .t_form th { padding:5px; border-bottom:1px solid #666; }