body {
    background-color:#000000;
}

#wrapper{
    margin:0 auto;
    width:1330px;
}

.pyramide{
    margin-left:250px;
}

/*Login*/
/*********************************************************************************/

#loginTable{
    margin:8px 0 0 0;
    width:100%;
    color:white;
    text-align:right;
}

#loginImage{
    border:solid 2px white;
	margin-right:21px;
    width:22px;
    height:22px;
    padding:2px;
    vertical-align:middle;
}

#homeLink{
    margin-right:20px;
}

/*Header*/
/*********************************************************************************/

#headerDiv
{
    min-width:1265px;
    margin:10px 25px 30px 30px;
    height: 250px;
    border:2.5px solid white;
    position:relative;
}

#headerDiv img {
    position:absolute;
    left:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    width:100%;
    height: 250px;

    animation-name: FadeAnimation;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 36s;
    animation-direction: normal;
}

@-webkit-keyframes FadeAnimation{
    0% {
        opacity:1;
    }
    5.55% {
        opacity:1;
    }
    11.11% {
        opacity:0;
    }
    94.44% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes FadeAnimation{
    0% {
        opacity:1;
    }
    5.55% {
        opacity:1;
    }
    11.11% {
        opacity:0;
    }
    94.44% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes FadeAnimation{
    0% {
        opacity:1;
    }
    5.55% {
        opacity:1;
    }
    11.11% {
        opacity:0;
    }
    94.44% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes FadeAnimation{
    0% {
        opacity:1;
    }
    5.55% {
        opacity:1;
    }
    11.11% {
        opacity:0;
    }
    94.44% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

#headerDiv img:nth-of-type(1) {
  animation-delay: 32s;
}
#headerDiv img:nth-of-type(2) {
  animation-delay: 28s;
}
#headerDiv img:nth-of-type(3) {
  animation-delay: 24s;
}
#headerDiv img:nth-of-type(4) {
  animation-delay: 20s;
}
#headerDiv img:nth-of-type(5) {
  animation-delay: 16s;
}
#headerDiv img:nth-of-type(6) {
  animation-delay: 12s;
}
#headerDiv img:nth-of-type(7) {
  animation-delay: 8s;
}
#headerDiv img:nth-of-type(8) {
  animation-delay: 4s;
}
#headerDiv img:nth-of-type(9) {
  animation-delay: 0;
}

#headerTextTable{
    margin-top:50px;
    margin-left:10px;
}

td.header1 {
    opacity:0.8;
    font:bold 75px arial;
    height:100px;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

td.header2 {
    opacity:0.8;
    font:bold 38px arial;
    height:41px;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

#contentPlaceholder_sA{
    -webkit-margin-start: 0px !important;
    margin-top:0px;
    color:red !important;
}

h1,h2{
    margin-top:0px;
}

/*Navigation*/
/*********************************************************************************/

#navigationDiv {
    width:265px;
    border-right:3px solid red;
    padding-right:10px;
    margin-left:30px;
    float:left;
    margin-bottom:10px;
}

div.navigationLv1First {
    border-top:2px solid red;
    border-bottom:2px solid red;
    font:bold 14px arial;
    text-align:center;
    padding-top:6px;
    padding-bottom:6px;
    width:inherit;
}

div.navigationLv1FirstSelected {
    background-color:#646464;
    border-top:2px solid red;
    border-bottom:2px solid red;
    font:bold 14px arial;
    text-align:center;
    padding-top:6px;
    padding-bottom:6px;
    width:inherit;
}

div.navigationLv1 {
    border-bottom:2px solid red;
    font:bold 14px arial;
    text-align:center;
    padding-top:6px;
    padding-bottom:6px;
    width:inherit;
}

div.navigationLv1Selected {
    background-color:#646464;
    border-bottom:2px solid red;
    font:bold 14px arial;
    text-align:center;
    padding-top:6px;
    padding-bottom:6px;
    width:inherit;
}

div.navigationLv2 {
    border-bottom:2px solid red;
    font:bold 13px arial;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    width:inherit;
}

div.navigationLv2Selected {
    background-color:#646464;
    border-bottom:2px solid red;
    font:bold 13px arial;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    width:inherit;
}

div.navigationLv3 {
    border-bottom:2px solid red;
    font:bold 12px arial;
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    width:inherit;
}

div.navigationLv3Selected {
    background-color:#646464;
    border-bottom:2px solid red;
    font:bold 12px arial;
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    width:inherit;
}

a:link, a:visited
{
   color:white;
   text-decoration:none;
}

a:hover, a:visited:hover {
   color:red;
   text-decoration:none;
}

#logoImage {
    width:165px;
    border:solid 2px red;
    margin:25px 0 10px 0;
    float:left;
}
#sqsImage {
    width:80px;
    margin:10px 0 10px 10px;
    float:right;
}

/*Content*/
/*********************************************************************************/

#contentPlaceholder_contentDiv {
    width:980px;
    padding-left:10px;
    margin-right:30px;
    margin-bottom:10px;
    float:right;
    color:white;
    font: 18px arial;
}

p {
    font: 18px arial;
}

.bold {
    font: bold 18px arial;
}

.bigbold {
    font: bold 27px arial;
}

/*Footer*/
/*********************************************************************************/

#footerTable {
    min-width:96.75%;
    padding:2px 0px 2px 5px;
    clear:both;
    width:1265px;
    margin-top:10px;
    margin-left:30px;
	margin-right:21px;
    color:white;
    font:12px arial;
    border:solid 2px red;
}

#footerRight {
    align-self:flex-end;
}

#copyright {
    font:20px arial;
    vertical-align:middle;
}

/*Kontaktformular*/
/*********************************************************************************/

.validators{
    color:red;
}

.messageLabel * {
    vertical-align:top;
}

/*Firmengrundssaetze*/
/*********************************************************************************/

table.firmengrundsatz {
    border-bottom:solid 2px red;
    padding:5px;
}

table.firmengrundsatzLast {
    padding:5px;
}

td.imageLeft {
    padding-right: 25px;
}

td.imageRight {
    padding-left: 25px;
}

/*Leistungsangebot*/
/*********************************************************************************/

tr.marktgebiet td {
    border:solid 2px red;
    padding:10px;
}

table.leistungsangebot{
    display:block;
    padding-bottom:10px;
    border-bottom:solid 2px red;
}

table.leistungsangebotLast{
    display:block;
    padding-bottom:10px;
}

a.Red{
    color:red;
}

/*Projekte*/
/*********************************************************************************/

div.Projektdaten{
    vertical-align:baseline;
    padding:10px 10px 10px 10px;
    border:2px solid red;
    float:left;
    height:315px;
    width:450px;
    margin-right:10px;
}

div.ProjektdatenMaske{
    vertical-align:baseline;
    padding:10px 10px 10px 10px;
    border:2px solid red;
    float:left;
    height:565px;
    width:450px;
    margin-right:10px;
    
}

div.ProjektdatenLU{
    padding:0px 10px 10px 10px;
    border:2px solid red;
    float:right;
    height:325px;
    width:450px;
}

div.ProjektdatenLUMaske{
    padding:0px 10px 10px 10px;
    border:2px solid red;
    float:right;
    min-height:575px;
    width:450px;
}

div.ProjektdatenBilderMaske{
    margin-top:15px;
    padding:0px 10px 10px 10px;
    border:2px solid red;
    clear:both;
    width:940px;
}

.marginLeft
{
    margin-left:7px;
}