@charset "utf-8";


/* -- Artikel Inhalt ----------------------*/

.content-flow {
	padding-top: 0px;
	padding-bottom: 20px;
	font-size:1.1em;
}

.content-flow h2 {
	margin:0;
	padding: 16px 0 4px 0;
	font-size:1.15em;
}
.content-flow h3 {
	font-size:1em;
}
.content-flow p {
	margin:0;
	padding:0 0 8px 0;
	line-height:140%;
}
.content-flow .section {
	margin:0;
	padding:0 0 8px 0;
	line-height:140%;
}
.content-flow .section p {
	padding:0 0 8px 0 !important;
}
.content-flow .section p:last-child {
	padding: 0 !important;
}
.content-flow .section ul {
	margin-top:8px;
}
.content-flow .section ol {
	margin-top:8px;
}

.content-flow a {
	color:#630732;
	text-decoration:none;
	border-bottom:1px dotted #630732;
}
.content-flow a:hover {
	color:#EF4122;
}

.content-flow a[href^='http://'] {
    padding-right: 9px;
}
/* icon und border bei bildern verschwinden lassen*/
.content-flow a[href^='http://'] img {
    margin-right: -9px;
    margin-bottom:-4px;
}
/* ausser wenn intern verlinkt */
.content-flow a[href*='.braunschweig.de'] img,
.content-flow a[href*='.braunschweig-zukunft.de'] img {
    margin-right: 0;
    margin-bottom: 0;
}
.content-flow a[href*='.braunschweig.de'],
.content-flow a[href*='.braunschweig-zukunft.de'],
.teaser .image-teaser a {
    padding-right: 0;
    background-image: none;
}


.content-flow .image-teaser a img {
    margin-right: auto;
    margin-bottom: 0;
}

.content-flow a.inline-link {
	text-decoration:none;
	padding-right:14px;
	line-height:150%;
}
.content-flow a.external {
	padding-right:16px;
}
.content-flow a.more {
	color:#630732;
	padding-right:16px;
	text-decoration:none;
	font-weight:bold;
	border-bottom:none;
}
.content-flow a.more:hover {
	color:#EF4122;
}

.content-flow .box,
.content-flow .box-normal {
	margin:0 0 18px 0;
	padding:5px 0 5px 0;
	border-bottom:1px solid #ffffff;
}
.content-flow .box-closed {
	margin:18px 0 18px 0;
	padding:5px 0 5px 0;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
.content-flow .box-compact {
	margin:0 0 18px 0;
	padding:5px 0 5px 0;
	border-bottom:1px solid #ffffff;
	overflow: auto;
	height: 350px;
}
.content-flow h2.box-head {
	padding-top:24px;
	letter-spacing:1px;
	padding-bottom:1px;
	border-bottom:1px solid #ffffff;
	font-size:1.2em;
	font-family:"BlissCapsLight", 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif; 
	font-size-adjust:0.57; 
	font-weight:normal; 
	font-style:normal;
	clear:both;
}

.content-flow hr {
 border: 0;
 border-top: solid 1px #ffffff;
 border-bottom: transparent;
}

.content-flow .hr {
	clear:both;
	height:1px;
	padding:0;
	margin:3px 3px 3px 3px;
	border-top: solid 1px #ffffff;
  font-size: 1px;
  line-height: 0;
}


/* -- Tabelle ------------------------ */
.content-flow>table,
.box>table,
.box-normal>table {
	margin:0 0 8px 0;
	padding:0;
	line-height:150%;
	border-collapse: collapse;
}
.section table {
	border-collapse: collapse;
}
.content-flow table th {
	padding: 1px 3px 1px 3px;
}
.content-flow table td {
	padding: 1px 3px 1px 3px;
	vertical-align:top;
}

.content-flow table.borders {
	border: 1px solid #ffffff;
}
.content-flow table.borders th {
	border: 1px dotted #ffffff;
	background-color:#EBEBEB;
}
.content-flow table.borders td {
	border: 1px dotted #ffffff;
}


label.overTxtLabel {
	padding:2px 0 0 4px;
	font-size: 12px;
	color: #999;
}


/* -- Teaser ------------------------ */

.content-flow .teaser {
	margin: 12px 3px 12px 3px;
	padding:0 13px 8px 13px;
}

.content-flow .teaser h3 {
	margin: 0 0 5px 0;
	line-height:120%;
}
.content-flow .teaser p {
	padding:0 0 8px 0;
}
.content-flow .teaser h3 a {
	color:#630732;
	text-decoration:none;
	padding-right:14px;
	border-bottom:none;
}
.content-flow .teaser h3 a:hover {
	color:#EF4122;
}
.content-flow .teaser a.more {
	color:#630732;
	text-decoration:none;
	font-weight:bold;
	border-bottom:none;
}
.content-flow .teaser a:hover {
	color:#EF4122;
}
.content-flow .teaser .datum {
	font-weight:bold;
	color:#888888;
}




/* -- Bilder ------------------------- */

.content-flow .image-teaser {
	background:#ffffff;
	display:inline; /* ie double margin bug fix */
	float:left;
	width:auto;
	margin: 3px 12px 0 0;
}
.bigteaser {
	width:100% !important;
}
.bigteaser img {
	width:100% !important;
	height:auto !important;
}
.content-flow .image-left {
	display:inline; /* ie double margin bug fix */
	float:left;
	width:auto;
	margin: 6px 12px 0 0;
}
.content-flow .image-right {
	display:inline; /* ie double margin bug fix */
	float:right;
	width:auto;
    margin: 6px 0 0 12px;
}
.content-flow .image-center {
	width:auto;
	margin: 0;
}
.content-flow .image-left img,
.content-flow .image-center img,
.content-flow .image-right img,
.content-flow .image-border img {
	display:block;
	border:1px solid #ffffff;
}

.content-flow .noborder img {
	border:0 none;
}
.content-flow .image-teaser img {
	margin:auto;
	display:block;
}
.content-flow .image-teaser .img-border {
	border:1px solid #ffffff;
}
.content-flow .image-teaser a {
	border:0 none;
}

.content-flow .scaled {
	width:auto;
	height:auto;
	margin: 3px 16px 9px 16px;
}

.content-flow .half {
	width:46%;
	height:auto;
	margin: 3px 16px 9px 16px;
}

.content-flow .scaled img,
.content-flow .half img {
	height:auto !important;
	width: 100% !important;
}



.content-flow .big,
.content-flow .normal {
	width:820px;
}
.content-flow .big img,
.content-flow .normal img {
	width:820px !important;
	height:auto !important;
}

.content-flow .small {
	width:400px;
}
.content-flow .small img {
	width:400px !important;
	height:auto !important;
}

.content-flow .tiny {
	width:200px;
}
.content-flow .tiny img {
	width:200px !important;
	height:auto !important;
}


.content-flow .half {
	width:50%;
}
.content-flow .caption {
	background-color:#FFFFFF;
	border:1px solid #ffffff;
	margin: 0;
	padding:2px 0 2px 0;
	text-align:center;
	font-size:0.9em;
}
.content-flow .image-shadow {
	display:none
}

.content-flow .slideshow {
	background:#ffffff;
	border:1px solid #ffffff !important;
}

.content-flow img.slideshow-next {
	float:right;
	padding:3px 3px 3px 20px;
}
.content-flow img.slideshow-prev {
	float:left;
	padding:3px 20px 3px 3px;
}
.content-flow .slideshow-controller a {
	border:0 none;
}


.content-flow .object-wrap {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}


.content-flow a.toggleMore {
	padding: 2px 12px 0 0;
}
.content-flow a.toggleLess {
	padding: 2px 12px 0 0;
}



/* --- Linkliste --------------------*/

.content-flow .linklist,
.content-addon .linklist {
	margin: 0 0 8px 0;
	padding: 5px 16px 0 16px;
}
.content-flow .linklist li,
.content-addon .linklist li {
	list-style:none;
	margin: 2px 0 2px 0;
	line-height:130%;
}
.content-flow .linklist li a,
.content-addon .linklist li a {
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted;
}
.content-flow .linklist li a.external {
}



/* --- List Icons --------------------*/


.content-flow li.icon,
.content-addon li.icon {
	zoom: 1	;
	list-style:none;
	margin: 0 0 10px 0;
	padding-left:20px;
	background:url("http://www.braunschweig.de/assets/gfx/icon/link-intern.gif") no-repeat;
}

.content-flow li.link {
	background:url("http://www.braunschweig.de/assets/gfx/icon/link-intern.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.link-extern {
	background:url("http://www.braunschweig.de/assets/gfx/icon/link-extern.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.file {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.jpeg {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-picture.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.gif {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-picture.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.pdf {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-pdf.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.doc,
.content-flow li.docx {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-doc.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.zip {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-zip.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.ppt,
.content-flow li.pptx,
.content-flow li.pps {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-ppt.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.xls,
.content-flow li.xlsx {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-xls.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.mp3 {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-mp3.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.wmv {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-video.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.mp4 {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-video.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.txt {
	background:url("http://www.braunschweig.de/assets/gfx/icon/file-txt.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.vv_produkt,
.content-flow li.product {
	background:url("http://www.braunschweig.de/assets/gfx/icon/vv_produkt.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.vv_orgeinheit,
.content-flow li.orgUnit {
	background:url("http://www.braunschweig.de/assets/gfx/icon/vv_orgeinheit.gif") no-repeat;
	background-position:0px 3px;
}
.content-flow li.vv_mitarbeiter {
	background:url("http://www.braunschweig.de/assets/gfx/icon/vv_mitarbeiter.gif") no-repeat;
	background-position:0px 3px;
}







.paging{
	padding:5px 16px 5px 16px;
	color:#630732;
	font-weight:bold;
}

.paging a {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #ffffff;
	color:#808080;
	margin:0 3px 0 0;
	padding:0 5px;
	text-decoration:none;
}

.paging a:hover{
	background:#9F9E9C;
	color:#EF4122;
	text-decoration:none;
}



/*--- Infotable ------------------- */

.content-flow .infotable {
	margin: 0;
	padding: 8px 0px 10px 0px;
}
.content-flow .infotable table {
	font-size:1em;
	padding:0;
}
.content-flow .infotable th {
	color:#630732;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	padding:0 10px 2px 0;
	line-height:150%;
	width:80px;
	font-size:1em;
}
.content-flow .infotable td {
	text-align:left;
	vertical-align:top;
	padding:0 0 2px 0;
	width:auto;
	line-height:150%;
	font-size:1em;
}
.content-flow .infotable td p {
	font-size:1em;
	padding:0;
	margin:0;
}
.content-flow .infotable h2 {
	padding: 0 0 4px 0;
}



/*--- Infotable unter MapSight ---- */

.content-flow .infotable .ms_placemark a.icon {
	display: block;
	float: right;
	border: 0;
	margin: 0 0 5px 5px;
	padding: 0;
}



/* --- Definition List ------------ */

.content-flow dl {
	margin: 0 0 9px 0;
	padding: 0;
}

.content-flow dl dt {
	position: relative;
	left: 18px;
	top: 1.4em;
	width: 60px;
	color:#9F9E9C;
	font-weight:bold;
	line-height:150%;
}

.content-flow dl dd {
	border-left: 1px solid #ffffff;
	margin: 0 0 0 86px;
	padding: 0 16px 0 5px;
	line-height:150%;
	color:#630732;
}
.content-flow dl dd a {
	color:#630732;
	text-decoration:none;
	font-weight:bold;
	padding-right:16px;
	line-height:150%;
	border-bottom:none;
}



/* --- Galerie ---- */

.gallery {
	padding-left:16px;
	padding-right:16px;
}
.gallery-item {
	width:31%;
	display:inline-block;
	vertical-align:top;
	padding: 9px 9px 9px 0;
	/* für alte ie */
	*display: inline;
	*zoom: 1;
}
.gallery-item a {
	border-bottom: 0 none;
}
.gallery-item p {
	padding: 0;
}
.gallery-item img {
	width:100% !important;
	height:auto !important;
}
.gallery-item .caption {
	display:none;
}







ul.stadtplanMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.stadtplanMenu li {
	margin: 0;
	padding: 0;
}
ul.stadtplanMenu li a {
	padding: 0 20px 0 0 !important;
	background:right 0 no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu {
	line-height:100%;
	position:absolute;
	list-style: none;
	margin: -1px 0 0 0;
	padding: 0;
	border:1px solid #ffffff;
	border-radius: 3px;
	box-shadow: 2px 2px 2px grey;
	background-color:#ffffff;
	overflow:hidden;
	width:240px;
	opacity:0;
}
ul.stadtplanSubMenu li  {
	background-image:none;
	padding:4px 4px 3px 4px;
}
ul.stadtplanSubMenu li.head {
	display:block;
	color: #333;
	background-color:#F0F0F0;
	background-image:none;
	font-weight:bold;
	height:16px;
}

ul.stadtplanSubMenu li a {
	display:block;
	box-shadow: none;
	padding:0 0 0 24px !important;
	border-bottom:none;
	height:16px;
}
ul.stadtplanSubMenu li.bs-map {
	height:120px;
	padding:0 !important;
}
ul.stadtplanSubMenu li.bs-map a {
	padding:0 !important;
	margin:0 !important;
	background:none !important;
}
ul.stadtplanSubMenu li.bs-stadtplan a {
	background:0px -16px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu li.bs-verkehr a {
	background:0px -32px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu li.bs-parken a {
	background:0px -48px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu li.bs-oepnv a {
	background:0px -64px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu li.komoot a {
	background:0px -80px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu li.googlemaps a {
	background:0px -96px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}
ul.stadtplanSubMenu li.osm a {
	background:0px -112px no-repeat url("http://www.braunschweig.de/assets/gfx/icon/sprites-stadtplan.png") !important;
}