@charset "UTF-8";

/* Projekt:            TWT.de         */
/* Dateiname:          master.css     */
/* erstellt am | von:  01.01.2009 TLu */
/* validiert am:       06.03.2009 TLu */


/* ----- Inhaltsverzeichnis ----- */
/* ------------------------------ */
/* Bold Typo (temp) */
/* Allgemeine Styles */
/* Listen */
/* Tabellen */
/* Border Box */
/* Container */
/* Bild-Container */
/* Formulare */
   /* besonders style fuer captcha */
   /* besonders style fuer upload */
/* Formular Errorhandling */
/* Meta Navigation */
/* Meta Layer */
/* Meta-Layer Icons */
/* Main */
/* Inhalte */
/* Stellenangebote - Kontakt und Bewerbung */
/* Home */
/* Referenzen */
/* Referenzen Sorting Bar */
/* Referenzen Content */
/* Seitenschaltung / Page Bar */
/* Kompetenzen */
/* Tagcloud */
/* Anfahrt */
/* Logo */
/* Suche */
/* Navigation */
/* Content */
/* Auswahlmenue Loesungen und Units */
/* Units Four Cols */
/* Content Loesungen und Kompetenzen */
/* Karriere */
/* Accordion */
/* Testimonial */
/* Testimonial Overview */
/* Awardseite */
/* RSS */
/* Green Box Context */
/* Google Ergebnisse */
/* Google Search Box */
/* News Uebersicht und Archiv */
/* Pressebilder */
/* Stellenanzeigen */
/* Twitter */
/* Sitemap */
/* Footer */
/* Erste Footer Navigation */
/* Zweite Footer Navigation */
/* Dritte Footer Navigation */
/* Vierte Footer Navigation */
/* Gefaellt-Funktion */
/* Helfer */
   /* clearfix */


/* Bold Typo (temp) */
h1, h2, h3,
#footer dt,
ul#karriere-start-teaser li a span,
ul#loesungen-start-content li strong,
ul#units li strong,
.greenbox div h4,
#content .greenbox div h4 a,
#sidebar div.greenbox div h4 a,
#extranet-teaser dt {
font-weight: bold !important;
}


/* Allgemeine Styles */
.printonly {
display: none
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
text-align: center;
background: #ededed;
}

hr {
height: 1px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #e4e4e4;
margin: 15px 0;
width: 90%
}

* html hr {
	margin-top: 5px;
}

h1,
h2,
h3 {
color: #003359;
font-weight: normal;
}

h1 {
font-size: 2.4em;
margin: 0 0 25px 0;
}

h1 i {
font-style: normal;
font-weight: normal;
color: #9daa00
}

h2, h3 {
font-size: 1.6em;
margin: 0 0 10px 0;
}

a {
outline: none;
}

#content h1 a,
#content h2 a,
#content h3 a {
text-decoration: none;
}

#content p {
font-size: 1.2em;
line-height: 1.35em;
color: #333;
margin: 0 15px 10px 0;
width: 90%;
}



#content a {
color: #003359;
text-decoration: underline;
}

#content a:hover {
text-decoration: none;
}

#content h4 a {
display: block;
color: #003359;
font-weight: bold;
font-size: 1.6em;
margin: 0 0 10px 0;
text-decoration: none;
}

#content h4 a:hover {
text-decoration: underline;
}

#stage_1,
#stage_2,
#stage_3 {
margin-bottom: 30px;
}

div.stage_container {
background: transparent url(../images/image-dropshadow-full.gif) no-repeat scroll left bottom;
overflow: hidden;
padding: 0 0 8px;
width: inherit;
height: inherit;
}

div.stage_content {
width: inherit;
height: inherit;
position: absolute;
padding: 0;
overflow: hidden;
}

div.stage_content h1 a,
div.stage_content p a, {
text-decoration: none;
}

#content ul.stage_nav {
display: block;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
text-align: center;
height: 10px;
}

#content ul.stage_nav li {
background-image: none;
display: inline;
margin: 0 7px;
padding: 0;
}

#content ul.stage_nav li a {
padding: 0;
margin: 0;
background: #DDDDCC;
display: inline-block;
height: 0;
width: 10px;
padding-top: 10px;
overflow: hidden;
}

#content ul.stage_nav li a.active {
background: #013C66;
}

#stage_prev {
position: relative;
display: block;
width:0;
height:0;
padding-top:50px;
overflow:hidden;
background: url(../images/stage_zurueck.png) right top;
}

#stage_next {
position: relative;
display: block;
width:0;
height:0;
padding-top:50px;
overflow:hidden;
background: url(../images/stage_vor.png) left top;
float:right;
}

div.stage_container div.stage_content div div h1,
div.stage_container div.stage_content div div h2 {
font-size: 2.4em !important;
color: #fff !important;
margin: 0 !important;
padding: 83px 0 0 40px !important;
width: 650px !important;
}

div.stage_container div.stage_content div div p {
font-size: 1.5em !important;
color: #fff !important;
margin: 0 !important;
padding: 21px 0 0 41px !important;
}



div.stage_container div.stage_content div div a:link,
div.stage_container div.stage_content div div a:visited,
div.stage_container div.stage_content div div a:active,
div.stage_container div.stage_content div div a:hover {
font-size: 1em !important;
color: #fff !important;
text-decoration: underline !important;
margin: 0 !important;
padding: 22px 0 0 0 !important;
display: block !important;
}


/* Listen */
#content ul,
ul#units-four-cols li ul { 
margin: 0 0 18px 0;
}

#content ul ul,
#content ol ol {
margin: 8px 0 0 20px;
}

#content ul li,
ul#units-four-cols li ul li {
background: url(../images/list-square.gif) 0 6px no-repeat;
font-size: 1.2em;
line-height: 1.35em;
margin: 0 0 6px 0;
padding: 0 0 0 12px;
color: #333;
display: block;
}

#content li li {
font-size: 1.0em;
}

#content ol { 
margin: 0 0 18px 18px;
}

#content ol li {
background: none;
font-size: 1.2em;
line-height: 1.35em;
margin: 0 0 6px 0;
padding: 0 0 0 0;
color: #333;
list-style-type: decimal;
list-style-position: outside;
}

#content ol li ol li {
font-size: 1em;
}


/* Tabellen */
#content table {
margin: 0;
border: 0;
padding: 0;
width: 100%;
}

#content table tr th {
font-size: 1.2em;
background: #ededed;
padding: 6px 0 5px 11px;
}

#content table tr td {
font-size: 1.2em;
border-bottom: 1px solid #ededed;
padding: 3px 0 4px 3px;
}

#content table tr td.km {
text-align: center;
}

#content table tr th.right,
#content table tr td.right {
text-align: right;
}

#content table tr th.right {
padding-right: 29px;
}

#content table tr td.right {
padding-right: 32px;
}

#content table tr td p {
font-size: 1em;
color: #000;
}


/* Border Box */
#content .border-box {
border: 1px solid #ededed;
margin: 0 20px 20px 0;
width: 170px;
height: 58px;
float: left;
}

#content .border-box-right {
margin: 0 0 20px 0;
}

#content .border-box img {
background: none;
margin: 0;
padding: 0;
}

#content .logo-line {
margin: 0 0 19px 0;
border-bottom: 1px solid #ededed;
width: 364px;
height: 1px;
display: block;
}


/* Container */
div.spalte {
float: left;
margin: 0 20px 20px 0;
display: inline;
}



div.spalte-25 {
width: 172px;
}

div.spalte-home-news {
width: 236px;
}

div.spalte-38 {
width: 267px;
}

div.spalte-50 {
width: 364px;
}

div.spalte-75 {
width: 556px;
}

div.spalte-75-anfahrt {
width: 350px;
} 


div.spalte-100 {
width: 748px;
}

.sidebar {
float: right;
margin: 0 0 20px 20px;
padding: 10px;
height: 240px;
width: 154px;
background: #9daa00;
}

.sidebar-rechts {
float: right;
margin: 0 20px 20px 0;
padding: 10px;
height: 240px;
width: 154px;
background: #9daa00;
}

#meta div,
#footer,
#content-wrapper {
text-align: left;
margin: 0 auto;
width: 990px;
}

.flash-container {
margin: 0 0 20px 0;
}

.flash-container-home {
margin: 0 0 40px 0;
}


/* Bild-Container */
#content div.bildlinks {
height: 1%;
margin: 0 0 0px 0;
}

#content div.bildlinks img {
float: left;
margin: 4px 15px 10px 0;
position: relative;
display: inline;
}

#content div.bildlinks p {
width: auto;
}


/* Formulare */
.formular {
position: relative;
width: 480px;
margin: 0px 96px 0px 0px;
}

.formular fieldset { /* teilt Formular in Einzelabschnitte */
padding: 10px 0;
border: none;
border-bottom: 1px solid #e5e5e5;
padding: 10px 0;
margin: 0 0 10px 0;
}

.formular fieldset.no-border {
border-bottom: 0;
margin-bottom: 0;
}

.formular h2 {
margin: 0 0 5px 0;
padding: 0;
background: none;
}

.formular label,
.fakelabel span { /* fakelabel wird angewendet, wenn mehr als ein label in einer Zeile verwendet wird */
float: left;
display: inline;
font-size: 1.2em;
width: 164px;
margin: 0 10px 10px 0;
padding: 4px 0 0 0;
background: transparent;
}

.fakelabel label {
float: none;
width: auto;
}

.fakelabel span label {
font-size: 1em;
margin: 0;
}

.fakelabel span.pflicht {
float: none;
width: auto;
margin: 0;
padding: 0;
font-size: 1em;
}

.formular input,
.formular select,
.formular textarea {
margin: 0 0 10px 0;
width: 295px;
display: inline;
float: left;
padding: 5px 4px 3px 4px;
border: 1px solid #d9d9d9;
background: url(../images/bg-input.gif) repeat-x;
}

.formular select {
border: 1px solid #d9d9d9;
}

.formular textarea {
font-family: Arial, sans-serif;
font-size: 1.2em;
height: 80px;
overflow: auto;
background: url(../images/bg-textarea.gif) repeat-x;
}

.formular select {
width: 305px;
padding: 3px 2px 3px 0;
}

.formular input.submit {
background: url(../images/bg-submit.gif) repeat-x;
width: auto;
margin: 0 0 10px 0;
padding: 3px 10px 2px 10px;
color: #fff;
font-weight: bold;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
float: right;
border: none;
}

.formular small {
display: block;
margin: 0 0 20px 0;
font-size: 1.1em;
}

div.form-accept {
width: 305px;
margin: 0 0 10px 0;
float: right;
}

div.form-accept label {
width: 285px;
float: left;
margin: 0;
}

input.radio,
input.checkbox {
margin: 5px 5px 0 0;
height: 12px;
width: 12px;
padding: 0;
float: left;
border: 0;
}

input.checkbox {
height: 14px !important;
width: 14px !important;
}

label.radio,
label.checkbox {
margin: 0 10px 6px 0;
float: left;
width: auto;
}


label.label-fullsize {
width: 460px;
margin: 0 0 6px 0;
}

input.input-mini {
width: 20px;
}

select.input-small, input.input-small {
width: 50px;
margin: 0 4px 0 0;
}

select.input-medium, input.input-medium {
width: 230px;
}

input.input-student {
width: 200px;
}

label.checkbox-student {
margin-right: 5px;
margin-left: 10px;
}

textarea.fullwidth {
width: 295px;
}

.optiongroup {
margin: 0 0 10px 0;
}

.optiongroup input {
float: left;
margin: 4px 6px 0px 0;
}

.optiongroup label {
float: left;
}

.option-cols {
margin-top: 10px;
}

.option-cols label {
margin-bottom: 5px;
margin-right: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
cursor: default; /* IE6 */
}

.option-cols label.last {
border-bottom: 0;
padding-bottom: 0;
}

.option-cols label span,
.option-cols label em {
float: left;
}

.option-cols label span {
width: 110px;
margin: 0 10px 0 0;
}

.option-cols label em {
width: 330px;
color: #666;
font-style: normal;
}

.subgroup {
padding: 0 0 0 20px;
}

.optiongroup .form-hinweis {
margin-top: 5px;
}

#fileupload {
float: left;
width: 305px;
}

#fileupload small {
display: inline;
margin: 0 0 0 10px;
}

#fileupload small a {
font-size: 0.77em;
padding: 0 0 0 9px;
background: url(../images/delete.gif) 0 4px no-repeat;
}

#fileupload input {
width: auto;
background: none;
margin: 0 0 5px 0;
padding: 0;
}

#fileupload a.submit {
font-size: 1.2em;
display: block;
float: right;
margin: 0 0 5px 0;
}


/* besonders style fuer captcha */
#content .captcha label {
width: 120px;
}

#content .captcha p {
margin: 3px 0 0 0;
width: 47%;
}

#content .captcha img {
margin: 1px 0 0 0;
float: left;
}

.captcha input {
float: right;
margin: 0;
}


/* besonders style fuer upload */

.form-upload {
position: absolute;
top: -112px;
left: 0;
}

.form-upload-spacer {
position: relative;
}


/* Formular Errorhandling */
#content p.pflichthinweis,
#content strong.pflichthinweis,
#content span.pflichthinweis,
.formular p.pflichthinweis,
.formular strong.pflichthinweis,
.formular span.pflichthinweis {
color: #b90135;
}

.formular p.pflichthinweis,
.formular strong.pflichthinweis,
.formular span.pflichthinweis {
font-size: 1.2em;
}

p.pflichterror {
color: #b90135;
}

label.pflichterror,
.pflichterror span,
.pflichterror label,
small.pflichterror,
strong.pflichterror {
color: #b90135;
}

span.pflicht {
color: #9daa00;
}

input.pflichterror,
select.pflichterror,
submit.pflichterror,
textarea.pflichterror {
padding-top: 5px;
border: 1px solid #b90135;
}

a.formlink {
color: #00408A !important;
font-size: 1.2em;
font-weight: bold;
text-decoration: underline !important;
}

a.formlink:hover {
text-decoration: none !important;
}

p a.formlink {
font-size: 1em;
}


/* Meta Navigation */
#meta {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: url(../images/meta-shadow.gif) 0 0 repeat-x;
}

#meta div {
background: url(../images/meta.gif) 0 0 no-repeat;
height: 25px;
position: relative;
}

#meta div #meta-arrow {
background: none;
width: 18px;
height: 10px;
position: absolute;
top: 20px;
left: 470px;
z-index: 1;
display: block;
}

#meta ul {
margin-right: 24px;
float: right;
}

#meta ul li {
float: left;
}

#meta ul li a {
font-size: 1.1em;
color: #fff;
background: url(../images/meta-arrow.gif) 0 5px no-repeat;
margin: 4px 0 0 14px;
padding-left: 10px;
display: block;
}


/* Meta Layer */
#meta-wrapper {
position: absolute;
z-index: 999;
top: -20px;
width: 100%;
text-align: center;
background-image: url(../images/meta-layer.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 0;
}

#meta-wrapper-full-width {
width: 100%;
text-align: center;
}

#meta-layer {
width: 1065px;
margin: 0 auto;
padding: 40px 0 40px 125px;
text-align: left;
color: #fff;
}

.meta-layer-small,
.meta-layer-big {
float: left;
width: 177px;
padding:0;
margin-right: 20px;
position: relative;
height: 315px;
}

.meta-layer-big {
width: 262px;
}

#meta-layer dt {
font-size: 1.6em;
margin: 0 0 20px 0;
font-weight: bold;
}

#meta-layer dd {
margin: 0 0 8px 0;
font-size: 1.2em;
}

#meta-layer dd.more {
position: absolute;
bottom: 0;
}

#meta-layer dd a {
background: transparent url(../images/meta-layer-link.gif) no-repeat scroll 0 3px;
color: #fff;
padding-left: 11px;
display: block;
}

#meta-layer dd.bottom a {
color: #009933;
}

#meta-layer dd a:hover {
text-decoration: underline;
}

#meta-layer dd span a {
background: none;
color: #fff;
padding: 0;
display: inline;
}

#meta-layer label {
font-size: 1.3em;
font-weight: bold;
}

#meta-layer input {
margin-top: 5px;
width: 130px;
height: 20px;
background: transparent url(../images/search-field.gif) no-repeat scroll 0 0;
border: none;
padding: 5px 22px 0 6px;
font-size: 1.1em;
}

#meta-layer input.submit {
background: none;
padding: 0;
}

#meta-layer dd dl#kundencenter-navi dt {
font-size: 1.4em;
}

#meta-layer dd dl#kundencenter-navi dd a {
font-size: 0.85em;
background: transparent url(../images/meta-layer-link.gif) no-repeat scroll 0 4px;
}


/* Meta-Layer Icons */
#meta-layer ul li {
float: left;
margin-bottom: 25px;
}

#meta-layer ul li a:hover {
background: url(../images/meta-layer_icons.gif) no-repeat scroll 0 -24px;
}

#meta-layer ul li a  {
display: block;
height: 20px;
margin-bottom: 4px;
padding: 2px 0 0 22px;
background: url(../images/meta-layer_icons.gif) no-repeat scroll 0 0;
width:1px;
}

#meta-layer ul li a.twitter { 
background-position: -23px 0px;
}

#meta-layer ul li a:hover.twitter {
background-position: -23px -24px;
}

#meta-layer ul li a.flickr {
background-position: -47px 0px;
}

#meta-layer ul li a:hover.flickr {
background-position: -47px -24px;
}

#meta-layer ul li a.facebook {
background-position: -70px 0px;
}

#meta-layer ul li a:hover.facebook {
background-position: -70px -24px;
}

#meta-layer a span {
display: none;
}


/* Main */
#main-wrapper {
margin-top: 25px;
background: #fff;
}

#content-wrapper {
padding-top: 24px;
min-height: 500px;
}


/* Inhalte */


/* Stellenangebote - Kontakt und Bewerbung */
div.spalte-kontakt,
div.spalte-kontakt-right {
background: #ededed;
}

div.spalte-kontakt {
padding: 16px 0 0 21px;
width: 343px;
height: 110px;
}

div.spalte-kontakt-right {
padding: 16px 0 0 17px;
width: 154px;
height: 110px;
}

div.spalte-kontakt h3,
div.spalte-kontakt-right h3 {
font-size: 1.4em;
}

div.spalte-kontakt-right input.submit {
background: url(../images/bg-submit.gif) repeat-x;
width: auto;
margin: 0;
padding: 3px 10px 2px 10px;
color: #fff;
font-weight: bold;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
float: left;
border: none;
}

#content div.spalte-kontakt ul {
float: left;
width: 160px;
margin: 0 10px 6px 0;
}

#content div.spalte-kontakt ul.last {
margin: 0 0 6px 0;
}

#content div.spalte-kontakt li {
margin: 0 0 1px 0;
padding: 0;
background: none;
}


/* Home */
#references-content div.chessboard-image,
#references-content div.list div.list-image {
margin: 0 0 33px 0;
padding: 0 0 10px 0;
background: url(../images/image-dropshadow.gif) bottom left no-repeat;
}

* html #references-content div.chessboard-image,
* html #references-content div.list div.list-image {
padding: 0 0 7px 0;	
}

#references-content div.chessboard-image:hover,
#references-content div.list div.list-image:hover,
#references-content div.chessboard-image .sfhover,
#references-content div.list div.list-imag .sfhover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

div.references-home div.spalte-25 img {
margin: 0;
padding: 0 0 10px 0;
background: url(../images/image-dropshadow.gif) bottom left no-repeat;
}


/* Referenzen */
.references-image-big img,
.loesungen-image-big img {
margin-bottom: 20px;
padding: 0 0 8px 0;
background: url(../images/image-dropshadow-full.gif) bottom left no-repeat;
}


/* Referenzen Sorting Bar */
#references-sorting-bar,
#glossar-bar {
background: #ededed;
margin-bottom: 20px;
padding: 4px 0 0 12px;
width: 737px;
height: 21px;
}

#references-sorting-links {
margin: 0;
padding: 0;
float: left;
}

#content #references-sorting-bar #references-sorting-links li {
background: none;
margin: 0;
padding: 0;
float: left;
position: relative;
z-index: 999;
}

#references-sorting-links li p,
#references-sorting-view li p {
font-size: 1em;
font-weight: bold;
color: #000;
}

#references-sorting-links li a,
#references-sorting-view li a {
color: #003359;
text-decoration: none;
margin: 0 20px 0 0;
display: block;
}

#references-sorting-links li a:hover {
text-decoration: underline;
}

#references-sorting-links li a.active,
#references-sorting-links li a.up-arrow-active,
#references-sorting-links li a.down-arrow-active {
font-weight: bold;
color: #000;
text-decoration: none;
}

#references-sorting-links li a.up-arrow,
#references-sorting-links li a.up-arrow-active {
background: url(../images/references-sorting-up-arrow.gif) right 6px no-repeat;
padding: 0 14px 0 0;
}

#references-sorting-links li a.up-arrow-active {
background: url(../images/references-sorting-up-arrow-active.gif) right 6px no-repeat;
}

#references-sorting-links li a.down-arrow,
#references-sorting-links li a.down-arrow-active {
background: url(../images/references-sorting-down-arrow.gif) right 6px no-repeat;
padding: 0 14px 0 0;
}

#references-sorting-links li a.down-arrow-active {
background: url(../images/references-sorting-down-arrow-active.gif) right 6px no-repeat;
}

#references-sorting-links li ul {
background: url(../images/references-sorting-shadow.png) left bottom no-repeat;
margin: 0;
padding: 5px 0 21px 0;
position: absolute;
top: 14px;
left: -10px;
display: none;
}

#references-sorting-links li:hover ul,
#references-sorting-links li.sfhover ul {
display: block;
}

#references-sorting-links li ul li {
clear: left;
}

#references-sorting-links li ul li a {
background: #ededed url(../images/references-sorting-arrow.gif) 11px 8px no-repeat;
padding: 5px 0 0 24px;
width: 125px;
}

#references-sorting-links li ul li a.first {
background-position: 11px 11px;
}

#references-sorting-view {
float: right;
}

#content #references-sorting-bar #references-sorting-view li {
background: none;
margin: 0;
padding: 0;
float: left;
}

#references-sorting-view li p {
margin: 0 15px 0 0;
}

#references-sorting-view li a {
margin: 0;
}

#references-sorting-view li a.chessboard,
#references-sorting-view li a.chessboard-active,
#references-sorting-view li a.list,
#references-sorting-view li a.list-active {
width: 13px;
height: 13px;
}

#references-sorting-view li a.chessboard,
#references-sorting-view li a.chessboard:hover,
#references-sorting-view li a.chessboard-active {
background: url(../images/references-sorting-icon-chessboard.gif) 0 0 no-repeat;
margin: 2px 20px 0 0;
}

#references-sorting-view li a.chessboard:hover,
#references-sorting-view li a.chessboard-active {
background-position: 0 -13px;
}

#references-sorting-view li a.list,
#references-sorting-view li a.list:hover,
#references-sorting-view li a.list-active {
background: url(../images/references-sorting-icon-list.gif) 0 0 no-repeat;
margin: 2px 10px 0 0;
}

#references-sorting-view li a.list:hover,
#references-sorting-view li a.list-active {
background-position: 0 -13px;
}


/* Referenzen Content */
#references-content {
width: 768px;
display: block;
}

#loesungen-detail-content,
#partner-content {
width: 768px;
display: block;
}

#references-content div.chessboard-image {
margin: 0 20px 10px 0;
display: block;
width: 172px;
height: 129px;
float: left;
}

#references-content div.chessboard-image img {
width: 172px;
height: 129px;
}


#references-content .list {
margin: 0 0 20px 0;
width: 575px;
float: left;
}

#references-content .list a.references-list-image img {
margin: 0 20px 0 0;
float: left;
}

#references-content .list a.references-list-image img:hover,
#references-content .list a.references-list-image img.sfhover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

#references-content .list h3 a {
text-decoration: none;
}

#references-content .list p {
width: 556px;
}


/* Seitenschaltung / Page Bar */
#page-bar {
background: #ededed;
padding: 3px 0 3px 0;
width: auto;
height: 20px;
position: relative;
}

#page-bar div {
text-align: center;
}

#page-bar div p {
font-size: 1.4em;
color: #000;
margin: 0 8px 0 0;
display: inline;
}

#page-bar div a,
#page-bar div a.active,
#page-bar div a:hover {
font-size: 1.4em;
color: #003359;
text-decoration: underline;
margin: 0 0 0 9px;
display: inline;
}

#page-bar div a.active {
color: #000;
text-decoration: none;
}

#page-bar a.page-bar-arrow-left,
#page-bar a.page-bar-arrow-right {
width: 11px;
height: 8px;
display: block;
position: absolute;
top: 8px;
}

#page-bar a.page-bar-arrow-left {
background: url(../images/references-page-arrow-left.gif) no-repeat;
left: 158px;
}

#page-bar a.page-bar-arrow-right {
background: url(../images/references-page-arrow-right.gif) no-repeat;
right: 158px;
}


/* Kompetenzen */
#content .kompetenzen-image-big {
margin: 0;
padding: 0;
}

#content #kompetenzen-sorting {
position: relative;
margin: 0px 0 40px 0;
}

#content #kompetenzen-sorting fieldset {
margin: 20px 0 0 0;
border: 0;
padding: 0;
}

#content #kompetenzen-sorting label {
font-size: 1.6em;
color: #003359;
position: absolute;
top: 1px;
left: 0;
}

#content #kompetenzen-sorting .kompetenzen-sorting-options {
width: 260px;
height: 25px;
position: absolute;
top: 0;
left: 173px;
padding: 3px 2px 3px 4px;
border: 1px solid #e5e5e5;
background: url(../images/bg-input.gif) repeat-x;
}

#content #kompetenzen-sorting .kompetenzen-sorting-button {
background: url(../images/kompetenzen-sorting-button.gif);
border: 0;
width: 96px;
height: 21px;
position: absolute;
top: 0;
left: 440px;
}


/* Tagcloud */
#content #tagcloud {
text-align: center;
background: #f5f5f5 url(../images/image-dropshadow-big.gif) left bottom no-repeat;
padding: 20px 10px 20px 10px;
width: 536px;
}

#content #tagcloud li {
margin: 0;
padding: 0;
background: none;
display: inline;
}

#content #tagcloud a.tag1,
#content #tagcloud a.tag2,
#content #tagcloud a.tag3,
#content #tagcloud a.tag4 {
text-decoration: none;
line-height: 1.3em;
}

#content #tagcloud a.tag1 {
color: #666;
font-size: 1.6em;
margin: 10px 10px 0 10px;
}

#content #tagcloud a.tag2 {
color: #666;
font-size: 1.4em;
margin: 10px 10px 0 0;
}

#content #tagcloud a.tag3 {
color: #b3b3b3;
font-size: 1.2em;
margin: 10px 10px 0 15px;
}

#content #tagcloud a.tag4 {
color: #b3b3b3;
font-size: 1em;
margin: 10px 10px 0 0;
}

#content #tagcloud a.tag1:hover,
#content #tagcloud a.tag2:hover,
#content #tagcloud a.tag3:hover,
#content #tagcloud a.tag4:hover {
color: #003359;
}


/* Anfahrt */
#content ul#approach-tabs {
margin: 0;
border-bottom: 1px solid #003c69;
padding: 0;
width: 749px;
height: 32px;
}

#content ul#approach-tabs li {
margin: 0;
padding: 0;
float: left;
}

#content ul#approach-tabs li a,
#content ul#approach-tabs li a.active {
font-size: 1.1em;
color: #003359;
text-decoration: none;
background: #ededed;
margin-right: 2px;
padding: 10px 15px 0 15px;
height: 22px;
display: block;
}

#content ul#approach-tabs li a:hover,
#content ul#approach-tabs li a.active {
color: #f5f5f5;
background: #003c69;
}

#content #approach-form fieldset {
margin: 0;
border: 0;
padding: 0;
}

#content #approach-form label {
font-size: 1.2em;
font-weight: bold;
color: #333;
padding-top: 2px;
width: 95px;
height: 19px;
display: block;
float: left;
}

#content #approach-form .approach-form-street,
#content #approach-form .approach-form-zip,
#content #approach-form .appraoch-form-city {
float: left;
}

#content #approach-form .approach-form-street {
width: 212px;
}

#content #approach-form .approach-form-zip {
margin-right: 3px;
width: 50px;
}

#content #approach-form .appraoch-form-city {
width: 149px;
}

#content #approach-form .approach-form-button {
background: url(../images/approach-form-button.gif);
margin-left: 217px;
border: 0;
width: 111px;
height: 21px;
}

#content #map img {
background: none;
}


/* Logo */
#logo {
background: url(../images/logo.jpg) no-repeat;
margin: 5px 0 29px 0;
width: 70px;
height: 18px;
float: left;
}


/* Suche */
#search {
margin-bottom: 27px;
float: left;
position: relative;
}

#search fieldset {
margin: 0;
border: 0;
padding: 0;
}

.search-field {
font-size: 1.4em;
color: #333;
background: url(../images/search-field.gif) no-repeat;
border: 0;
padding: 5px 22px 0 6px;
width: 111px;
height: 20px;
}

.search-button {
background: url(../images/search-button.gif) no-repeat;
border: 0;
width: 18px;
height: 25px;
position: absolute;
top: 0;
left: 122px;
cursor: pointer;
}


/* Navigation */
#navi-wrapper {
width: 192px;
margin-left: 18px;
}

#navi {
float: left;
width: 177px;
}


#navi li a {
font-size: 1.4em;
color: #333;
margin: 0 0 5px 1px;
display: block;
}

#navi li a.glossar{
margin-top: 20px !important;
}

#navi li a.active,
#navi li a:hover {
color: #9daa00;
}

#navi li ul li a {
font-size: 1.2em;
color: #333;
background: url(../images/navi-2nd-level-arrow.gif) 0 3px no-repeat;
margin: 0 0 6px 3px;
padding-left: 12px;
display: block;
}


#navi li ul li {
height: auto;
}

#navi li ul li a.active,
#navi li ul li a:hover {
color: #9daa00;
background: url(../images/navi-2nd-level-arrow-hover.gif) 0 3px no-repeat;
}

#navi li ul {
padding-top: 3px;
}



#navi li ul li ul {
margin-left: 12px;
}

/* Content */
#content {
margin: 0 0 10px 0;
width: 780px;
float: right;
}


/* Auswahlmenue Loesungen und Units */
ul#loesungen-start-content {
width: 576px;
margin: 0px 0px 0px 0px;
float: left;
}

ul#loesungen-start-content li,
ul#units li {
float: left;
background: url(../images/image-dropshadow.gif) bottom left no-repeat #ededed;
width: 151px;
height: 100px;
margin: 0 20px 10px 0px;
padding: 15px 10px 10px 10px;
line-height: 1.2em;
}

ul#loesungen-start-content li a,
ul#units li a {
display: block;
width: 151px;
height: 100px;
text-decoration: none;
}

ul#loesungen-start-content li strong,
ul#units li strong {
display: block;
font-size: 1.3em;
font-weight: normal;
margin: 5px 0 5px 0;
padding-left: 10px;
background: url(../images/footer-link-hover.gif) 0 3px no-repeat;
text-decoration: none;
}

ul#loesungen-start-content li a span,
ul#units li a span {
display: block;
margin: 0 0 0 10px;
color: #333;
visibility: hidden;
}

ul#loesungen-start-content li a:hover span,
ul#units li a:hover span {
visibility: visible;
}

ul#units li {
width: 141px;
padding: 15px 15px 10px 15px;
}

ul#units {
width: 100%;
margin: 0;
}


/* Units Four Cols */
#units-four-cols-shadow {
background: url(../images/units-four-cols-shadow.gif) top left no-repeat;
width: 744px;
height: 8px;
display: block;
}

ul#units-four-cols {
background: url(../images/units-four-cols.gif) top left repeat-y;
width: 744px;
float: left;
}

ul#units-four-cols li {
background: none;
margin: 0 35px 10px 0px;
padding: 15px 15px 10px 15px;
width: 126px;
line-height: 1.2em;
float: left;
}

ul#units-four-cols li strong {
font-size: 1.3em;
color: #003359;
margin: 5px 0 15px 0;
display: block;
}

ul#units-four-cols li span {
color: #333;
display: block;
}

ul#units-four-cols {
margin: 0px 0px 0px 0px;
width: 100%;
}

ul#units-four-cols li ul li {
font-size: 1em;
}


/* Content Loesungen und Kompetenzen */
.solution-link .bildlinks strong {
display: block;
padding: 14px 10px 20px 10px;
background: #ededed url(../images/image-dropshadow-big.gif) bottom left no-repeat;
width:329px;
}


/* Karriere */
ul#karriere-start-teaser li {
float: left;
background: #9daa00 url(../images/image-dropshadow.gif) bottom left no-repeat;
width: 172px;
height: 141px;
margin: 0;
padding: 0;
line-height: 1.3em;
}

ul#karriere-start-teaser li a {
font-size: 1em;
color: #f5f5f5;
text-decoration: none;
background: url(../images/karriere-start-teaser-arrow.gif) 152px 12px no-repeat;
padding: 14px 12px 0 10px;
width: 150px;
height: 117px;
display: block;
}

ul#karriere-start-teaser li a span {
font-size: 1.4em;
margin-bottom: 17px;
width: 115px;
display: block;
}

#content div.karriere-image-big img {
background: none;
margin: 0;
padding: 0;
}


/* Accordion */

#accordion-div div.accordion-entry {
background: #ededed url(../images/accordion_bg.gif) 0 0 no-repeat;
margin: 0 0 1px 0;
padding: 0;
width: 556px;
min-height: 43px;
position: relative;
cursor: pointer;
}

#accordion-div div.accordion-entry div.accordion-number {
font-size: 2.8em;
font-weight: bold;
color: #fff;
line-height: 22px;
position: absolute;
top: 11px;
left: 30px;
}

#accordion-div div.accordion-entry div.accordion-headline {
font-size: 1.2em;
font-weight: bold;
color: #003359;
margin: 0;
padding: 15px 68px 0 83px;
width: 405px;
min-height: 28px;
}

#accordion-div div.active div.accordion-headline {
color: #333;
}

#accordion-div div.accordion-entry div.accordion-content {
margin: -4px 0 0 0;
padding: 0 0 20px 83px;
width: 440px;
}

#accordion-div div.accordion-entry div.accordion-content p {
font-size: 1.2em;
font-weight: normal;
color: #000;
margin: 0;
padding: 0;
}

#accordion-div div.active {
background: #ededed;
cursor: default;
}


/* Testimonial */

#testimonial-wrapper {
border: 1px solid #ededed;
width: 362px;
height: 180px;
display: block;
position: relative;
float: right;
}

#testimonial-wrapper .testimonial-entry {
width: 362px;
height: 180px;
display: block;
position: absolute;
top: 0;
left: 0;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner {
padding: 13px 0 0 20px;
width: 362px;
height: 167px;
display: block;
position: relative;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner p {
margin: 0;
padding: 0 0 0 65px;
width: 255px;
display: block;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner p a {
color: #333;
text-decoration: none;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner p a span {
color: ##003359;
text-decoration: underline;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner p a i {
padding: 10px 0 0 0;
display: block;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner .testimonial-customer-image {
background: url(../images/testimonial_bg_customer.gif) 0 0 no-repeat;
width: 51px;
height: 68px;
display: block;
position: absolute;
top: 46px;
left: 20px;
}

#testimonial-wrapper .testimonial-entry .testimonial-positioner .testimonial-logo {
width: 84px;
display: block;
position: absolute;
top: 128px;
left: 0;
}

.testimonial-references {
width: 554px !important;
float: left !important;
}

.testimonial-references .testimonial-entry {
width: 554px !important;
}

.testimonial-references .testimonial-entry .testimonial-positioner {
width: 554px !important;
}

.testimonial-references .testimonial-entry .testimonial-positioner p {
width: 447px !important;
}

.testimonial-references .testimonial-entry .testimonial-positioner .testimonial-logo {
display: none !important;
}


/* Testimonial Overview */

#testimonial-overview {
margin: 0;
float: left;
}

#testimonial-overview .testimonial-overview-entry {
margin: 0 0 20px 0;
border-bottom: 1px solid #e5e5e5;
padding: 0 0 20px 0;
width: 556px;
float: left;
}

#testimonial-overview .testimonial-overview-entry .testimonial-overview-image {
margin: 1px 13px 0 0;
width: 102px;
float: left;
}

#testimonial-overview .testimonial-overview-entry .testimonial-overview-text {
float: left;
}

.testimonial-overview-entry .testimonial-overview-text .testimonial-overview-quotationmark {
margin: 0 12px 3px 0;
float: left;
}

#testimonial-overview .testimonial-overview-entry .testimonial-overview-text p {
margin: 0 !important;
padding: 3px 0 0 0 !important;
width: 430px !important;
}

#testimonial-overview .testimonial-overview-entry .testimonial-overview-text .testimonial-overview-logo {
margin: 18px 0 0 0;
border: 1px solid #e5e5e5;
float: left;
}

#testimonial-overview .testimonial-overview-entry .testimonial-overview-text i {
font-size: 1.2em;
color: #333;
background: url(../images/testimonial_commentborder.gif) 0 2px no-repeat;
margin: 16px 0 0 10px;
padding: 0 0 0 14px;
width: 300px;
height: 28px;
display: block;
float: left;
}

#testimonial-overview .no-image .testimonial-overview-image {
display: none;
}

#testimonial-overview .no-image .testimonial-overview-text p {
width: 545px !important;
}

#testimonial-overview .no-image .testimonial-overview-text i {
width: 415px;
}


/* Awards */
#content #awards {
margin-top: 20px;
}

#content #awards table {
width: 556px;
}

#content #awards table thead th {
border-left: 1px solid #fff;
}

#content #awards table thead th.firstleft {
border-left: 0px solid #fff;
}

#content #awards table tbody td {
padding: 15px 3px 15px 10px;
}

#content #awards table tbody td.firstleft {
padding: 15px 3px 15px 0px;
}


/* RSS */
#rss h1 {
margin: 3px 0 18px 0;
}

#rss p.intro-text {
margin-bottom: 16px;
width: 645px;
}

#rss div.box-rss,
#rss div.box-twitter {
margin: 0 0 20px 1px;
border: 1px solid #eee;
padding: 17px 0 14px 20px;
width: 533px;
display: block;
}

#rss div.box-rss h2,
#rss div.box-twitter h2 {
font-weight: normal !important;
margin-bottom: 5px;
padding-left: 20px;
}

#rss div.box-rss p,
#rss div.box-twitter p {
margin-bottom: 0;
}

#rss div.box-rss h2 {
background: url(../images/icon_rss.gif) 0 0 no-repeat;
}

#rss div.box-twitter h2 {
background: url(../images/icon_twitter.gif) 0 0 no-repeat;
}


/* Green Box Context */
div.greenbox {
background: #9daa00;
padding: 0;
float: right;
width: 172px;
color: #fff;
margin-bottom: 20px;
}

div.boxmargin-right-10 div.greenbox,
div.boxmargin-right-20 div.greenbox,
div.boxmargin-right-30 div.greenbox,
div.boxmargin-right-40 div.greenbox,
div.boxmargin-left-10 div.greenbox,
div.boxmargin-left-20 div.greenbox,
div.boxmargin-left-30 div.greenbox,
div.boxmargin-left-40 div.greenbox {
float: right;
display: inline;
}

div.boxmargin-right-10 div.greenbox {
margin-right: 10px;
}

div.boxmargin-right-20 div.greenbox {
margin-right: 20px;
}

div.boxmargin-right-30 div.greenbox {
margin-right: 30px;
}

div.boxmargin-right-40 div.greenbox {
margin-right: 40px;
}

div.boxmargin-left-10 div.greenbox {
margin-left: 10px;
}

div.boxmargin-left-20 div.greenbox {
margin-left: 20px;
}

div.boxmargin-left-30 div.greenbox {
margin-left: 30px;
}

div.boxmargin-left-40 div.greenbox {
margin-left: 40px;
}

div.greenbox p {
color: #fff !important;
margin-bottom: 20px;
}

div.greenbox p a {
color: #fff !important
}

#content div.greenbox div h4,
#sidebar div.greenbox div h4 {
font-size: 1.6em !important;
font-weight: normal;
line-height: 1.2em;
margin: 0 0 5px 0;
color: #fff;
}

#content div.greenbox div h4 a,
#sidebar div.greenbox div h4 a {
font-size: 1em;
color: #fff;
width: 150px;
text-decoration: none;
display: block;
}

#content div.greenbox div h4 a:hover,
#sidebar div.greenbox div h4 a:hover {
text-decoration: none;
}

#content div.greenbox div h4 a.box-pfeil,
#sidebar div.greenbox div h4 a.box-pfeil {
background: url(../images/box_pfeil_h4_active.gif) center right no-repeat;
}

#content div.greenbox div h4 a.box-pfeil-active,
#sidebar div.greenbox div h4 a.box-pfeil-active {
background: url(../images/box_pfeil_h4.gif) center right no-repeat;
}

#content div.greenbox div ul li,
#sidebar div.greenbox div ul li {
margin: 0 0 8px 0;
padding: 0 0 0 0;
line-height: 1.2em;
background: none;
color: #fff;
}

#content div.greenbox div ul li a,
#sidebar div.greenbox div ul li a {
color: #fff;
}

#content div.greenbox div.kontaktbox ul li img,
#sidebar div.greenbox div.kontaktbox ul li img {
margin: 5px 0 5px 0;
padding: 0 0 0 0;
background: none;
}

div.greenbox div.kontaktbox,
div.greenbox div.downloadbox,
div.greenbox div.flickrbox,
div.greenbox div.textbox {
padding: 15px 10px 10px 10px;	
background: url(../images/greenbox_shadow.gif) bottom left no-repeat;
}

div.greenbox div.servicebox {
margin-bottom: -1px;
padding: 10px 10px 15px 10px;
background:url(../images/image-dropshadow.gif) bottom left no-repeat;
}

#content div.greenbox div.downloadbox ul li a,
#sidebar div.greenbox div.downloadbox ul li a {
text-decoration: underline
}

#content div.greenbox div.downloadbox ul li a:hover,
#sidebar div.greenbox div.downloadbox ul li a:hover {
text-decoration: none
}

#content div.greenbox div.kontaktbox ul li,
#sidebar div.greenbox div.kontaktbox ul li {
margin: 0;
}

#content div.greenbox div ul.flickrbilder,
#sidebar div.greenbox div ul.flickrbilder {
margin: 10px 0px 15px 0px;
}

#content div.greenbox div ul.flickrbilder li,
#sidebar div.greenbox div ul.flickrbilder li {
display: inline;
margin: 0px 1px 1px 0px;
}

.greenbox div.servicebox h4 {
margin: 0 0 14px 0;
}

#content .greenbox div.servicebox ul a,
#sidebar .greenbox div.servicebox ul a {
padding: 4px 0 4px 26px;
}

.greenbox div.servicebox a.box-newsletter {
background: url(../images/box_icon_newsletter.gif) 0 0 no-repeat;
}

.greenbox div.servicebox a.box-rss {
background: url(../images/box_icon_rss.gif) 0 0 no-repeat;
}

#content div.greenbox div.servicebox ul.service-bookmarks,
#sidebar div.greenbox div.servicebox ul.service-bookmarks {
border-top: 1px solid #c9d07b; 
}

#content div.greenbox div.servicebox ul.service-bookmarks li,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li {
display: inline;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a {
display: block;
float: left;
height: 16px;
width: 16px;
padding: 0 0 0 0;
margin: 11px 4px 0px 4px;
background-image: url(../images/box_service_book.gif);
background-repeat: no-repeat;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-browser,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-browser {
background-position: 0px 0px;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-mr-wong,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-mr-wong {
background-position: -25px 0px;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-delicious,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-delicious {
background-position: -51px 0px;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-digg,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-digg {
background-position: -76px 0px;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-google,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-google {
background-position: -103px 0px;
}

#content div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-facebook,
#sidebar div.greenbox div.servicebox ul.service-bookmarks li a.box-icon-facebook {
background-position: -128px 0px;
}


/* Google Ergebnisse */
#suchergebnis {
width: 557px;
text-align: left;
float: left;
}

#suchergebnis .treffer {
border-top: 1px solid #e5e5e5;
padding-top: 26px;
}

span.suchbegriff {
background-color: #f5efa4;
}

.suchergebnis-more{
padding-left: 20px;
}

#suchergebnis .treffer {
border-top: 1px solid #e5e5e5;
padding-top: 26px;
}

#suchergebnis hr {
width: 100%;
}

span.suchbegriff {
background-color: #f5efa4;
}

#suchergebnis a.pdf {
background: transparent url(../images/pdf-icon.gif) no-repeat scroll 0 0;
padding-left: 25px;
}

#suchergebnis form fieldset,
.search-form-404 fieldset {
border-top: 1px solid #e4e4e4;
padding: 20px 0 20px 0;
margin: 20px 0 30px 0
}

.search-form-404 fieldset {
border: 0;
padding: 0;
margin: 0 0 20px 0;
}

#suchergebnis form input.suchwort,
.search-form-404 input.suchwort {
width: 230px;
float: left;
margin: 0 5px 0 0;
}

#suchergebnis form input.submit-suche,
.search-form-404 input.submit-suche {
float: left;
margin: 2px 0 0 0;
padding: 0;
background: none;
}

#suche-verfeinern {
margin: 0 0 0 174px;
}

#suche-verfeinern div {
padding-top: 15px;
}

#suchergebnis form #suche-verfeinern input.checkbox {
position: relative;
top: 4px;
margin: 0 5px 0 0;
}

#suchergebnis form #suche-verfeinern span {
position: relative;
top: 4px;
float: left;
margin: 0;
}

#suchergebnis form #suche-verfeinern input#wordlist {
width: 80px;
margin: 0;
float: left;
}

#suchergebnis form #suche-verfeinern label {
padding: 0;
width: 140px;
}

#page-bar.suchergebnis-page-bar {
width: 557px;
}


/* Google Search Box */
.google-search-box {
background: #ededed url(../images/image-dropshadow.gif) bottom left no-repeat;
width: 163px;
min-height: 100px;
margin-top: -9px;
padding: 17px 0 18px 9px;
line-height: 1.2em;
display: block;
float: right;
}

.google-search-box strong {
font-size: 1.8em;
font-weight: normal;
color: #003359;
margin-bottom: 11px;
display: block;
}

#content .google-search-box p {
font-size: 1.2em;
color: #333;
}

.google-search-box img {
margin: 3px 0 5px 13px;
}


/* News Uebersicht und Archiv */
#news p {
width: 556px;
}

#news hr {
width: 556px;
}

#news h3 {
font-size: 1.8em;
color: #333;
margin: 30px 0px 15px 0px;
font-weight: bold
}

#news h4 a {
color: #003359;
font-weight: normal;
font-size: 1em;
text-decoration: none;
font-weight: bold !important
}

#news h4 a:hover {
text-decoration: underline;
}

#content #news h4 {
font-size: 1.6em;
font-weight: bold
}

#news p strong {
color: #888888;
}

#news ul {
margin: 15px 0 15px 0;
}

#news ul li a {
text-decoration: none;
}

#news ul li a:hover {
text-decoration: underline;
}

#news ul li {
background: url(../images/footer-link.gif) 0 4px no-repeat; 
}


/* Pressebilder */
ul#pressebilder {
display: block;
width: 536px;
float:left;
}

ul#pressebilder li,
ul#pressebilder li.last {
display: inline;
float: left;
background: none;
margin: 0 10px 0 0;
padding: 0 0 0 0;
}

ul#pressebilder li.last {
margin: 0 0 0 0;
}


ul#pressebilder li a {
display: block;
width: 160px;
height: 116px;
border: 1px solid #e4e4e4;
padding: 5px;
background-repeat: no-repeat;
background-position: center;
}

ul#pressebilder li a:hover {
border: 1px solid #003359;
}

ul#pressebilder li a img {
display: block;
margin: 4px auto;
text-align: center;
}

ul#pressebilder li strong {
display: block;
width: 160px;
margin: 5px 0 0 0;
}

ul#pressebilder li span a {
display: inline;
border: none;
}

ul#pressebilder li span a:hover {
border: none;
}

ul#pressebilder li span {
display: block;
margin: 0 0 20px 0;
}


/* Stellenanzeigen */
#stellen {
width: 556px;
float: left;
}

hr.home-trenner {
width: 96%;
margin: 0 0 20px 0; 
}

hr.volle-breite {
width: 90% 
}

hr.drei spalten {
width: 75%;
}

/* Glossar */
#glossar-bar {
width:748px;
}

#glossar-bar ul{
margin-left: 3px;
}

#glossar-bar ul li {
background:transparent none repeat scroll 0 0;
float:left;
margin-right: 8px;
}

#glossar-bar ul li a {
text-decoration: none;
}

#glossar-bar ul li a.active {
font-weight:bold;
text-decoration: underline;
} 

#glossar-bar ul li a:hover {
text-decoration: underline;
}

#glossar a.up{
background:transparent url(../images/references-sorting-up-arrow-active.gif) no-repeat scroll left 5px;
text-decoration:underline;
padding-left:15px;
}

#glossar p {
width:90%
}

#glossar h4 {
color:#003359;
display:block;
font-size:1.6em;
font-weight:bold;
margin:0 0 10px;
}

/* Twitter */

#twitter {
width: 556px;
float: left;
}

#ueberschrift img {
float: left;
}
#ueberschrift h1 {
float: left;
margin: 18px 0 30px 5px;
}

#twitter li {
background: none !important;
border-bottom: 1px solid #ccc;
padding-bottom:7px !important;
margin-bottom: 7px !important;
}

#twitter ul {
margin-bottom: 6px;
}

#twitter .li-last {
border: none;
margin-bottom: 50px;
}

.eintrag-big,
.eintrag {
height:auto;
padding-bottom: 5px;
float: left;
width: 486px;
}

.eintrag {
width: 524px;
}

.eintrag-big a{
font-size: 1.6em;
text-decoration: none !important;
font-weight: bold;

}

.eintrag-big p{
font-size: 1.6em !important;
margin-bottom:0px !important;
margin-top:4px !important;
}

.eintrag-big p a {
font-size: 1.0em;
}

.eintrag p {
font-size: 1.0em !important;
margin-bottom:0px !important;
}

.eintrag a {
text-decoration: none !important;
font-weight: bold;
}

.eintrag-big a:hover,
.eintrag-big p.big a:hover,
.eintrag a:hover  {
text-decoration: underline !important;
}


#twitter ul.eintrag-big li a.user-pic {
margin-right:8px;
margin-top:4px;
}

#twitter ul li a.user-pic {
display:inline;
float:left;
margin-right: 10px;
}

#twitter ul li span {
color:#767676;
font-size:10px;
}

#twitter-follow {
float: right;
width: 172px;
height: 100px;
background:url(../images/image-dropshadow.gif) no-repeat scroll left bottom transparent !important;
padding: 0 0 27px;
background-color:#c8ddff !important;
text-align: center;
}

#twitter-follow img {
margin-top: 20px;
}

#twitter-follow a {
text-decoration: none;
font-size: 1.2em;
}

#twitter-follow a:hover {
text-decoration: underline;
}

/* Weiterempfehlen */

#tellafriend-wrapper {
background-color: #fff;
height:572px;
margin-top: -25px;
padding-top: 78px;
}

#tellafriend-wrapper .formular fieldset {
text-align:left;
}



#tellafriend-wrapper .formular {
margin:0 auto;
padding:0;
text-align:left;
width:489px;
}

#tellafriend-wrapper .formular fieldset img {
float: left;
}

#tellafriend-wrapper .captcha input {
float:left;
margin-left:184px;
}

#tellafriend-wrapper .formular input.submit {
margin:0 10px 10px;
}

/* Sitemap */
#sitemap {
width: 556px;
float: left;
}

#sitemap ul {
margin: 0;
padding: 0;
}

#sitemap ul li ul li ul {
margin: 10px 0 0 -22;
}

#sitemap ul li {
font-size: 1.6em;
background: none;
margin-left: -10px;
}

#sitemap ul li ul {
margin-bottom: 15px;
margin-top: 0px;
}

#sitemap ul li li {
font-size: 0.8em;
margin-left: -18px;
}

#sitemap ul li li li {
font-size: 0.9em;
}

#sitemap ul li ul li ul {
margin-top:3px;
}

#sitemap ul li a {
font-weight: bold;
text-decoration: none;
}

#sitemap ul li a:hover {
text-decoration: underline;
}

#sitemap ul li ul li a{
background: transparent url(../images/footer-link-hover.gif) no-repeat scroll 0 3px;
padding-left: 12px;
text-decoration: none;
font-weight: normal;
}

#sitemap ul li li a:hover{
text-decoration: underline;
}


/* Footer */
#footer-wrapper {
background: #ededed;
}

#footer {
height: 273px;
position: relative;
}

#footer dl,
#footer dd {
margin: 0;
padding: 0;
}

#footer dt {
font-size: 1.6em;
color: #003359;
margin-bottom: 8px;
}

#footer dl dd ul li {
clear: left;
}

#footer dl dd ul li ul li {
float: left;
clear: none;
}

#footer dl dd ul li a {
font-size: 1.2em;
color: #767676;
background: url(../images/footer-link.gif) 0 2px no-repeat;
margin-left: 1px;
padding-left: 9px;
display: block;
}

#footer dl dd ul li a:active,
#footer dl dd ul li a:hover {
color: #003359;
background: url(../images/footer-link-hover.gif) 0 2px no-repeat;
}

#footer dl dd ul li p a,
#footer dl dd ul li p a:hover {
font-size: 1em;
background: none;
padding-left: 0;
display: inline;
}

#footer dl dd ul li p {
font-size: 1.2em;
color: #767676;
margin-top: -2px;
}

#footer-1st-navi,
#footer-2nd-navi,
#footer-3rd-navi,
#footer-4th-navi,
#footer-5th-navi,
#footer-copyright {
width: 170px;
position: absolute;
top: 30px;
}

#footer-1st-navi {
left: 19px;
}

#footer-2nd-navi {
left: 208px;
}

#footer-3rd-navi {
left: 402px;
}

#footer-4th-navi {
left: 594px;
}

#footer-5th-navi {
left: 786px;
}

#footer-copyright {
top: 205px;
left: 0;
}

#footer-copyright a {
font-size: 1.1em;
color: #a7a7a7;
}


/* Erste Footer Navigation */
#footer-1st-navi dd ul li a.footer-1st-navi-spacer {
margin-bottom: 7px;
}

#footer-1st-navi dd ul li ul li a,
body.blog #content div.bookmarks ul li dl dd ul li a {
margin: 0 10px 11px 0;
padding: 0;
width: 16px;
height: 16px;
display: block;
}

#footer-1st-navi dd ul li ul li a#footer-icon-browser,
body.blog #content div.bookmarks ul li dl dd ul li a#bookmark-icon-browser {
background: url(../images/footer-1st-icons.gif) 0 0 no-repeat;
}

#footer-1st-navi dd ul li ul li a:hover#footer-icon-browser {
background: url(../images/footer-1st-icons.gif) 0 -16px no-repeat;
}

#footer-1st-navi dd ul li ul li a#footer-icon-mr-wong {
background: url(../images/footer-1st-icons.gif) -16px 0 no-repeat;
}

#footer-1st-navi dd ul li ul li a:hover#footer-icon-mr-wong {
background: url(../images/footer-1st-icons.gif) -16px -16px no-repeat;
}

#footer-1st-navi dd ul li ul li a#footer-icon-delicious {
background: url(../images/footer-1st-icons.gif) -32px 0 no-repeat;
}

#footer-1st-navi dd ul li ul li a:hover#footer-icon-delicious {
background: url(../images/footer-1st-icons.gif) -32px -16px no-repeat;
}

#footer-1st-navi dd ul li ul li a#footer-icon-digg {
background: url(../images/footer-1st-icons.gif) -48px 0 no-repeat;
}

#footer-1st-navi dd ul li ul li a:hover#footer-icon-digg {
background: url(../images/footer-1st-icons.gif) -48px -16px no-repeat;
}

#footer-1st-navi dd ul li ul li a#footer-icon-google {
background: url(../images/footer-1st-icons.gif) -64px 0 no-repeat;
}

#footer-1st-navi dd ul li ul li a:hover#footer-icon-google {
background: url(../images/footer-1st-icons.gif) -64px -16px no-repeat;
}

#footer-1st-navi dd ul li ul li a#footer-icon-facebook {
background: url(../images/footer-1st-icons.gif) -80px 0 no-repeat;
}

#footer-1st-navi dd ul li ul li a:hover#footer-icon-facebook {
background: url(../images/footer-1st-icons.gif) -80px -16px no-repeat;
}


/* Zweite Footer Navigation */
#footer-2nd-navi dd ul li ul {
margin: 17px 0 0 -2px;
}

#footer-2nd-navi dd ul li ul li a {
margin-bottom: 4px;
padding: 2px 0 0 22px;
width: 120px;
height: 14px;
display: block;
}

#footer-2nd-navi dd ul li ul li a#footer-icon-facebook {
background: url(../images/footer-1st-icons.gif) -80px 0px no-repeat;
}

#footer-2nd-navi dd ul li ul li a:hover#footer-icon-facebook {
color: #5a76ad;
background: url(../images/footer-1st-icons.gif) -80px -16px no-repeat;
}

#footer-2nd-navi dd ul li ul li a#footer-icon-youtube {
background: url(../images/footer-2nd-icon-youtube.jpg) 0 0 no-repeat;
}

#footer-2nd-navi dd ul li ul li a:hover#footer-icon-youtube {
color: #201d1e;
background: url(../images/footer-2nd-icon-youtube.jpg) 0 -16px no-repeat;
}

#footer-2nd-navi dd ul li ul li a:hover#footer-icon-youtube span {
color: #e84c4c;
}

#footer-2nd-navi dd ul li ul li a#footer-icon-twitter {
background: url(../images/footer-2nd-icon-twitter.jpg) 0 0 no-repeat;
}

#footer-2nd-navi dd ul li ul li a:hover#footer-icon-twitter {
color: #3cf;
background: url(../images/footer-2nd-icon-twitter.jpg) 0 -16px no-repeat;
}

#footer-2nd-navi dd ul li ul li a#footer-icon-flickr {
background: url(../images/footer-2nd-icon-flickr.jpg) 0 0 no-repeat;
}

#footer-2nd-navi dd ul li ul li a:hover#footer-icon-flickr {
color: #0063dc;
background: url(../images/footer-2nd-icon-flickr.jpg) 0 -16px no-repeat;
}

#footer-2nd-navi dd ul li ul li a:hover#footer-icon-flickr span {
color: #ff0084;
}


/* Dritte Footer Navigation */
#footer-3rd-navi dd ul li ul li a#footer-icon-bvdw {
background: url(../images/footer-3rd-icon-bvdw.gif) 0 0 no-repeat;
margin: 9px 0 0 -3px;
padding: 0;
width: 120px;
height: 45px;
display: block;
float: left;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-bvdw:hover {
background: url(../images/footer-3rd-icon-bvdw.gif) 0 -45px no-repeat;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-sea2010 {
background: url(../images/footer-3rd-icon-sea2010.gif) 0 0 no-repeat;
margin: 9px 0 0 -3px;
padding: 0;
width: 46px;
height: 45px;
display: block;
float: left;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-sea2010:hover {
background: url(../images/footer-3rd-icon-sea2010.gif) 0 -45px no-repeat;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-excellence {
background: url(../images/footer-3rd-icon-excellence.gif) 0 0 no-repeat;
margin: 9px 0 0 -3px;
padding: 0;
width: 156px;
height: 46px;
display: block;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-excellence:hover {
background: url(../images/footer-3rd-icon-excellence.gif) 0 -46px no-repeat;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-green {
background: url(../images/footer-3rd-icon-green.gif) 0 0 no-repeat;
margin: 1px 0 0 -3px;
padding: 0;
width: 156px;
height: 33px;
display: block;
}

#footer-3rd-navi dd ul li ul li a#footer-icon-green:hover {
background: url(../images/footer-3rd-icon-green.gif) 0 -36px no-repeat;

}


/* Vierte Footer Navigation */
#footer-4th-navi dd ul li ul li a {
padding: 0;
display: block;
}

#footer-4th-navi dd ul li ul li a#footer-icon-google-partner {
background: url(../images/footer-4th-icon-google-partner.gif) 0 0 no-repeat;
width: 78px;
height: 81px;
}

#footer-4th-navi dd ul li ul li a#footer-icon-google-partner:hover {
background: url(../images/footer-4th-icon-google-partner.gif) 0 -81px no-repeat;
}


#footer-4th-navi dd ul li ul li a#footer-icon-google-adwords {
background: url(../images/footer-4th-icon-google-adwords2.gif) 0 0 no-repeat;
margin: -2px 0 0 13px;
width: 77px;
height: 77px;
}

#footer-4th-navi dd ul li ul li a#footer-icon-google-adwords:hover {
background: url(../images/footer-4th-icon-google-adwords2.gif) 0 -77px no-repeat;
}

/* Gefaellt-Funktion */

.twitter-share-button {
float: left;
margin: 6px 10px 0 0;
}

.facebook-like-button {
float: left;
margin: 6px 5px 0 0;
}

.social {
margin-top: -40px;
height: 40px;
}
.social .twitter-share-button  {
float: left;
margin-right: 10px;
margin-top: 6px;
}

.social .facebook-like-button {
float: left;
margin-right: 5px;
}

/* Helfer */
.clear {
clear: both;
margin: -1px 0 0 0; /* laesst 1px clear nach oben verschwinden */
height: 1px; /* laesst   auf 1px schrumpfen fuer IE */
font-size: 1px;
line-height: 1px;
width: 100%;
}


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

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

.hidden {
display: none;
visibility: hidden;
position: absolute;
top: -999px;
left: -999px;
}

.nowrap {
white-space: nowrap;
}