/* main */ * {
    padding: 0;
    margin: 0;
    border: 0 none;
}

html[xmlns] {
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    background: white;
    font-size: 12px;
}

a:active, a:focus {
    outline: none;
}

:focus {
    outline: none;
}

/* shortcuts */
.left {
    float: left;
}

.right {
    float: right;
}
.clear {
    clear:both;
}
.bold {
    font-weight:bold;
}

/* template */
.main-template {
    background: #fff url(/images/bg_grey.png) repeat-x 0px 336px;
}

.second-template {
    background: #fff url(/images/bg_grey.png) repeat-x 0px 100px;
}

/* page construct */
#construct {
    margin: 0 auto;
    position: relative;
    width: 940px;
}

/* head */
/* language */
#language {
    text-align: right;
    height: 20px;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}

#language a {
    text-decoration: none;
    color: #07afdb;
}

#language a:hover {
    color: #666;
}

/* logo */
#logo {
    height: 80px;
}

/* visual */
#visual {
    height: auto;
}

/* navigation */
#navigation-top {
    margin: 0 0 0 0;
}
#navigation-bottom {
    margin: -42px 0 0 0;
    position: relative;
    z-index: 100;
}

ul.main-navigation {
    list-style: none;
    background-color: #333;
    height: 40px;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    padding: 0 20px;
}

ul.main-navigation li {
    float: left;
    border-left: 1px solid #68696b;
    margin: 10px 0 0 0;
    padding: 7px 13px 6px 13px;
}

ul.main-navigation li a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #07afdb;
}

ul.main-navigation li a:hover {
    color: #fff;
}

ul.main-navigation li a.active {
    color: #fff;
}

ul.second-navigation {
    padding: 0 20px;
    clear: both;
}

ul.second-navigation {
    list-style: none;
    height: 40px;
}

ul.second-navigation li {
    float: left;
    padding: 7px 13px 6px 13px;
}

ul.second-navigation li a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #07afdb;
}
ul.second-navigation li a:hover {
    color: #666;
}
ul.second-navigation li a.active {
    color: #666;
}
ul#projekte-navigation {
    margin:0 0 0 68px;
}
ul#solvians-navigation {
    margin:0 0 0 374px;
}
ul#news-navigation {
    margin:0 0 0 309px;
}
ul#jobs-navigation {
    margin:0 0 0 246px;
}
ul#expertise-navigation {
    margin:0 0 0 154px;
}

/* contents */
#content-holder {
    width:720px;
    float:left;
}
h1 {
    font-size: 22px;
    font-weight:normal;
    color: #07afdb;
    border-bottom: 3px solid #ccc;
    padding:0 0 20px 0;
    margin:30px 0 15px 0;
}
h2 {
    font-size:16px;
    font-weight:normal;
}

h2 a {
    text-decoration:none;
    color:#333;
}

/* articles */
.articles {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.articles h2 {
    margin:0 0 7px 0;
}
.article-intro-left {
    width:300px;
    float:left;
    margin:0 20px 0 0;
}
.article-intro-right {
    width:300px;
    float:left;
} 
.separator {
    border-bottom: 3px solid #ccc;
    margin:20px 0 10px 0;
}
a.read-more {
    width:140px;
    height:24px;
    display:block;
    background:transparent url(/images/button_read_more.png) no-repeat top left;
    color:#fff;
    line-height:24px;
    text-decoration:none;
    text-align:center;
    margin:15px 0 0 0;
} 

/* news */
.news {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.news h1 {
    font-size: 16px;
    color: #07afdb;
    margin:0 0 15px 0;
    padding:0;
    border:none;
}
.news h2 {
    margin:0 0 7px 0;
    padding:0;
    border:none;
}
.news-content {
    margin:0 0 20px 0;
}
.news-content img {
    float:left;
    margin:0 20px 10px 0;
}
.news-content-img {
    margin:0 0 20px 0;
    height:85px;
}
.news-content-img img {
    float:left;
    margin:0 20px 0 0;
}
.news-content a,
.news-content-img a {
    background:transparent url(/images/link_arrow.png) no-repeat center left;
    padding:0 0 0 12px;
    text-decoration:none;
    color: #07afdb;
}
.news-content a:hover {
    text-decoration:underline;
}
.news-content p {
    margin:0 0 20px 0;
}
.news ul {
    list-style-position:inside;
    list-style-type:square;
    padding:0 0 0 5px;
    margin:10px 0 10px 0;
    line-height:22px;
}

/* main-content */
.main {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.main h2 {
    margin:0 0 7px 0;
    padding:0;
    border:none;
}
.main-content {
    margin:0 0 20px 0;
}
.main-content-img {
    margin:0 0 20px 0;
    height:85px;
}
.main-content-img img {
    float:left;
    margin:0 20px 0 0;
}
.main-content a,
.main-content-img a {
    background:transparent url(/images/link_arrow.png) no-repeat center left;
    padding:0 0 0 12px;
    text-decoration:none;
    color: #07afdb;
}
.main-content a:hover {
    text-decoration:underline;
}
.main-content p {
    margin:0 0 20px 0;
}
.main ul {
    list-style-position:inside;
    list-style-type:square;
    padding:0 0 0 5px;
    margin:10px 0 10px 0;
    line-height:22px;
}

/* jobs */
.jobs {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.job-entry {
    border-bottom:1px solid #ccc;
    margin:0 0 20px 0;
}
.jobs h2 {
    margin:0 0 10px 0;
    padding:0 0 0 20px;
    background:transparent url(/images/icon_jobs_closed.png) no-repeat 0px 0px;
}
.jobs h2.open {
    background:transparent url(/images/icon_jobs.png) no-repeat 0px 0px;
}
.jobs h2:hover {
    cursor:pointer;
}
.job-content-closed {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 0 0 0;
}
.job-content-open {
    border-top:1px dotted #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 0 0 0;
}
.jobs p {
    margin:0 0 5px 0;
}
.jobs ul {
    list-style-position:inside;
    list-style-type:square;
    padding:0 0 0 5px;
    margin:0 0 20px 0;
    line-height:22px;
}
.job-entry-footer {
    border-top:1px dotted #ccc;
    padding:5px 0 5px 0;
    margin:-10px 0 0 0 !important;
}
.job-entry-footer a {
    background:transparent url(/images/link_arrow.png) no-repeat center left;
    padding:0 0 0 12px;
    margin:0 10px 0 0;
    text-decoration:none;
    color: #07afdb;
}
.job-entry-footer a:hover {
    text-decoration:underline;
}

/* contact */
.contact {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.contact form {
    margin:10px 0 0 0;
}
.contact label {
    font-weight:bold;
    display:block;
    float:left;
    width:160px;
}
.contact label.radio {
    width:50px;
    font-weight:normal;
}
.contact p.paragraph-end {
    clear:both;
    height:5px;
    padding:0;
    margin:0;
}
.contact input[type=text] {
    background-color:#e6e6e6;
    height:19px;
    border:1px solid #e0e0e0;
    padding:0 5px;
    width:300px;
}
.contact textarea {
    font-size:12px;
    background-color:#e6e6e6;
    height:19px;
    border:1px solid #e0e0e0;
    padding:5px;
    width:300px;
    height:150px;
}
.contact input[type=submit] {
    width:140px;
    height:24px;
    display:block;
    background:transparent url(/images/button_read_more.png) no-repeat top left;
    color:#fff;
    line-height:24px;
    text-decoration:none;
    text-align:center;
    margin:15px 0 0 160px;
    cursor:pointer;
}
.contact input.warning {
    color:#e2001a;
    border:1px solid #e2001a;
}
.contact span.warning {
    padding:0 0 0 15px;
    color:#e2001a;
}
.contact p {
    margin:0 0 5px 0;
}

/* projects */
.projects {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.projects h2 {
    margin:0 0 7px 0;
    padding:0;
    border:none;
}
.projects h3 {
    font-size: 16px;
    font-weight:normal;
    color: #07afdb;
    margin:0 0 15px 0;
    padding:0;
    border:none;
}
.projects-content {
    margin:0 0 20px 0;
}
.projects-img-content {
    margin:0 0 20px 0;
    height:85px;
}
.projects-img-content img {
    float:left;
    margin:0 20px 0 0;
}
.projects-content a, 
.projects-img-content a {
    background:transparent url(/images/link_arrow.png) no-repeat center left;
    padding:0 0 0 12px;
    text-decoration:none;
    color: #07afdb;
}
.projects-content p {
    margin:0 0 20px 0;
}
.projects a:hover {
    text-decoration:underline;
}
.projects .separator {
    border-bottom: 3px solid #ccc;
    margin:30px 0 10px 0;
}
#projects-navigation {
    margin: -42px 0 0 0;
    position: relative;
    z-index: 100;
    background-color:#fff;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    height:40px;
}
#previous-project {
    float:left;
    padding:12px 0 0 10px;
    margin:0 30px 0 0;
}
#project-title {
    font-size:16px;
    float:left;
    line-height:40px;
}
#project-title .highlight {
    color:#07afdb;
    text-decoration:none;
}
#project-title a.highlight:hover {
    text-decoration:underline;
}
#next-project {
    float:right;
    padding:12px 10px 0 0;
}

/* imprint */
.imprint {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.imprint h2 {
    margin:0 0 7px 0;
    padding:0;
    border:none;
}
.imprint a {
    text-decoration:none;
    color: #07afdb;
}
.imprint a:hover {
    text-decoration:underline;
}

/* imprint */
.datenschutz {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.datenschutz h2 {
    margin:0 0 7px 0;
    padding:0;
    border:none;
}
.datenschutz a {
    text-decoration:none;
    color: #07afdb;
}
.datenschutz a:hover {
    text-decoration:underline;
}
.datenschutz ul {
    list-style-position:inside;
    list-style-type:square;
    padding:0 0 0 5px;
    margin:10px 0 10px 0;
    line-height:22px;
}

/* agb */
.agb {
    width:620px;
    margin:0 100px 0 0;
    line-height:16px;
}
.agb h2 {
    margin:20px 0 7px 0;
    padding:0;
    border:none;
}
.agb a {
    text-decoration:none;
    color: #07afdb;
}
.agb a:hover {
    text-decoration:underline;
}

/* sidebar */
#sidebar {
    width:220px;
    float:right;
    margin:66px 0 0 0;
}
.module {
    padding:10px 0 20px 0;
    border-top:3px solid #ccc;
    line-height:16px;
}
.module h2 {
    margin:0 0 7px 0;
}
.module ul {
    list-style-image:url(/images/link_arrow.png);
    padding:0 0 0 15px;
    margin:10px 0 0 0;
}
.module ul li {
    margin:7px 0;
}
.module ul li a {
    display:block;
    text-decoration:none;
    color: #07afdb;
}
.module ul li a:hover {
    text-decoration:underline;
}
a.download-brochure {
    background:transparent url(/images/icon_brochure.png) no-repeat center left;
    padding:0 0 0 24px;
    margin:5px 0 0 0;
    text-decoration:none;
    color: #07afdb;
    display:block;
}
.news-content a:hover {
    text-decoration:underline;
}

/* footer */
#footer {
    border-top: 3px solid #ccc;
    padding: 10px 0 0 0;
    margin:20px 0 30px 0;
}

#footer ul {
    list-style: none;
}

#footer ul li {
    float: left;
    margin: 0 30px 0 0;
}

#footer ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #07afdb;
}

#footer ul li a:hover {
    color: #666;
}

#footer ul li.last-item {
    margin: 0;
}

/* feedback */
#feedback {
    position:fixed;
    z-index:101;
    top:405px;
    left:0px;
    width:31px;
    height:165px; 
}
#feedback img {
    cursor:pointer;
}

/* lightbox */
#lightbox { 
    position:fixed; 
    top:0; 
    left:0; 
    z-index:200; 
    width:110%; 
    height:100%; 
    background:transparent url(/images/lighbox_bg.png) repeat top left;
}
#lightbox-wrapper {
    border:4px solid #E7E7E7;
    width:1000px;
    height:670px;
    margin-left:-500px;
    margin-top:-330px;
    position:fixed;
    color:#333;
    left:50%;
    top:50%;
    z-index:201;
    background-color:#fff;
}
#lightbox-wrapper.small {
    width:680px;
    height:522px;
    margin-left:-340px;
    margin-top:-261px;
}
#lightbox-content {
    height:645px;
}
#lightbox-content.small {
    height:495px;
}
#lightbox-footer {
    background-color:#E7E7E7;
    height:27px;
    line-height:31px;
}
#lightbox-footer-title {
    float:left;
}
#lightbox-footer-close {
    float:right;
    display:block;
    cursor:pointer;
    background:transparent url(/images/icon_jobs.png) no-repeat center left;
    padding:0 0 0 15px;
}

/* Support */
.support {
    padding:30px;
}
.support h1 {
    margin:0 0 15px 0;
}
.support form {
    margin:10px 0 0 0;
}
.support label {
    font-weight:bold;
    display:block;
    float:left;
    width:160px;
}
.support input[type=text],
.support input[type=password] {
    background-color:#e6e6e6;
    height:19px;
    border:1px solid #e0e0e0;
    padding:0 5px;
    width:300px;
}
.support input[type=submit] {
    width:140px;
    height:24px;
    display:block;
    background:transparent url(/images/button_read_more.png) no-repeat top left;
    color:#fff;
    line-height:24px;
    text-decoration:none;
    text-align:center;
    margin:15px 0 0 160px;
    cursor:pointer;
}
.support input.warning {
    color:#e2001a;
    border:1px solid #e2001a;
}
.support span.warning {
    padding:0 0 0 15px;
    color:#e2001a;
}
.support p {
    margin:0 0 5px 0;
}
.support a {
    background:transparent url(/images/link_arrow.png) no-repeat center left;
    padding:0 0 0 12px;
    text-decoration:none;
    color: #07afdb;
}
.support .forgot-password {
    margin:20px 0 0 0;
    padding:10px 0 0 0;
    border-top: 1px solid #ccc;
}

/* callback */
.callback {
    padding:30px;
}
.callback h1 {
    margin:0 0 15px 0;
}
.callback form {
    margin:10px 0 0 0;
}
.callback label {
    font-weight:bold;
    display:block;
    float:left;
    width:160px;
}
.callback input[type=text] {
    background-color:#e6e6e6;
    height:19px;
    border:1px solid #e0e0e0;
    padding:0 5px;
    width:300px;
}
.callback select {
    border:1px solid #e0e0e0;
}
.callback input[type=submit] {
    width:140px;
    height:24px;
    display:block;
    background:transparent url(/images/button_read_more.png) no-repeat top left;
    color:#fff;
    line-height:24px;
    text-decoration:none;
    text-align:center;
    margin:15px 0 0 160px;
    cursor:pointer;
    float:left;
}
.callback input.disabled {
    background:transparent url(/images/button_submit_disabled.png) no-repeat top left;
    cursor:wait;
}
.callback textarea {
    font-size:12px;
    background-color:#e6e6e6;
    height:19px;
    border:1px solid #e0e0e0;
    padding:5px;
    width:300px;
    height:130px;
}
.callback input.warning,
.callback textarea.warning {
    color:#e2001a;
    border:1px solid #e2001a;
}
.callback span.warning {
    padding:0 0 0 15px;
    color:#e2001a;
}
.callback p {
    margin:0 0 5px 0;
}
.callback #button-submit {
    float:left;
}
.callback #preloader {
    float:left;
    margin:18px 0 0 10px;
}