/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{

/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### Schriftgr��en ###################################################################### */

body { color: #24272C; font-size: 81.25%; font-family: 'Bitstream Vera Sans', Verdana, Helvetica, Arial, sans-serif; } /* 13px */
#topnav, #clickpath, #pagenav, #col2 form h3, #topnews li { font-size: 0.85em; }
/* Bildtext */
.csc-textpic-caption { font-size: 0.8em; }
#topnews h3 { font-size: 1em; font-weight:normal; }

h1 {font-size: 1.4em; font-weight:bold; margin: 0 0 1em 0; color: #DC3112; } 
h2 {font-size: 1.2em; font-weight:bold; margin: 0 0 0.4em 0; } 
h3 {font-size: 1.1em; font-weight:bold; margin: 0 0 0.4em 0; }
h4 {font-size: 1.0em; font-weight:bold; margin: 0 0 0.4em 0; }
h5 {font-size: 0.9em; font-weight:bold; margin: 0 0 0.4em 0; }
h6 {font-size: 0.8em; font-weight:bold; margin: 0 0 0.4em 0; }

p,ul,dd,dt { }
p { margin: 0 0 1em 0; }

#logo_box { height:150px; padding:auto 5px; vertical-align:center; }
#logo_box img { margin-right:10px; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code { font-family: 'Courier New', Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr { 
  color: #fff; 
  background:transparent; 
  margin: 0 0 0.5em 0; 
  padding: 0 0 0.5em 0; 
  border:0; 
  border-bottom: 1px #ddd solid; 
}

abbr, acronym, dfn {
  text-decoration:none;
  font-style:normal;
  border-bottom:1px dotted #888888;
  cursor:help;
}

cite { 
  display:block;
  margin: 0 0 1em 0; 
  padding: 0 0 1em 0;
}

.note { font-size:0.85em }

/* ### Logos ############################################################################ */

#logo_container a:hover, #logo_container a:focus, #logo_container a:active { background:none; }

#qm_logo { position:relative; z-index:2; }

#bg_qm_logo {
  position:absolute;
  top:2.15em;
  left:0;
  z-index:1;
  width:221px;
  height:220px; 
}

#logo_europa {
  position:relative;
  top:-12px;
}
#logo_bund {
  margin-left:20px;
}
#logo_efre {
  position:relative;
  top:5px;
}
#logo_berlin {
  position:relative;
  top:0px;
  margin-left:12px;  
}
#logo_sozstadt {
  position:relative;
  left:15px;  
  margin-top:30px;
}
#logo_mitte {
  position:relative;
  top:-8px;
  left:-45px;
  margin-left:32px;
}


/* ### Bildpositionierung ############################################################################ */

.cObj .csc-textpic-intext-left .csc-textpic-imagewrap { padding:3px 8px 4px 0; }
.csc-textpic-intext-right .csc-textpic-imagewrap { padding:3px 0 4px 8px; }
.csc-textpic-caption { padding:4px 0 0 0;  }
/*.lens { margin:500px 1px 0px 0px; float:right; }*/
/* Caption */
.ddl, .ddr { text-align:left; margin:-15px 20px 0px 0px; }
#col3 dt a:link, #col3 dt a:visited, .csc-textpic-imagewrap a {
  background:transparent url(/layout/site/icons/zoom.gif) no-repeat scroll right bottom;
  border:medium none;
  display:block;
  /*padding-bottom:15px;*/
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin-bottom:15px; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  font-size:0.85em;
  margin:0 14px -3px 0;
  position:relative;
  top:-16px;
}


/* ### Links ######################################################## */

a:hover, a:active, a:focus, a:active { text-decoration:underline; }

.printlink { padding-left: 18px; margin-left:2em; background: url('/layout/site/icons/print.gif') no-repeat 0 0.05em; }
.backlink, .tx-simplegooglemap-backlink { padding-left: 22px; margin-left:2em; background: url('/layout/site/icons/previous.gif') no-repeat 0 0; }
.extlink, .external-link-new-window { padding-left: 19px; background: url('/layout/site/icons/newwindow.gif') no-repeat 0 0.15em;  }
.maplink, .tx-simplegooglemap-maplink { padding-left: 19px; background: url('/layout/site/icons/map.gif') no-repeat 0 0.15em;  }

.tx-simplegooglemap-address { margin-bottom:1em; }
.tx-simplegooglemap-backlink { 
  position:absolute; 
  top:0px; 
  right:17px; 
  z-index:100; 
  margin:3.75em 8em 0 0;
  padding-left:22px;  
  font-size:0.85em; 
}

/* Maillink */
.maillink, .mail { padding-left: 18px; background: url('/layout/site/icons/mail.gif') no-repeat 0 0.15em; }

/*  Dateitypen: Auswahl per Attributselektor (nicht f�r IE, da im Quirksmode) */
a[href$=".pdf"], a[href$=".doc"], a[href$=".zip"], a[href$=".jpg"], a[href$=".gif"], a[href$=".png"], a[href$=".tif"], a[href$=".avi"], a[href$=".xls"], a[href$=".ppt"],
a[href$=".PDF"], a[href$=".DOC"], a[href$=".ZIP"], a[href$=".JPG"], a[href$=".GIF"], a[href$=".PNG"], a[href$=".TIF"], a[href$=".AVI"], a[href$=".XLS"], a[href$=".PPT"] {
  padding-left: 19px; background: no-repeat 0 0.05em;
}

a[href$=".pdf"], a[href$=".PDF"] { background-image: url('/layout/base/icons/pdf.gif'); padding-left: 16px; }
a[href$=".doc"], a[href$=".DOC"] { background-image: url('/layout/base/icons/doc.gif'); padding-left: 17px; }
a[href$=".xls"], a[href$=".XLS"] { background-image: url('/layout/base/icons/xls.gif'); padding-left: 17px; }
a[href$=".ppt"], a[href$=".PPT"] { background-image: url('/layout/base/icons/ppt.gif'); padding-left: 17px; }
a[href$=".zip"], a[href$=".ZIP"] { background-image: url('/layout/base/icons/zip.gif'); padding-left: 15px; }
a[href$=".jpg"], a[href$=".JPG"] { background-image: url('/layout/base/icons/jpg.gif'); }
a[href$=".gif"], a[href$=".GIF"] { background-image: url('/layout/base/icons/gif.gif'); }
a[href$=".png"], a[href$=".PNG"] { background-image: url('/layout/base/icons/png.gif'); }
a[href$=".tif"], a[href$=".TIF"] { background-image: url('/layout/base/icons/tif.gif'); }
a[href$=".avi"], a[href$=".AVI"] { background-image: url('/layout/base/icons/avi.gif'); padding-left: 15px; }

/* kein CSS-Icon in Suchergebnis, da indexed_search selbst Icons einf�gt */
.tx-indexedsearch-title a[href$=".pdf"], .tx-indexedsearch-title a[href$=".PDF"],
.tx-indexedsearch-title a[href$=".doc"], .tx-indexedsearch-title a[href$=".DOC"],
.tx-indexedsearch-title a[href$=".xls"], .tx-indexedsearch-title a[href$=".XLS"],
.tx-indexedsearch-title a[href$=".ppt"], .tx-indexedsearch-title a[href$=".PPT"],
.tx-indexedsearch-title a[href$=".zip"], .tx-indexedsearch-title a[href$=".ZIP"],
.tx-indexedsearch-title a[href$=".jpg"], .tx-indexedsearch-title a[href$=".JPG"],
.tx-indexedsearch-title a[href$=".gif"], .tx-indexedsearch-title a[href$=".GIF"],
.tx-indexedsearch-title a[href$=".png"], .tx-indexedsearch-title a[href$=".PNG"],
.tx-indexedsearch-title a[href$=".tif"], .tx-indexedsearch-title a[href$=".TIF"],
.tx-indexedsearch-title a[href$=".avi"], .tx-indexedsearch-title a[href$=".AVI"] {
  padding-left: 0; background: none;
}


/* kein CSS-Icon in Filelinks-Plugin, da indexed_search selbst Icons einf�gt */
.filelinks a { color:#E2001A; }
.filelinks a[href$=".pdf"], .filelinks a[href$=".PDF"],
.filelinks a[href$=".doc"], .filelinks a[href$=".DOC"],
.filelinks a[href$=".xls"], .filelinks a[href$=".XLS"],
.filelinks a[href$=".ppt"], .filelinks a[href$=".PPT"],
.filelinks a[href$=".zip"], .filelinks a[href$=".ZIP"],
.filelinks a[href$=".jpg"], .filelinks a[href$=".JPG"],
.filelinks a[href$=".gif"], .filelinks a[href$=".GIF"],
.filelinks a[href$=".png"], .filelinks a[href$=".PNG"],
.filelinks a[href$=".tif"], .filelinks a[href$=".TIF"],
.filelinks a[href$=".avi"], .filelinks a[href$=".AVI"] { background-image:url(/fileadmin/css/main/content.css); padding-left:0; }

/* kein CSS-Icon in extern verlinktem Bild */
.csc-textpic-image a[href^=http], .csc-textpic-imagewrap a[href^=http] { background-image:url(/fileadmin/css/main/content.css) !important; padding-left:0 !important; }
div.csc-textpic div.csc-textpic-single-image img {
  margin-bottom:15px;
}

/* kein CSS-Icon in extern verlinktem Bild */
.csc-textpic-image a[href^=http], .csc-textpic-imagewrap a[href^=http] { background-image:url(/fileadmin/css/main/content.css) !important; padding-left:0 !important; }
.csc-textpic-image a[href$=".pdf"], .csc-textpic-imagewrap a[href$=".pdf"] { background-image:url(/fileadmin/css/main/content.css) !important; padding-left:0 !important; }

/* kein CSS-Icon in Galerie */
.gallery-thumb a { background-image:url(/fileadmin/css/main/content.css); padding-left:0 !important; }

.skip:focus, .skip:active {
  position:absolute;
  top:10px;
  left:0.5em;
  width:auto;
  padding:1px 5px 1px 5px;
}


/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; /* mt width: 99%; */ margin-bottom: 0.5em; font-size:100%; }

table td { vertical-align:top; }

table caption {
  margin:1em 0 0.5em 0;
  text-align:left;
  font-weight:bold;
}

.rahmen, .zweispaltig-rahmen, .dreispaltig-rahmen, .vierspaltig-rahmen, .fuenfspaltig-rahmen {
  margin:3px 0 0 3px; 
}

.rahmen td, .rahmen th, .zweispaltig-rahmen td, .zweispaltig-rahmen th, .dreispaltig-rahmen td, .dreispaltig-rahmen th, .vierspaltig-rahmen td, .vierspaltig-rahmen th, .fuenfspaltig-rahmen td, .fuenfspaltig-rahmen th {
  padding:2px 2px 2px 3px;
  border: 1px solid #24272C;
}

.rahmen th, .zweispaltig-rahmen th, .dreispaltig-rahmen th, .vierspaltig-rahmen th, .fuenfspaltig-rahmen th {
  background: #e7e7e7;
}

.rahmen caption, .zweispaltig-rahmen caption, .dreispaltig-rahmen caption, .vierspaltig-rahmen caption, .fuenfspaltig-rahmen caption {
  margin-bottom:4px;
}

.zweispaltig td, .zweispaltig-rahmen td { width:50% }
.dreispaltig td, .dreispaltig-rahmen td { width:33% }
.vierspaltig td, .vierspaltig-rahmen td { width:25% }
.fuenfspaltig td, .fuenfspaltig-rahmen td { width:20% }

form {overflow:hidden;}

input, textarea, select {
  padding:2px 2px 2px 3px;
  margin:2px 0 2px 0;
  background: #fff;  
  border:1px solid #24272C;
  font-size: 1em; 
  font-family: 'Bitstream Vera Sans', Verdana, Helvetica, Arial, sans-serif; 
}

button {
  font-size: 1em; 
  font-family: 'Bitstream Vera Sans', Verdana, Helvetica, Arial, sans-serif; 
  cursor:pointer;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #24272C;
}


/* ### Formulare mittlere Spalte ######################################################## */

/*#col3 input, #col3 textarea, #col3 select {
   width:23.3em;
}

#col3 select { width:23.8em; } *//*  wieso stellt man das f�r alle seite ein? mt */

#col3 form label { 
  margin-right:1em; 
  padding-top:0.3em;
  width:150px;/*width:7.5em;*/
  float:left;
}
.button_submit {
  margin:1em 0 0 12em;
  padding:1px 4px 1px 4px;
  border:1px solid #24272C;
  background:#bbb;
}

#col3 input.button_submit {
  display:block;
  margin:1.5em 0 3em 8.5em;
  width:13em;
}

.button_submit:focus {
  border: 1px solid #24272C;
}

#form_note { position:relative; top:-4.4em; }


/* ### Formulare rechte Spalte ######################################################## */

#col2 form {
  min-width:100px;
  margin-bottom:0.8em;
  padding:4px 0 0px 2%;
}

#col2 form h3 {
  margin:0 0 2px 0;
  font-weight:normal;
}

#col2 form input {
  width:70%;
  margin:2px 2% 0 0;  
  border:1px solid #24272C;
}


#col2 form button {
  border:none;
  vertical-align:middle;
  position:relative;
  top:-2px;
  margin-top:2px;
}

#col2 form button img { margin-right:-3px; margin-left:-3px;}



/* ### Inhaltselemente ######################################################## */

.cObj {
  margin:0.5em 0 1.5em 0;
  /* Clearing */
  overflow: hidden;
}
.cObj .cObj {
  margin-bottom:0;
  /*background-color: #eee;*/
  min-height: 200px;
}
.cObj h2 {

  font-size: 1.2em;
}

/* Dateilink */
.csc-uploads-fileSize {
  padding:0 0 0 0.2em;
  white-space:nowrap;
}

/* ### Top-News rechte Spalte ######################################################## */

#topnews h2 {
  display:block;
  padding:3px;
  font-size:1em;
  font-weight:bold;  
}

#topnews .cObj {
  margin-top:0;
}

}