/* General */
* {
    margin: 0;
    padding: 0;
}

body {
    background: #B02F2F url(../images/background.png) no-repeat left bottom;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

div#gesamtkonzept {
    background: url(../images/layer.png) no-repeat left top;
}

div#logo {
    position: absolute;
    top: 35px;
    height: 38px;
    width: 100%;
    background: url(../images/opacity.png) repeat left top;
    z-index: 0;
}

div#logo img {
    position: absolute;
    top: -22px;
    left: 40px;
}

div#titelleiste {
    position: relative;
    height: 98px;
    width: 978px;
    z-index: 0;
}

div#titelleiste h1 {
    float: right;
    padding-top: 45px;
    color: #4e4e4e;
    font: 0.8em Verdana;
}

div#flashlayer {
    position: absolute;
    top: -164px;
    left: -38px;
    z-index: 3;
}

div#inhalt {
    padding-top: 10px;
    padding-left: 37px;
}

div#inhalt .innenrand {
    float:left;
    width: 941px;
    background-color: #FFFFFF;
    background: url(../images/opacity.png) repeat left top;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
}

div#inhalt .aussenrand {
    float:left;
    width: 940px;
    border-top: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
}

div#spalte1 {
    float:left;
    width: 470px;
}

div#spaltequer {
    float:left;
    width: 940px;
}

div#spalte1 h2, div#spaltequer h2 {
    background-color: transparent;
    padding: 20px 5px 10px 20px;
    color: #B02F2F;    
    font: bold 1.4em Verdana;
}

div#spalte1 .content, div#spaltequer .content {
    padding: 0 5px 10px 20px;
    color: #4e4e4e;    
    font: normal 0.9em Verdana;
    line-height:1.4em;
    text-align: left;
}

div#spaltequer h2, div#spaltequer .content {
    padding-right: 20px;
}

div#spalte1 p, div#spaltequer p {
    margin-top: 10px;
    line-height: 20px;
}

div#spalte1 p strong, div#spaltequer p strong {
    color: #B02F2F;    
    background-color: transparent;
}

div#spalte1 p a, div#spaltequer p a {
    color: #4e4e4e;    
    border-bottom: 1px dotted;
    text-decoration: none;
}

div#spalte1 p a:hover, div#spaltequer p a:hover {
    color: #B02F2F;
    border-bottom: 1px solid;
    text-decoration: none;
}

div#spalte1 ul, div#spaltequer ul {
    margin: 8px 0 0 20px;
}

div#spalte1 ul strong, div#spaltequer ul strong {
    color: #B02F2F;    
    background-color: transparent;
}

div#spaltequer .content2 {
    width: 850px;
    padding: 0 0 10px 50px;
    color: #4e4e4e;    
    font: normal 0.9em Verdana;
    line-height:1.4em;
    text-align: left;
}

div#spaltequer .content2 ul {
    list-style-image: url(../images/listquad.gif);
    color: #B02F2F;    
    font: bold 1.2em Verdana;
}

div#spaltequer .content2 p {
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin: 0px;
}

div#spaltequer .content2 p.branche {
    padding-top: 2px;
    font: normal 0.75em Verdana;
}

div#spaltequer .content2 p.bild {
    float: right;
    width: 284px;
    height: 184px;
    padding: 0 100px 0 40px;
    margin: 0px;
}

div#spaltequer .content2 p.bilder {
    float: right;
    width: 532px;
    height: 174px;
    padding: 15px 0 0 10px;
    margin: 0px;
}

div#spaltequer .content2 img {
    float: right;
    border: 0px;
}

div#spaltequer .content2 p.bild a {
    float: right;
    width: 240px;
    height: 180px;
    padding: 2px;
    border: 0px;
}

div#spaltequer .content2 p.bilder a {
    float: right;
    width: 170px;
    height: 170px;
    padding: 2px;
    border: 0px;
}

div#spaltequer .content2 p.bild a:hover, div#spaltequer .content2 p.bilder a:hover {
    border: 0px;
    background-color: #B02F2F;
}

div#spalte2 {
    float:right;
    width: 470px;
    text-align: center;
}

div#spalte2 img {
    border: 0;
}

div#spalte2 #flash {
    padding-top: 65px;
    border: 0;
    z-index: 1;
}

div#spalte2 p {
    color: #4e4e4e;
    font: bold 0.9em Verdana;
}

div#ende {
    width: 979px;
    height: 193px;
    position: relative;
    left: -39px;
    color: #4e4e4e;
    font: bold 0.9em Verdana;
    border-bottom: 22px solid #B02F2F;
}

div#ende img {
    float: left;
}

div#finale {
    clear: both;
}

/* Main navigation */

#hauptnavigation {
    clear: left;
    padding-left: 37px;
    z-index: 2;
}

#vphintergrund { 
    width: 942px;
    height: 31px;
    background: url(../images/navi_back.png) repeat-x left top;
}

#vpnavigation {
    padding-left: 0px;
}

#vpnavigation ul {
    list-style: none;
}

#vpnavigation a {
    display:block;
}

#nav li .links {
    float:left;
    border-top: 1px solid #707070;
}

#nav li .rechts {
    float:left;
    border-top: 1px solid #C6C6C6;
}

#nav li:hover .links, #nav li.sfhover .links {
    border-right: 1px solid #C6C6C6;
    border-top: 1px solid #B02F2F;
}

#nav li:hover .rechts, #nav li.sfhover .rechts {
    border-right: 1px solid #707070;
    border-top: 1px solid #B02F2F;
}

#nav li .startlinks {
    float:left;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
}

#nav li .startrechts {
    float:left;
    border-left: 1px solid #C6C6C6;
    border-top: 1px solid #C6C6C6;
}

#nav li:hover .startlinks, #nav li.sfhover .startlinks {
    border-left: 1px solid #B02F2F;
    border-right: 1px solid #C6C6C6;
    border-top: 1px solid #B02F2F;
}

#nav li:hover .startrechts, #nav li.sfhover .startrechts {
    border-left: 1px solid #B02F2F;
    border-right: 1px solid #707070;
    border-top: 1px solid #B02F2F;
}

#nav li a {
    padding: 4px 12px 8px 10px;
    color: #4e4e4e;
    font: bold 0.9em Verdana;
}

#nav li:hover a, #nav li.sfhover a {
    padding: 3px 11px 9px 9px;
    background-color: #B02F2F;
    color: #FFFFFF;
}

#vpnavigation li { 
    float:left;
}

#vpnavigation li ul { 
    position: absolute;
    left: -999em; 
    width: 201px;
    padding-top: 5px;
    background-color: #B02F2F;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

#nav li ul li.anim {
    padding-top: 4px;
    float:right;
}

#vpnavigation ul li ul li a { 
    padding: 2px 5px 2px 10px;
    white-space:nowrap;
    color: #FFFFFF;
    background-color: transparent;
    font: normal 0.9em Verdana;
}

#nav li:hover ul li a, #nav li.sfhover ul li a {
    padding: 2px 5px 2px 10px;
    white-space:nowrap;
    background-color: #B02F2F;
    color: #FFFFFF;
}

#vpnavigation li ul a:hover { 
    padding: 2px 5px 2px 10px;
    font: normal 0.9em Verdana;
}

#vpnavigation li ul li { 
    color: #FFFFFF;
    background-color: transparent;
    height: 25px;
    clear:left;
}

#vpnavigation li:hover ul, #vpnavigation li li:hover ul, #vpnavigation li.sfhover ul, #vpnavigation li li.sfhover ul { /* Listen, die unterhalb von "gehoverten" Menüpunkte liegen */
    left: auto;
}

/* Breadcrumb navigation */

div#crumbnavigation {
    color: #4e4e4e;
    font: normal 0.7em Verdana;
    padding: 10px 0px 0px 20px;
}

div#crumbnavigation a {
    color: #4e4e4e;
    border-bottom: 1px dotted #4e4e4e;
}

div#crumbnavigation a:hover {
    color: #B02F2F;
    text-decoration: none;
    border-bottom: 1px solid #B02F2F;
}

/* Meta navigation */

ul#metanavigation {
    float:right;
    padding-top: 152px;
    font: bold 0.8em Verdana;
}

ul#metanavigation li {
    float:left;
    display:inline;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul#metanavigation li a {
    padding: 10px 7px 10px 7px;
    color: #4e4e4e;
}

ul#metanavigation li a:hover {
    background-color: #B02F2F;
    color: #FFFFFF;
}

/* Tag Cloud (360) */

div#cloud {
    width: 300px; 
    height: 90px; 
    padding-left: 130px; 
    padding-bottom: 20px; 
    text-align: center; 
    font-family: 'Verdana';
}

div#cloud a {
    color: #4e4e4e;
    border-bottom: 1px dotted #4e4e4e;
}

div#cloud a:hover {
    color: #B02F2F;
    text-decoration: none;
    border-bottom: 1px solid #B02F2F;
}

/* Kontaktformular, mitte */

div#contactForm {
    text-align:left;
    padding: 74px 0 5px 70px;
    color: #4E4E4E;
    font:12px Verdana;  
}

div.contactRow {
    padding: 5px 0 5px 0;
}

div.contactRow input.eingabe {
    width: 150px;
    border: 1px solid #707070;
}

div.contactRow textarea {
    width: 220px;
    height: 115px;
    border: 1px solid #707070;
}

div#contactForm label {
    float: left;
    width: 120px;
    font-weight:bold;
}

div#contactForm table tr td.pt {
    padding: 0 10px 0 0;
}

#contactFormSubmit #contactFormSubmitLeft {
    padding-left: 119px;
    float:left;
    padding-bottom: 10px;
}

#contactFormSubmit #contactFormSubmitRight {
    padding: 0 57px 10px 0;
    float:right;
}

/* #################################################### */
/* ############### Lightbox-3D-Gallery################# */
/* #################################################### */

#lightboxgallery {
    margin: 0;
    padding: 0 220px;
}

#spinproduct {
    float: left;
    margin: 0;
    padding: 0 295px;
}

#spinproduct #flasch p, #lightboxgallery #flasch p {
    margin: 0;
    padding: 0;
    font: 12px Verdana;
}