/* ALLGEMEINE DEFINITIONEN */
html, body {
 margin: 0;
 padding: 0 0 50px 0;
 font-size: 100%;
 font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
 text-align: center;
 color: #000;
}

body.switch {
 background: #fff url(/i/home/bg_start.gif) repeat-x;
}

body.uebersicht {
 background: #fff url(/i/home/bg_uebersicht.png) repeat-x;
}

p,h1,h2,h3,h4,h5,h6,ul,li,form,select,input,option {
 margin: 0;
 padding: 0;
}

img {
 border: 0;
}

.clear {
 clear: both;
}

a {
 color: #000;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

.x {
 visibility: hidden;
 position: absolute;
 margin: -2000px;
}

.kommentar {
 position: absolute;
 left: -2000px;
}

hr {
 visibility: hidden;
 position: absolute;
 left: -2000px;
}


/* STARTSEITE CLAIM */
div.claim {
 width: 300px;
 height: 130px;
 font-size: 69%;
 margin: 0 auto;
 line-height: 1.4;
}

div.claim img {
 margin: 45px 0 15px 0;
}


/* SWITCH AUF STARTSEITE ZUR STADT */
div.switch1 {
 width: 622px;
 margin: 0 auto;
}

div.switch1 img.bild {
 float: left;
 /* IE 5.01 */
 margin: 0 -3px;
 /* Normale Browser */
 voice-family: "\"}\"";
   voice-family: inherit;
 margin: 0;
}

/* IE 5.5 */
html + body div.switch1 img.bild {
 margin: 0 -3px;
}

div.switch1 img.schatten {
 float: left;
 /* IE 5.01 */
 margin: 0 -3px;
 /* normale Browser */
 voice-family: "\"}\"";
   voice-family: inherit;
 margin: 0;
}

/* IE 5.5 */
html + body div.switch1 img.schatten {
 margin: 0 -3px;
}

div.switch1 a {
 float: left;
 height: 250px;
}

/* Bilder für Ulm */
div.switch1 a.ulm1 {
 background: #fff url(/i/home/switch_ulm_1.gif) no-repeat;
 width: 200px;
 margin: 0 0 0 12px;
}

div.switch1 a.ulm1:hover {
 background: #fff url(/i/home/switch_ulm_2.gif) no-repeat;
}

div.switch1 a.ulm2 {
 background: #fff url(/i/home/switch_neuulm_1.gif) no-repeat;
 width: 200px;
}

div.switch1 a.ulm2:hover {
 background: #fff url(/i/home/switch_neuulm_2.gif) no-repeat;
}

/* Bilder für Neu-Ulm */
div.switch1 a.neuulm1 {
 background: #fff url(/i/home/switch_neuulm_3.gif) no-repeat;
 width: 200px;
 margin: 0 0 0 12px;
}

div.switch1 a.neuulm1:hover {
 background: #fff url(/i/home/switch_neuulm_4.gif) no-repeat;
}

div.switch1 a.neuulm2 {
 background: #fff url(/i/home/switch_ulm_3.gif) no-repeat;
 width: 200px;
}

div.switch1 a.neuulm2:hover {
 background: #fff url(/i/home/switch_ulm_4.gif) no-repeat;
}


/* SWITCH AUF ÜBERSICHTSEITE ZUR STADT */
div.switch2 {
 width: 622px;
 margin: 0 auto;
}

div.switch2 img.bild {
 float: left;
 /* IE 5.01 */
 margin: 0 -3px;
 /* Normale Browser */
 voice-family: "\"}\"";
   voice-family: inherit;
 margin: 0;
}

/* IE 5.5 */
html + body div.switch2 img.bild {
 margin: 0 -3px;
}

div.switch2 img.schatten {
 float: left;
 /* IE 5.01 */
 margin: 0 -3px;
 /* normale Browser */
 voice-family: "\"}\"";
   voice-family: inherit;
 margin: 0;
}

/* IE 5.5 */
html + body div.switch2 img.schatten {
 margin: 0 -3px;
}

div.switch2 a {
 float: left;
 height: 72px;
}

div.switch2 a.ulm1 {
 background: #fff url(/i/home/uebersicht_ulm_1.gif) no-repeat;
 width: 200px;
 margin: 0 0 0 12px;
}

div.switch2 a.ulm1:hover {
 background: #fff url(/i/home/uebersicht_ulm_2.gif) no-repeat;
}

div.switch2 a.ulm2 {
 background: #fff url(/i/home/uebersicht_neuulm_1.gif) no-repeat;
 width: 200px;
}

div.switch2 a.ulm2:hover {
 background: #fff url(/i/home/uebersicht_neuulm_2.gif) no-repeat;
}


/* BUTTONS */
div.buttons {
 width: 622px;
 margin: 0 auto;
 font-size: 82%;
 font-weight: bold;
}

div.buttons span {
 display: block;
 padding: 70px 0 0 0;
}

div.buttons a {
 float: left;
 height: 120px;
}

div.buttons a.wirtschaft {
 width: 107px;
 background: url(/i/home/01_a.png) no-repeat;
 margin: 0 0 0 12px;
}

div.buttons a.wirtschaft:hover {
 background: url(/i/home/01_b.png) no-repeat;
}

div.buttons a.stadtplan {
 width: 114px;
 background: url(/i/home/02_a.png) no-repeat;
}

div.buttons a.stadtplan:hover {
 background: url(/i/home/02_b.png) no-repeat;
}

div.buttons a.tourismus {
 background: url(/i/home/03_a.png) no-repeat;
 height: 90px;
 width: 116px;
}

div.buttons a.tourismus:hover {
 background: url(/i/home/03_b.png) no-repeat;
}

div.buttons .doublelink {
  float: left;
  height: 130px;
  width: 116px;
}

div.buttons .doublelink .link2 {
  float: left;
  padding: 0 0 0 22px;
}

div.buttons a.veranstaltungen {
 width: 159px;
 background: url(/i/home/04_a.png) no-repeat;
}

div.buttons a.veranstaltungen:hover {
 background: url(/i/home/04_b.png) no-repeat;
}

div.buttons a.fahrplaene {
 width: 114px;
 background: url(/i/home/05_a.png) no-repeat;
}

div.buttons a.fahrplaene:hover {
 background: url(/i/home/05_b.png) no-repeat;
}


/* JUMPLIST */
p.sprungnavi {
 width: 729px;
 margin: 0 auto 10px auto;
 color: #13599f;
}

p.sprungnavi a {
 color: #13599f;
}

p.sprungnavi span.prev {
 width: 150px;
 margin: 0 0 0 12px;
 font-size: 82%;
 float: left;
 text-align: left;
}

p.sprungnavi span.middle {
 width: 405px;
 font-size: 94%;
 float: left;
 color: #000;
}

p.sprungnavi span.next {
 width: 150px;
 margin: 0 12px 0 0;
 font-size: 82%;
 float: left;
 text-align: right;
}


/* GROSSER WEISSER KASTEN */
div.kasten {
 width: 705px;
 margin: 0 auto;
 padding: 0 12px;
 background: url(/i/home/whitebox-schatten-rechts.png) no-repeat 717px 0px;
}

div.abstand {
 border-top: 20px solid red;
 border-bottom: 20px solid red;
}

div.whitebox {
 background: #fff url(/i/home/bg_whitebox.gif) repeat-y;
 border: 1px solid #959595;
 /* IE 5.01 */
 width: 705px;
 /* Normale Browser */
 voice-family: "\"}\"";
   voice-family: inherit;
 width: 703px;
}

/* IE 5.5 */
html + body div.whitebox {
 width: 705px;
}

div.shadow-bottom {
 background: url(/i/home/whitebox-schatten-unten.png) no-repeat 12px 0px;
 height: 12px;
 margin: 0 auto;
 width: 729px;
}


/* Kasten links */
div.kasten div.whitebox div.links {
 float: left;
 width: 220px;
}

div.kasten div.whitebox div.links table.monat {
 margin: 0 29px 0 30px;
 width: 161px;
}

div.kasten div.whitebox div.links table.monat th {
 font-size: 82%;
 font-weight: normal;
}

div.kasten div.whitebox div.links table.monat a {
 color: #13599f;
}

div.kasten div.whitebox div.links table.tage {
 margin: 8px 29px 0 30px;
 width: 161px;
}

div.kasten div.whitebox div.links table.tage th {
 font-size: 69%;
 width: 20px;
 padding: 2px 0;
}

div.kasten div.whitebox div.links table.tage td {
 font-size: 69%;
 text-align: center;
 vertical-align: middle;
 padding: 2px 0;
}

div.kasten div.whitebox div.links table.tage td a {
 display: block;
 border: 1px solid #FFF;
 width: 18px;
}

div.kasten div.whitebox div.links table.tage td a.day {
 font-weight: bold;
 color: #FFF;
 border: 1px solid #1B75CF;
 background: #13599F;
}

div.kasten div.whitebox div.links table.tage td a.week {
 background: #DDEAF8;
 border: 1px solid #DDEAF8;
}

div.kasten div.whitebox div.links table.tage td a:hover {
 font-weight: bold;
 color: #FFF;
 border: 1px solid #1B75CF;
 background: #13599F;
 text-decoration: none;
}


/* Kasten Mitte */
div.kasten div.whitebox div.mitte {
 float: left;
 width: 293px;
 text-align: left;
 font-size: 82%;
}

div.kasten div.whitebox div.mitte div.suchfeld {
 margin: 0 30px;
}

div.kasten div.whitebox div.mitte div.suchfeld p {
 margin: 10px 0 2px 0;
}

div.kasten div.whitebox div.mitte div.suchfeld div.zeitraum {
 vertical-align: middle;
}

form.vk-suche {
 padding: 0;
 margin: 0;
}

form.vk-suche select {
 font-size: 1em;
 width: 230px;
 margin: 0 0 5px 0;
}

form.vk-suche option {
 font-size: 1em;
}

form.vk-suche input {
 font-size: 0.75em;
 vertical-align: middle;
 padding: 2px;
}

form.vk-suche input.eingabe {
 width: 110px;
}

form.vk-suche input.monat {
 width: 20px;
 margin: 0 0 5px 0;
}

form.vk-suche input.jahr {
 width: 40px;
 margin: 0 0 5px 0;
}

form.vk-suche input.lupe {
 vertical-align: middle;
}

form.vk-suche button {
 font-size: 0.6em;
 line-height: 100%;
 border: none;
 background: none;
 vertical-align: middle;
 width: 75px;
 padding: 0;
 margin: 4px 0 0 10px;
}


div.kasten div.whitebox div.mitte div.symbole {
 margin: 0 30px;
}

div.kasten div.whitebox div.mitte div.symbole li {
 list-style-type: none;
}

div.kasten div.whitebox div.mitte div.symbole li a {
 color: #13599f;
}

div.kasten div.whitebox div.mitte div.symbole li.erw {
 background: url(/i/home/erweiterte_suche.gif) no-repeat 0px 20px;
 padding: 20px 0 0 30px;
}

div.kasten div.whitebox div.mitte div.symbole li.neu {
 background: url(/i/home/veranstaltung_eintragen.gif) no-repeat 3px 12px;
 padding: 10px 0 0 30px;
}

div.kasten div.whitebox div.mitte div.symbole li.hinweis {
 background: url(/i/home/benutzerhinweis.gif) no-repeat 3px 12px;
 padding: 10px 0 0 30px;
}


/* Kasten rechts */
div.kasten div.whitebox div.rechts {
 float: left;
 width: 190px;
 text-align: left;
 font-size: 82%;
}

div.kasten div.whitebox div.rechts li {
 list-style-type: none;
 padding: 0 0 10px 45px;
 background: url(/i/home/bullet.gif) no-repeat 30px 6px;
}

div.kasten div.whitebox div.rechts a {
 color: #13599F;
}


/* TAGESBLÖCKE */
div.uebersicht {
 width: 705px;
 margin: 0 auto;
 text-align: left;
}

div.uebersicht h1 {
 font-size: 125%;
 font-weight: normal;
 text-align: center;
 padding: 20px 0;
}

div.block {
 font-size: 69%;
 width: 352px;
 float: left;
 margin: 0 0 20px 0;
}

div.block h1 {
 font-size: 140%;
 font-weight: bold;
 text-align: left;
 background: url(/i/home/kalenderblatt.gif) no-repeat 20px 35px;
 padding: 32px 20px 0 40px;
}

div.block div.termine {
 padding: 0 20px;
}

div.block li {
 list-style-type: none;
 clear: both;
 padding: 10px 0 0 0;
}

div.block li span {
 color: #13599F;
 float: left;
 width: 80px;
}

div.block li a {
 float: left;
 width: 200px;
}

div.block div.anzahl {
 padding: 4px 20px 0 20px;
 color: #13599f;
 font-size: 92%;
}

/* QUICKSEARCH BOX */
div.block div.quicksearch {
 padding: 32px 20px 10px 20px;
 font-size: 110%;
}

div.block div.quicksearch a {
 color: #13599f;
}

div.block div.quickbox {
 width: 310px;
 background: url(/i/home/schatten_quicksearch_rechts.gif) repeat-y 290px 0px;
}

div.block div.quickkasten {
 border: 1px solid #949494;
 padding: 12px 15px;
 margin: 0 20px;
}

div.block div.quickschatten {
 background: url(/i/home/schatten_quicksearch_unten.gif) no-repeat 20px 0px;
 height: 12px;
}

div.block div.quickkasten input.eingabe {
 font-size: 1em;
}

div.block div.quickkasten p {
 background: url(/i/home/erweiterte_suche.gif) no-repeat 0px 29px;
 padding: 30px 0 10px 30px;
 font-size: 110%;
}

div.block div.quickkasten a {
 color: #13599f;
}

div.block-links {
 width: 332px;
 float: left;
 margin: 0 10px 20px 0;
 font-size: 69%;
 padding-right: 10px;
}

div.block-links span.head,
div.block span.head {
 font-size: 1.2em;
 padding: 0 0 0 0.4em;
}

div.block-links div.pfad-ergebnisse a,
div.block div.pfad-ergebnisse a {
 line-height: 2em;
 font-size: 0.9em;
 color: #13599F;
}

div.block-links div.ergeb-teaser,
div.block div.ergeb-teaser {
 line-height: 1.5em;
}

div.block-links div.ergeb-teaser span.art-lesen,
div.block div.ergeb-teaser span.art-lesen {
 padding: 0 0 0 13px;
 background-image:url(/i/gl_pf05.gif);
 background-repeat: no-repeat;
 background-position: 0.2em 0.4em;
 color: #13599F;
}

div.block-gvk-links {
 font-size: 69%;
 float: left;
 width: 300px;
 margin-left: 20px;
}

div.block-gvk-links table th {
 line-height: 1.5em;
 text-align: left;
 vertical-align: top;
 width: 110px;
 padding-bottom: 15px;
}

div.block-gvk-links table td {
 line-height: 1.5em;
 vertical-align: top;
 width: 170px;
 padding-bottom: 15px;
}

div.block-gvk-links table td a {
 color: #13599F;
}

div.block-gvk-rechts {
 font-size: 69%;
 float: left;
 width: 300px;
 margin-left: 20px;
}

div.block-gvk-rechts h5 {
 font-size: 1em;
 font-weight: bold;
 margin-bottom: 10px;
}

div.block-gvk-rechts div.absatz {
 line-height: 1.5em;
}

/* Klassen fuer das Webformular des Veranstaltungskalenders */
form.vk-webformular {
 font-size: 0.75em;
 padding: 20px 0px 10px 0px;
}

form.vk-webformular fieldset {
 border: none;
 text-align: left;
 padding: 0;
 margin: 0;
}

form.vk-webformular legend {
 visibility: hidden;
 display: none;
}

form.vk-webformular label {
 float: left;
 width: 140px;
 padding-top: 11px;
 margin-right: 10px;
 cursor: pointer;
}

form.vk-webformular select {
 float: left;
 padding: 0;
 margin: 0;
 margin-top: 6px;
}

form.vk-webformular textarea {
 font-family: verdana, arial;
 font-size: 1em;
 float: left;
 width: 370px;
 padding: 2px;
 margin-top: 7px;
}

form.vk-webformular input {
 float: left;
 padding: 2px;
 margin-top: 6px;
}

form.vk-webformular input.w50 {
 width: 57px;
}

form.vk-webformular input.w370 {
 width: 370px;
}

form.vk-webformular button {
 font-size: 0.95em;
 line-height: 100%;
 width: 140px;
 padding: 1px 5px;
 margin-left: 337px;
}

form.vk-webformular br {
 clear: both;
}

form.vk-webformular div.comment {
 padding: 8px 0 0 5px;
}

form.vk-webformular div.fehler {
 color: red;
 padding: 4px 0 6px 0;
}

div.artikel-list {
 clear: both;
 width: 99%;
 /* kein IE/MAC \*/
 width: 100%;
 /* jetzt kommt IE Mac wieder rein */
 padding: 0 0 10px 40px;
 margin: 0 0 0.6em 0; /* margin: 0 0 1.8em 0; rausgenommen wg Liste MA-Portal */
}

div.artikel-list h2 {
 font-size: 0.8em;
 margin: 15px 0 0.8em 0;
}

div.artikel-list h2 a {
 color: #333;
}

div.artikel-list ul {
 list-style-type: none;
 padding: 0;
 margin: 0; /* margin: 0 0 2.4em 0; rausgenommen wg Liste MA-Portal */
}

div.artikel-list ul li {
  font-size: 0.75em;
	background: none;
	text-indent: -13px;
	margin-left: 14px;
	padding: 0 0 5px 0px;
}

div.artikel-list ul li a.list-link07 {
 background: url(/i/gl_pf01.gif) no-repeat 0px 4px;
	padding-left: 13px;
}


/* Impressum */
div.gem-imprint {
	width: 598px;
	margin: 0 auto;
	text-align: left;
}

div.gem-imprint p {
	font-size: 69%;
	line-height: 1.25;
}

div.gem-imprint p a {
	color: #1c76cf;
	text-decoration: underline;
}

div.gem-imprint h1 {
	font-size: 88%;
	margin: 20px 0 20px 0;
}

div.gem-imprint h2 {
	font-size: 69%;
	margin: 5px 0 0 0;
}

div.gem-imprint h3 {
	font-size: 88%;
	margin: 5px 0;
}