/* styles for ICS company page */

body{margin:0; padding:0; font: 14px Arial, Helvetica, sans-serif; background: #fff url(../img/bg-top.png) repeat-x top left; text-align: center}

a:link, a:hover, a:visited, a:active {text-decoration: none; color: #999; font-weight: bold; font-style: italic}
a:hover {color: #ff9000}
a img {border:0}

#body-footer {height: 103px; background: url(../img/bg-bottom.png) repeat-x bottom left; }
#main-container {width: 860px; text-align: left; margin: 0 auto; padding: 77px 0 0 0}
#main-container #panel {background: url(../img/bg-panel-middle.png) repeat-y;}
#main-container #panel #page-header {background: url(../img/bg-panel-header.png) no-repeat; height: 45px;padding: 8px 0 0 18px}
* html #main-container #panel #page-header {padding: 20px 0 0 18px}
*+html #main-container #panel #page-header {padding: 20px 0 0 18px}
#main-container #panel #page-header h1 {background: url(../img/bg-h1.png) no-repeat; color: #ff9000; font-size: 18px; font-weight: bold; padding: 1px 0 4px 54px}
#main-container #panel #content h2 {color: #68A; font-size: 16px; font-weight: bold; padding: 0 0 3px 0; margin:12px 0 0 0}
#main-container #panel #content p {padding: 0 0 6px 0; margin:0}
#main-container #panel #content table {margin: 0; padding:0;}
#main-container #panel #content table th {width: 80px; font-weight: normal; color: #999}
#main-container #panel #content {padding: 6px 120px 20px 30px}
#main-container #panel #content div.row {clear: both;height: 80px}
#main-container #panel #content div.label {width: 200px; float:left; color: #68A; font-size: 14px; font-weight: bold; margin-top: 14px}
#main-container #panel #content div.project-container {width: auto; float:left; color: #68A; font-size: 14px; font-weight: normal;}
#main-container #panel #content div.project-container .logo-container {float:left; margin-right: 20px; width: 190px}
#main-container #panel #content div.project-container img {margin-top: 0px}
#main-container #panel #content div.project-container div.project-claim {float: left; width: 280px; margin-top: 16px;font-size: 14px; font-weight: bold}
#main-container #panel #content div.project-container img#verwandt { margin-top: 8px}
#main-container #panel #content div.project-container img#auskunft { margin-top: 8px}
#main-container #panel #content div.project-container img#goalunited {margin: -12px 0 0 26px}
#main-container #panel #content div.project-container img#ics-travel {margin: 0 0 0 24px}
#main-container #panel #content div.project-container img#farbflut {margin: -20px 0 20px 50px}
#main-container #panel #content div.project-container img#learnship {margin: 2px 0 0 4px}

#main-container #panel #footer {position: relative; background: url(../img/bg-panel-footer.png) no-repeat; height: 73px;clear:both;}
#main-container #panel #footer img#logo {position: absolute; top: 2px; right: 22px;}
#main-container #panel #footer div#navi {margin-left: 20px; padding-top: 10px; border-top: 2px dotted #eeeeee; width: 734px}
#main-container #panel #footer div#navi a {background: url(../img/bg-link.png) 0 2px no-repeat; margin-right: 12px; padding: 0 0 0 14px}
#main-container #panel #footer div#navi a:hover {background: url(../img/bg-link-over.png) 0 2px no-repeat;}
#main-container #panel #footer div#navi span.active {background: url(../img/bg-active.gif) 0 2px no-repeat; margin-right: 12px; padding: 0 0 0 14px; color: #68A; font-weight: bold}

#jobs h1#header {display:none}
#jobs .introduction {margin-left: -20px !important; margin-bottom: 40px}
#jobs .introduction h2 {margin-bottom: 12px !important;}
#jobs .introduction p {margin-bottom: 12px !important; display:block}
#jobs li a {background: url(../img/bg-link.png) 0 2px no-repeat; margin-right: 12px; padding: 0 0 0 14px; color: #68a; font-weight: bold; font-style: normal}
#jobs li a:hover {background: url(../img/bg-link-over.png) 0 2px no-repeat; color: #ff9000}
#jobs ul {list-style: none; margin:12px 0 30px 0; padding:0}
#jobs .section h1 {background: url(../img/bg-link-over.png) 0 6px no-repeat; color: #ff9000; font-size: 18px; font-weight: bold; padding: 0 0 6px 16px; border-bottom: 2px dotted #ff9000; margin: 20px 0 !important}
#jobs .section h2 {background: url(../img/bullet-job.png) no-repeat; border-bottom: 2px dotted #DDD; color: #ff9000 !important; font-size: 16px !important; font-weight: bold !important; padding: 0 0 12px 40px !important; margin: 20px 0 !important}
#jobs h3 {color: #68a; font-size: 14px; font-weight: bold; font-style: italic}
#jobs .subsection {margin: 40px 20px 40px 0}
#jobs .subsection ul {padding: 6px; line-height: 20px}
#jobs .subsection li {margin-left: 20px; background: url(../img/bullet-arrow.png) 0 4px no-repeat; padding: 0 0 0 20px}
#jobs .pagetop {background: url(../img/i-top.gif) 0 2px no-repeat; padding: 0 0 0 14px}
#jobs .indent {margin-left: 20px}

/* utilities */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline-block;width: 100%;}
* html .clearfix {	/* Hides from IE-mac \*/height: 1%;	/* End hide from IE-mac */}
*+html>body .clearfix {display: inline-block;width: 100%;}
*+html .clearfix {	/* Hides from IE-mac \*/height: 1%;	/* End hide from IE-mac */}