@charset "utf-8";
/* CSS MitOst. Grundelemente */
/* MitOst-Rot #CC0033 */

/* TYPO3 intern
---------------------------------------- */


.detail { font-style:italic; color:#CC0033; }
.important { color:#FF0033; font-weight:bold; }
.name-of-person { color:#CC0033; font-weight:bold; }

.csc-frame-frame1 { padding:1em; padding-left:1.5em; background-color:#DDDDDD; }
.csc-frame-frame2 { padding:1em; padding-left:1.5em; background-color:#FFCCCC; }

.csc-frame-rulerAfter { border-bottom: 1.5em solid white;margin: -1.5em;padding: 1.5em; }

blockquote {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:1.5em;
  line-height:1.3em;
  font-style:italic;
  }

.csc-textpic-caption {
  padding-top:1em;
  padding-bottom:1em;
  font-size:0.8em;
  line-height:1.4em;
  color:#666666;
  }

/*
---------------------------------------- */

body {
  margin:0;
  padding:0;
  text-align:center;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:8pt;
  line-height:1.4em;
  color:#000000;
  }

h1 {
  margin-top:0;
  margin-bottom:1.4em;
  font-size:1.8em;
  line-height:1.3em;
  font-weight:normal;
  color:#cc0033;
  }

h2 {
  margin-top:0;
  font-size:1.2em;
  color:#cc0033;
  }

h3 {
  margin-top:0;
  margin-bottom:0.7em;
  font-size:1em;
  }

hr {
  border:0;
  height:1px;
  background-color:#cc0033;
  margin-bottom:1em;
  margin-top:0;
  }


/* FARBEN */
.rot { color:#CC0033; }
.grau { color:#AAAAAA; }

.deep { color:#CC0033; }
.medium { color:#FF0033; }
.light { color:#FFCCCC; }


/* PARAGRAPH */
p {
  margin-top:0;
  margin-bottom:1.5em;
  overflow:hidden;
  }

p.linkrechts {
  text-align: right;
  }

p.gross {
  font-size:1.2em;
  line-height:1.4em;
  margin-bottom:2em;
  }

p.liste {
  margin-bottom:1em;
  }


/* BILDER */
img {
  border:0;
  margin-top:0;
  }

img.bild {
  margin-bottom:1.5em;
  }

img.tumb {
  float:left;
  margin-right:1.5em;
  }

.socialIcons {margin-top:1em;}
.socialIcons a {border:0 none;display:inline-block;}
.socialIcons img:first-child {float:left;margin-right:1px;}
.socialIcons img:hover {opacity:.8;}
.socialIcons img {width:20px;}
.socialIcons p {color: #3B5998;margin-bottom: 4px;}

/*NEWS*/

div.newsbox img{
  float:left;
  margin-right:1.5em;
  margin-bottom:1.5em;
  }
div.newsbox_img_rechts img{
  float:right;
  margin-left:1.5em;
  margin-bottom:1.5em;
  }
div.newsbox_img_rechts {
  margin-bottom:2em;
  }

.tx-ttnews-browsebox, .browseBoxWrap {
  margin:3px;
  border:0px solid #666;
  padding:3px;
  background-color:#ffffff;
  text-align:center;
}

.tx-ttnews-browsebox-SCell {
  background-color: #ffffff;
  font-weight: bold;

  border:0px solid #666;
}



.news-list-category a{padding-left:1.3em; background:url(img/pf/pr.gif) no-repeat;}

p.bunt a {padding-left:1.3em; background:url(img/pf/pr.gif) no-repeat; display:block;}

div.newsbox p{margin-bottom:0em;}
div.newsbox_img_rechts p{margin-bottom:0em;}


.news-list-category {
  font-size:1em;
  margin-left:0px;
  margin-top:0.4em;

}

/* NEWS SINGLE */
.news-single-item H2 {
  font-size:1.2em;
  font-weight:normal;
  color: #CC0033;
  margin-bottom: 1em;
}

.news-single-item {
  padding:0;
  margin-bottom:1em;
  border:0px solid #666;
  background-color:#FFFFFF;

}
.news-single-category {
  margin-bottom:1.5em;
  float:none;
}

.news-single-additional-info {
  background-color: #ffffff;
/*  clear: both;*/
  margin-top: 1.5em;
  border: 0px solid #666;
  padding:0em;
  padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
  border: 0px solid #666;
  margin:0px;
  margin-bottom: 0.3em;
  padding-bottom:0.0em;
  background-color:#ffffff;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
  margin-left:0em;
  padding:0em;
  margin-top:0.0em
}
.news-single-links DD p{margin:0em;padding:0em;}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
  font-weight: bold;
  font-size: normal;
  margin-left:0.0em;


}




/*NEWS SINGLE END*/


/*NEWS END*/
img.galerie {
  margin-bottom:1.5em;
  margin-right:1.5em;
  }


/* BLOCKELEMENTE */
div {
  text-align:left;
  overflow:hidden;
  }
div.csc-textpic-center .csc-textpic-center-outer {overflow:visible;}
div.bunt {
  margin-bottom:1.5em;
  padding:1.3em;
  background-color:#FFCCCC;
  }

div.buntext {
  margin-bottom:1.5em;
  padding:1.3em;
  padding-bottom:0;
  background-color:#FFCCCC;
  }

div.newsgrau {
  margin-bottom:1.5em;
  padding:1.3em;
  background-color:#DDDDDD;
  }

div.rahmen {
  padding:1.3em;
  border:2px solid #DDDDDD;
  }

div.newsbox {
  margin-bottom:2.5em;
  }

#mitte .newsbox { margin-bottom:0; }

/* VERWEISE */
a { text-decoration:none; color:#CC0033; }
a:hover { text-decoration:underline; color:#CC0033; }
a:visited { color:#CC0033; }

/* VERWEISE: Pfeile ROT */
.p { padding-left:1.3em; background:url(img/pf/pr.gif) no-repeat; }
.ph { padding-left:1.3em; background:url(img/pf/prh.gif) no-repeat; }
.po { padding-left:1.3em; background:url(img/pf/pro.gif) no-repeat; }
.pz { padding-left:1.3em; background:url(img/pf/prz.gif) no-repeat; }
.pu { padding-left:1.3em; background:url(img/pf/pru.gif) no-repeat; }
.pa { padding-left:1.3em; background:url(img/pf/pra.gif) no-repeat; }


/* VERWEISE: Pfeile WEISS */
.pw { padding-left:1.3em; background:url(img/pf/pw.gif) no-repeat; }
.pwh { padding-left:1.3em; background:url(img/pf/pwh.gif) no-repeat; }
.pwo { padding-left:1.3em; background:url(img/pf/pwo.gif) no-repeat; }
.pwz { padding-left:1.3em; background:url(img/pf/pwz.gif) no-repeat; }
.pwu { padding-left:1.3em; background:url(img/pf/pwu.gif) no-repeat; }
.pwa { padding-left:1.3em; background:url(img/pf/pwa.gif) no-repeat; }


/* KOPFZEILE */
div#body {
  width:1056px;
  height:auto;
  margin:auto;
  text-align:left;
  background-color:#ffffff;
  }

div#header {
  position:absolute;
  width:1056px;
  height:300px;
  background-repeat:x-repeat;
  z-index:1;
  }

div#headerext {
  position:absolute;
  width:1056px;
  height:300px;
  background-repeat:x-repeat;
  z-index:2;
  }

div#logo {
  width:214px /*420px*/;
  height:74px;
  margin-top:14px;
  margin-bottom:14px;
  background-color:#cc0033;
  padding-left:36px;
  }


/* MENU erster Ebene */
/* MENU zweiter Ebene --> diverse.css */
div.menu {
  width:100%;
  height:auto;
  background-color:#333399;
  }

.menu ul {
  margin:0;
  padding:0;
  }

.menu li {
  width:175px;
  list-style:none;
  float:left;
  }
.menu a, .lang li span {
  display:block;
  text-decoration:none;
  font-size:1.2em;
  line-height:1.6em;
  padding-left:1em;
  color:#FFFFFF;
  }
.lang li.noLang {display:none;}

.menu.meta {position:absolute;top:14px;right:0;width:auto;}
.menu.meta li {width:auto; background:none; margin-left:1px;padding:0;}
.menu.meta li a, .menu.meta .lang li span {padding:0 14px; background:#333; background:rgba(0,0,0,.7); }
.menu.meta li a:hover {background:#111; background:rgba(0,0,0,.9); }

.menu.meta .lang li {color:#FFF;}
.menu.meta > ul {float:right;}
.menu.meta > ul.lang {float:left;margin-right:3px;}
.menu.meta .lang li.actLang {display:none;}

#verein {}
#arbfeld {}
#projekte {}
#alumni {}
#festival {}
#partner {}

.menu a, .menu a:hover, .menu a:visited { color:#FFFFFF; text-decoration:none; }
.menu2 a {display:block;}

#verein a.l1-no, #verein a.l1-no:active, #verein a.l1-no:visited { background-color:#CC0033; }
#verein a.l1-no:hover { background-color:#FF0033; }
#verein a.l1-act, #verein a.l1-act:active, #verein a.l1-act:visited { background-color:#CC0033; }
#verein a.l1-act:hover { background-color:#FF0033; }

#arbfeld a.l1-no, #arbfeld a.l1-no:active, #arbfeld a.l1-no:visited { background-color:#009933; }
#arbfeld a.l1-no:hover { background-color:#00CC00; }
#arbfeld a.l1-act, #arbfeld a.l1-act:active, #arbfeld a.l1-act:visited { background-color:#009933; }
#arbfeld a.l1-act:hover { background-color:#00CC00; }

#projekte a.l1-no, #projekte a.l1-no:active, #projekte a.l1-no:visited { background-color:#CC6600; }
#projekte a.l1-no:hover { background-color:#FF9900; }
#projekte a.l1-act, #projekte a.l1-act:active, #projekte a.l1-act:visited { background-color:#CC6600; }
#projekte a.l1-act:hover { background-color:#FF9900; }

#alumni a.l1-no, #alumni a.l1-no:active, #alumni a.l1-no:visited { background-color:#009999; }
#alumni a.l1-no:hover { background-color:#33CCCC; }
#alumni a.l1-act, #alumni a.l1-act:active, #alumni a.l1-act:visited { background-color:#009999; }
#alumni a.l1-act:hover { background-color:#33CCCC; }

#festival a.l1-no, #festival a.l1-no:active, #festival a.l1-no:visited { background-color:#993366; }
#festival a.l1-no:hover { background-color:#CC0099; }
#festival a.l1-act, #festival a.l1-act:active, #festival a.l1-act:visited { background-color:#993366; }
#festival a.l1-act:hover { background-color:#CC0099; }

#partner a.l1-no, #partner a.l1-no:active, #partner a.l1-no:visited { background-color:#333399; }
#partner a.l1-no:hover { background-color:#0033FF; }
#partner a.l1-act, #partner a.l1-act:active, #partner a.l1-act:visited { background-color:#333399; }
#partner a.l1-act:hover { background-color:#0033FF; }


/* GRUNDELEMENTE */
/* BREITE und ABSTAND --> diverse.css  */
#inhalt {
  width:100%;
  margin-top:31em;
  margin-bottom:2.5em;
  }

#links {
  float:left;
  min-height:1px;
  }

#mitte {
  float:left;
  }

#rechts {
  float:right;
  }


/* FUSSZEILE */
div#footer {
  width:100%;
  height:170px;
  color:#FFFFFF;
  background-color:#cc0033;
  }

#footer a, #footer a:active, #footer a:visited, #footer a:hover { color:#FFFFFF; }

#footer div {
  float:left;
  width:44%;
  margin:3%;
  }

#footer div.eingabe { text-align:right; }

.login {
  font-size:8pt;
  margin-bottom:0.7em;
  border:0;
  background-color:#FF9999;
  }

.button {
  font-size:8pt;
  color:#fff;
  border:0;
  background-color:#FF0033;
  }

/* IE 6
----------------------------------- */

* html #inhalt {
  padding-top:31em;
  }

* html #footer div {
  width:42em;
  margin:2em;
  margin-top:3em;
  }

* html .menu li {
  width:175px;
  }

/* IE 7
----------------------------------- */

*+html #inhalt {
  padding-top:31em;
  }

*+html #footer div {
  width:42em;
  margin:2em;
  margin-top:3em;
  }

*+html .menu li {
  width:175px;
  }


/* NEU 4.7 */
.news-single-backlink { padding-left:0; font-weight:700; }
fieldset  {border:0px; margin: 10px 0; padding:0;}

.newsgrau div {overflow:visible;}
.newsgrau hr {display:block;height:1.5em;background:#fff;line-height:0;margin:1.5em -1.5em;}
img {max-width:100%;height:auto;}

/* neu tx_news */
.news-list-view .article {margin-bottom:20px;}
.news-list-view .article .news-img-wrap {float:right;margin: 3px 0 5px 12px;}
.news-list-view .article h2 {float:left;width:71%;}
.news-list-view .article.noImg h2, .homepage .news-list-view .article h2 {float:none;width:100%;}
.news-list-view .article .teaser-text {clear:left;}
.news-list-view .teaser-text p {margin-bottom:0;}
.homepage .news-list-view .article .teaser-text {clear:none;}
.homepage .news-list-view .article .news-img-wrap {float:left;margin: 3px 12px 5px 0;}
.boxLayout .news-list-view .clearer {display:none;}
.homepage .boxLayout .news-list-view .news-img-wrap {margin:0 0 15px;}
.news-list-view .article .news-img-wrap a {padding:0;border:0;}
.news-list-view .page-navigation ul {float:left;padding:0;margin:0;}
.news-list-view .page-navigation p {float:none;margin:0;}
.news-single h2 {font-weight:normal;}
.news-single .article .news-img-wrap {float:none;width:100%;margin-bottom:1.5em;}
.f3-widget-paginator li {display:inline-block;list-style:none;}
