@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 *
*/
/* import core styles | Basis-Stylesheets einbinden */

@import url(../yaml/core/base.css);
/* import screen layout | Screen-Layout einbinden */
/* @import url(../yaml/navigation/nav_slidingdoor.css); */
/* @import url(../yaml/navigation/nav_vlist.css); */
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/forms.css);
/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);
/* Basis-CSS */
/* @import url(dvv-Base.css); */
/* Basis-CSS fuer Suche */
@import url(search.css);
/* Basis-CSS fuer Statuszeile, Tools */
@import url(dvv-tools.css);
/* Virtueller Tischkalender und Kalenderblatt */
@import url(dvv-calendar.css);

h1, h2, h3, h4, h5, h6 {
    font-family: Univers, Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 10px 0;
    color: rgb(106, 106, 106);
}

h1 {
    color: rgb(224, 224, 209);
    font-size: 35px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 0.8em;
    margin: 0;
}

h2 {
    font-size: 18px;
}

a {
    color: rgb(153, 0, 38);
}

a:visited {
	color: rgb(153, 0, 38);
}

a:focus, a:hover, a:active {
    color: rgb(153, 0, 38);
}

.clear {
    clear : both;
}

.invisible {
    position: absolute;
    left: -2999px; /* Sprungmarke wird "aus dem Bildschirm geschoben" - denn: display: none gef?llt Screenreadern nicht */
    width: 1500px;
}

/* Table */

table tr {line-height: 1.5em;}

div.wayhome {
    border-bottom: 1px solid white;
    padding-bottom: 4px;
    margin-bottom: 8px;
}

ul.wayhome {
    display: inline;
    margin-left: 0;
}
.wayhome li {
    display: inline;
    margin-left: 0;
}

/* Navigation */

#nav .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position:relative;
    line-height: 0;
    background-color: #D9D9D6;
}

#nav .hlist ul {
    width: 100%;
    background-color: #D9D9D6;
    height: 22px;
    margin: 0;
}

#nav .hlist ul li {
    font-size: 13px;
    margin: 0;
    padding: 5px 5px 4px 13px;
    list-style-type: none;
    line-height: 105%;
    float: left;
    list-style-position: inside;
	background: url("../img/mosaik/veranstaltungen.png") no-repeat 0 6px;
}

#nav .hlist > ul > li.nav_1418539 {
    background: url("../img/mosaik/home.png") no-repeat 0 6px;
}

#nav .hlist > ul > li.nav_550068 {
    background: url("../img/mosaik/stadtgeschichte.png") no-repeat 0 6px;
}

#nav .hlist > ul > li.nav_867352 {
    background: url("../img/mosaik/veranstaltungen.png") no-repeat 0 6px;
}

#nav .hlist > ul > li.nav_550080 {
    background: url("../img/mosaik/buergerprojekte.png") no-repeat 0 6px;
}

#nav .hlist > ul > li.nav_572181 {
    background: url("../img/mosaik/informationen.png") no-repeat 0 6px;
}

#nav .hlist > ul > li.nav_572151 {
    background: url("../img/mosaik/mediathek.png") no-repeat 0 6px;
}

#nav .hlist ul li:focus,
#nav .hlist ul li:hover,
#nav .hlist ul li:active {
    background-color: #fff;
}

#nav .hlist ul li a,
#nav .hlist ul li strong {
    color: #6A6A6A;
    display: inline;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    width: 230px;
}

#nav .hlist ul li a.active{
    color: #990026;
}

#nav .hlist ul li ul {
    width: auto;
    display: none;
    position: absolute;
    margin-top: 4px;
    margin-left: -13px;
	height: auto;
	z-index: 200;
}

#nav .hlist ul li ul li {
    display: block;
    padding: 3px 0 3px 13px;
    margin: 0;
    border: 2px solid white;
	border-bottom: none;
    min-width: 150px;
	float: none;
	background: none;
}
#nav .hlist ul li ul li:last-child {
	border-bottom: 2px solid white;
}


#nav .hlist ul li ul li:focus,
#nav .hlist ul li ul li:hover,
#nav .hlist ul li ul li:active {
    background-color: transparent;
}

#nav .hlist ul li ul li a,
#nav .hlist ul li ul li strong {
    margin: 0 20px 0 0;
    width: auto;
}

#nav .hlist ul li a:focus,
#nav .hlist ul li a:hover,
#nav .hlist ul li a:active {
    text-decoration: none;
    color: #990026;
}

#nav .hlist ul li:hover ul {
    display: block;
}

#nav .hlist ul li.currentParent a {

}

#nav .hlist ul li.active strong,
#nav .hlist ul li.active a:focus,
#nav .hlist ul li.active a:hover,
#nav .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }


#header .farbleiste {
    height: 12px;
    background: url("../img/leiste.png") no-repeat;
    border-top: 1px solid #fff;
}

/* Normale Elemente */

.composedcontent-sindelfingen-standard-750 h1,
.composedcontent-sindelfingen-standard-750 h2,
.composedcontent-sindelfingen-standard-750 h3,
.composedcontent-sindelfingen-standard-750 p,
.composedcontent-sindelfingen-standard-750 ul,
.composedcontent-sindelfingen-standard-750 .basecontent-table,
.composedcontent-sindelfingen-standard-750 ol{
    padding-left:14px;
    padding-right:14px;
}

.composedcontent-sindelfingen-standard-750 .basecontent-image{margin-bottom:20px;}

.composedcontent-sindelfingen-750jahre-standard .basecontent-image .caption {display:none;}


/* Seiteninhalt: Teaser, Teaser grau */
.composedcontent-sindelfingen-750jahre-teaser,
.composedcontent-sindelfingen-750jahre-teaser-grau {
    border-bottom: 1px solid #D9D9D6;
    padding: 35px 14px 20px;
    margin-bottom: 3px;
}

.composedcontent-sindelfingen-750jahre-teaser .basecontent-image,
.composedcontent-sindelfingen-750jahre-teaser-grau  .basecontent-image{
    float: left;
    padding: 0 10px 0 0;
}

.composedcontent-sindelfingen-750jahre-teaser h2,
.composedcontent-sindelfingen-750jahre-teaser-grau h2 {
    color: #990026;
    margin-top: 0;
}
.composedcontent-sindelfingen-750jahre-teaser p,
.composedcontent-sindelfingen-750jahre-teaser-grau p{
    margin: 0;
}

.composedcontent-sindelfingen-750jahre-teaser-grau {
    background-color: rgb(235, 235, 227);
}

/* Seiteninhalt: Box */

.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box h1,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box h2,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box h3,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box p,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box ul,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box .basecontent-table,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box ol{
    padding-left:0px;
    padding-right:0px;
}


.composedcontent-sindelfingen-box {
    background-color: rgb(235, 235, 227);
    padding: 14px;
    margin-bottom:3px;
}

.composedcontent-sindelfingen-box h2 {
    color: rgb(153, 0, 38);
}


/* Seiteninhalt: Box 2 */

.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 h1,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 h2,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 h3,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 p,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 ul,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 .basecontent-table,
.composedcontent-sindelfingen-standard-750 .composedcontent-sindelfingen-box-2 ol{
    padding-left:0px;
    padding-right:0px;
}


.composedcontent-sindelfingen-box-2 {
    border-bottom:1px solid rgb(217, 217, 214);
    padding: 8px 14px;
    margin-bottom:3px;
}


/* Zeitstrahl */
.composedcontent-sindelfingen-zeile{margin-bottom:5px;}
.composedcontent-sindelfingen-zeile .subcl,.composedcontent-sindelfingen-zeile .subc,.composedcontent-sindelfingen-zeile .subcr{padding:0;margin:0;}

.composedcontent-sindelfingen-zeile a.toggleMore,
.composedcontent-sindelfingen-zeile a.toggleLess{color: rgb(153, 0, 38);}

.composedcontent-sindelfingen-zeile .c25l{width:16%;}
.composedcontent-sindelfingen-zeile .c25l h2{margin:0;}
.composedcontent-sindelfingen-zeile .c50l{width:42%;}
.composedcontent-sindelfingen-zeile .c25r{width:42%;}
.composedcontent-sindelfingen-zeile .toggleLess{padding:0 0 14px 14px;}

.composedcontent-sindelfingen-box-zeitstahl p{margin-bottom:5px;}

.eins{background:url("../img/eins.gif") repeat-y 85px;}
.zwei{background:url("../img/zwei.gif") repeat-y 85px;}
.drei{background:url("../img/drei.gif") repeat-y 85px;}
.vier{background:url("../img/vier.gif") repeat-y 85px;}
.fuenf{background:url("../img/fuenf.gif") repeat-y 85px;}
.sechs{background:url("../img/sechs.gif") repeat-y 85px;}
.sieben{background:url("../img/sieben.gif") repeat-y 85px;}
.acht{background:url("../img/acht.gif") repeat-y 85px;}
.neun{background:url("../img/neun.gif") repeat-y 85px;}
.zehn{background:url("../img/zehn.gif") repeat-y 85px;}
.elf{background:url("../img/elf.gif") repeat-y 85px;}
.zwoelf{background:url("../img/zwoelf.gif") repeat-y 85px;}
.dreizehn{background:url("../img/dreizehn.gif") repeat-y 85px;}
.vierzehn{background:url("../img/vierzehn.gif") repeat-y 85px;}
.fuenfzehn{background:url("../img/fuenfzehn.gif") repeat-y 85px;}
.sechszehn{background:url("../img/sechszehn.gif") repeat-y 85px;}
.siebzehn{background:url("../img/siebzehn.gif") repeat-y 85px;}
.achtzehn{background:url("../img/achtzehn.gif") repeat-y 85px;}
.neunzehn{background:url("../img/neunzehn.gif") repeat-y 85px;}
.zwanzig{background:url("../img/zwanzig.gif") repeat-y 85px;}
.einundzwanzig{background:url("../img/einundzwanzig.gif") repeat-y 85px;}
.zweiundzwanzig{background:url("../img/zweiundzwanzig.gif") repeat-y 85px;}

/* Sitemap */
.sList{
    margin: 0 0 2.5em 0;
    background-color : #f5f5f5;
    font-weight: bold;
}

.sList ul {
    margin-bottom: 0;
    border-left: 1px dotted silver;
}

.sList li {
    list-style-type: none;
}

.sList a[hreflang=de] {
    background: url("../img/flaggen/de.png") no-repeat right;
    padding-right: 25px;
}

.sList a[hreflang=en] {
    background: url("../img/flaggen/en.png") no-repeat right;
    padding-right: 25px;
}

.sList a[hreflang=fr] {
    background: url("../img/flaggen/fr.png") no-repeat right;
    padding-right: 25px;
}

.sList a[hreflang=es] {
    background: url("../img/flaggen/es.png") no-repeat right;
    padding-right: 25px;
}

.sList a[hreflang=it] {
    background: url("../img/flaggen/it.png") no-repeat right;
    padding-right: 25px;
}

.sList a[hreflang=el] {
    background: url("../img/flaggen/el.png") no-repeat right;
    padding-right: 25px;
}

#content {
    overflow: auto;
}

#contentFooter {
    margin-top: 12px;
    border-top: 1px solid white;
    padding-top: 4px;
    border-bottom: 1px solid white;
    padding-bottom: 4px;
	padding-left: 14px;
}

#contentFooter hr {
    height: 1px;
    border-bottom: 1px solid white;
}

/* Allgemein */
.nowrap {
    white-space:nowrap;
}

.align_left {
    text-align: left;/*this will align it for IE*/
    margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

.align_right {
    text-align: right;
    margin: 0 0 0 auto;
}

.align_center {
    text-align: center;
    margin: 0 auto 0 auto;
}

/* HEADER */
.headlogo {
    background: url("../img/header.jpg") no-repeat left;
    height: 161px;
    text-align:right;
    padding-top:3px;
}

/* rechte Navigationsspalte */
.nav {
	padding-top: 15px;
}

.languageFontsize  {
	height: 28px;
}

.fontsize {
    text-align: right;
	height: 28px;
	float: right;
}

.fontsize a,
.fontsize a:hover {
    color: rgb(106, 106, 106);
    text-decoration: none;
}

.fontsize .n {
    font-size: 15px;
}

.fontsize .l {
    font-size: 18px;
}

.fontsize .xl {
    font-size: 21px;
}

.language {
	float: left;
	font-size: 1.2em;
	padding-top: 7px;
}

.language a {
	color: #6A6A6A;
	text-transform: uppercase;
}

.rightnavlinks {
    width: 100%;
}

.rightnavlinks a {
    background: #FFCC36 url("../img/rightnavlinks.png") no-repeat right;
    color: #6A6A6A;
    display: block;
    font-size: 13px;
    margin: 3px 0;
    padding: 5px 0 0 8px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 100%;
}

#col1 .search {
    background: rgb(255, 235, 158);
    width: 100%;
}

#col1 .search label {
    display: none;
}

.search #quicksearch {
    padding: 10px;
}

.search .quicksearchtext {
    background: #fff;
    padding: 0;
    width: 100%;
    height: 1.9em;
}

.quicksearchimg {
    display: block;
    margin: 10px 0 5px auto;
}

.rightnavblock {
    border-bottom: 1px solid;
    border-color: rgb(106, 106, 106);
    color: rgb(106, 106, 106);

    padding: 10px 0;
}

.rightnavblock .head {
    font-size: 1.1em;
    padding: 5px 0;
    text-transform: uppercase;
}

.rightnavblock  a {
    text-decoration: none;
    font-weight: bold;
    color: rgb(106, 106, 106);
}

.rightnavblock  a:hover {
    color: rgb(153, 0, 38);
    text-decoration: none;
}

.rightnavblock.language {
    height: 20px;
}

.rightnavblock.language .head {
    float: left;
    padding: 0;
}

.rightnavblock .languages {
    float: right;
    height: 2em;
}

#service  h3 {
	border: 1px solid #D9D9D6;
	font-size: 1.2em;
	padding: 10px;
	margin-bottom: 0;
	font-weight: bold;
}

#service .basecontent-dvv-zm-vk  ul {
	margin: 0;
}

#service .basecontent-dvv-zm-vk  li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#service .basecontent-dvv-zm-vk  li > div {
	padding-left: 10px;
}

#service .basecontent-dvv-zm-vk  li .summary {
	font-weight: bold;
}

#service .basecontent-dvv-zm-vk  .odd{
	background: transparent;
}

#service .basecontent-image {border: 1px solid #D9D9D6; border-top:none;}
#service .basecontent-dvv-zm-vk {border: 1px solid #D9D9D6; border-top:none; }
#service .composedcontent-sindelfingen-box-2 {border: 1px solid #D9D9D6; border-top:none; padding-left: 10px;}

/* Footer */

.footerinhalt {
    background: #EBEBE3;
    height: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.footerinhalt a {
    color: rgb(106, 106, 106);
    text-decoration: none;
}
.footerinhalt a:hoover {
    color: rgb(106, 106, 106);
    text-decoration: none;
}

.footerinhalt .linklist {
    float: left;
}

.footerinhalt .linklist a {
    margin: 0 10px;
    display: inline;
}

.footerinhalt .linklist .externerLink {
    text-transform: none;
}

.footerinhalt .pageTop {
    float: right;
}

/* Zusatzmodule allgemein */

#zmSuche fieldset{border: 1px solid #EBEBE3;padding:1px;margin:0 0px 10px 0;padding:5px 10px;background:#FFFFFF;}
#zmSuche legend{text-transform:uppercase;font-weight:bold;color:#990026;}
#zmSuche input{border:1px solid #a6a6a6;}
#zmSuche label{}
#zmSuche .vonbis{clear:both;float:left;}
#zmSuche .zeitraum{margin:10px 0px;}
#zmSuche .zeitraumitem{line-height:13px;margin:0 10px 5px 0;float:left;width:32%;}
#zeitraum1,#zeitraum2,#zeitraum3,#zeitraum4,#zeitraum5,#zeitraum6,#zeitraum7{margin:0 5px 0 0;}
#zmSuche .zeitraumitem input,#zmSuche #ulkategorieid input{border:0px solid #a6a6a6;margin-right: 10px;}
.separatorZeitraum{clear:left;margin:10px 0}
#zmSuche .von{float:left;margin:5px 10px 5px 0;}
#zmSuche .bis{float:left;margin:5px 0px;}
#kategorieid{clear:left;padding:10px 0}
#content #ulkategorieid {margin:5px;padding:0;}
#content #ulkategorieid li{list-style:none !important;margin:0;padding:0;list-style-image:url(none);}
.zmSuchButton{clear:left;}
.zmVolltextSuche{margin:5px 0 0;clear:left;}
#zmSuche .feld{display:block !important;}
#zmSuche .bemerkung{font-size:11px;}
#zmsb1{}
#zmsb1 input{padding:0px 20px;margin:10px 0;text-decoration:none;background:#fff;background:#eee;}
#zmsb1 input:hover{background:#c0c0c0;padding:0px 20px;margin:10px 0;text-decoration:none;}

.zmItem h3{font-size:1em;font-weight:bold;margin:0;}
.zmItem h4{display:none;}
.odd{background:#f9f9f9;padding:5px;}
.even{padding:5px;}

#zmEListe .zmRegister { line-height: 2em; margin-bottom: 20px;}
#zmEListe .zmRegister a { font-weight:bold;text-decoration:none;border: 1px solid #f1f1f1; padding: 0px 3px 0px 3px;background:#f9f9f9;}
#zmEListe .zmRegister a:hover {text-decoration:underline;}
#zmEListe .zmRegister span.inaktiv { display: none;  }
#zmEListe .zmRegister #azEnd { display: none;  }
#zmEListe .zmnavprev { display: none;  }
#zmEListe hr { display: none; }
#zmEListe .zmnavnext { display: none;  }

.zmNavigClass{text-align:center;margin:10px 0 20px;}
.zmNavigClassInnen{}
.zmzursuche{margin:10px 0 20px;}
span.zmNavigClassItem a { margin-right: 3px; margin-left: 3px;}
span.zmNavigClassItem a { font-weight:bold;text-decoration:none;border: 1px solid #f1f1f1; padding: 0px 3px 0px 3px;background:#f9f9f9;}
span.zmNavigClassItem a:hover {text-decoration:underline;}
.zmnavseparator{display:none;}
span.zmCurentPage { margin-right: 3px;  margin-left: 3px; }
span.zmNavigClassForward { margin-right: 3px;  margin-left: 3px; }

#zmDetail  .category a.zmkatLink { margin: 0px; font-weight: normal; }
#zmDetail h4.label { display: none; }
#zmDetail .zmperson{margin:10px 0;}

#zmDetail div.zmbild{margin:20px 0 10px }
#zmDetail .vCard div.homepage { display: none; }
#zmDetail div.mail { margin-bottom: 5px; }
#zmDetail div.cityline{ margin-bottom: 5px; }
#zmDetail div.efaLink{ margin-bottom: 5px; }
#zmDetail div.homepage { margin-top: 10px; }
#zmDetail .zmnavnext{display:none;}


.Kopf{padding:10px 0 0;width:100%;}
.Rumpf{margin-bottom:30px;}
#col3_content hr{display:none !important;}
#col3_content .zeitraum h2.zeit{display:inline;font-size:1em;font-weight:normal;text-transform:none;}

.vCardLink{float:right;}
.data{position:relative;}
.vCalendarLink{margin:5px 0 0;}

/* Veranstaltungskalender Suchmaske */

#vkreihe select{border:1px solid #a6a6a6;font-size:11px;}

/* Veranstaltungskalender Ergebnisliste */

.Veranstaltungskalender .vkzusatz{font-weight:bold;}
.Veranstaltungskalender #col3_content .zmItem h2{margin:2px 0 3px;;font-size:1em;font-weight:bold;line-height:130%;}
.zmItem .vCalendarLink{display:none;}

/* Veranstaltungskalender Detailansicht */


#col3_content h2.titel{margin-top:15px;}

.Veranstaltungskalender #col3_content h3.zusazt{margin:0;padding:0;}
.Veranstaltungskalender #col3_content h3.titel{font-weight:normal;margin:0;padding:0;}
.Veranstaltungskalender #col3_content h4{text-transform:none;}

.Veranstaltungskalender .zmDetail {padding-left: 14px;}

.Veranstaltungskalender .zmDetail .image{margin:0 10px 0 0;background:#F1F1F1;float:left;}
.Veranstaltungskalender .zmDetail .Veranstaltungskalender .image .img img{padding:0;}
.Veranstaltungskalender .zmDetail .zmkurzbeschreibung .label {display: none;}
.Veranstaltungskalender .zmDetail .zmbeschreibung .label {display: none;}
.Veranstaltungskalender .zmDetail .bildunterschrift{font-size:11px;float:left;background:#F1F1F1;padding:3px;display:inline;}

.Veranstaltungskalender .zmDetail .zmVeranstalter {padding-bottom: 15px;}
.Veranstaltungskalender .zmDetail .zmVeranstalter .label{margin-bottom: 0}
.Veranstaltungskalender .zmDetail .zmOrt {padding-bottom: 15px;}
.Veranstaltungskalender .zmDetail .zmOrt .label{margin-bottom: 0}

.Veranstaltungskalender .zmDetail .category {padding: 10px 0; clear:left;}
.Veranstaltungskalender .zmDetail .homepage {clear:left;}
.Veranstaltungskalender .zmDetail .freiesfeld{margin:0 0 20px;}

.Veranstaltungskalender .zmDetail .organization{display:none;}

/* Zeitstrahl */
#node602696 #col1 {
	display: none;
}

#node602696 #col3 {
	margin: 0;
}#node602696 #col3_content {
	padding-right: 0;
}

/* Formeditor */

.basecontent-form-editor form {background: rgb(235, 235, 227);}
.basecontent-form-editor form fieldset {border: none;}
.basecontent-form-editor .formButton input {background: #888;color: #fff;border: 0;padding: 5px;cursor: pointer;}