#experience #france     { margin-left: 475px; margin-top: -347px; }
#experience #mexico     { margin-left: 190px; margin-top: -270px; }
#experience #bolivia    { margin-left: 295px; margin-top: -138px; }
#experience #chile      { margin-left: 278px; margin-top: -85px; }
#experience #bahamas    { margin-left: 262px; margin-top: -278px; }
#experience #albania    { margin-left: 534px; margin-top: -330px; }
#experience #dubai      { margin-left: 638px; margin-top: -284px; }
#experience #malaysia   { margin-left: 774px; margin-top: -210px; }
#experience #lebanon    { margin-left: 578px; margin-top: -310px; }
#experience #china      { margin-left: 775px; margin-top: -301px; }
#experience #algeria    { margin-left: 480px; margin-top: -296px; }
#experience #ethiopia   { margin-left: 594px; margin-top: -218px; }

#experience #wSantiago  { margin-left: 275px; margin-top: -70px; }
#experience #wJohannesburg  { margin-left: 558px; margin-top: -113px; }
#experience #wriyadh  { margin-left: 608px; margin-top: -278px; }
#experience #wkuwait  { margin-left: 614px; margin-top: -293px; }
#experience #wdubai  { margin-left: 624px; margin-top: -276px; }
#experience #wdacca  { margin-left: 732px; margin-top: -276px; }
#experience #wkarachi  { margin-left: 672px; margin-top: -283px; }
#experience #wnewdelhi  { margin-left: 704px; margin-top: -290px; }
#experience #wistanbul  { margin-left: 557px; margin-top: -338px; }
#experience #wmadrid  { margin-left: 468px; margin-top: -334px; }
#experience #wathens  { margin-left: 547px; margin-top: -321px; }
#experience #wgrenoble  { margin-left: 493px; margin-top: -348px; }
#experience #wmilan  { margin-left: 508px; margin-top: -351px; }
#experience #wjundiai  { margin-left: 349px; margin-top: -123px; }
#experience #wCiudad  { margin-left: 206px; margin-top: -263px; }
#experience #wBogota  { margin-left: 266px; margin-top: -219px; }

span.exproject {border-bottom: 2px solid #ba1a19;}
span.exworkshops {border-bottom: 2px solid #0d4c71;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    background: #6b6158;
    background-image: url('http://cmsquare.de/cms/upload/backgrounds/start1.jpg');
    background-size: cover;
    background-attachment: fixed;
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%; 
    font-family: 'Source Sans Pro', sans-serif;
}

b, strong {
    font-weight: 700;
}

a, a:link {
    text-decoration: none;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
    display: block;
    padding: 0px 50px;
}

#impressum {
    display: none;
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    top: 0px;
    z-index: 999999;
}

#impressum #wrapper p {
    float: left;
    width: 450px;
    height: 60%;
    overflow: auto;
    display: block;
    padding: 0px 50px 0px 0px;
    font-size: 14px;
    line-height: 20px;
}

#impressum #wrapper p span {
    display: block;
    margin-bottom: 20px;
    color: #ba1a19;
    font-size: 18px;
}

#impressum a {
    color: #000000;
}

#menu {
    position: fixed;
    top: 0px;
    background: url('../upload/bar_top_menu.png') top center;
    width: 100%;
    height: 132px;
    padding: 0px;
    z-index: 999999;
}

#menu img {
    position: absolute;
    margin-left: 0px;
    margin-top: 30px;
}

#menu a.menu {
    margin-left: 20px;
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-weight: 300;
    font-size: 15px;
    margin-top: 50px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#menu #lang {
    position: absolute;
    margin: 10px 0px 0px 10px;
    width: 1000px;
    text-align: right;
    color: #999;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 10px;
}

#menu #lang a {
    text-decoration: none;
    text-transform: uppercase;
    color: #ba1a19;
    font-weight: 300;
    font-size: 10px;
    margin: 0px 10px;
}

#menu a.menu:hover, #menu a.menu:focus {
    color: #ba1a19;
}

.container {
    background: #ffffff;
    width: 100%;
    margin: auto;
    display: block;
    padding: 50px 0px;
}

.container h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.container h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 20px;
}

.container h4 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000000;
}

.container p, .container li {
    font-size: 18px;
    line-height: 26px;
}

#start {
    background-size: cover;
    width: 100%;
    margin: auto;
    min-height: 100%; 
    height:auto !important;
    height:100%; 
    overflow: hidden !important; 
    position: relative;
}

#start #bar {
    position: absolute;
    top: 0px;
    background: url('../upload/bar_top.png') top center;
    width: 100%;
    height: 357px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#start #bar2 {
    position: absolute;
    bottom: 0px;
    background: url('../upload/bar_bottom.png') top center;
    width: 100%;
    height: 264px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#start span {
    position: absolute;
    top: 50%; left: 50%;
    margin-left: -500px;
    margin-top: -50px;
    z-index: 0;
}

#start h1 {
    font-size: 71px;
    color: #ffffff;
    text-align: left;
    width: 1000px;
    z-index: 0;
    letter-spacing: -3px;
    font-weight: 700;
    line-height: 60px;
    text-shadow: 1px 1px 25px #000000;
    text-transform: uppercase;
    -webkit-text-shadow: 1px 1px 25px #000000;
    -khtml-text-shadow: 1px 1px 25px #000000;
    -moz-text-shadow: 1px 1px 25px #000000;
}

#start p {
    font-size: 30px;
    color: #ffffff;
    text-align: left;
    width: 1000px;
    display: block;
    font-weight: 300!important;
    z-index: 0;
    letter-spacing: -1px;
    text-shadow: 1px 1px 5px #000000;
    -webkit-text-shadow: 1px 1px 5px #000000;
    -khtml-text-shadow: 1px 1px 5px #000000;
    -moz-text-shadow: 1px 1px 5px #000000;
    text-transform: uppercase;
}

#start h9 {
    position: absolute;
    top: 50%; left: 50%;
    margin-left: -500px;
    margin-top: 70px;
    font-size: 30px;
    color: #ffffff;
    text-align: left;
    width: 1000px;
    display: block;
    z-index: 0;
    letter-spacing: -1px;
    text-shadow: 1px 1px 5px #000000;
    -webkit-text-shadow: 1px 1px 5px #000000;
    -khtml-text-shadow: 1px 1px 5px #000000;
    -moz-text-shadow: 1px 1px 5px #000000;
    text-transform: uppercase;
}

#consultancy {
    background: #ba1a19;
    color: #ffffff;
}

#consultancy h4 {
    color: #000;
}

ul {
    list-style-image:url('../upload/list.png');
    margin-left: 60px;
    margin-bottom: 20px;
}

#break {
    background: url('../upload/backgrounds/start3.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start3.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start3.jpg', sizingMethod='scale')";
}

#break2 {
    background: url('../upload/backgrounds/start4.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start3.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start3.jpg', sizingMethod='scale')";
}

#break3 {
    background: url('../upload/backgrounds/start0.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start0.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start0.jpg', sizingMethod='scale')";
}

#break4 {
    background: url('../upload/backgrounds/start1.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../upload/backgrounds/start1.jpg', sizingMethod='scale')";
}

#break h1, #break2 h1, #break3 h1, #break4 h1 {
    font-size: 71px;
    color: #ffffff;
    text-align: left;
    width: 1000px;
    display: block;
    z-index: 0;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 60px;
    text-shadow: 1px 1px 25px #000000;
    -webkit-text-shadow: 1px 1px 25px #000000;
    -khtml-text-shadow: 1px 1px 25px #000000;
    -moz-text-shadow: 1px 1px 25px #000000;
    text-transform: uppercase;
    margin: 150px 0px;
}

#break #bar {
    margin-top: -50px;
    background: url('../upload/bar_top_2.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break #bar2 {
    margin-top: -50px;
    position: absolute;
    background: url('../upload/bar_bottom_2.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break2 #bar {
    margin-top: -50px;
    background: url('../upload/bar_top_3.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break2 #bar2 {
    margin-top: -50px;
    position: absolute;
    background: url('../upload/bar_bottom_3.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break3 #bar {
    margin-top: -50px;
    background: url('../upload/bar_top_4.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break3 #bar2 {
    margin-top: -50px;
    position: absolute;
    background: url('../upload/bar_bottom_4.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break4 #bar {
    margin-top: -50px;
    background: url('../upload/bar_top_5.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#break4 #bar2 {
    margin-top: -50px;
    position: absolute;
    background: url('../upload/bar_bottom_5.png') top center;
    width: 100%;
    height: 113px;
    padding: 0px;
    z-index: 99;
    z-index: 999998;
}

#services {
    background: #0d4c71;
    width: 100%;
    color: #ffffff;
}

#services h1 {
    color: #ffffff;
    padding: 10px 0px 10px 40px;
    background: url('../upload/expand.png') no-repeat left 10px;
    margin: 0px;
    z-index: 555;
    font-weight: 700;
    font-size: 30px;
    width: 100%;
    display: block;
}

#services h4 {
    color: #000000;
}

#services span {
    color: #ffffff;
    padding: 20px 0px 20px 0px;
    margin-top: 0px;
    z-index: 555;
    font-weight: 300;
    font-size: 30px;
    width: 100%;
    display: block;
}

#services hr {
    height: 0px;
    width: 100%;
    border-top: 1px solid #fff;
}

#services p {
    color: #ffffff;
    padding: 0px 0px 20px 0px;
}

#services div div {
    display:none;
    margin: 10px 0px;
}

#experience {
    background: #c0b8a5;
}

#experience .poi {
    background: #ba1a19;
    color: #ffffff;
    padding: 3px;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    line-height: 9px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#experience .poi:hover {
    background: #0d4c71;
    color: #fff;
}

#experience .poi2 {
    background: #0d4c71;
    color: #ffffff;
    padding: 3px;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    line-height: 9px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#experience .poi2:hover {
    background: #ba1a19;
    color: #fff;
}

#experience #project {
    width: 700px;
    height: 350px;
    display: none;
    background: #ffffff;
    padding: 40px;
    position: absolute;
    margin-left: 100px; margin-top: 10px;
    z-index: 9999;
    overflow: hidden;
}

#experience a.close {
    position: absolute;
    bottom: 30px;
    text-align: center;
    color: #ba1a19;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
}

#experience #project h1 {
    color: #ba1a19;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

#experience #project td {
    vertical-align: top;
    font-size: 18px;
    line-height: 26px;
    padding: 4px 0px;
}

#experience #project td:first-child {
    width: 200px;
    vertical-align: top;
}

#consultant{
    background: #ba1a19;
    color: #ffffff;
}

#consultant h4 {
    color: #000;
}

#consultant img {
    float: right;
    margin-top: -100px;
}

#contact p {
    float: left;
    width: 450px;
    padding: 0px 50px 0px 0px;
}

#contact h2 {
    color: #ba1a19;
}

#contact a {
    color: #ba1a19;
}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }   /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }           /*Quality*/ 
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


    #slider ul, #slider li {
        margin: 0px;
        padding: 0px;
        list-style:none;
        width: 1000px;
        }

    #slider li { 
        margin: 0px;
        width:1000px;
        float: left;
        }   

    #prevBtn, #nextBtn{ 
        width:50px;
        height:500px;
        margin-left: 0px;
        z-index:1000;
        float: left;position:absolute;
        }   

    #nextBtn { 
        margin-left:950px;position:absolute;
        }   
        
    #prevBtn a, #nextBtn a {  
        display:inherit;
        position:absolute;
        width:100px;
        height:500px;
        background:url('../upload/prev.png') no-repeat 0 0;    
        }   
    #nextBtn a { 
        background:url('../upload/next.png') no-repeat 0 0;    
        }