/*GENERSAL STYLES*/
body            {padding: 0; margin: 0; background: #fff; min-height: 1800px; font: 13px futura-pt, sans-serif; color: #3a3a3a;}
ul, li          {list-style: none; display: inline; margin: 0; padding: 0;} /*clear any preset list styles*/
a				{color: #3a3a3a; text-decoration: none;} a:hover {text-decoration: none;} /*a:focus {outline: #ba3d82 1px solid;} / *hyperlink rules*/
p               {font: 300 normal 15px/20px futura-pt, sans-serif; margin: 0 0 8px 0; /*text-align: justify;*/ text-align: left;}

h1              {margin: 80px auto 0 auto; width: 1074px; font-size: 60px; text-transform:uppercase; color: #000;}
h2              {margin: 60px auto 0 auto; width: 1074px; font-size: 40px; line-height: 100%; text-transform:uppercase; color: #000;}
h3              {margin: 0 auto 0 auto; width: 1074px; font-size: 24px; font-weight: 300; text-transform:uppercase;}
h4              {margin: 20px auto 0 auto; width: 1074px; font-weight: 500; font-size: 20px; text-transform:uppercase; color: #000;}
h5              {margin: 0 auto 0 auto;font-weight: 500; font-size: 15px; text-transform:uppercase;}

a img           {border:0;} /*new*/
/*TOP EYECATCHER STYLES*/
#head_wrap      {position: fixed; top: 0; background: #c4c4c4 url(img/bghead.jpg); margin: 0 0 0 0; width: 100%; height: 400px; z-index: -1}
#head           {position: fixed; left: 50%; margin: 0 0 0 -550px; width: 1100px; height: 400px; overflow: auto;}
#head_empty     {height: 400px; width: 100%; z-index: -1}

#head_img       {position: absolute; right: 0; top: 0;}
#head_img_alt   {position: absolute; right: 0; top: 0;}

/*Quote Styles*/
#quote          {position: fixed; top: 120px; width: 500px; height: 150px; margin: 0 0 0 0; padding: 13px; font: 18px/24px futura-pt, sans-serif; font-weight: 300; font-style: italic;}
#quote_sub      {width: 500px; height: 30px; font-size: 13px; font-style: normal; text-transform:uppercase; margin: 20px 0 0 0;}
#quote_sub span {font-weight:500;}

/*Navigation Top: Small English to German switch*/
#nav            {position: fixed; top: 20px; width: 1100px; height: 20px; text-transform:uppercase;}
#nav_left       {float: left;}
#nav_right      {float: right;}
#nav span       {font-weight:500;}


/*MAIN NAVIGATION STYLES*/
#menu_wrap      {width: 100%; height: 106px; background: #fff;}
#menu           {width: 1100px; margin: auto; height: 105px; border-bottom: 1px solid #ebebeb; font-size:12px; letter-spacing: 4px; font-weight: 500;}
#menu ul        {float: right; text-transform: uppercase; margin: 54px 0 0 0;}
#menu li        {padding: 48px 13px 0 20px;}
#menu li:hover  {border-top: 6px solid #3a3a3a;}
#menu .selected {border-top: 6px solid #3a3a3a;} /* new */
#logo           {width: 350px; height: 29px; float: left; margin: 45px 0 0 13px;}



/*UNTERMENUE*/
#untermenu_wrap      {width: 100%; height: 51px; background: #000; /*background: #005c9d; border-top: 1px solid #f8f8f8;*/}
#untermenu           {width: 1100px; margin: auto; height: 50px; font-size:10px; letter-spacing: 3px; font-weight: 500; color: #f8f8f8;}
#untermenu ul        {float: left; text-transform: uppercase; margin: 20px 0 0 250px; color: #f8f8f8;}
#untermenu li        {padding: 14px 13px 0 20px; color: #f8f8f8;}
#untermenu a        {color: #f8f8f8;}


/*PLATZHALTER changed to class*/
.empty          {/*background: #f8f8f8;*/ overflow: auto; width: 100%; height: 50px;}

/*EVERYTHING BELOW MAIN NAVIGATION*/
#bottom         {background: #f8f8f8; overflow: auto; width: 100%;}

/*LAYOUT ELEMENTE changed to classes */
.greyline       {margin: 30px auto 0 auto; width: 1074px; height: 6px; background-color: #3a3a3a;}
.greyline_breit {margin: 0; padding: 0; width: 100%; height: 20px; background-color: #3a3a3a;}
.blackline      {margin: 0 auto 0 auto; width: 200px; height: 1px; background-color: #3a3a3a;}
.blackline_inline      {margin: 20px auto 20px auto; width: 200px; height: 1px; background-color: #3a3a3a;}

/* SWITCHABLE BLOCKS */
.block          { position: relative; width: 1100px; margin: auto; }

/*BLOCK1*/
#block1         {background: #fff; min-height: 350px; margin: auto; overflow: auto;}
#block1 h1      {margin: 0 auto 0 auto; width: 1074px; font-size: 24px; font-weight: 300; text-transform:uppercase; text-align: center; margin-bottom: 20px; margin-top: 80px; color: #3a3a3a;}
#block1 h2      {text-align: center;}
#block1 h3      {text-align: center; margin-bottom: 20px; margin-top: 80px;}
#block1 p      /*{text-align: center; margin: 0 auto 7px auto; width: 650px;}*/
                {font: 300 normal 20px/30px futura-pt, sans-serif; text-align: center; margin: 0 auto 8px auto; width: 850px; color: #333;}

/*UNTERNEHMENSPROFIL*/
#block2         {/*min-height: 650px;*/ margin: auto; overflow: auto; background: #fff url(img/trenner.jpg) no-repeat 50% 0; }
#block2 h1      {text-align: center;}
#block2 h2      {text-align: center;}
#block2 h3      {text-align: center; margin-bottom: 30px;}
#block2 p       {color: #666;}

#block2-1       {height: 600px;}
#block2-2       {height: 600px;  position:  relative; background: #fff url(img/referenzen.jpg) no-repeat 50% 0; }

span.more { font-style: italic; font-size: 15px; color: #4db7e9; display:inline-block; padding-right:.7em; padding-left:20px; background-image:url(img/vor.gif); background-repeat:no-repeat; background-position:100% 61%; /*background-size:5px 9px;*/ }
span.more2 { position: absolute; bottom: 45px; left: 50%; margin-left: -13px; font-style: italic; font-size: 15px; color: #4db7e9; display:inline-block; padding-left:.7em; background-image:url(img/zurueck.gif); background-repeat:no-repeat; background-position:0% 50%; /*background-size:5px 9px;*/ }



/*LEISTUNGEN Intro+Menu*/
#block3         {/* background: #f8f8f8;min-height: 350px*/; margin: auto; /*border-top: 6px #fff solid;*/ overflow: auto; background: #fff url(img/trenner.jpg) no-repeat 50% 0;}
#block3 h1      { text-align: center;}
#block3 h3      { text-align: center; margin: 0 auto 30px auto;}
#block3 p       { text-align: center;}

/*BLOCKX*/
#blockx         {background: #fff; /*min-height: 350px;*/ margin: auto; padding-bottom: 60px; overflow: auto;}
#blockx p      {font: 300 normal 20px/30px futura-pt, sans-serif; text-align: center; margin: 0 auto 8px auto; width: 850px; color: #333;}

/*LEISTUNGEN 1. Punkt*/
#block4         {/*background: #f8f8f8;*/ overflow: auto; min-height: 400px; margin: auto; /*border-top: 6px #fff solid;*/ background: #fff url(img/trenner.jpg) no-repeat 50% 0; }
/*#block4 h2      {margin: 50 auto 0 auto;}*/
#block4 h3      {margin: 0 auto 10px auto;}
#block4 h5      {margin: 25px auto 0 auto;}


/*LEISTUNGEN 2. Punkt*/
#block5         {/*background: #fff; */overflow: auto; min-height: 400px; margin: auto; background: #fff url(img/trenner.jpg) no-repeat 50% 0;}
/*#block5 h2      {margin: 50 auto 0 auto;}*/
#block5 h3      {margin: 0 auto 10px auto;}
#block5 h5      {margin: 25px auto 0 auto;}

/*LEISTUNGEN 3. Punkt*/
#block6         {/*background: #f8f8f8;*/ overflow: auto; min-height: 800px; margin: auto; background: #fff url(img/trenner.jpg) no-repeat 50% 0;}
/*#block6 h2      {margin: 50 auto 0 auto;}*/
#block6 h3      {margin: 0 auto 10px auto;}
#block6 h5      {margin: 25px auto 0 auto;}

/*KARRIERE*/
#block7         {/*background: #f8f8f8;*/ overflow: auto; /*min-height: 500px;*/ margin: auto; background: #fff url(img/trenner.jpg) no-repeat 50% 0; }
#block7 h1      {text-align: center;}
#block7 h3      {text-align: center; margin: 0 auto 10px auto;}
#block7 p       {text-align: center;}
#block7 a       {text-align: center;}


/*KONTAKT*/
#block8         {/*background: #f8f8f8;*/ overflow: auto; min-height: 300px; margin: auto; border-bottom: 1px solid #3a3a3a; background: #fff url(img/trenner.jpg) no-repeat 50% 0; }
#block8 h1      {text-align: center;}
#block8 h2      {text-align: center;}
#block8 h3      {text-align: center; margin: 0 auto 20px auto;}

#adresse        {min-height: 45px; background: url(img/icon-adress.png) no-repeat; padding: 0 0 0 50px;}
#adresse p      {font-size: 13px; font-style: normal; text-transform:uppercase;}
#adresse span   {font-size: 13px; font-weight: 500; text-transform:uppercase;}

#telefon        {min-height: 45px; background: url(img/icon-tel.png) no-repeat; padding: 0 0 0 50px;}
#telefon p      {font-size: 13px; font-style: normal; text-transform:uppercase;}
#telefon span   {font-size: 13px; font-weight: 500; text-transform:uppercase;}

#mail           {min-height: 45px; background: url(img/icon-at.png) no-repeat; padding: 0 0 0 50px;}
#mail p         {font-size: 13px; font-style: normal; text-transform:uppercase;}
#mail span      {font-size: 13px; font-weight: 500; text-transform:uppercase; color: #3a3a3a;}

#scroll         {margin: 100px 0 0 425px; height: 100px; width: 80px; padding: 11px 0 0 0;}


/*IMPRESSUM*/
#footer         {position: fixed; z-index: -2; bottom: 0; left:0; background: #000; overflow: hidden; height: 420px; width:100%; margin: auto;} /* overflow:auto -> hidden*/
#footer p      {color: #fff;}
#footer span    {font-weight:500;}
#footer h3      {color: #fff;}

#openup         {background: transparent; height: 420px; margin: auto; overflow: auto;}

/*COLUMN CLASSES 1087px ohne die 13px ganz rechts*/
.column1        {margin: auto; width:1100px; overflow:auto;}
.column1 li     {float: left; width: 1074px; margin: 20px 13px 20px 13px;}

.column2        {margin: auto; width:1100px; overflow:auto;}
.column2 li     {float: left; width: 703px; margin: 20px 26px 20px 13px;}
.column2 li:last-child, .column2 li.last-child  {width: 332px; margin: 20px 0 20px 13px;}

.column2b        {margin: auto; width:1100px; overflow:auto;}
.column2b li     {float: left; width: 332px; margin: 20px 26px 20px 13px;}
.column2b li:last-child, .column2b li.last-child  {width: 703px; margin: 20px 0 20px 13px;}


.column3        {margin: auto; width:1100px; overflow:auto;}
.column3 li     {float: left; width: 332px; margin: 20px 26px 20px 13px;}
.column3 li:last-child, .column3 li.last-child  {margin: 20px 0 20px 13px;}

.column-kontakt        {margin: auto; width:900px; overflow:auto;}
.column-kontakt li     {float: left; width: 300px; margin: 20px 0 20px 0;}


.blau           {font-weight: 400; font-style: italic; font-size: 24px; line-height: 36px; color: #4db7e9; text-align: left; text-transform: uppercase; margin-top: 25px;}
.blaublau           {font-weight: 400; font-style: italic; font-size: 24px; line-height: 36px; color: #d48200; text-align: left; text-transform: uppercase; margin-top: 25px;}
.blaublaublau           {font-weight: 400; font-style: italic; font-size: 24px; line-height: 36px; color: #7e0000; text-align: left; text-transform: uppercase; margin-top: 25px;}

.autor          {font-size: 13px; font-style: normal; /*text-align: left;*/ text-transform:uppercase; margin-top: 10px; color: #000;}
.autor span     {font-weight:500;}

/* show some love for older IEs..*/
.ie .column3 li     {float: left; width: 332px; margin: 20px 20px 20px 7px;}
.ie .column2 li     {float: left; width: 600px; margin: 20px 20px 20px 7px;}
.ie .column2 li.last-child  {width: 300px; margin: 20px 0 20px 7px;}

/* NIBS */
.nib-nav {
    position: absolute;
    width: 100%;
    z-index: 1000;
    bottom: 20px;
    text-align: center;
}
ul.nibs {
    padding: 0;
    width: 1100px;
    margin: auto;
}

ul.nibs li {
    display: inline;
    width: 14px;
    height: 14px;
    margin: 0 4px 0 4px;
}

ul.nibs li a {
    width: 14px;
    height: 14px;

    display: inline-block;
    background-image: url('img/nub-dark.png');
    background-position: center center;
    background-repeat: no-repeat;
}
ul.nibs a:hover {
    background-image: url('img/nub-dark-hover.png');
}
ul.nibs a.active {
    background-image: url('img/nub-dark-active.png');
    cursor: pointer;
}

/*
 *
 */
/*
.bright-nibs .nibs a {
    background-image: url('img/nub-bright.png');
}
.bright-nibs a:hover {
    background-image: url('img/nub-bright-hover.png');
}
.bright-nibs a.active {
    background-image: url('img/nub-bright-active.png');
    cursor: pointer;
}
*/