/**
 * 1.GLOBAL
 */
 
/**    Schriftart entfernt */ 

@font-face { 
 font-family: Helvetica;
 src: url("../fonts/HelveticaNeueLTStd-Roman.otf") format("truetype");
 src: local('Helvetica'), url('../fonts/HelveticaNeueLTStd-Roman.otf') format('truetype'); 
}

@font-face { 
 font-family: Helvetica2;
 src: url("../fonts/HelveticaNeueLTStd-Blk.otf") format("truetype"); 
 src: local('Helvetica2'), url('../fonts/HelveticaNeueLTStd-Blk.otf') format('truetype');

}
 
body {
  background: #000; 
  color: #EEE;
  font-family: 'Helvetica';
//  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
//  font-weight: bold;
//  font-family: "eve";
  font-size: 100%;
/*  line-height: 1.5; */
  margin: 0; */
/*  padding: 0; */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
// font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-family: "Helvetica2";
  font-style: normal;
  font-weight: normal;
}

h1, .h1 {
  font-size: 1.85em;
  line-height: 1.5;
  margin-top: 0.75em;
}

h2, .h2 {
  font-size: 1.5em;
  line-height: 1.40;
  margin-top: 1em;
}

h3, .h3 {
  font-size: 1.25em;
  line-height: 1.2;
  margin-top: 1.2em;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 1.5em;
}

p {
/* font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;  font-size: 1em; */
  font-family: Helvetica;
  line-height: 1.5;
  margin: 0 0 1.5em 0;
}

em {
    font-family:"Helvetica", Georgia, serif;
    font-weight:normal;
    font-style:normal;
}
strong em {
    font-family:"Helvetica2", Georgia, serif;
    font-weight:normal;
    font-style:normal;
}

a { color: #069; text-decoration: none; }
a:visited { color: #309; }
a:hover, a:active, li a.active  { color: #39f; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* apply common styling after reset.css */

li ul, li ol {  margin: 0; }
ul, ol {  margin: 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type: disc; }
ol {  list-style-type: decimal; }
dl {  margin: 0 0 1.5em 0; }
dl dt {  font-weight: bold; }
dd {  margin-left: 1.5em; }
hr {  background: #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }
fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom: 1.5em;  width: 100%; }
th, tr, td {  vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }



/*--------------------------------------------------------*/
/*----------------------Header Style----------------------*/
/*--------------------------------------------------------*/


#header_container {
 position:absolute;
 width:100%;
 z-index:501;
 height:100px;
 min-width: 1350px;
 z-index:500;
 background-image: url(../img/header/header_edit.png);
 background-repeat: repeat-x;

 /* Fallback for web browsers that doesn't support RGBa */
// background: rgb(150, 150, 0) transparent;
 /* RGBa with 0.6 opacity */
// background: rgba(150, 150, 0, 0.6);
 background-color: #000;
}

#header_container_right {
 position:absolute;
// top:0px; 
 right:-650px;
 margin-right:50%;
 width:450px;
 height:100px;
 text-align: left;
 background-image: url(../img/header/header_right.png);
 background-repeat: no-repeat;
 z-index:101;

 /* Fallback for web browsers that doesn't support RGBa */
// background: rgb(150, 150, 150) transparent;
 /* RGBa with 0.6 opacity */
// background: rgba(150, 150, 150, 0.6);
}

#header_container_left {
 position:absolute;
// top:0px;
 left:-650px;
 margin-left:50%;
 width:450px;
 height:100px;
 text-align: right;
 background-image: url(../img/header/header_left.png);
 background-repeat: no-repeat;
 z-index:101;

 /* Fallback for web browsers that doesn't support RGBa */
// background: rgb(150, 150, 150) transparent;
 /* RGBa with 0.6 opacity */
// background: rgba(150, 150, 150, 0.6);
}

#header_container_left_first_content{
 position:absolute;
// top:0px;
 margin-left: 210px;
 z-index:102;
}

#header_container_left_second_content{
 position:relative;
// top:0px;
 z-index:102;
 margin-right: 60px;
}

#header_container_right_first_content{
 position:absolute;
 z-index:102;
 margin-left: 60px;
}

#header_container_right_second_content{
 position:absolute;
// top:0px;
 z-index:102;
 margin-right: 210px;
 right: 0px;
}


#header_container_mid {
 position:absolute;
 left:-200px; 
 margin-left: 50%;
 width:400px;
 height:100px;
 background-image: url(../img/header/header_mid_+schrift.png);
 background-repeat: no-repeat;
 z-index:101;
}




/*--------------------------------------------------------*/
/*----------------------Main Style------------------------*/
/*--------------------------------------------------------*/

#main_container {
 position:absolute;
 top:100px;
 min-width: 1350px;
 width:100%;
 height: auto;
 z-index:100;
 /* Fallback for web browsers that doesn't support RGBa */
// background: rgb(100, 100, 0) transparent;
 /* RGBa with 0.6 opacity */
// background: rgba(100, 100, 0, 0.6);
 background-color: #000;
}

#sub_container_white {
 position:relative;
 z-index:110;
 /* Fallback for web browsers that doesn't support RGBa */
// background: rgb(100, 100, 0) transparent;
 /* RGBa with 0.6 opacity */
// background: rgba(100, 100, 0, 0.6);
 background-color: #FFF;
}

#sub_container_black {
 position:absolute;
 height: 350px;
 width: 100%;
 z-index:110;
 /* Fallback for web browsers that doesn't support RGBa */
// background: rgb(100, 100, 0) transparent;
 /* RGBa with 0.6 opacity */
// background: rgba(100, 100, 0, 0.6);
 background-color: #000;
}

#sub_container_700_strategie {
 position:absolute;
 top:350px;
 width: 100%;
 height: 700px;
 z-index:110;
 background-image: url(../img/wallpaper/700_strategie.jpg);
}

#sub_container_700_strategie_overlay {
 position:relative;
 width:auto;
 height: 700px;
 /* Verschiebung wegen Bilder */
 margin-top: -450px;
 z-index:110;
 background-image: url(../img/wallpaper/700_strategie.png);
}

#content_container_700_strategie {
 position:relative;
 left: -650px;
 margin-left: 50%;
 width:1300px;
 height:350px;
 z-index:120;
 /* padding-top: 100px; */
}

#EventContainer{
 position: absolute;
 margin-left:50%; 
 margin-top: 20px; 
 height: 250px; 
 width: 650px; 
 border-radius: 18px; 
 background: #000; 
 opacity: 0.7; 
}

#includedEventContent{
 position:absolute;
 left: 60px;
 z-index:120;
}




#sub_container_black_pix {
 position:absolute;
 width:100%;
 height: auto;
 top:1050px;
 z-index:110;
 background-image: url(../img/cuts_wallpaper/black_pix.png);
}

#sub_container_grey {
 position:relative;
 width:auto;
 height: auto;
 z-index:110;
 background-image: url(../img/cuts_wallpaper/grey.png);
}





#content_container {
 position:relative;
 left: -650px;
 margin-left: 50%;
 width:1300px;
 height:350px;
 z-index:120;

 /* Fallback for web browsers that doesn't support RGBa */
# background: rgb(100, 100, 0) transparent;
 /* RGBa with 0.6 opacity */
# background: rgba(100, 100, 0, 0.6);
}

#sub_content_container_left {
 position:absolute;
 left: -650px;
 margin-left: 50%;
 margin-top: 5%;
# width:1300px;
# height:350px;
 z-index:120;
}

#sub_content_container_right {
 position:absolute;
 right: -650px;
 margin-right: 50%;
# width:1300px;
# height:350px;
 z-index:120;
 transform: scale(.7) rotate(0deg);
}

#sub_content_container_left_75 {
 position:absolute;
 left: -650px;
 margin-left: 75%;
# width:1300px;
# height:350px;
 z-index:120;
}

#sub_content_container_right_75 {
 position:absolute;
 right: -650px;
 margin-right: 75%;
# width:1300px;
# height:350px;
 z-index:120;
}

#footer_container {
 position:absolute;
 width:100%;
 height:50px;
 top:1470px;
 min-width: 1350px;
// background-image: url(../img/cuts/cu_7_1.png);
 background-image: url(../img/cuts_wallpaper/grey.png);
 background-repeat: repeat-x;
 z-index:100;
}

#footer_content_container {
 position:relative;
 width:1300px;
 color: #DBDBDB;
 text-shadow: 2px 2px #847F7F;
// background-image: url(../img/cuts/cu_7.png);
// background-repeat: no-repeat;
 z-index:101;
}

#footer_content {
 position: relative;
 z-index:102;
}






#cut_1 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_1.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_1_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_1_1.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_1_reverse {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_1_reverse.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_1_1_reverse {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_1_1_reverse.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_2 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_2.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_2_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_2_1.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_3 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_3.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_3_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_3_1.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_4 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_4.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_4_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_4_1.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_4_reverse {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_4_reverse.png);
 background-repeat: no-repeat;
 z-index:120;
}

#cut_4_1_reverse {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_4_1_reverse.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_5 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_5.png);
 background-repeat: no-repeat;
  z-index:120;
}

#cut_5_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_5_1.png);
 background-repeat: repeat-x;
 z-index:121;
 /* Verschiebung wegen Bilder */
 margin-top: -120px;
}

#cut_6 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_6.png);
 background-repeat: no-repeat;
  z-index:120;
}

#cut_6_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_6_1.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_7 {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_7.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_7_1 {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_7_1.png);
 background-repeat: repeat-x;
 z-index:121;
}

#cut_7_reverse {
 position: absolute;
 width: 1300px;
 height: 100px;
 left: -650px;
 margin-left: 50%;
 background-image: url(../img/cuts/cu_7_reverse.png);
 background-repeat: no-repeat;
 z-index:120;
}
#cut_7_1_reverse {
 position: relative;
 height: 100px;
 background-image: url(../img/cuts/cu_7_1_reverse.png);
 background-repeat: repeat-x;
 z-index:121;
}