/* ######################################################################################################
** # "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    : Projektspezifische Formatierungen
**
*/

@media all
{  

/* ### allg. ######################################################## */

body { background-color: #fff; color: #24272c; }

#page, #main { background: #fff; }

input, textarea, select {
  background: #fff;  
  border:1px solid #667BCF;  
}

#col3 .error { color: #dc3112; }

#col3 input.button_submit, #col3 .tx-dpirecordbrowser-pi1-button-submit, .pollsubmit { 
  background:#DFE5F5;
  border:1px solid #667BCF;
  color:#24272c; 
}

a { color: /*#667BCF*/#dc3112; text-decoration:none; }


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

.printlink { background-position: 0 0.1em; }
.backlink { background-position: 0 0.2em; }
.extlink, .external-link-new-window { background-position: 0 0.2em;  }
.maplink { background-position: 0 0.2em;  }

/* Maillink */
.maillink, .mail { background-position: 0 0.25em; }

/*  Dateitypen: Auwahl 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"] {
  background-position: 0 0.1em;
}


/* ### Header ######################################################## */

#bg_topleft { position:absolute; top:0; left:0; z-index:200; }

#headerimages { 
  border-top:1px solid #fff; 
  border-right:1px solid #fff; 
  border-left:1px solid #fff; 
  height:171px;
  background-color:white /*#C8CFE8*/;
}

#qm_logo { top:-1px; }

#logo_mitte {
  position:relative;
  top:0;
  left: -30px;
  margin-left:32px;
}
#logo_sozstadt { left: -5px; }

#sitetitle { margin-left:242px; margin-top:140px ; padding-bottom:5px; }


#separator_head { 
  z-index:10; 
  position:relative; 
  height:11px; 
  font-size:1px;  
  background: #FCE2DD; 
}

#clickpath {margin-bottom: 10px;}

/* ### Listen ######################################################## */

ul { padding-left:0; margin-left:0; }

ul li {   
  margin-left:0;
  list-style-type:none;
  padding-left:1.2em;
  background: url(/layout/site/icons/bullet.gif) no-repeat 0em 0.5em;
}

.tx-indexedsearch-browsebox ul li { background: none; }

#col3 .tx-dpirecordbrowser-pi1 ul.tx-dpirecordbrowser-pi1-pagelist li, #col3 .tx-dpirecordbrowser-pi1-linklist li {
  padding-left:1.2em;
  background: url(/layout/site/icons/bullet.gif) no-repeat 0em 0.45em;
}

#topnav li, .tx-dpirecordbrowser-pi1-angebotlist li, .ec_list_content li {   
  padding:0 0 8px 10px;
  background: none;
}

.tx-dpirecordbrowser-pi1-angebotlist ul {
  margin-left:-1em;
  padding-left:-1em;
}

.tx-dpirecordbrowser-pi1-angebotlist li li {   
  padding-left:1.2em;
  background: url(/layout/site/icons/bullet.gif) no-repeat 0em 0.45em;
}

.csc-sitemap-level1 li { background: none; }

.ec_menu_link li { background: none; }


/* ### Top-News ######################################################## */

#topnews { background:#fff; border:1px solid /*#dc3112*/#dc3112; }
#topnews a { color: /*#dc3112*/#dc3112; }
#topnews h2 { background:/*#dc3112*/#dc3112; color:#fff; margin: 0 0 1em 0; }
#topnews h3 { font-size:0.85em; }
#topnews .cObj { margin:0; }

#topnews .tx-dpieventcalendar-pi1-listitem-date, #topnews .tx-dpieventcalendar-pi1-listitem-time { color:#919191; }
#topnews .tx-dpieventcalendar-pi1-listitem-link { margin-top:3px; }
#topnews .tx-dpieventcalendar-pi1 { margin:0 0 1em 5px; }
#topnews .tx-dpieventcalendar-pi1-list {padding-left:5px;}

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

#col2_content { margin-top: 0em; }

#col2 form { background:#fff; padding-left:0; }

#searchform { margin-top:1em; }

#col2 form h3 { color:#dc3112; font-weight:bold; }

#col2 form input { border:1px solid #dc3112; }

#col2 form button { background: #fff; }

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

#col2 form input:focus { border:1px solid #24272C; }


/* ### ICE-Box ######################################################## */

#col3 .cObj .cObj {
  float:left;
  margin:0;
  padding:8px 0 -8px 0;
  overflow:visible;
  width:46%;    
}

#col3 .cObj .cObj div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin-bottom:0px;
}

/*
#col3 .cObj .cObj p {
  margin-bottom:4em;
}
*/

#col3 .cObj .cObj:last-child {
  /*position:absolute;
  right:0;
  */
  float:right;
}  

/*
.cObj:after { content:".";display:block;clear:both;visibility:hidden; }  */


/* ### Social Bookmarks ######################################################## */
.social_bookmarks a {
  margin:0 9px 0 0;
}
.social_bookmarks img {
  position:relative;
  top:3px;
}
.social_bookmarks a:first-child {
  margin-left:8px;
}


/* ### dpi_qm_projects ######################################################## */

#col3 #col3_content #tx-dpiqmprojects-pi1 h2 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 0.4em;
}  
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-category-inner .tx-dpiqmprojects-pi1-title-open {
  background: url("/typo3conf/ext/dpi_qm_projects/pi1/res/arrow_down.png") no-repeat scroll 0 5px transparent;
  padding: 0 0 0 15px;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-category-inner .tx-dpiqmprojects-pi1-title-closed {
  background: url("/typo3conf/ext/dpi_qm_projects/pi1/res/arrow_right.png") no-repeat scroll 1px 3px transparent;
  padding: 0 0 0 15px;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 h2.tx-dpiqmprojects-pi1-projecttitle {
  padding-bottom:1em;
}  
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-projectinfoblock {
  margin:0;
  padding-bottom:2em;
} 
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-categorylist {
  margin-left:0px;
  padding-top:0;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-project-categorylist {
  margin-left:5px;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-project-categorylist li {
  margin-left:0;
  padding-left:0;
  padding-right:4px;
  background:none;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-categorylist li h3 {
  background-color:#fce2dd;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 ul li {
  background-position:2px 0.55em;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-projectlist-open {
  padding-left:20px;
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-projectlist-open li {
  list-style-type:none;
  padding-left:1.2em;  
}
#col3 #col3_content #tx-dpiqmprojects-pi1 a:not([target="_blank"]) {
  padding-left:0;
  background:none;
} 
#col3 #col3_content #tx-dpiqmprojects-pi1 div.tx-dpiqmprojects-pi1-projectinfo-image a {
  background: url("/layout/site/icons/zoom.gif") no-repeat scroll right bottom transparent;
  border: medium none;
  display: block;
  padding-bottom: 16px;    
}
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-project-backlink {
  margin-right:0; 
}  
#col3 #col3_content #tx-dpiqmprojects-pi1 .tx-dpiqmprojects-pi1-project-backlink a {
  font-size:0.85em;
  background:url("/layout/site/icons/previous.gif") no-repeat 0 0;
  padding-left:22px;
}
#lbOverlay, #lbCenter, #lbBottomContainer {
  position:relative;
  z-index:100;
}  
}


div.tx-jkpoll-pi1 form label {
    float:none!important;
    margin-right: 1em;
    padding-top: 0;
    width: 150px;
  }