/* --- Fonts --- */

@font-face {
  font-family: 'satisfaction';
  src: url('../fonts/satisfaction.eot');
  src: url('../fonts/satisfaction.eot') format('embedded-opentype'),
       url('../fonts/satisfaction.woff') format('woff'),
       url('../fonts/satisfaction.ttf') format('truetype'),
       url('../fonts/satisfaction.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'montserrat';
  src: url('../fonts/montserrat.eot');
  src: url('../fonts/montserrat.eot') format('embedded-opentype'),
       url('../fonts/montserrat.woff') format('woff'),
       url('../fonts/montserrat.ttf') format('truetype'),
       url('../fonts/montserrat.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'montserrat-light';
  src: url('../fonts/montserrat-light.eot');
  src: url('../fonts/montserrat-light.eot') format('embedded-opentype'),
       url('../fonts/montserrat-light.woff') format('woff'),
       url('../fonts/montserrat-light.ttf') format('truetype'),
       url('../fonts/montserrat-light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  }

/* --- Warnings --- */

#noscriptbox { 
  position: absolute; z-index: 20000; top: 0; left: 0; width: 100%; height: 100%; text-align: center; 
  background: transparent url(../bilder/grafik/opbl-80.png);
  }
  #noscriptbox .round { float: none !important; margin: 200px auto 0 auto; }
    #noscriptbox h1 { font-size: 22px; color: #DF7D7D; }
    #noscriptbox p { font-size: 14px; color: #fff; }

#exceptbox { display: none; }
  #exceptbox p { margin: 0 !important; padding: 50px 20px 0 20px !important; font-size: 14px !important; color: #fff !important; }

/* --- Headlines --- */

h1, h2, h3 { padding: 0; font-weight: normal; line-height: 150%; }

h1, h2 { 
  display: inline-block; margin: 0 0 20px 0; padding: 15px 3%; width: 30%;
  font-size: 30px; font-family: montserrat-light,arial,helvetica,sans-serif; 
  }
h3 { margin: 20px 0 20px 0; font-size: 25px; font-weight: bold; font-family: georgia,serif; color: #000; }
h4 { margin: 0 0 20px 0; font-size: 20px; font-weight: bold; font-family: georgia,serif; color: #000; }
h5 { margin: 40px 0 20px 0; font-size: 25px; font-weight: normal; font-family: georgia,serif; line-height: 170%; color: #2B383F; }

h2 a { font-size: 20px; text-decoration: none; color: #000; }
h2 a:hover { text-decoration: underline; }

#indexpage #textbox h1, #indexpage #textbox h2 { padding: 0 !important; width: 100%; font-size: 45px; text-align: left; }

#blankpage .bread h2 { display: block; width: auto; text-align: right; }

#bottombox h2 { color: #545556; }
#bottombox h3 { margin: 0 0 10px 0; width: auto; padding: 0; font-size: 20px; font-weight: normal; color: #545556; }
#bottombox .csc-frame-frame2 h3 { text-align: right; }

#page .frame .csc-textpic-intext-left h5,
#page .frame .csc-textpic-intext-right h5 { margin: 0; padding: 0; font-size: 15px; color: #000; }

#logobox h2 { 
  display: block; margin: 0; padding: 20px 0 0 0; width: auto; font-size: 50px; font-family: satisfaction,arial,helvetica,sans-serif; 
  text-align: left; line-height: 100%; color: #fff; background-color: transparent; 
  }
  #logobox h2 a { font-size: 50px; color: #fff; }
  #logobox h2 a:hover { text-decoration: none; color: #a5a6a4; }

#logobox .bread h2 { padding-top: 30px; width: auto; font-size: 25px; font-family: montserrat-light,arial,helvetica,sans-serif; }

#logobox h3 { 
  display: block; margin: -20px 0 0 100px; width: auto; word-spacing: 30px; 
  font-size: 13px; font-weight: normal; font-style: italic; line-height: 100%; color: #a7b1bf; 
  }
  #logobox h3 a { font-size: 13px; font-style: italic; color: #a5a6a4; }
  #logobox h3 a:hover { text-decoration: none; color: #fff; }

/* --- Paragraphs --- */

p { 
  margin: 35px 0 0 0; padding: 0; font-size: 20px; /*font-family: georgia,serif; */
  line-height: 170%; /*text-align: justify; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto;*/ color: #252624; 
  }
#indexpage #textbox p { margin-top: 32px; }

.indent p { margin-top: 0; text-indent: 30px; }

small { font-size: 15px; }

blockquote { 
  margin: 0 0 20px 0 !important; padding: 50px 70px 50px 70px; background-color: #62728f;
  -moz-border-radius: 0 400px 400px 400px; -webkit-border-radius: 0 400px 400px 400px; border-radius: 0 400px 400px 400px; 
  }
.c2l1-left blockquote { 
  padding: 50px 70px 50px 70px; 
  -moz-border-radius: 400px 0 400px 400px; -webkit-border-radius: 400px 0 400px 400px; border-radius: 400px 0 400px 400px; 
  }
  blockquote p { margin: 0 !important; font-size: 18px !important; text-indent: -15px; -webkit-hyphens: none !important; -moz-hyphens: none !important; hyphens: none !important; color: #fff !important; }
  blockquote p:before { content: '„'; padding-right: 5px; font-size: 25px !important; color: #fff; font-family: georgia, serif; }
  blockquote p:after { content: '“'; position: absolute; margin: 5px 0 0 20px; font-size: 25px !important; color: #fff; font-family: georgia, serif; }
  blockquote + p { margin-top: 0 !important; }

  blockquote p + p { margin: 15px 0 0 0 !important; font-size: 13px !important; font-style: normal; text-indent: 0; -webkit-hyphens: none !important; -moz-hyphens: none !important; hyphens: none !important; color: #fff !important; }
  blockquote p + p:before { content: ''; padding-right: 0; }
  blockquote p + p:after { content: ''; position: absolute; margin: 0; }

.align-center { text-align: center; }
.align-right { text-align: right; }

.detail { display: inline-block; padding: 0 5px; color: #fff; background: none #646566; }

a { font-size: 20px; text-decoration: none; text-align: left; line-height: 170%; color: #656664; }
a:hover { text-decoration: none; color: #000; }

#indexpage #textbox p { color: #fff; }
#indexpage #textbox a { color: #c5c6c4; }
#indexpage #textbox a:hover { color: #fff; }

/* --- Lists --- */

ul  { list-style: none; margin: 40px 0 0 0; padding: 0; }
  ul li { list-style: none; line-height: 170%; text-align: left; }
ol { -moz-padding-start: 0px; margin: 20px 0 0 0; }
  ol li { list-style: none; line-height: 170%; }

#textbox .boxDefault ul { margin: 0 0 20px 0; }
  #textbox .boxDefault ul li { 
    padding-left: 25px; margin-bottom: 20px; line-height: 170%; /*font-family: georgia,serif;*/ color: #454644; 
    background: transparent url(../bilder/symbols/white/15x15/ok-15-bg.png) left 9px no-repeat; 
    }
    #textbox .boxDefault ul li a { font-size: 20px; text-decoration: none; color: #858684; }
    #textbox .boxDefault ul li a:hover { text-decoration: none; color: #454644; }
      #textbox .boxDefault ul ul { margin: 5px 0 30px 30px; }

  #textbox .background ul li { 
    padding-left: 40px; margin-bottom: 20px; line-height: 170%; /*font-family: georgia,serif;*/ color: #454644; 
    background: transparent url(../bilder/misc/academic-bl-15.png) left 9px no-repeat; 
    }
    #textbox .background ul li a { font-size: 20px; text-decoration: none; color: #858684; }
    #textbox .background ul li a:hover { text-decoration: none; color: #454644; }
      #textbox .background ul ul { margin: 5px 0 30px 30px; }

#textbox .boxDefault ol { margin: 0 0 20px 0; }
  #textbox .boxDefault ol li { 
    padding-left: 25px; margin-bottom: 20px; line-height: 170%; /*font-family: georgia,times,serif;*/ color: #454644; 
    background: transparent url(../bilder/symbols/white/15x15/ok-15-bg.png) left 9px no-repeat; 
    }
    #textbox .boxDefault ol li a { font-size: 20px; text-decoration: none; color: #858684; }
    #textbox .boxDefault ol li a:hover { text-decoration: underline; color: #454644; }
      #textbox .boxDefault ol ol { margin: 5px 0 30px 30px; }

  #textbox .background ol li { margin-bottom: 20px; line-height: 170%; /*font-family: georgia,times,serif;*/ color: #454644; }
    #textbox .background ol li a { 
      display: block; padding-left: 25px; font-size: 20px; text-decoration: none; 
      background: transparent url(../bilder/symbols/white/15x15/info-15-bg.png) left 9px no-repeat; 
      }
    #textbox .background ol li a:hover { text-decoration: underline; }
      #textbox .background ol ol { margin: 5px 0 30px 30px; }

#textbox .csc-textpic-imagerow ul { margin: 0; }
  #textbox .csc-textpic-imagerow li { padding: 0; background: transparent none; }

#blankpage .boxDefault ul, #blankpage .boxDefault ol { margin: 20px 0 0 0 !important; }

/* --- Tables --- */

table { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; }
  td { padding: 0; vertical-align: middle; border: none; }

#intro table { height: 260px; }

/* --- Text and images --- */

#page .headercontainer { padding-top: 80px; text-align: center; }
#blankpage .headercontainer { display: none; }
#indexpage .headercontainer { padding-top: 0; }

#page .verticalWrap,
#page .nowrap { margin: 0 auto; width: 60%; text-align: center; }
#page .nowrap { width: 100%; }

#indexpage .floatLeft { 
  margin: 80px auto 0 auto; padding: 5%; width: 50%; background-color: rgb(51,60,77); background-color: rgba(51,60,77,0.8); 
  box-shadow: 15px 15px 15px 5px #353634 !important;
  }
  #page .floatLeft .imagecontainer { float: left; width: 50%; text-align: left; }
  #page .floatLeft .textcontainer { float: right; width: 50%; text-align: left; }
  #page .floatRight .imagecontainer { float: right; width: 50%; text-align: right; margin-top: 40px; }
  #page .floatRight .textcontainer { float: left; margin-right: 5%; width: 45%; text-align: right; }
    #page .floatLeft .imagecontainer img { margin-top: 45px; width: 90% !important; height: auto !important; }

  #page .verticalWrap .imagecontainer { width: 100%; }
  #page .belowCenter .imagecontainer { margin-top: 40px; }

  #page .contact .csc-textpic-border .imagecontainer img { box-shadow: 3px 3px 5px 2px #545f37; }
  #blankpage .csc-textpic-border .imagecontainer img { box-shadow: 3px 3px 5px 2px #555654 !important; }

/* --- Lightbox --- */

#sbOverlay, #sbCenter, #sbBottomContainer { z-index: 999 !important; }
#sbImage { background-color: #3F6B8F !important; border: 1px solid #FFFFFF !important; border-bottom: none !important; }
#sbBottom { 
  padding: 10px !important; font-family: arial,helvetica,sans-serif !important; font-size: 11px !important; line-height: 1.4em !important; text-align: left !important; 
  color: #fff !important; background: none #990000 !important; border: 1px solid #FFFFFF !important; border-top: none !important; 
  }
#closeLink { width: 15px !important; height: 15px !important; background: transparent url(https://www.munira-jamal.de/fileadmin/system/bilder/misc/close-wh.png) no-repeat !important; }
#prevLink { margin: 15px; background: transparent url(../bilder/misc/prev-wh.gif) left top no-repeat !important; } 
#nextLink { margin: 15px; background: transparent url(../bilder/misc/next-wh.gif) right top no-repeat !important; }
#closeLink:hover, #prevLink:hover, #nextLink:hover { opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; filter: alpha(opacity=50); }

/* --- Misc --- */

.typo3-debug { position: absolute; z-index: 999; background: none #fff; }

.csc-textpic-clear,
.clearer { clear: both !important; float: none !important; margin: -1px 0 0 0 !important; height: 0px !important; font-size: 0px !important; line-height: 0px !important; }
.clearbox { clear: both !important; float: none !important; padding-top: 30px; }

.linkToTop { margin: 20px 0; text-align: center; }

div.tx-fdfx2cols-pi1 { position: static !important; margin: 0 !important; padding: 0; width: 100% !important; }
  td.c2l1-left,
  td.c2l1-middle { float: left; padding: 0 2.5% 0 0; width: 47.5%; vertical-align: top; white-space: normal; background: none transparent; border-right: none; }
  td.c2l1-middle { padding: 0 0 0 2.5%; }
    div.tx-fdfx2cols-pi1 img { margin-top: 12px !important; }

/* --- Bodies and Boxes --- */

html, body { 
  margin: 0; padding: 0; width: 100%; text-align: center; font-size: 20px; font-family: montserrat-light,arial,helvetica,sans-serif; 
  color: #000; background: #dedfdd url(../../content/bilder/world/world-africa-30-960-wh.png) center 240px no-repeat;
  }

/*
#Ziele { background: #dedfdd url(../../../../fileadmin/content/bilder/world/world-africa-30-960-wh.png) center 180px no-repeat; }
#Methodik { background: #dedfdd url(../../../../fileadmin/content/bilder/world/world-america-30-960-wh.png) center 180px no-repeat; }
#Profil { background: #dedfdd url(../../../../fileadmin/content/bilder/world/world-russia-30-960-wh.png) center 180px no-repeat; }
#Zielgruppen { background: #dedfdd url(../../../../fileadmin/content/bilder/world/world-australia-30-960-wh.png) center 180px no-repeat; }
#Stimmen { background: #dedfdd url(../../../../fileadmin/content/bilder/world/world-europe-30-960-wh.png) center 180px no-repeat; }
*/

#iehint, #warningbox { display: none; }

#blankpage { text-align: left; }

#bgpg { width: 100%; text-align: left; }

  #topbox { width: 100%; background: none #333C4D; }
    #logobox { float: left; margin-left: 5%; width: 35%; }
    #blankpage #logobox { position: fixed; top: 0; float: none; margin: 0; padding: 0 5%; width: 90%; height: 120px; background: none #333C4D; }
      #blankpage .logo { display: block; float: left; width: 50%; }
      #blankpage .bread { display: block; float: right; width: 50%; }
    #menubox { float: right; margin-right: 5%; width: 55%; text-align: right; }

  #centerbox { clear: both; }
    #centerwrap { margin: 0 auto; width: 60%; }
    #indexpage #centerwrap { width: 100%; }
      #textbox { padding: 0 0 60px 0; }
      #blankpage #textbox { padding: 140px 0 40px 0; background: none #e5e6e4; }

  #bottombox { padding: 28px 5%; width: 90%; background: none transparent; }

/* --- Frames --- */

#page .boxDefault {  }

#blankpage .boxDefault { margin: 0 5%; background: none transparent; }
  #blankpage .boxDefault .boxDefault { margin: 0; }

#page .rulerBefore { clear: both; margin-top: 30px; padding-top: 30px; width: 960px; border-top: 1px solid #848484; }
#page .rulerAfter { clear: both; margin-bottom: 30px; padding-bottom: 20px; width: 960px; border-bottom: 1px solid #848484; }

#page .background h1, #page .background h2{ color: #fff; }

#page .blue h1, #page .blue h2 { background-color: rgb(51,60,77); background-color: rgba(51,60,77,0.8); } /* blue */
#page .green h1, #page .green h2 { background-color: rgb(83,95,53); background-color: rgba(83,95,53,0.8); } /* green */
#page .orange h1, #page .orange h2 { background-color: rgb(191,134,35); background-color: rgba(191,134,35,0.8); } /* orange */
#page .grey h1, #page .grey h2 { background-color: rgb(50,50,50); background-color: rgba(0,0,0,0.5); } /* grey */
#page .voices h1, #page .voices h2 { background-color: rgb(51,60,77); background-color: rgba(51,60,77,0.8); } /* blue */

#page .blue + .ka-panel { margin-top: 40px; }
#page .blue + .ka-panel + .ka-panel { margin-top: 20px; }

#indexpage #textbox h1, #indexpage #textbox h2 { font-size: 45px; font-family: montserrat-light,arial,helvetica,sans-serif; background-color: transparent !important; }

/* --- Accordion --- */

#textbox .ka-panel { margin: 20px 0; }

  #textbox .ka-panel .headercontainer { padding: 0; width: 40%; text-align: left; }
    #textbox .ka-panel h2 { 
      display: inline-block; margin: 0; padding: 5px 10px 5px 25px; width: auto;
      font-size: 18px; font-weight: normal; /*font-family: georgia,times,serif;*/ text-indent: -15px; 
      color: #454644; background-color: transparent; border: none; cursor: pointer; 
      }
    #textbox .close h2:hover, #textbox .open h2 { color: #fff; background-color: #62728F; }
    #textbox .ka-panel h2:before { content: '+ '; position: relative; top: -1px; }

  #textbox .ka-content { position: absolute; z-index: 999; top: 0; right: 20%; margin-top: 420px; padding: 0; width: 30%; background: none transparent; }
  #textbox .voices .ka-content { float: right; position: relative; top: -30px; right: 0; margin-top: auto; width: 50%; }
    #textbox .ka-content .textcontainer { padding-bottom: 40px; }
    #textbox .voices .ka-content .textcontainer { position: absolute; padding-bottom: 0; }
      #textbox .ka-content h2 { margin-bottom: 40px; width: auto; }
      #textbox .ka-content p { margin: 0 0 20px 0; font-size: 13px; }
      #textbox .voices .ka-content p { font-size: 13px; text-align: right; color: #757674; }

/* --- Buttons --- */

#page p.button { margin: 0 10px 20px 0; line-height: 100%; }
#page .round p.button { margin: 15px 0 0 0; }
#page #creditsbox p.button { display: block; margin: 10px 0 30px 0; width: 100%; }
#page .button,
#page .black { text-align: center; }

#page .button a,
#page .button input,
#page .button button,
#page .black a { 
  display: inline-block !important; float: none !important; margin: 0 !important; padding: 7px 10px !important; width: auto !important; 
  font-size: 12px !important; font-weight: normal !important; font-family: arial, helvetica, sans-serif !important; line-height: 100% !important; text-decoration: none !important;  
  color: #fff !important; cursor: pointer !important; border: none !important; background: none #990000 !important;
  }

/* --- Mainmenu -- */

#menubox ul { display: inline-block; margin: 0; padding: 0; }
  #menubox ul li { float: left; margin: 0 35px 0 0; padding: 75px 0 0 0; line-height: 100%; background: none transparent; }
  #menubox ul li.last { margin: 0; }
  #menubox ul li.clearer { margin: 0; padding: 0; }
  #menubox ul li a { 
    display: block; margin: 0 !important; padding: 0 0 25px 0 !important; font-size: 20px !important; line-height: 100%; text-decoration: none; 
    color: #A7B1BF !important; border: none !important; background: none transparent !important; filter: none !important;
    }
  #menubox ul li a:hover,
  #menubox ul li.act a { color: #fff !important; border: none !important; background: none transparent !important; filter: none !important; }

/* --- Pagemenu --- */

#pagenavbox ul { list-style: none; margin: 0; padding: 0; }
  #pagenavbox ul li { float: left; margin: 0 3px 0 0; padding: 2px 3px 0 0; font-size: 13px; color: rgb(255,255,255); }
  #pagenavbox ul li a { display: block; margin-top: -2px; font-size: 15px; font-weight: normal; text-decoration: none; color: rgb(255,255,255); }
  #pagenavbox ul li a:hover, #pagenavbox ul li.pageactive a { text-decoration: none; color: rgb(255,255,255); color: rgba(255,255,255,0.5); }

#imprintbox { position: absolute; top: 15px; right: 5%; }
  #imprintbox ul { list-style: none; margin: 0; padding: 0; }
    #imprintbox ul li { float: left; margin: 0 3px 0 0; padding: 2px 3px 0 0; font-size: 11px; color: #A7B1BF; }
    #imprintbox ul li a { 
      display: block; margin-top: -2px; text-decoration: none; 
      font-size: 12px; font-weight: normal; font-family: montserrat-light,arial,helvetica,sans-serif; color: #A7B1BF; 
      }
    #imprintbox ul li a:hover, #imprintbox ul li.pageactive a { color: #fff; }

/* --- News --- */

#page .newslist a { padding: 0 !important; background: none transparent !important; color: #990000 !important; }
#page .newslist a:hover { color: #000 !important; }
#page span.news-list-morelink { display: block; margin-top: 20px; }
  #page span.news-list-morelink a {  
    padding-left: 20px !important; color: #000 !important;
    background: url(../bilder/misc/pfeil_000000.png) no-repeat left center !important; 
    }
  #page span.news-list-morelink a:hover { 
    color: #747576 !important; background: url(../bilder/misc/pfeil_646464.png) no-repeat left center !important; 
    }

/* --- Multicontent --- */

.anythingSlider-minimalist-square { position: static; margin: 0 auto; padding: 0; width: 100% !important; height: 720px !important; }
  .anythingSlider-minimalist-square .anythingWindow { border: none; }

  .anythingSlider .fade { width: 100% !important; height: 100% !important; }
    .anythingSlider .fade .panel { width: 100% !important; height: 100% !important; }

  .anythingSlider .vertical { width: 100% !important; height: 100% !important; }
    .anythingSlider .vertical .panel { width: 100% !important; height: 100% !important; }

  .anythingSlider-minimalist-square .anythingControls {
    display: none; position: fixed; top: auto; bottom: 30px; right: 5%; left: auto; z-index: 9000; 
    margin: 0; height: 15px; outline: 0 none; -moz-opacity: 0.9; -webkit-opacity: 0.9; filter: alpha(opacity=90); opacity: 0.9; 
    }
    .anythingSlider-minimalist-square.activeSlider .anythingControls ul li { 
      float: left; list-style: outside none none; margin: 0 15px 0 0; padding: 0; width: 10px; height: 10px; 
      }
      .anythingSlider-minimalist-square.activeSlider .anythingControls ul li a { 
        margin: 0; width: 10px; height: 10px; background-color: rgb(255,255,255); color: #fff; border: none; 
        }
      .anythingSlider-minimalist-square.activeSlider .anythingControls ul li a:hover,
      .anythingSlider-minimalist-square.activeSlider .anythingControls ul li a.cur { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.3); }

  .anythingSlider-minimalist-square span.arrow { display: inline-block; position: fixed; z-index: 9000; top: auto; right: 44%; left: auto; width: 200px; }
  .anythingSlider-minimalist-square span.back { top: 70px; }
  .anythingSlider-minimalist-square span.forward { bottom: 0px; }
    .anythingSlider-minimalist-square .arrow a { display: block; width: 200px; height: 50px; margin: 0; outline: 0 none; -moz-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); opacity: 0.3; }
    .anythingSlider-minimalist-square .arrow a:hover { -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); opacity: 1; }
    .anythingSlider-minimalist-square .back a { background: transparent url(../bilder/misc/arrow-up-wh.png) no-repeat; }
    .anythingSlider-minimalist-square .forward a { background: transparent url(../bilder/misc/arrow-down-wh.png) no-repeat; }