@charset "UTF-8";
/* Haupt-Stylesheet fuer mechatronik.info */

/* 
	///// Normalisierungen ///// 
*/
body, div, ul, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {font-family:helvetica, arial, sans-serif;font-size:12px;font-weight:normal; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-family:helvetica, arial, sans-serif;font-size:12px;font-weight:normal;}
ol, ul, li {list-style-type:none;}
fieldset, img {border:0;}
caption, th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}

/*
	///// Zentrale Formate /////
*/
.hide {display: none;}
.bold {font-weight:bold;}
.leftalign {float:left; margin: 5px 8px 5px 0px;}
.rightalign {float:right; margin: 0px 5px 5px 5px;}
.centeralign {margin:auto;}
.clear {clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}
a, a:link, a:visited, a:active {text-decoration: none; color: #b61431; border:none;}
a:hover {text-decoration: underline; color: #b61431;}

body {background-color:#eceff1; font:12px/1.3em helvetica, arial, sans-serif; text-align:left;}
#skycontainer {position:relative;}
#main {width:860px; margin:10px 20px 10px 0; position:relative; border:1px solid #999999; overflow:hidden;background-color:#ffffff;}

/*
///// Header /////
*/
#topbalken {width:100%; height: 15px; background-color:#a1aeb8;}
ul#toplinks {position:absolute; top:0px; right:10px; float:right; list-style-type:none;}
ul#toplinks li {float:left; display:block; border-left:1px solid #eceff1; padding: 0px 4px;}
ul#toplinks li a, ul#toplinks li a:visited {font-size: 11px; color:#000000; text-decoration:none; vertical-align:top;}
ul#toplinks li a:hover, ul#toplinks li a:active {color:#ffffff; text-decoration:none;}
#header {width:100%; height:97px; background:#ffffff url(/images/Mechatronik-Logo.jpg) no-repeat;}
#printheader {display:none;} /* Printheader ausblenden für Bildschirmanzeige */



/*
///// me-Hauptmenu /////
*/
/* Layout und Positionierung */
#MenuContainer {width:860px; height:25px; background:url(../images/hm-bg.gif); z-index:999;} 
ul.MenuBarHorizontal {width:100%; margin: 0; padding: 0; list-style-type: none; position:relative; left:0; top:0;}
ul.MenuBarActive {z-index:1000;}
ul.MenuBarHorizontal li {position:relative; width: 80px; height:25px; float:left;}
ul.MenuBarHorizontal li.HM-Mechatronik-Guide {width:160px;}
ul.MenuBarHorizontal li.HM-Whitepapers {width:110px;}
ul.MenuBarHorizontal li.HM-Marktuebersichten {width:130px;}
ul.MenuBarHorizontal li.HM-Stellenmarkt {width:110px;}
ul.MenuBarHorizontal ul {list-style-type:none; z-index:1020; width:240px; position:absolute; left:-1000em;  margin-top:0px; background-color:#eceff1; border:2px solid #a1aeb8; border-top:0;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {position:absolute; left:auto;}
ul.MenuBarHorizontal ul li {width:240px; border-bottom:1px solid #a1aeb8; height:auto;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left:auto; top:0;}

/* DESIGN INFORMATION: describes color scheme, borders, fonts */
ul.MenuBarHorizontal a {display:block; background:none; text-indent:6px; line-height:25px; height:25px; text-decoration:none; color:#000000; font-weight:bold;}

/* Menu items that have mouse over or focus */
ul.MenuBarHorizontal li a:focus, ul.MenuBarHorizontal li a.HM-active, ul.MenuBarHorizontal li a:hover  {text-decoration:none; }

/* Menu items that are open with submenus are set to MenuBarItemHover */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal li a.HM-active {background:url(../images/hm-bg-active.gif);}

ul.MenuBarHorizontal ul a, ul.MenuBarHorizontal ul a:visited {background:none; text-indent:6px; line-height: 18px; height:auto; color:#000000; font-size:12px; font-weight:normal; text-decoration:none; white-space:nowrap;}
ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus {background:none;background-color:#ffffff; text-decoration:none;}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {position:absolute; z-index:1010;}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE {display:inline; f\loat:left; background:none;}
}

/*
///// Breadcrumps /////
*/
#breadcrumps {width:520px; margin-top:6px; margin-left:10px; background-color:#ffffff;}
#breadcrumps ul {list-style-type:none;}
#breadcrumps ul li {float:left; margin-right:10px;}
#breadcrumps ul li a {font-size:11px; color:#000000; text-decoration:none; display:block; padding:4px 3px 3px 17px; background:url(/images/rpfeil.gif) 0 6px no-repeat;}
#breadcrumps ul li a:hover {text-decoration:underline;}


/*
///// Content-Spalten /////
*/
#content {width:860px; position:relative; clear:both; padding:10px 0 10px 0; background-color: #ffffff;}
#maincol {float:left; position:relative; margin-left:10px; width:520px; overflow:hidden;}
#sidecol {float:left; position:relative; width:304px; margin-left:20px; }

/*
///// Fuss-Bereich /////
*/
#footer_head {position:relative; clear:both; width:100%; height:35px; text-indent:-1000em;background:url(/images/mechatronik-im-ueberblick.gif) top left no-repeat #ffffff; }
#footer {position:relative; clear: both; width: 100%; padding:6px; margin:0; background: #d0d6db; border-top:2px solid #a1aeb8;}
#footer ul {position:relative; width:200px; float:left; list-style-type:none; margin:0 10px 0 0; padding:0; border:none;}
#footer ul.footer_themen {width:230px;}
#footer ul li.F-Subhead {margin-top:12px;}
#footer a, #footer a:visited {color:#0068a4;text-decoration:none;}
#footer a:hover, #footer a:focus {color:#0068a4;text-decoration:underline;}
#footer li.F-Subhead a, #footer li.F-Subhead a:visited {font-family:helvetica, arial, sans-serif;font-size:16px;font-weight:normal; text-transform: uppercase; color:#b61431;}
#footer li.F-Subhead a:hover, #footer li.F-Subhead a:focus {text-decoration:none;}

/*
///// Banner-Positionen /////
*/
#topbanner {width:795px; margin:10px 20px 0 20px; position:relative; overflow:hidden; text-align:center;}
#halfbanner1 {position:absolute; top:33px; left:370px; width:234px; height:60px; overflow:hidden;text-align:center;}
#halfbanner2 {position:absolute; top:33px; left:620px; width:234px; height:60px; overflow:hidden;text-align:center;}
#sky1 {position:absolute; margin:0; top:0; left:885px;}
#sky2 {position:absolute; margin:0; top:620px; left:885px;}
#sidebarRectangle1 {width:100%;overflow:hidden;text-align:center;margin-bottom:10px;}
#sidebarRectangle2 {width:100%;overflow:hidden;text-align:center;margin-bottom:10px;}


/*
///// Sidebar /////
*/
.sidebar {clear:both; width:300px; margin: 0 0 10px 0; border:2px solid #a1aeb8; background-color:#d0d6db;}
.sidebar .head {font-family:helvetica, arial, sans-serif;font-size:16px;font-weight:normal; text-transform: uppercase; color:#b61431; display:block; border-bottom:2px solid #a1aeb8; background-color:#ffffff;padding:6px 3px; margin-bottom:6px;}
.sidebar h2 {font-size:14px; font-weight:bold; color:#000000; margin:18px 0 6px 0;}
.sidebar .body, .sidebar p {font-family:helvetica, arial, sans-serif;font-size:12px;font-weight:normal;  color:#000000; padding:0px 4px; margin-bottom:6px;}
.sidebar td {padding:2px;}
.head.gmm-logo {height:50px; background: #ffffff url(/images/gmm-logo.jpg) left top no-repeat; text-indent:-1000em;}
.sidebar ul.Linkliste li {position:relative; list-style:none;margin-bottom:6px;}
.sidebar ul.Linkliste a {color:#b61431; text-decoration:none;}
.sidebar ul.Linkliste a:hover {text-decoration:underline;}

/*
///// Searchbox /////
*/
#searchBox {position:relative; clear:both; width:300px; margin:-23px 0 10px 0;font-family:helvetica, arial, sans-serif;}
#searchHead {width:300px; height:22px; background:url(/images/suche-bg.gif) right top no-repeat; color:#000000; border-right:2px solid #939353; border-left:2px solid white; text-indent:-1000em;}
#searchBody {width:294px; background-color:#dfdaab; border:2px solid #939353;padding:3px;}
#searchBox input {width:286px; height: 25px; border:none; font-size:14px; color:#000000; background-color:#ffffff;padding:3px;}
ul#setSearchScope {list-style-type:none;margin:10px 0;}
ul#setSearchScope li {float:left;display:block;padding:0px 4px;font-size:11px;}
ul#setSearchScope li a.scope {font-size:11px; text-decoration:none;color:#a1aeb8;}
ul#setSearchScope li a.selectedScope {font-size:11px; text-decoration:none; color:#000000;}
#searchBox h2 {font-size:14px; font-weight:bold; color:#000000; margin:18px 0 6px 0;}
#searchBox .tags {font-size:11px; color:#000000; margin-bottom:3px;}
#searchBox ul.Linkliste li {position:relative; list-style:none;margin-bottom:6px;}
#searchBox ul.Linkliste a {color:#b61431; text-decoration:none;}
#searchBox ul.Linkliste a:hover {text-decoration:underline;}
#searchBox input.stdbutton {font-size:10px; height:20px; font-weight:bold; color:#666666; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #666666; border-bottom:solid 1px #666666; background:#eceff1;}

/*
///// Formulare /////
*/
#maincol table.frm {padding:0;}
#maincol table.frm td {margin:0; padding:0 6px 6px 0;}
#maincol h1.frm {color:#000000; font-size:24px; line-height:normal; margin:7px 0 11px 0;}
input.entryfield, textarea.entryfield, select.entryfield {font-size:12px;color:#000000;background-color: #eceff1; border:solid 1px #a1aeb8;margin:0; padding:2px;}
input.stdbutton {font-size:10px; font-weight:bold; color:#666666; border-top:solid 1px #eeeeee; border-right:solid 1px #666666; border-top:solid 1px #666666; border-top:solid 1px #eeeeee;}
ul.CharSelector {list-style-type:none;margin:0;padding:0;}
ul.CharSelector li {display:inline; float:left; width:20px; border:none; margin:0 3px 3px 0;}
ul.CharSelector li a {display:block; font-size:11px; text-align:center;}
ul.CharSelector li a:link, .CharSelector li a:visited {text-decoration: none; font-weight:bold; color:#333333; background-color:#cccccc; border-top:solid 1px #cfcfcf; border-right:solid 1px #666666; border-bottom:solid 1px #666666; border-left:solid 1px #cfcfcf;}
ul.CharSelector li a:hover {border-top:solid 1px #666666; border-right:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; border-left:solid 1px #666666;}
input.selectbox {font-size:11px; background-color:#ffffee; border:solid 1px #666666; color:#333333;}

/*
///// Polls /////
*/
.Poll {min-height:150px;}
.PollTitle {font-size:12px; font-weight:bold; margin-bottom:10px;}
.PollIntro {font-size:12px; margin-bottom:10px;}
.PollChoice {font-size:12px;}
.PollBar {height:11px; width:1px; background:url(/images/pollimg.gif) repeat-x; padding:1px;margin:0 0 10px 0;font-size:9px; line-height:9px; font-weight:bold; text-align:right;}


/*
///// Print-Formate /////
*/
@media print {
body {margin: 0 0.8cm 0 0; background-color:#ffffff;}
#printheader {width:100%; display:block; margin:0 0 20px 0; overflow:visible; font-size:12px;}
#main {width:100%;}
#header, #hauptmenu, #breadcrumps, #sidecol, #topbanner, #sky {display:none;}
#maincol {float:none; width:100%; background:none; border:none; margin:0; padding:0; overflow:visible;}
}