body, html {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color: #666;
    text-align: left;
}
p {
  margin:0px;
  padding:0px 0px 16px 0px;
  line-height:  16px;  
}
img {
  border:none;
}
div {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    color: #666;
    text-align: left;
}
#header_visual {
  display:block;
    margin-bottom: 30px;
    padding: 0px;
}

/* Container Links :: START */
#container {
    position:relative;
    width: 850px;
    margin: 100px auto;
}
.container_left {
    float: left;
    margin-right: 14px;
    position:relative;
    width: 544px;
    margin-bottom: 100px;
}
.container_left div#shadow_left_top {
    float: left;
    width: 544px;
    height: 4px;
    background:url(/img/schatten_lang_links_oben.gif) bottom left;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
.container_left div#shadow_left_bottom {
    float: left;
    width: 544px;
    height: 4px;
    background:url(/img/schatten_lang_links_unten.gif) top left;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
.content_left {
    float: left;
    width: 508px;
    height: auto !important;
    background:url(/img/schatten_rechts.gif) top right;
    background-repeat:repeat-y;
    padding-bottom:24px;
    padding-left:14px;
    padding-right:22px;
    padding-top: 24px;
    overflow:hidden;
}

/* Container Links :: ENDE */
/* Allgemeine Uberschriften :: START */
h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin:0px;
    padding:0px;
    line-height:1em;
    color: #666;
    margin:0px 0px 10px 0px;
    font-size:1em;
}
h1 {
    margin:0px 0px 14px 0px;
    font-size:14px;
}
h2 {
    font-weight: bold;
}
h3 {
    font-weight: bold;
    color: #c8ca4e;
}
/* Allgemeine Uberschriften :: ENDE */
/* Projekte Uberschriften :: START */
.projects_content h2 {
    font-weight: bold;
    font-size:1em;
    color: #666;
    line-height:1em;
    margin-bottom: 10px;
    padding:0px;
    clear: both;
}
.projects_content h3 {
    font-weight: bold;
    font-size:1em;
    color: #c8ca4e;
    line-height:1em;
/* margin-bottom:7px; */
    padding:0px;
    clear: both;
}
/* Projekte Uberschriften :: ENDE */
/* Referenzen Uberschriften :: START */
.projects_references h2 {
    font-weight: bold;
    font-size:1em;
    color: #666;
    line-height:1em;
    margin-bottom: 10px;
    padding:0px;
    clear: both;
}
.projects_references h3 {
    font-weight: bold;
    font-size:1em;
    color: #c8ca4e;
    line-height:1em;
    margin-bottom:7px;
    padding:0px;
    clear: both;
}
/* Referenzen Ueberschriften :: ENDE */
/* PartnerUeberschriften :: START */
.partner h2 {
    font-weight: bold;
    font-size:1em;
    color: #666;
    line-height:3em;
    margin-bottom: 10px;
    padding:0px;
    clear: both;
}
.partner h3 {
    font-weight: bold;
    font-size:1em;
    color: #666;
    line-height:1em;
    margin: 0px;
    padding:0px;
    clear: both;
}
.partner div {
    float: left;
    width: 506px;
    margin-bottom: 10px;
    padding:0px;
    clear: both;
}
/* Partner Uberschriften :: ENDE */
/* Liste auf der index seite :: START */
ul {
    list-style: none;
    margin: 0px 0px 18px 0px;
    padding: 0px;
}
ul li {
    background: url('/img/li.gif') left 5px no-repeat;
    margin: 0px;
    padding:0px 0px 5px 10px;
    line-height: 16px;
}
ul span {
    font-weight: bold;
    color: #c8ca4e !important;
}

ul ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
/* Liste auf der index seite :: ENDE */
/* Liste mit Unterlisten auf der Projects Seite :: START */
ul#projects {
    float: left;
    width: 506px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    clear: left;
}
ul#projects li {
    color: #666;
    vertical-align: top;
    line-height: 16px;
    padding-left: 12px;
    text-align: left;
    background: url(https://www.debitel.de/img/dug_jobs/bullet_pa.gif) no-repeat left 12%;
}
ul#projects li ul {
    width: 506px;

    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul#projects li ul li {
    color: #666;
    vertical-align: top;
    line-height: 16px;
    padding-left: 12px;
    text-align: left;
    background: url(https://www.debitel.de/img/dug_jobs/bullet_pa.gif) no-repeat left 20%;
}
ul#projects span {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #666 !important;
}
* html ul#projects span {
    w/idth: auto;
/* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
/* Liste mit Unterlisten auf der Projects Seite :: ENDE */
/* Liste auf der Referenzen Seite :: START */
ul#references {
    float: left;
    width: 506px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul#references li {
    margin: 0px;
    color: #666;
    vertical-align: bottom;
    line-height: 23px;
    padding-left: 12px;
    text-align: left;
    font-weight: bold;
    background: url(https://www.debitel.de/img/dug_jobs/bullet_pa.gif) no-repeat left center;
}
/* Liste auf der Referenzen Seite :: ENDE */
/* Liste auf der Partner Seite :: START */
ul#partner_list {
    float: left;
    width: 506px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    clear: left;
}
ul#partner_list li {
    color: #666;
    vertical-align: top;
    line-height: 16px;
    padding-left: 12px;
    text-align: left;
    background: url(https://www.debitel.de/img/dug_jobs/bullet_pa.gif) no-repeat left 12%;
}
ul#partner_list li ul {
    width: 506px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul#partner_list li ul li {
    color: #666;
    vertical-align: top;
    line-height: 16px;
    padding-left: 12px;
    text-align: left;
    background: url(https://www.debitel.de/img/dug_jobs/bullet_pa.gif) no-repeat left 20%;
}
ul#partner_list span {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #666 !important;
}
* html ul#partner_list span {
    w/idth: auto;
/* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
/* Liste auf der Partner Seite :: ENDE */
/* Navigation :: START */
ul#navi {
    float: left;
    width: 266px;
    list-style: none;
    padding: 0px 0px 20px 0px;
    margin: 0px;
}
ul#navi ul {
    width:auto;
    list-style: none;
    margin: 0px;
    padding-top:8px;
    display:none;
}
ul#navi li {
    background:none;
    line-height:1em;
    margin: 0px;
    padding:0px;
    padding-left: 12px;
    text-align: left;
}
ul#navi li img {
    display:block;
    margin:0px;
    padding-top: 17px;
}
ul#navi ul li {
    margin: 0px;
    padding:0px;
    padding-left: 12px;
}
ul#navi ul li.aktiv {
  background:url('/img/subnav_haken.gif') no-repeat left top;
}
ul#navi li.aktiv ul {
  display:block;
}
ul#navi ul li img {
    padding:5px 0px;
}
/* Navigation :: ENDE */
/* Container rechts mit Navi & Logo :: START */
.container_right {
    position:relative;
    float: left;
    width: 274px;
}
.container_right div#shadow_right_top {
    float: left;
    width: 274px;
    height: 4px;
    background:url(/img/schatten_lang_rechts_oben.gif) bottom left;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
.container_right div#shadow_right_bottom {
    float: left;
    width: 274px;
    height: 4px;
    background:url(/img/schatten_lang_rechts_unten.gif) top left;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
.content_right {
    position:relative;
    float: left;
    width: 274px;
    height: auto !important;
    background:url(/img/schatten_links.gif) top left;
    background-repeat:repeat-y;
    overflow:hidden;
}
.content_right img {
  display:block;
}
.content_right .navigation {
    position:relative;
    padding-left: 23px;
    padding-top: 5px;
    clear: both;
    height:300px;
}
#logo {
  text-align:right;
  overflow:hidden;
  width:266px; height:57px;
  margin-left:8px;
  clear:both;
}

/* Container rechts mit Navi & Logo :: ENDE */

.abstand {
    clear:both;
    height:1em;
}
/* Formular :: START */
label {
    float: left;
    width: 253px;
    margin-bottom: 7px;
}
input {
    float: left;
    width: 238px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666;
    border:1px solid #666;
}
input.checkbox {
  border:none;
  width:auto;
}
.select {
    float: left;
    width: 240px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666;
    border:1px solid #666;
}
.label_big {
    float: left;
    width: 490px;
}
.betreff {
    float: left;
    width: 492px;
}
.textarea {
    border:1px solid #666;
    float: left;
    width: 492px;
    height: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666;
}
button {
  margin:0px;
  padding:0px;
  display:block;
  float:right;
  border:none;
  background:transparent;
}
button img {
  display:block;
  margin:0px !important; padding:0px !important;
}
.error {
  color:#f00;
  font-weight:bold;
}
#errorText {
  padding-bottom:10px;
  display:none;
}
textarea.error,
select.error,
input.error {
  border:1px solid #f00;
  font-weight:normal;
}
fieldset {
  border:none;
  padding:0px;
  margin:0px;
}
/* Formular :: ENDE */
a:link, a:visited, a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #c8ca4e;
    text-decoration: none;
}

/* footer unter der sidenav */
#footer {
clear:both;
  overflow:hidden;
  position:relative;
  padding:0px 10px;
}

#footer * {
  text-transform:uppercase;
  color:#aaa;
}

#footer span {
   text-transform:lowercase;
   position:absolute;
   right:0px;
}

/* paging bei referenzen */
.app_paging .paging_nav {
  margin-bottom:8px;
}
.app_paging .paging_nav a {
  cursor:pointer;
  padding-right:10px;
  font-size:12px;
}
.app_paging .paging_nav a.aktiv {
  color:#c8ca4e !important;
}
.app_paging .paging_body {
  font-weight:bold;
}