/* CSS Layout Settings for screenbrowser */

/* Main Settings --------------------------------------------*/

html, body, #wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	}
html>body, html>body #wrapper {
	height: auto;
	}
body {
	background: #d8d9db url(../img/bg-body.gif) repeat-x 0 0;
	}
#wrapper {
	background: url(../img/bg-wrapper.gif) repeat-x 0 45px;
	}
#layout {
	position: relative;
	width: 928px;
	border: 1px solid #fff;
	margin: 0 auto;
	background: url(../img/bg-layout.gif) repeat-y;
	padding: 0 30px 15px 30px;
	}
#header {
	position: relative;
	}
#page {
	background: url(../img/bg-page.gif) no-repeat;
	padding: 35px 0;
	}
#containerLeft {
	float: left;
	width: 242px;
	}
#containerRight {
	float: right;
	width: 658px;
	}
#content {
	float: left;
	width: 466px;
	}
#contentRight {
	float: right;
	width: 161px;
	}
#footer {
	clear: both;
	background: #e8e8e8;
	border-top: 1px solid #e0e0e0;
	padding: 15px 20px;
	}


/* Modules  -------------------------------------------------*/

/* Datentabelle */

table.data {
	border: 1px solid #eee;
	width: 100%;
	margin-top: 20px;
	}
table.data th {
	background: #eee;
	}
table.data th, table.data td {
	padding: 5px;
	border-bottom: 1px dotted #eee;
	text-align: center;
	}


/* Stellenausschreibung */

.joboffer {
	}
.joboffer ul, .joboffer li {
	margin: 0 !important;
	padding: 0 !important;
	}
.joboffer li {
	border-bottom: 1px dotted #464646;
	}
* html .joboffer li {
	border-bottom: 1px solid #ddd;
	}
.joboffer li a {
	display: block;
	padding: 5px;
	text-decoration: none;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 18px;
	}
.joboffer li strong {
	display: block;
	}
.joboffer .details dt,
.joboffer .details dd {
	padding: 3px 3px 3px 0;
	}
.joboffer .details dt {
	color: #ee772f;
	font-weight: bold;
	padding-top: 10px;
	}
.joboffer dl li {
	border-bottom: 1px dotted #ddd;
	padding: 5px 0;
	}
* html .joboffer dl li {
	border-bottom: 1px solid #eee;
	}
.joboffer dl strong {
	display: block;
	float: left;
	width: 110px;
	}
.joboffer .details .pdflink {
	display: block;
	margin: 20px 0 0 0;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 13px;
	}


/* Gallery */

.gallery h3 {
	margin-bottom: 15px;
	}
.gallery .thumb {
	display: block;
	float: left;
/*	border: 1px solid #999;*/
	margin: 0 3px 3px 0;
	padding: 5px;
	background: url(../img/bg-tile2.gif);
	}
.gallery .thumb:hover {
	font-weight: normal !important;
	background: #ddd;
	}
.gallery .overview .thumb {
	width: 100px;
	height: 75px;
	text-align: center;
	}
.gallery .thumb strong {
	display: none;
	}
.gallery p {
	clear:both;
	}


/* Team */

.team {
	}
.team dd {
	margin: 0 0 1px 0;
	background: #f9f9f9;
	}
.team dd a.hl {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #fff;
/*	background: url(../img/bg-tile2.gif);*/
	padding: 5px;
	}
.team dd strong {
	background: url(../img/arrow.gif) no-repeat 0px 4px;
	padding-left: 12px;
	}
.team dd p {
	background: url(../img/bg-tile.gif);
	padding: 10px;
	margin: 0 0 0 17px;
	border-bottom: 1px dotted #464646;
	}
.team dd p img {
	float: left;
	margin-right: 5px;
	}
.team dd p strong,
.team dd p em,
.team dd p a {
	display: block;
	}
.team dd p strong {
	color: #ee772f;
	}


/* Logo */

#header .logo {
	float: left;
	margin: 41px 26px 0 0;
	}


/* Navigation */

.navigation {
	background: url(../img/bg-navigation.gif);
	margin-top: 43px;
	border-top: 1px solid #90a6d5;
	height: 56px;
	padding-right: 7px;
	float: right; width: 679px;
	}
.navigation li.level1 {
	position: relative;
	float: left;
	}
.navigation li.level1 a.main {
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	}
.navigation li.first a.main, .navigation li.first-active a.main {	display:none; 	}
.navigation li.second a.main, .navigation li.second-active a.main {	background-image: url(../img/navitem-second.gif); 	width: 79px;	}
.navigation li.third a.main, .navigation li.third-active a.main {	background-image: url(../img/navitem-third.gif);	width: 129px; 	}
.navigation li.fourth a.main, .navigation li.fourth-active a.main {	background-image: url(../img/navitem-fourth.gif); 	width: 117px;	}
.navigation li.fifth a.main, .navigation li.fifth-active a.main {	background-image: url(../img/navitem-fifth.gif); 	width: 84px;	}
.navigation li.sixth a.main, .navigation li.sixth-active a.main {	background-image: url(../img/navitem-sixth.gif); 	width: 77px;	}

.navigation li.level1 a.main strong {
	display: none;
	}
	
#header .navigation .subitems {display: none; margin: 0; padding: 0;}
#header .navigation li.level1:hover .subitems {display:block;}
#header .navigation li.level1:hover .subitems .subitems {display: none; margin: 0; padding: 0;}
#header .navigation li.level1:hover .subitems li:hover .subitems {display:block;}

#header .navigation .subitems {
	position: absolute;
	top: 30px; left: 0px;
	z-index: 99;
	white-space: nowrap;
	width: 160px;
	border-left: 1px solid #8ba2d3;
	background: #4e68a2;
	}
#header .navigation .subitems li {
	padding: 3px 10px 3px 25px;
	border-bottom: 1px dotted #738bbe;
	background: url(../img/arrow-white.gif) no-repeat 15px 6px;
	background-color: #4e68a2;
	position: relative;
	}
* html #header .navigation .subitems li {
	border-bottom-style: solid;
	}
#header .navigation .subitems li:hover {
	background-color: #607ab4;
	background-image: url(../img/arrow-orange.gif);
	}
#header .navigation .subitems li a {
	text-decoration: none;
	font-size: 1em;
	color: #fff;
	}
#header .navigation .subitems li:hover a {
	color: #ee772f;
	}
#header .navigation .subitems li a strong {
	font-weight: normal;
	}
#header .navigation .subitems .subitems {
	position: absolute;
	top: 0px; left: 160px;
	border: 0;
	background: #607ab4;
	}
* html #header .navigation .subitems .subitems {
	left: 135px;
	}
#header .navigation .subitems .subitems li {
	background-color: #607ab4;
	background-position: 6px 6px;
	padding-left: 16px;
	}
#header .navigation .subitems .subitems li a {
	color: #fff;
	}
#header .navigation .subitems .subitems li:hover a {
	color: #ee772f;
	}
	
.navigation li.lang {
	float: right;
	width: 14px;
	margin-left: 7px;
	}
.navigation li.lang a {
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
.navigation li.lang a.german { 	background-image: url(../img/flagg-germany.gif);	}
.navigation li.lang a.english { background-image: url(../img/flagg-gbritain.gif);	}
.navigation li.lang a strong {
	display: none;
	}

	
/* Headimage */

#header .image {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	clear: both;
	}


/* Suche */

.search {
	background: #8c9bce;
	position: absolute;
	top: 200px; left: 0;
	width: 212px;
	padding: 5px 15px;
	}
.search label {
	color: #fff;
	}
.search input {
	border: 0;
	margin: 0;
	vertical-align: middle;
	}
.search input.txt {
	border: 1px solid #a5acb2;
	width: 136px;
	height: 13px;
	padding: 3px 4px 0px 4px;
	}


/* Box */

.box {
	margin-bottom: 30px;
	}
.box h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.25em;
	}
.box h3 b {
	color: #464646 !important;
	}
.box a {
	display: block;
	padding: 5px;
	text-decoration: none;
	}
.box a:hover {
	background-color: #eceded;
	}
.box h3 a {
	padding: 0 !important;
	background: none !important;
	color: #ee772f !important;
	}
	
#contentRight .box {
	background: url(../img/bg-box.gif);
	}	
#contentRight .box .top {
	display: block; height: 5px;
	background: url(../img/bg-box-corner_top.gif) no-repeat;
	}
* html #contentRight .box .top {
	line-height: 1px;
	}	
#contentRight .box .bottom {
	display: block; height: 10px;
	background: url(../img/bg-box-corner_bottom.gif);
	}	
#contentRight .box div {
	padding: 8px;
	}


/* Box News */

#content .news {
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
	}
.news li {
	margin: 0 0 1px 0 !important;
	background: url(../img/bg-tile.gif);
	padding: 5px;
	}
.news li a {
	text-decoration: none;
	padding: 5px;
	display: block;
	}
.news li a:hover {
	background-color: #eceded;
	}
.news li strong {
	font-weight: normal;
	display: block;
	height: 40px;
	float: left;
	padding-right: 10px;
	border-right: 1px dotted #464646;
	margin-right: 10px;
	}
#content .news li strong {
	height: 30px;
	}
.news li strong em, {
	font-weight: normal;
	font-style: normal;
	color: #ee772f;
	}


/* Box Jobs */

.jobs {
	padding: 5px;
	background: url(../img/bg-tile.gif);
	}
.jobs li { /* IE6 Bug */
	width: 100%;
	}
.jobs li a {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 18px;
	}


/* Box Info */

#contentRight .info p {
	margin: 0;
	padding: 5px;
	background: url(../img/bg-tile.gif);
	line-height: 1.2em;
	}
#contentRight.info p a {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 18px;
	color: #ee772f;
	}


/* Box Referenzen */

.clients {
	}
.clients p {
	margin: 0;
	padding: 10px 5px;
	background: url(../img/bg-tile.gif);
	text-align: center;
	}
.clients p img {
	margin: 0 auto;
	}


/* Referenzen */

.references {
	margin: 0 !important; 
	padding: 0 !important;
	}
.references li {
	float: left;
	width: 140px;
	margin: 15px 10px 0 0 !important;
	padding: 3px;
	}
.references img {
	width: 110px;
	border: 1px solid #f5f5f5;
	}
.references p {
	margin: 0; padding: 3px;
	}
.references strong {
	display: block;
	border-bottom: 1px solid #f5f5f5;
	}
.references a {
	display: block;
	border-top: 1px solid #f5f5f5;
	}



/* Related

.related {
	}
.related dt {
	font-size: 1.2em;
	color: #9CB608;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 6px;
	}
.related dd {
	padding: 2px 0;
	border-bottom: 1px solid #f5f5f5;
	}
.related dd a {
	background: url(../img/arrow-green.gif) no-repeat 0 3px;
	padding-left: 18px;
	}
.related dd a:hover {
	text-decoration: none;
	}
.related dd a strong {
	font-weight: normal;
	}
 */


/* Kontakt Formular */

.form {
	margin: 0; padding: 0;
	}
.form caption {
	display: none;
	}
.form p {
	background: url(../img/bg-tile.gif);
	margin: 3px 0;
	padding: 3px;
	}
.form .title th {
	text-align: left;
	color: #ee772f;
	font-weight: bold;
	padding-top: 10px;
	}
.form label {
	display: block;
	float: left;
	width: 120px;
	}
.form label.mandatory {
	background: url(../img/mandatory.gif) no-repeat 90% 50%;
	font-weight: bold;	
	}
.form input {
	width: 220px;
	}
.form .bttn {
	border: 0;
	background: #333;
	padding: 2px 10px;
	color: #fff;
	font-weight: bold;
	width: 180px;
	margin-top: 10px;
	}
.form .info p {
	background: none;
	}
.form .error ul {
	border: 1px solid red;
	padding: 10px !important;
	}
.form .error ul li {
	color: red;
	border: 0;
	padding: 2px;
	}
.form .error p {
	margin: 0;
	padding: 5px 0;
	color: red;
	}
.form .error ul {
	margin-top: 0;
	margin-bottom: 0;
	}
.form .success {
	background: #f5f5f5;
	border: 1px solid green;
	padding: 10px;
	color: green;
	font-weight: bold;
	text-align: center;
	margin: 50px 0;
	}


/* Footer Row */

#footer * {
	color: #999;
	}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer .login {
	float: right;
	position: relative;
	margin: -2px 97px 0 0;
	background: url(../img/symb-login.gif) no-repeat;
	padding: 2px 0 2px 20px;
	}
#footer .copyright {
	float: left;
	margin-right: 100px;
	}


/* Partner */

.partner {
	width: 930px;
	margin: 0 auto;
	padding: 10px 30px 40px 30px;
	}
.partner li {
	float: right;
	margin-left: 10px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
.partner li.iso9001 {	background-image: url(../img/partner-iso9001.gif);	width: 46px;	}
.partner li.agfeo {	background-image: url(../img/partner-agfeo.gif);	width: 89px;	}
.partner li.sun {	background-image: url(../img/partner-sun.gif);	width: 107px;	}
.partner li.microsoft {	background-image: url(../img/partner-microsoft.gif);	width: 66px;	}
.partner li.microsoftgold {	background-image: url(../img/partner-microsoftgold.gif);	width: 65px;	}
.partner li.bwi {	background-image: url(../img/partner-bwi.gif);	width: 93px;	}
.partner li.hp {	background-image: url(../img/partner-hp.gif);	width: 64px;	}
.partner li strong {
	display: none;
	}


/* sIFR */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    visibility: hidden;
  }
}