/* CSS Document */
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 2.5em; 
	line-height: 34px;
	margin: 5px 0 0 0; 
	color: #000;
	}
#content-header h1 {
	border-bottom: dotted 1px #c8c8c8;
	padding: 0 250px 6px 18px;
	}
#inhalt h1 {padding-bottom: 5px;}
h2 {
	font-size: 1.83em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 15px; 
	color: #000;	
	line-height: 24px;
	}
#teaser-news h2 {color: #fff;font-weight: normal;font-size: 17px;}
div.p h2 {margin-top: 0;}
img { max-width: 100%;max-height: 100%;}

/* hidden h2 for Accessibility */
#header h1,
#header h2  {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0;
	}
h3 {
	font-size: 1.41em;
	font-weight: normal;
	margin: 4px 0 4px 0;
	padding-top: 1px; 
	color: #505050;
	}
hr {
	height: 0; 
	width: 100%;
	background-color: #fff;
	color: #fff;
    margin: 0;
	border-bottom:1px dotted #c8c8c8;
	border-top: none;
	border-left: none;
	border-right: none;
	}
#inhalt hr {width: 100%;max-width: 100%;}
#inhalt.width hr {width: 745px;max-width: 100%;}
#inhalt .left hr, #inhalt .right hr {
	width: 220px;	
	margin-left: 0;
	}
p.errormessage {color: #FF0000;}
.anchorhidden, .anchorhidden a { 
	visibility: hidden; 
	font-size: 0; 
	content: "."; 
    display: block; 
    height: 0;
	}

.halfwidth { width: 50%;}
.pull-left { float: left;}
.pull-right { float: right;}

/* ------------ Content Template ------------------------------------------------------------- */

/* Paragraph Auto-Clearfixing */

.p:after {	/*--- Clearfix f�r das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
	
/* Hides from IE-mac \*/
* html .p {height: 1%;}
/* End hide from IE-mac */


div.p { 
	width: 100%;
	margin-bottom: 20px;
	line-height: 1.44em;
	}
div.p.close {margin-bottom: 10px; }
div.p.nospace {margin-bottom: 0; }
	
/* --- Paragraph Text/Bild ---- */
div.p div.textbild  {
	float: left;
	margin-right: 12px;
	padding-top: 4px;
	padding-bottom: 10px;
	}
div.p div.textbildbreit  {
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	max-width: 100%;
	}
div.p ul,
div.t ul  {
	float: left;
	margin: 3px 0 3px 2px;
	}
div.p ul ul,
div.t ul ul {
	float: none;
	}
div.p ul li, 
div.t ul li  {
	background-image: url(../images/design/stadtsg_portal/icon_liste.gif); background-position:left 6px; background-repeat:no-repeat;
	list-style-position: outside;  
	padding: 0 0 4px 12px; 
	}
div.p ol,
div.t ol { 
	float: left;
	padding-left: 5px;
	margin: 5px 0 5px 20px;
	}
div.p ol li,
div.t ol li  { 
	list-style: decimal;
	padding: 0 0 4px 5px;
	padding-left: -5px;
	}
div.imagetext p {margin-bottom: 10px; }
div.imagetext h3 {line-height: 1.2em; }
div.p.imagetext {margin-bottom: 10px; }

/* --- Paragraph Bild ---- */
div.p p.bildlegende { 
	margin: 2px 0 0 0;
	font-size: 0.93em;  }

/* --- Paragraph Video ---- */
.media {
	max-width: 100%;
}
.media > div > div {
	max-width: 100%;
}
.media object,
.media video {
    background-color: #ffffff;
}

/* --- Paragraph Tabelle ---- */
div.p table,
div.t table {
	width: 100%;
	border-collapse: collapse;
    font-size: inherit;
	}
div.p table th,
div.t table th {
	font-weight: bold;
	padding: 2px 9px 2px 0;
	text-align: left;
	vertical-align: top; }
div.p table tr td,
div.t table tr td {
	padding: 2px 9px 2px 0;
	vertical-align: top; 
	}
div.p table tr.odd td,
div.t table tr.odd td,
div.p table tr.odd th,
div.t table tr.odd th {background-color: #e5e5e5;}	
	
/* --- Tabellen / Listen im Editor ---- */
div.p table td.subsiteright {text-align: right; }
div.p table th.subsiteright {text-align: right; }

/* --- Strukturierungstabelle / Tabelle mit Linien ---- */
div.p table.pure, 
div.p table.pure td {background: none; margin: 0; padding: 0; border: none;  }
div.p table.pure tr {height: auto; }
div.p table.pure thead th {background: none; padding: 0; height: auto; border: none;   }

div.p table.lines  {background: none;    }
div.p table.lines td {border-bottom: solid #CCC 1px; padding: 2px 0px;  }
div.p table.lines th {border-bottom: solid #CCC 1px; padding: 2px 0px;    }

/* --- Paragraph Download verschiedene Styles ---- */
div.p table.download-normal tr,
div.p table.download-pure tr  { 
	height: 18px; 
	}
div.p table.download-normal th, 
div.p table.download-pure th  {  
	padding: 2px 9px 4px 0;
	vertical-align: top;
	font-size: 1.41em;
	font-weight: normal;
	}
#service div.p table.download-normal th, 
#service div.p table.download-pure th  {  
	font-size: 1.0em;
	font-weight: bold;
	}
div.p table.download-normal td, 
div.p table.download-pure td {}
	
div.p table td img,
div.t table td img {padding-top: 2px;  }
div.p table td.icon, div.t table td.icon, table td.icon {padding-left: 1px; width: 10px;display: inline-block;   }
div.p table td.datei {width: 100%;  }
div.p table td.icon + td.datei { width: 90%;}
	
div.p table td.kb {
	width: 20%;
	text-align: right;
	}

/* --- Tabelle Redaktoren ---- */
div.p table.admin td,
div.t table.admin td {
	padding: 0px 0px;
	border-top: none;
	height: 20px !important;
	}
	
/* --- Paragraph Links ---- */
div.p ul.links,
div.t ul.links  {margin: 0; float: none;}
hr + div.t ul.links {margin-top: 10px;} /* f�r weitere Newslinks */

div.p ul.links li,
div.t ul.links li  {
	display: block; list-style-type: none; 
	padding: 0 0 4px 14px; }
	
div.p ul.links li a:link,
div.t ul.links li a:link,
div.p ul.links li a:visited,
div.t ul.links li a:visited  {}
	
div.p ul.links li a:hover,
div.t ul.links li a:hover  {
	text-decoration: underline;  }
	
div.p li.extern,
div.t li.extern {background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat; }
div.p li.intern,
div.t li.intern {background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat; }
div.p li.email,
div.t li.email {background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat; }
div.p li.download,
div.t li.download {background-image: url(../images/design/stadtsg_portal/icon_download.gif); background-position:0px 5px; background-repeat:no-repeat;  }
div.p li.kalender,
div.t li.kalender {background-image: url(../images/design/stadtsg_portal/icon_kalender.gif); background-position:2px 3px; background-repeat:no-repeat; padding: 0 0 4px 22px !important;   }

div.p .more,
div.t .more {
	background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:left 4px; background-repeat:no-repeat;
	padding-left: 10px;
	}
	
/* --- Paragraph Suche ---- */

div.p div.search  {
	height: 30px;
	width: 300px;
	} 
div.p div.search label  {
	padding: 0 10px 0 0; 
	font-size:0.93em;
	vertical-align: middle;
	}
div.p div.search input {
	width: 167px;
	height: 15px;
	margin-top: 5px; 
	padding: 1px 1px 2px 2px;
	border: solid 1px #999999;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 15px;
	font-size: 1em; 
	}
div.p div.search input.go  {
	height: 20px; width: 20px;
	margin-left: 11px;
	vertical-align: middle;
	margin-top: 6px;
	border: none;
	}
div.p div.search img.help  {
	height: 20px; width: 20px;
	margin-left: 3px;
	vertical-align:  middle;
	margin-top: 5px;
	border: none;
	}
	
div.t div.search label,
div.t div.search input {
    float: none;
}

/* --- Paragraph 4 Bilder ---- */
div.p.narrow {width: 100%; }
div.p div.bild4 {
	float: left;
	width: 23%;
	margin-right: 5px;
	height: 150px;
	}
div.p div.bild4 p {
	font-weight: bold;
	margin-bottom: 4px;
	height: 30px; 
	}
div.p div.bild4 ul.links {padding-top: 4px;}
div.p div.bild4 ul.links li  {padding: 0 0 4px 12px;}

/* --- Paragraph Adressen ---- */
div.p table.adresse th {
	font-size: 1em; 
	font-weight: normal; 
	border-top: solid #fff 1px;
	height: auto; 
	width: 130px;
	}
div.p table.adresse tr {height: 16px;}
div.p table.adresse td {width: 500px;}
div.p ul.adresslink {margin: 10px 0 0 0; padding: 0;}
div.p ul.adresslink li {
	list-style: none; 
	padding: 0 0 6px 23px; }
div.p ul.adresslink li a:link,
div.p ul.adresslink li a:visited {color: #000000;}
div.p ul.adresslink li a:hover  {
	color: #e20024;
	text-decoration: none;
	}
div.p p.adresszusatz,
div.t p.adresszusatz {font-size: 0.93em;}

/* --- Paragraph Bild/Links ---- */
div.p img.bildlinks {float:left; margin-right: 12px; width: 200px;}
div.p ul.bildlinks  {margin: 0; float: left; width: 250px;}
div.p ul.bildlinks li {
	list-style: none;  
	padding: 0 0 4px 12px;
	}
div.p ul.bildlinks li a:link,
div.p ul.bildlinks li a:visited {
	color: #505050;
	}
div.p ul.bildlinks li a:hover  {
	color: #e20024;
	text-decoration: underline;
	}

/* --- Paragraph Links 2/3-spaltig ---- */
div.p.link2sp { 
	width: 47%;
	padding-right: 10px; 
	float: left; 
	} 
div.p.link2sp ul.links li {padding: 0 0 4px 12px;} 
div.p.link2sp ul.links   {margin-top: 10px;} 
div.p.link3sp ul li { 
	float:left;
	width:27%;
	padding-right: 5px;
	} 
div.p.link3sp  {clear: left;} 

/* --- Paragraph 2spaltig   ---- */
div.p.content2spmain  {margin-bottom: 20px;  }
div.p.content2sp {border:none;}
div.p.content2sp a {text-decoration: underline;}
div.p.content2sp div {
	float: left; 
	width: 48.9%;
	}
div.p.content2sp div.left {margin-right: 2.2%;}
div.p.content2sp div img {margin-bottom: 2px; max-width: 100%;}
div.p.content2sp div p.bildlegende {margin: 0 0 5px 0;}

/* --- Paragraph Buttons ---- */
div.p ul.button,
div.t ul.button {margin: 20px 0 0 0;}

div.p ul.button li,
div.t ul.button li { 
	padding: 1px; margin: 0;
	display: inline;
	float: left; 
	line-height: 16px;
	} 
	
div.p ul.button li a,
div.t ul.button li a { 
	color: #000; 
	text-decoration:  none; 
	padding: 0 20px 0 12px;
	}
	
div.p ul.button li a:link, ul.button li a:visited, ul.button li a:active, ul.button li a:hover,
div.t ul.button li a:link, ul.button li a:visited, ul.button li a:active, ul.button li a:hover {
	color: #505050; 
	text-decoration:  none;
	font-weight: bold;
	}

div.p ul.button li a:hover,
div.t ul.button li a:hover {
	color: #E10024;
	}

ul.button li.top {background-image: url(../images/design/stadtsg_portal/icon_top.gif); background-position: left 5px; background-repeat: no-repeat; }
ul.button li.back {background-image: url(../images/design/stadtsg_portal/icon_back.gif); background-position: left 6px; background-repeat: no-repeat;  }
ul.button li.frage {background-image: url(../images/design/stadtsg_portal/icon_frage.gif); background-position: left 2px; background-repeat: no-repeat;  }
ul.button li.warenkorb {background-image: url(../images/design/stadtsg_portal/icon_warenkorb.gif); background-position: left 2px; background-repeat: no-repeat;  }
ul.button li.submit {background-image: url(../images/design/stadtsg_portal/icon_forward.gif); background-position: left 2px; background-repeat: no-repeat;  }
ul.button li.mehr {background-image: url(../images/design/stadtsg_portal/icon_mehr.gif); background-position: left 5px; background-repeat: no-repeat;  }


/* --- Blockquotes im Editor ---- */
div.p blockquote {margin-left: 30px; }

/* --- Paragraph Adresse ---- */
div.p.adresse ul {margin-top: 5px;  }


/* ------------ Templates / Applikationen ------------------------------------------------------------- */

/* Paragraph Auto-Clearfixing */
.t:after {	/*--- Clearfix f�r das Float-clearing ---*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
	
/* Hides from IE-mac \*/
* html .t {height: 1%;}
/* End hide from IE-mac */

div.t { 
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.38em;  
	}


/* --- Template Home ------------------------------------------------------------------------------------------ */
div.t div.news-overview {
    /*position: relative;*/
    padding-bottom: 20px;
}
div.t div.news-overview a.comments {
    /*position: absolute;
    right: 0;
    bottom: 0;*/
    display: block;
	float: right;
	padding-top: 20px;
}
div.t div.newstext p {
	margin-bottom: 10px;
	}
div.t div.newstext strong p {
	margin-bottom: -10px;
	}
div.t div.newsbild {
	float: left;
	width: 228px;
	margin-right: 10px;
	}
div.t div.newsbild p {
	font-size: 0.93em;
	margin: 2px 0 5px 0; 
	}
div.t.newsA { 
	width: 217px; 
	float: left; 
	padding-right: 10px; 
	border-right: solid 1px #ccc;
	}
div.t.newsB { 
	width:217px; 
	float:left; 
	padding-left:10px; 
	border-left:solid 1px #ccc; 
	margin-left:-1px;
	}
div.t.newsA div.newsbild,
div.t.newsB div.newsbild {width:125px;}
div.t.newsA h2,
div.t.newsB h2 {margin-top:0;}

/* --- Template Formular -------------------------------------------------------------------------------------- */

div.t fieldset {border:none;}
div.t fieldset div.p {
	background-color:#fff;
	margin-bottom: 20px;  
	width: 452px;
	}
div.t fieldset div.p.positionbutton {padding: 0px;}
div.t fieldset div.p ul {float: none;}
div.t fieldset legend { /* only Firefox */
	display: none;
	}
div.t form div.hr {
	height: 1px;
	background-color: none; 
	margin: 3px 0 3px 0; 
	clear: both;
	}
div.t form div.hr hr {display: none;}
div.t form label {
	float: left;
	clear: left;
	vertical-align: middle;
	width: 146px;
	min-height: 13px;
	padding: 6px 0 5px 0; 
	}
div.t form .label2 {width: 100px;}
div.t form .short {
	margin-right: 10px;
	width: auto; 	
	}
div.t form input {
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	padding: 1px 1px 0 1px;
	width: 280px;
	margin: 4px 0 1px 0;
	border: solid 1px #c8c8c8;
	height: 18px;
	font-size: 1em;   
	color: #505050;
	}
div.t form select { 
	float: left; 
	margin: 4px 4px 4px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	min-height: 18px;
	color: #505050;
    padding: 1px 0;
	line-height: 30px;
	}
div.t form option {padding-right: 5px;}
div.t form textarea {
	font-family: Arial, Helvetica, sans-serif; 
	float: left;
	padding: 1px;
	font-size: 1em; 
	width: 280px;
	margin: 4px 0 4px 0;
	border: solid 1px #d7d7d7;
	color: #505050;
	}
textarea { resize: vertical;}
div.t form span.feldbeschreibung {
	float: left;
	width: 325px;
	margin-left: 146px;
	}
div.t form span.pflicht {
	margin: 2px 0 2px 0;
	width: 285px;   
	}
div.t form span.pflichtrot {
	float: left;
	margin: 2px 0 2px 154px;
	font-size:0.93em;
	width: 285px;
	color: red;
	}
div.t form input.radio {
	width:auto;
	border:none;
	background:none;
	float:left;
	display:block;
	margin: 0 5px 0 0;
	height: auto;
	}	
div.t form label.radio {
	width:120px;
	clear:none;
	float:left;
	line-height: 15px;
	margin: 0; padding: 0;
	}
div.t form span.auswahl {
	float: left;
	display: inline;
	width: auto;
	margin: 6px 10px 0 0;
	}
div.t form span.auswahleinspaltig {
	float: left;
	display: inline;
	margin: 4px 0 4px 0;
	}
div.t form input.checkbox {
	width:auto;
	border:none;
	background:none;
	float:left;
	margin: 0 5px 0 0;
	height: auto;
	}
div.t form label.checkbox {
	width: 120px;
	clear:none;
	float:left;
	line-height: 15px;
	margin: 0; padding: 0;
	}
div.t form select.dropdown {width: 280px;}
div.t form input.dateidownload {
	padding: 1px;
	height: 20px;
	width: 280px; 
	border: solid 1px #505050;
	}
div.t form span.adresse {
	font-weight: bold;
	display: block; 
	}
div.t form input.datum {width: 120px;}
div.t form img.datum {
	margin: 6px 0 0 5px; 
	border: none;
	}
div.t div#caldiv table {width: auto;}
div.t form span.zeit {	
	float: left; 
	margin: 6px 4px 0 0;
	}
div.t form span.col1,
div.t form span.col2,
div.t form span.col3  {
	position: relative;
	float: left;  
	margin-top: 2px;	
	}
div.t form span.col1  {width: 146px; font-weight: bold;}
div.t form span.col2  {width: 148px;}
div.t form span.col3  {width: 150px;}
div.t form input.feld2 {
	width: 130px;
	margin-right: 14px;
	}

/* Formularbuttons */
div.t form input.abbrechen,
div.t form input.senden,
div.t form input.submit,
div.t form input.suchen,
div.t form input.anzeigen {
	width: 106px;
	margin: 20px 13px 20px 0;
	cursor: pointer; cursor: hand;
	border: none; 
	color: #000;
	font-weight: bold; 
	text-align: left;
	height: 25px;
	font-size: 0.93em; 		 
	}
div.t form input.submit {padding: 0 0 0 10px;}
div.t form input.abbrechen, div.t form input.senden {color: #fff; padding-top: 3px; font-size: 12px;}
div.t form input.abbrechen {padding-left: 22px; background: url(../images/design/stadtsg_portal/button_reset.gif) no-repeat left 2px; }
div.t form input.senden {text-align: right; padding-right: 5px; background: url(../images/design/stadtsg_portal/button_senden.gif) no-repeat left 2px; }
div.t form input.submit {background: url(../images/design/stadtsg_portal/icon_link_intern.gif) no-repeat 2px 10px; }
div.t form input.suchen {background: url(../images/design/stadtsg_portal/button_suchen.gif) no-repeat left 2px; }
div.t form input.anzeigen {background: url(../images/design/stadtsg_portal/icon_anzeigen.gif) no-repeat left 2px; }

div.t form label a.help,
div.t form label a.help:link,
div.t form label a.help:visited,
div.t form label a.help:hover,
div.t form label a.help:active {
	position: relative;
	left: 20px;
	}
div.t form .left {
	float: left;
	width: 235px;
	}
div.t form .right {
	float: left;
	width: 235px;
	}
div.t form .red {color: #E10024;}

/* --- Template Glossar -------------------------------------------------------------------------------------------- */
div.t span.glossarlink,
div.p span.glossarlink {
	width: auto;
	position: relative;
	margin-right: 12px;
	display: inline;
	z-index: 24;
	}
div.p span.glossarlink span.arrow,
div.t span.glossarlink span.arrow {
	width: 10px;
	height: 13px;
	margin-top: 1px;
	text-indent: -9999px;
	position: absolute;
	background: url(../images/design/stadtsg_portal/icon_glossar.gif) no-repeat right;
	}
div.p span.glossarlink:hover,
div.t span.glossarlink:hover   {
	z-index: 25; 
	background-color: #fff; 
	}
div.p span.glossarlink span.glossarcontent,
div.t span.glossarlink span.glossarcontent {
	position: absolute; 
	left: -999em; 
	z-index: 26; 
	}
div.p span.glossarlink:hover span.glossarcontent,
div.t span.glossarlink:hover span.glossarcontent,
div.p span.glossarlink.sfhover span.glossarcontent,
div.t span.glossarlink.sfhover span.glossarcontent
div.p span.glossarlink:focus span.glossarcontent,
div.t span.glossarlink:focus span.glossarcontent {
	position: absolute; 
	top:12px; left:0;
	display: block;
	border: solid #ccc 1px;
	padding: 12px 18px;
	width: 400px;
	color: #000;
	text-decoration:none;
	background-color: #e5e5e5; 
	z-index: 27;
	}
div.p span.glossarcontent span.glossartitle,
div.t span.glossarcontent span.glossartitle {
	margin: 0 0 8px 0; 
	padding: 0;
	font-weight: bold;
	}
div.p span.glossarcontent span,
div.t span.glossarcontent span {
	margin: 5px 0; 
	padding: 0;
	display: block;
	}
div.p span.glossarcontent span span,
div.t span.glossarcontent span span {margin: 0;}
div.p span.glossarcontent span.liste,
div.t span.glossarcontent span.liste {
	display: block; 	
	margin: 0;
	}
div.p span.glossarcontent span.liste img,
div.t span.glossarcontent span.liste img {
	margin-right: 10px;
	vertical-align: middle; 
	}
div.p span.glossarcontent span.liste a, 
div.t span.glossarcontent span.liste a {
	vertical-align: middle;
	text-decoration: none; 
	}
div.p span.glossarcontent .intern, div.p span.glossarcontent .extern, div.p span.glossarcontent .download, div.p span.glossarcontent .mail,
div.t span.glossarcontent .intern, div.t span.glossarcontent .extern, div.t span.glossarcontent .download, div.t span.glossarcontent .mail{
	display: block; list-style-type: none; 
	padding: 0 0 4px 14px; 
	}
div.p span.glossarcontent .intern {background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat;}
div.p span.glossarcontent .extern {background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat;}
div.p span.glossarcontent .download {background-image: url(../images/design/stadtsg_portal/icon_download.gif); background-position:0px 5px; background-repeat:no-repeat;}
div.p span.glossarcontent .mail {background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat;}

div.p span.glossarcontent span.liste-ul span,
div.p span.glossarcontent span.liste-ol span {
	background-image: url(../images/design/stadtsg_portal/icon_liste.gif); background-position:left 6px; background-repeat:no-repeat;
	list-style-position: outside;  
	padding: 0 0 4px 14px;}
	
/* --- Template Linkliste aufklappbar -------------------------------------------------------------------------------------------- */

div.p .klapplink {
	position: relative;
	display: block;
	z-index: 24;
	}
div.p .klapplink a:link,
div.p .klapplink a:visited {
	background-image: url(../images/design/stadtsg_portal/icon_aufklappen.gif); 
	background-position: right center; 
	background-repeat:no-repeat;
	padding-right: 20px;
	}
div.p .klapplink:hover {
	z-index: 25; 
	background-color: #fff;
	}
div.p .klapplink span.klappcontent {
	position: absolute; 
	left: -9999px;  
	z-index: 26;
	}
div.p .klapplink:hover span.klappcontent,
div.p .klapplink.sfhover span.klappcontent  {
	display: block;
	position: absolute; 
	left: auto; 
	top:20px; left:0px;
	background-color: #c8c8c8;
	color: #000;
	text-decoration:none; 
	z-index: 30;
	}
div.p ul.klapp {
	margin: 0; padding: 0;
	font-size: 0.93em; 
	display: block;
	width: 201px;
	}
div.p ul.klapp li {	
	background: none; 
	margin: 0; padding: 0;
	list-style: none;
	}	
div.p ul.klapp li p.hidden,
div.p ul.klapp li span {display: none;}
div.p ul.klapp li a,
div.p ul.klapp li a:link,
div.p ul.klapp li a:visited { 
	display: block;  
	line-height: 15px;  
	border-bottom: solid #e5e5e5 1px;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 5px;
	background: none !important;
	font-size: 0.75em;
	}
div.p ul.klapp li a:hover {text-decoration: underline;}
div.p table.admin td a {	/* Ausblenden der Klapplink-Icons in der Admin-Table */
	background: none !important;
	}

/* --- Template Suche (Resultate)   --------------------------------------------------------- */
div.p ul.searchresult, div.p ul.searchpaging {
	margin: 0;
	float: left;
	text-indent: 0px;
	}
div.p ul.searchresult li {
	padding: 0 0 10px 0;
	background-image: none;
	}
div.p ul.searchpaging li {
	float:left;
	line-height:12px;
	padding: 0 4px 0 4px;
	background-image: none;
	}
div.p ul.searchresult li a {
	text-decoration: underline;
	color: #000000;
	}
div.p ul.searchpaging li a {
	color: #000000;
	}
div.p ul.searchresult span.extension {
	font-size: 1em;
	line-height: 14px;
	vertical-align: bottom;
	float: left;
	margin-right: 2px;
	}
div.p ul.searchresult h3 {
	font-size: 1em !important;
	font-weight: bold !important;
	line-height: 14px !important;
	margin: 0 0 3px 0 !important;
	padding: 0 !important;
	}
div.p ul.searchresult span.url {
	font-size: 1em;
	line-height: 1.3em;
	color: #666666;
	}
div.p ul.searchresult span.lastmodified {
	font-size: 1em;
	line-height: 1.3em;
	}
div.searchinfo {
	/*padding-left: 20px;*/
	margin-bottom: 10px;
	}
div.searchinfo-crx {
	margin-bottom: 10px;
	}
div.searchinfo a, div.searchinfo-crx a {
	color: #666666;
	}
div.searchinfo ul.button {
	margin: 0 0 10px 0;
	}
div.searchinfo ul.button li.frage {
	background-image: url(../images/design/ktsg/icon_frage_neutral.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	}
div.searchinfo ul.button li.frage a {
	color: #666666;
	font-size: 1em;
	}
div.searchinfo a img {
	display: none;
	}

/* --- Template Sitemap   ------------------------------------------------------------------------------------------------------- */
div.t.sitemap .wrapper-sitemap {
	background: url(../images/design/stadtsg_portal/bg_sitemap.gif) 0 0 repeat-y;
	border-top: dotted 1px #c8c8c8;
	width: 955px;
	}
div.t.sitemap ul {	float: none; margin:0; padding: 0 0 0 20px; }
div.t.sitemap h3 {
	padding: 10px 0  6px 18px;
	}
div.t.sitemap > h3 {margin-top: -30px;}
div.t.sitemap .left,
div.t.sitemap .center,
div.t.sitemap .right {
	float: left;
	width: 318px;
	}
div.t.sitemap .liste-sitemap { 
	padding: 0 0 10px 0;
	border-right: dotted 1px #fff;
	margin: 0 10px;
	border-bottom: dotted 1px #c8c8c8;
	}	 
div.t.sitemap ul li {
	background: none;
	padding: 0 0 0 10px;
	list-style-type: none; 
	line-height: 1.6em;
	}
div.t.sitemap ul li:hover {
	background: url(../images/design/stadtsg_portal/nav2a.gif) 0 5px no-repeat;
	}
div.t.sitemap ul ul {margin-left: 3px; padding-left: 0; }
	
div.t.sitemap ul ul li  {
	padding-left: 10px; }
	
div.t.sitemap ul ul ul {margin-left: 5px; }

/* --- Template  Framed Content   -------------------------------------------------------------------------------------------------- */
iframe.iframeborder {
	border: solid black 1px;
	margin-bottom: 30px; 
	}
iframe.iframe { 
	border: none;
	margin-bottom: 30px; 
	}

/* --- Template Index A-Z ------------------------------------------------------------------- */
div.indexaz {}
div.indexaz .p, div.indexaz-mutierbar .p {
	border: none;
	}
div.t ul.index {
	width: 100%; 
	margin: 0 0 20px 0;
	}
div.t ul.index li {
	background-image: url(../images/design/stadtsg_portal/bg-liststyleindex.gif); background-repeat: no-repeat;
	background-position: left 3px;
	padding: 0 5px 0 5px;  
	display: inline;
	float: left;
	}
div.t ul.index li:last-child {padding-right: 0;}
div.t.indexaz ul.normal {
	float: none;
	margin: 0;
	}
div.t.indexaz ul.normal li {
	background-image: none; 
	padding: 0;
	list-style-type: none;
	}

/* --- Template Departement / Regierungsrat --------------------------------------------------------------------- */
div.t img.adressbild {float: left; margin-right: 10px;}
div.t div.departement {display: table; margin-bottom: 10px;}
div.t span.deptitle {
	height: 22px;
	line-height: 20px;
	display: block;
	font-weight: bold;
	font-size: 1em;
	}
div.t div.departement table {margin-bottom: 10px;}
div.t div.departement table th {
	font-size: 1em; 
	font-weight: normal; 
	border-top: solid #fff 1px;
	height: 16px; 
	width: 130px;
	}
div.t div.departement table td {width: 500px;}
div.t div.departement ul,
div.t div.departement p {
	margin: 0 0 10px 0;
	}
div.t div.departement ul li {padding: 0 0 6px 20px;}

/* --- Service --------------------------------------------------------------------- */
#service h2  {
	font-size: 1.41em;
	line-height: 13px;
	padding: 4px 0 2px 10px;
	margin: 0 0 3px 0;
	color: #505050; 
	line-height: 22px;
	}	
#service h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 13px;
	padding: 4px 0 2px 10px;
	margin: 0 0 3px 0;   
	}
#service div.p  {
	margin: 0; padding: 0 0 5px 0;
	color: #505050;
	}
#service div.nospace  {
	padding: 0;    
	}
#service div.p p  {
	padding: 0 0 0 10px;
	line-height: 1.38em;   
	}
#service div.textbildbreit img  {
	margin: 0 0 5px 0;    
	}
div#service div.teaser { 
	float: left;  
	border: solid #999 1px; 
	background-color: #FFFFFF;  
	padding: 1px 5px; 
	margin: 0 10px 0px 10px;   
	}
div#service div.teaser h2 {
	padding: 2px 0 2px 5px; margin: 0;
	background-image: none;   
	}
div#service div.teaser p {
	padding: 0;  
	}
div#service ul.links,
div#service iframe,
div#service table,
div#service div.search {
	margin-left: 10px;  
	}

/* --- Template News Abo -------------------------------------------------------------------------------------- */
div.t form.newsabo fieldset {
 	background: none;
	margin-top: 20px;
	}
div.t form.newsabo label {
 	padding: 0; 
 	font-size: 1em;
	}
div.t form.newsabo input.mail { 
	margin: 0;
	height: 16px;
	padding: 1px;
	border: solid 1px #999999;
	margin-bottom: 20px;
	}
div.t form.newsabo div {float:left;}
div.t form.newsabo span {float: left; width: 146px;}
div.t form.newsabo fieldset legend {
	display: block;
	float: left;
	width: 146px;
	font-size: 0.93em;
	}
div.t form.newsabo label.checkbox { 
	clear: none; 
	width: 280px;
	}
div.t form.newsabo input.checkbox { 
	clear: both;
	margin-bottom: 5px;
	}

/* --- Template Aboservice ------------------------------------------------------------------------------------ */
div.fenster {
	margin: 0 23px;
	text-align: left;
	font-size: 0.75em; 	 	
	}
div.fenster h1 {
	margin: 0 0 30px 0; 
	padding: 0 0 6px 0; 	
	}
div.fenster #inhalt {
	border:none;
	}
div.fenster-header {
	height: 54px; 
	background-image: none; background-repeat: repeat-x; background-position: left top;
	}
div.fenster-header ul {
	padding: 15px 20px 0 0;
	font-size: 0.75em;
	line-height: 19px;
	}
div.fenster-header ul li {
	float:right;
	border-left: solid #fff 1px;
	padding: 0 8px 0 8px;
	}
div.fenster-header ul li a:link, 
div.fenster-header ul li a:visited, 
div.fenster-header ul li a:active {
	color:#505050;
	text-decoration: underline;
	}
div.fenster-header ul li a:hover {color:#E20024; }
div.t table td.service {width: 80%; }
div.t table td.service a {text-decoration: underline;}

/* --- Template Lebenslagen   ------------------------------------------------------------------------------------------------------- */
div.t.lebenslagen div { 
	float: left; 
	width: 45%;
	padding-right: 20px;
	}
div.t.lebenslagen h2 {
	padding: 0 0;
	margin-bottom: 5px;
	}
div.t.lebenslagen ul {
	padding: 0;
	margin: 0;
	float: none;
	}
div.t.lebenslagen ul li {
	float: none;
	display: inline;
	padding: 0;
	background: none;
	}
div.t.lebenslagen div.lagen {
	float: none;
	width: auto;  
	padding: 0 0 0 0;
	}
div.t.lebenslagen a {
    border-right: solid black 1px;
    padding-right: 6px;
    }
div.t.lebenslagen li:last-child  a {border-right: none;}

/* --- Template Intranet Home   ------------------------------------------------------------------------------------------- */
div.t.intranethome div.left,
div.t.intranethome div.right { 
	width: 220px; 
	float: left;
	}
div.t.intranethome div.left {margin-right: 20px;}
div.t.intranethome div.box {
	clear: left; 
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	}
div.t.intranethome h2 {
	margin: 0; 
	padding: 3px 5px 4px 0px;
	}
div.t.intranethome div.p {margin-bottom: 10px;}
div.t.intranethome div.p ul.links {margin-bottom: 5px;}
div.t.intranethome div.textbildbreit {
	margin-bottom: 10px;
	overflow: hidden;
	}
div.t.intranethome div.newsA,
div.t.intranethome div.newsB {
	border: none; 
	padding: 0; 
	}
		
/* Abstimmung */
div.t.intranethome div.boxgrey {
	clear: left; 
	background-color: #e5e5e5;
	padding: 10px 5px 10px 10px;
	margin: 5px 0 10px 0;
	}
div.t.intranethome div.boxgrey form p {
	clear: both; 
	margin-bottom: 10px;
	}
div.t.intranethome div.boxgrey img {margin: 0 0 10px 0;}
div.t.intranethome div.boxgrey form input {clear: both;}	

/* --- Template Intranet Umfrage  ---------------------------------------------------------------------------------- */
div.t.umfrage table td {
	background-color: #fff; 
	padding: 0 0 2px 0;
	font-size: 1.06em;
	vertical-align: middle;
	}
div.t.umfrage table tr.line td {padding: 4px 0 0 0;}
div.t.umfrage table td input {
	font-size: 1em; 
	width: 50px;
	}

/* --- Template Picture Gallery -------------------------------------------------------------------------------------------- */
div.t div.paging {
	background-color: none; 
	height: 22px; 
	line-height: 20px; 
	font-weight: bold;
	text-align: right;
	padding: 0;
	clear: both;
	border-bottom: solid 1px #ccc;
	}
div.t div.paging span {
	float: left; 
	padding-left: 0;
	font-weight: normal;
	}	
div.t span.pageicons {
	text-align: right;
	display: block;
	margin: 10px 0 0 0;
	}
div.t span.pageicons img {margin: 0 5px 0 5px; vertical-align: middle;}
div.t span.pageicons img.last {margin: 0 0 0 5px;}
div.t div.picturegalery {margin: 20px 0 20px 0; width: 100%;}
div.t div.picturegalery div.picture {
	width: 117px;
	height: 98px;  
	float: left;
	}
div.t div.picturedetail { 
	margin: 40px 0 0 0;
	width: auto; 
	color: #505050;
	}	
div.t div.picturedetail img { 
	float: left;
	margin: 0 15px 0 0;
	}

/* --- Template Kantonskalender / Marktplatz / Personalnachrichten  --------------------------------------------------------------------- */
div.t.kalender table.liste td  {
	border-top: solid 1px #ccc;
	vertical-align: top;
	padding-right: 8px;
	}
div.t.kalender table.liste {border-bottom: solid 1px #ccc;}

/* Kantonskalender Detail */
div.t.kalender ul.links  {
	margin: 5px 0 0 0;
	clear: left; 
	}
div.t.kalender img.detail  {
	float: left;
	margin-right: 15px;
	}
div.t.kalender div.detail  {display: table;}
div.t.kalender div.detail table td,
div.t.kalender div.detail table th {
	background-color: #FFFFFF;
	padding: 0 15px 5px 0;
	vertical-align: top;
	border-bottom: none;
	}

/* Kantonskalender Kalenderansicht */	
div.t.kalender div.header  {
	height: 30px;  
	margin-bottom: 10px;
	}
div.t.kalender div.header p {float: left;}
div.t.kalender div.header form {float: right;}
div.t.kalender div.header input.go {
	height: 19px; width: 19px;
	vertical-align: top;
	border: none; 
	margin-top: 3px;
	}

/* Kalender Suche Servicespalte */
#service div.t.kalender ul.links  {
	margin: 10px 0 10px 10px;  
	}
#service div.t.kalender form.service  {}
#service div.t.kalender label { 
	width: 100%; 
	margin-left: 10px; 
	}
#service div.t.kalender select.dropdown-rubriken,
#service div.t.kalender input.field { 
	width: 150px;
	margin-left: 10px; 
	}
#service div.t.kalender input.go {
	height: 20px; width: 20px;
	vertical-align: middle;
	border: none;
	margin-left: 10px; 
	}
#service div.t.kalender img.help  {
	float: left;
	margin: 5px 0 0 3px;   
	}
#service div.t.kalender input.submit {
	margin: 0 0 0 10px;  
	width: 130px;
	}

/* Marktplatz */
div.t.kalender div.left {
	float: left; 
	width: 210px;
	background-color: #ebebeb;
	margin: 10px 20px 20px 0;
	}
div.t.kalender div.left h3 {
	background-color: #ccc;
	padding: 2px 0 3px 12px; margin: 0;  
	}
div.t.kalender div.left ul.links {margin: 5px 0 8px 12px;}
div.t.kalender div.left ul.links li {
	background-image: none; 
	padding: 0 0 2px 0;
	}
div.t.kalender div.paging {margin-bottom: 15px;}
div.t.kalender form div.nutzung {
	padding-top: 10px; 
	padding-bottom: 0px;
	}
div.t.kalender form div.nutzung label {width: auto;}
div.t.kalender form div.fileupload {
	float: left;
	display: inline;  
	margin: 0px 10px 5px 146px;
	}
div.t.kalender form div.fileupload img {margin: 5px 0 0 0;  }
div.t.kalender form div.loeschen  {
	float: left;
	margin: 5px 0 0 0;
	font-size: 0.93em;
	}
	
/* Abfallkalender */
div.p.abfallkalender a {text-decoration: underline;}
div.p.abfallkalender td.pdf {width: 40px;}
div.p.abfallkalender td.ics {width: 25px;}
div.p.abfallkalender td.datum {width: 70px;}
	
/* Adresse */
div.t p.adresstitel {
	height: 22px;
	line-height: 20px;
	display: block;
	font-weight: bold;
	font-size: 1em; 
	}
div.t div.adresse table {margin-bottom: 10px;}
div.t div.adresse table th {
	font-weight: normal !important; 
	width: 100px;
	}
div.t div.adresse div.p {margin-bottom: 0;}
div.t div.adresse ul  {margin: 0 0 10px 0px !important;}
div.t div.adresse p {margin: 0 0 10px 0px;}
	

/* --- Template News Search (News Archiv) -------------------------------------------------------------------------------------- */
div.t form div.newssearch { 
	border: solid #c1c1c1 1px; 
	width: 100%; height: 60px;  
	}
div.t form div.newssearch label { 
	width: 50px; 
	padding-bottom: 10px;
	margin-left: 5px;
	}
div.t form div.newssearch span.zeitraum {
	vertical-align: middle;
	float: left; 
	margin: 5px 10px 0 0;
	}
div.t form div.newssearch input {
	width: 130px;
	height: 14px;
	padding: 1px;
	border: solid 1px #999999;
	vertical-align: middle;
	margin-top: 5px;
	}
div.t form div.newssearch input.go {
	height: 17px; width: 17px;
	margin-left: 11px;
	vertical-align: middle;
	border: none; 
	}
div.t form div.newssearch img.help  {
	height: 17px; width: 17px;
	margin-left: 3px;
	margin-top: 6px;
	border: none; 
	}
div.t form div.newssearch select {
	padding: 0; margin: 4px 10px 0 0;
	vertical-align: middle;
	float: left;
	font-size: 0.93em;
	}
div.t form div.newssearch select.sector {width: 170px;}
div.t p.newsresult {
	font-weight: bold; 
	color: #666;
	margin-top: 60px;
	clear: left;
	}
div.t input.mehr {
	height: 14px;
	width: auto !important;
	padding: 0 0 0 22px;
	border: none;
	margin: 5px 0 0 0;
	cursor: pointer;
	cursor: hand;
	color: #339900;
	text-align: left;
	font-size: 0.93em; 
	}
div.t input.mehr {background: url(../images/design/icon_mehr.gif) no-repeat 0 0;}
div.t.news-suche ul.button { 
	float: none;
	clear: left; 
	margin: 5px 0 0 0;
	}
div.t.news-suche ul.links { 
	float: none;
	clear: left; 
	margin: 5px 0 0 0;
	}
	
/* --- Babygalery ---------------------------------------------------------------------------------- */
div.t.babygalery table th  {width: 150px !important;}
div.t.babygalery form input.submit {margin-left: 153px;}

/* --- Template Handbuch (Steuern) -------------------------------------------------------------------------------- */
div.p table.handbuch, 
div.p table.handbuch td {
	margin: 0; padding: 0;
	background: none;
	font-size: 1em;
	vertical-align: top; 
	}
div.p table.handbuch a.intern {
	background-image: url(../images/design/stadtsg_portal/icon_link_intern.gif); background-position:2px 5px; background-repeat:no-repeat;
	padding: 0 0 4px 12px;
	float: left;
	}
div.p table.handbuch td.art {width: 30%; padding-right: 5px;}


/* ----- Start Seite wic ---------------------------------------------------------------------- */
.fixit {
	float: left;
	width: 162px;
	height: 360px;
	background: #fff;
	}
.fix a, .leftlinks a {
	line-height: 2.0em;
	font-weight: bold;
	display: block;
	width: 151px;
	}
.fix a {
	background: url(../images/design/stadtsg_portal/icon_link_weiter.gif) right no-repeat;
	}
.leftlinks a {
	background: url(../images/design/stadtsg_portal/icon_link_weiter.gif) right no-repeat;
	}
#emotion-content h2 {
 	width: 200px;
	padding: 15px 0 0 15px;
	color: #505050;
 	}
.headerwidth h1 {
 	margin-top: 20px;
	}
#suche-startseite {
	position: absolute;
	top: 0;
	left: 731px;
	width: 221px;
	height: 26px;
	padding: 0 0 0 0;
	background: #fff url('../images/design/stadtsg_portal/bg_suche_start.gif') right top no-repeat;
	}
#box-startseite {
	position: relative;
	height: 332px;
	width: 1025px;
	background: url('../images/design/stadtsg_portal/bg_start.png') right top no-repeat;
	margin-bottom: 30px;
	z-index: 1;
	}
#inhalt-startseite {
	float: left;
	width: 790px;
	height: 309px;
	}

/* Suche Startseite */
#suche-startseite input {
	width: 151px;
	height: 20px;
	line-height: 20px;
	padding: 2px 2px 2px 6px;
	border: none;
	vertical-align: middle;
	background: none;
	float: left;
	}
#suche-startseite input.go {
	height: 25px;
	width: 61px;
	vertical-align: middle;
	padding: 0;
	border: none;
	background: #e20025;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	}

/* Linkliste */
.lebensbereiche {
	width: 810px !important;
	margin-left: 162px;
	border-bottom: none !important;
	padding: 6px 0 0 0 !important;
	}
.lebensbereiche .linkliste {
	float: left;
	width: 190px !important;
	margin-right: 10px;
	border: none;
	padding: 0;
	}
.lebensbereiche h2{
	border-bottom: solid 1px #ccc;
	padding-left: 5px;
	font-size: 1.41em;
	}
.lebensbereiche .linkliste .links {
	padding-left: 10px;
	}
.lebensbereiche .linkliste .weiter {
	padding-left: 10px;
	}
#teaser-news {
    padding: 12px 0 12px 27px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #e20025;
    position: relative;
    height: 306px;
    margin-top: 26px;
}
#teaser-news h2 {
	margin: 7px 0 5px 0;
	}
#teaser-news h2 a {
        color: #fff;
	}
#teaser-news p {
    padding: 0;
	color: #fff;
    line-height: 1.4em;
	}
#teaser-news .news-item, .comment-tile .comment-item { 
    padding: 10px 0;display: inline-block;width: 100%;position: relative;
}
.comment-tile h2 { margin-bottom: 0;}
#teaser-news .news-item:last-child, .comment-tile .comment-item:last-child { border-bottom: none;}
    #teaser-news .news-item a {
        display: block;
        color: #fff;
        padding: 0;
        font-size: 14px;
        margin-bottom: 3px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
#teaser-news .news-item .news-item-content {max-width: 450px;font-size: 14px;}
#teaser-news .news-item .news-item-content p {
    white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
#teaser-news .news-item .news-item-img {
     max-height: 43px;
    float: left;margin-right: 10px;
}
.news-item-img img { max-height: 43px;}
#teaser-news a.news-more, .einstieg-news a.news-more, .comment-tile a.comment-more { background: #e00025;color: #fff;padding: 5px;position: absolute;right: 0;bottom: 10px;-moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s;font-size: 12px;margin-bottom: 0;}
#teaser-news a.news-more:hover, .einstieg-news a.news-more:hover, .comment-tile a.comment-more:hover { text-decoration: none;background: #505050;}
.einstieg-news a.news-more { bottom: 0;}

.comment-title { font-weight: bold; background: url(../images/design/stadtsg_portal/icon_link_intern.gif) 0 3px no-repeat;padding-left: 12px;}
.comment-item .comment { font-style: italic; margin-top: 5px;padding-right: 42px !important;padding-left: 12px;margin-top: 2px;}
.comment-item .comment:before, .comment-item .comment:after { content: "\0022";}
.comment-date { display: inline-block;float: left;margin-right: 10px;}
.comment-content { display: inline;}
.einstieg-news table.download-normal thead th { font-weight: bold;font-size: 12px;}
.einstieg-news table.download-normal tbody td { font-size: 12px;}

#inhalt.inhalt-einstieg {
    padding-top: 20px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0;padding-right: 0;
    border: none;
}
.weitereinfos {
	position: absolute;
	top: 306px;
	height: 5px;
	background: #000;
	border-top: solid 1px #FFF;
	color: #fff;
	width: 370px;
	padding: 5px 10px;
	left: 162px;
	}
.weitereinfos a {
	color: #fff;
	background: url(../images/design/stadtsg_portal/icon_link_weiter.gif) left center no-repeat;
	padding-left: 15px;
	}
.weitereinfos a:hover {
	color: #df0225;
	}
.weiterenews {
	position: absolute;
	top: 306px;
	left: 400px;
	height: 5px;
	background: #000;
	border-top: solid 1px #FFF;
	color: #fff;
	width: 370px;
	padding: 5px 10px;
	left: 562px;
	}
.weiterenews a {
	color: #fff;
	background: url(../images/design/stadtsg_portal/icon_link_weiter.gif) left center no-repeat;
	padding-left: 15px;
	}
.weiterenews a:hover {
	color: #df0225;
	}
	
/* ------------ Einstiegsseite alt ------------------------------------------------------------- 

#suche-einstieg {
	margin: 0 0 0 223px;
	padding: 0 0 0 4px;
	width: 199px;
	height: 27px;
	}
#box-einstieg {
	height: 332px;
	width: 1025px;
	background: #d83939;
	margin-bottom: 23px;
	background: url(../images/design/stadtsg_portal/bg_boxstart.png) left top no-repeat;
	}
div.inhalt-einstieg {
	padding: 0 0 !important;
	width: 1025px !important;
	border: none !important;
	margin: 0 !important;
	}
#suche-einstieg input {	
	color: #fff;
	width: 154px;
	height: 19px;
	padding: 3px 0 3px 28px;
	background: url(../images/design/stadtsg_portal/icon_suche.gif) 3px 2px no-repeat;
	border: none;
	vertical-align: middle;
	font-size: 1.4em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
#suche-einstieg input.go {
	height: 13px;
	width: 7px;
	vertical-align: middle;
	border: none;
	padding: 2px 0 0 6px;
	-webkit-appearance: none;
	}

*/
#generic > #suche-einstieg { display: none;}
#suche-einstieg  { float: right;}
#suche-einstieg input.go {
    height: 10px;
    padding: 6px 7px 7px 9px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#suche button {
    width: 62px;
    left: 0;
    margin-left: -4px;
    height: 25px;    
    color: transparent;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
/* Start Select */
.select-einstieg {
  	width: 439px; 
	float: left;
	margin: 18px 5px 0 6px;
	}
.select-einstieg .enter {
	width: 425px;
	height: 87px;
	}
.select-einstieg .enter .left {
	float: left;
	width: 255px;
	padding-left: 5px;
	}
.select-einstieg .enter .right {
	float: left;
	width: 165px;
	z-index: 1;
	}
.select-einstieg .enter h1 {
 	color: #fff;
 	font-size: 2.11em;
	padding: 0;
	font-weight: normal;
 	}
.select-einstieg .enter h1 a {
 	color: #fff;
	text-decoration: none;
	}
.select-einstieg .enter .enterhere {
 	position: relative;
	top: 12px;
	left: 43px;
	color: #fff;
 	font-size: 1.4em;
 	} 





/* ---------------------------------------------------------------------------- */
/* Keyword-Search Hover with Tabbing Startseite */

#inhalt-startseite img.emotion {
	position: absolute;
	z-index: 0;
	}
.keyword ul {
    
    -moz-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.75);
}
.keyword, .keyword ul {float:left;}
#inhalt-startseite .keyword a, .ich-moechte .keyword a, #teaser-news .ich-moechte .keyword > li > a {
    float: left;
    line-height: 19px;
    padding: 3px 4px 3px 27px;
    background: #000 url('../images/design/stadtsg_portal/bg-startselect.gif') 0 0 no-repeat;
    width: 237px;
    height: 25px;
    background-position: right;
    color: #fff;
    border-right: solid #fff 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#inhalt-startseite .keyword, .ich-moechte .keyword {
	width:235px;z-index: 99999;font-size: 13px;
	}
.keyword a {
	width:147px;
	margin-right:-147px;
	} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
#inhalt-startseite .keyword ul li, .ich-moechte .keyword u li {
	max-width:147px;
	} /* fix for IE8 */
#inhalt-startseite .keyword ul li a, .ich-moechte .keyword ul li a {
	background-image: none;
	color: #000;
	font-weight: normal;
    background-color: #fff;
	}
.keyword ul li a:hover, 
.keyword ul li a:focus, 
.keyword ul li a:active {
	background-color: #e5e5e5 !important;
	color: #000 !important;
	text-decoration: none !important;
	}
	
	 .outer-keyword-search { display: none;}
     .bg_start .outer-keyword-search { display: block;}
	 #generic > .outer-keyword-search { display: none;}

/* ---------------------------------------------------------------------------- */
/* Keyword-Search Hover with Tabbing Einstiegsseite */

.select-einstieg div.keyword-search  {
	margin: 10px 0 10px 0;
	}
.select-einstieg .keyword a {
	float:left;
	line-height:16px;
	padding:3px 4px 4px 5px;
	background: #fff url('../images/design/stadtsg_portal/icon_pfeil-runter.gif') 202px 8px no-repeat;
	}
.select-einstieg .keyword {
	width: 218px;
	}
.select-einstieg .keyword a {
	width:210px;
	margin-right:-210px;
	} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */

.select-einstieg .keyword ul {background: #fff;}
.select-einstieg .sub-li:hover ul li {
	width: 219px;
	max-width: 219px;
	background: #fff;
	}
.select-einstieg .keyword ul li {
	max-width: 218px;
	color: #505050;
	background: #fff;
	} /* fix for IE8 */
.select-einstieg .keyword ul li a {
	background-image: none;
	}

/* ---------------------------------------------------------------------------- */ 
/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.keyword ul {
	position:relative;
	margin-bottom:-1000px;
	z-index:500;
	} /* make all sub menus line up at the top and a high z-index to cover the top links drop shadow */
.keyword ul li {
	float:left;
	clear:left;
	} /* get the sub links in a vertical column */
.keyword a {
	position:relative;
	}
.keyword .sub-li {
	margin-top:-3000px;
	} /* move the sub menus off the top of the screen out of sight */
.keyword .sub-a {
	margin-top:3000px;
	} /* move the top level links back to their original positions */
	/* The bit that does ALL the work to bring the sub menus into view */
.keyword .sub-li a:hover, .keyword .sub-li a:focus, .keyword .sub-li a:active {
	margin-right:0;
	}
/* ---------------------------------------------------------------------------- */
/* Start Einstieg News */
div.einstieg-news {
    float: left;
    width: 31%;
    padding: 10px;
    margin-right: 3.5%;
    border-bottom: none;
    margin-bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.einstieg-news  > .titletext > .p:first-child { min-height: 23px;border-bottom: solid 1px #c8c8c8;margin-bottom: 10px;}
.einstieg-news  > .titletext > .p:first-child h2 {padding: 0 10px 0 0;font-size: 1.41em;font-weight: normal;margin-bottom: 0;}
iframe { max-width: 100%;}
div.einstieg-news:last-child { margin-right: 0;}
.einstieg-news p {
	color: #505050;
	}
.einstieg-news h2, .einstieg-news h3 {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
    color: #000;
	}
/*.einstieg-news h3 + hr { display: none;}*/
div.inhalt-einstieg h1 {
	padding: 0 10px;
	font-size: 1.41em;
  /*  margin: 50px 0 20px 0;
    font-weight: bold;
	*/}
div.inhalt-einstieg a {
	display: block; 
    right: 0;bottom: 0;
    padding: 0 0 4px 4px;
	}
div.inhalt-einstieg a:hover { 
}
div.inhalt-einstieg .imagetext a {
	padding: 0;
	display: inline;
}
	
.einstieg-news div.t div.newsbild { width: 40%;}
/* Bilderwechsler */
.slideshow {  
	top: 0; left: 0;
	overflow: hidden;
	width: 502px;
	height: 332px;
	} 
.slideshow-transparent {  
    top: -25px;
    left: 0;
	width: 100%;
	height: 25px;
	background-color: #fff;
	float: left;
	z-index: 100;
	position: relative;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60; 
	opacity: 0.60; 
    z-index: 1;
	} 
.p .slideshow {width: 470px;max-width: 100%;}
.width .slideshow {width: 727px;max-width: 100%;}


/* ------------ Stadtparlament ------------------------------------------------------------- */
div.t.stadtparlament table th {
	padding-right: 25px;
	white-space: nowrap;
	}
div.t.stadtparlament a.protokoll {
	/*float: left;*/
	padding: 0 0 0 18px;
	background: url(../images/design/stadtsg_portal/icon_acrobat.gif) no-repeat 0px 0px  !important;
	margin-left: 5px;
	}
	
div.t.stadtparlament a.colaktiv {color: #E00025;}

/* Sitzungen */
div.t.stadtparlament tr.nichtbehandelt td,
div.t.stadtparlament tr.nichtbehandelt a {color: #999;}

div.t.stadtparlament .download-normal td.icon, div.t.stadtparlament .download-pure td.icon, div.p.stadtparlament .download-normal td.icon, div.p.stadtparlament .download-pure td.icon {width: 20px; display: table-cell;}
div.t.stadtparlament .download-normal td.sitzung {width: 220px;}
div.t.stadtparlament .download-normal td.protokoll {width: 80px;}

/* Blätterfunktion Sitzungen */	
ul.parlament-sitzungen {
	float: left;
	width:100%;
	padding: 0 0 0 5px;
	margin: 2px 0 20px 0;
	}
ul.parlament-sitzungen li {
	display: inline; 
	width: 33%;
	}
ul.parlament-sitzungen li.links {float: left; }
ul.parlament-sitzungen li.mitte {float: left; text-align: center; }
ul.parlament-sitzungen li.rechts {float: right; text-align: right; }

div.t.stadtparlament ul.verbalix { float: none; margin: 0; }
div.t.stadtparlament ul.verbalix li { display: inline-block; background:0 0; list-style:none; padding: 0 0 0 2px; }
div.t.stadtparlament i.fa-volume-up { color: #e00025; font-size: 1.4em; padding-right: 5px; }

/* Geschäftssuche, Behörden */
div.t.stadtparlament.geschaeftssuche label  {
	width: 120px;
	}
div.t.stadtparlament.geschaeftssuche span.auswahl  {
	width: 165px;
	}
div.t.stadtparlament.geschaeftssuche span.auswahl label.checkbox {
	width: 140px;
	}
div.t.stadtparlament.geschaeftssuche span.datum {
	float: left;
	padding: 6px 0 0 0;
	}
div.t.stadtparlament.geschaeftssuche input.datum {
	width: 80px;
	margin: 4px 3px 1px 3px;
	}
div.t.stadtparlament.geschaeftssuche span.feldbeschreibung {
	clear: both;
	margin: 0 0 0 120px;
	}

/* Mitglieder */
div.t.stadtparlament .mitglieder {
	width: 100%;
	}
div.t.stadtparlament .mitglied {
	float: left;
	width: 50%;
	}

/* Mitglieder Detail */
div.t img.adressbild,
div.t div.adresse {float: left;} 
div.t div.adresse table {
	width: 301px;
	margin-bottom: 10px;
	}
div.t div.adresse table th {width: 100px;}

/* Suche */
div.geschaeftssuche div.search input.go {
	background: #fff url(../images/design/stadtsg_portal/icon_suche.gif) no-repeat;
	}
	
/* Sitzordnung */
.leer {background-color: #fff;}
.BDP {background-color: #FBC816; color: #000;}
.CVP {background-color: #F78320; color: #fff;}
.EVP {background-color: #FBED4C; color: #000;}
.FDP {background-color: #306FC0; color: #fff;}
.Gruene {background-color: #009F3C; color: #fff;}
.glp {background-color: #B7DE00; color: #000;}
.JCVP {background-color: #FFC090; color: #000;}
.JungeGr {background-color: #96D36D; color: #000;}
.JUSO {background-color: #FF60D0; color: #fff;}
.Parteilos{background-color: #aaa; color: #000;}
.PFG {background-color: #CE0066; color: #fff;}
.SD {background-color: #FF8080; color: #000;}
.SP {background-color: #F0001B; color: #fff;}
.SVP {background-color: #3A7045; color: #fff;}
.SVPSen {	background-color: #3AE045; color: #000;}

/* Sitzordnung Einblendung Personendetail */
table.stparla  {
	width: auto !important; 
	font-size: 0.88em;
	}
table.stparla td {
	padding: 0 !important;
	text-align: center;
	}
table.stparla div.sitz1,
table.stparla div.sitz3 {
	margin: 0 5px 3px 0 !important;
	}
table.stparla div.sitz1 {
	width: 26px;
	height: 16px;
	background-image: url(../images/design/stadtsg_portal/stparla_sitz1.png);
	}
table.stparla div.sitz3 {
	width: 88px;
	height: 22px;
	padding-top: 4px;
	background-image: url(../images/design/stadtsg_portal/stparla_sitz3.png);
	}
table.stparla .sitz1:hover,
table.stparla .sitz1:focus,
table.stparla .sitz1.active,
table.stparla .sitz1.activenow { background-image: url(../images/design/stadtsg_portal/sitz1_aktiv.gif); background-repeat: no-repeat;  }
table.stparla .sitz3:hover,
table.stparla .sitz3:focus,
table.stparla .sitz3.active,
table.stparla .sitz3.activenow { background-image: url(../images/design/stadtsg_portal/sitz3_aktiv.gif); background-repeat: no-repeat;  }

table.stparla .sitz1 a.stparlapersonlink  {
	display: block;  
	cursor: pointer; cursor: hand; 
	color: #fff;
	}
table.stparla .sitz3 a.stparlapersonlink  {
	cursor: pointer; cursor: hand; 
	background-color: #fff; 
	color: #000; 
	}
table.stparla .sitz1 a.stparlapersonlink { height: 16px; width: 26px; }
table.stparla .sitz3 a.stparlapersonlink { height: 22px; width: 88px; padding: 0 2px 0 2px;  }
	
table.stparla a.fraktionspraesident { background-image: url(../images/design/stadtsg_portal/stparla_franktion.png); background-position: center 0px; background-repeat: no-repeat; }
table.stparla a.vakant { background-image: url(../images/design/stadtsg_portal/stparla_vakant.png); background-position: center 2px; background-repeat: no-repeat; }

table.stparla div.sitz1 div.stparlapersondetail,
table.stparla div.sitz3 div.stparlapersondetail {
	position: absolute; 
	left: 0; top: -999em; 
	}
table.stparla div.sitz1:hover div.stparlapersondetail,
table.stparla div.sitz3:hover div.stparlapersondetail,
table.stparla div.sitz1.activenow div.stparlapersondetail,
table.stparla div.sitz3.activenow div.stparlapersondetail {
	width: 238px;
	position: absolute; 
	display: block;  
	left: 490px; top: 0; 
	padding-bottom: 50px;
	background: #fff;
	}

/* Styling Layer */
div.stparlapersondetail h2  {
	font-size: 1.41em;
	line-height: 13px;
	padding: 4px 0 2px 10px;
	margin: 0 0 3px 0;
	color: #505050; 
	line-height: 22px;
	text-align: left; 
	}	
div.stparlapersondetail h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 13px;
	padding: 4px 0 2px 10px;
	margin: 0 0 3px 0;  
	text-align: left;  
	}
div.stparlapersondetail table {
	margin: 0 0 8px 10px; 
	}
div.stparlapersondetail table td,
div.stparlapersondetail table th {
	color: #505050;
	text-align: left;
	padding: 0 0 2px 0;
	vertical-align: top !important; 
	}
div.stparlapersondetail table th {
	width: 60px; 
	}

/* Legenden */
div.t.stadtparlament {position: relative;}
div.t.stadtparlament div.left  {
	float: left; 
	margin: 10px 4% 0 0;
	width: 55%;
	}
div.t.stadtparlament div.right  {
	float: left; 
	margin: 10px 0 0 0;
	width: 41%;
	}
div.t.stadtparlament ul.parteien li  {
	float: left; 
	background: none !important;
	padding: 0 0 0 18px !important;
	font-size: 0.92em;
	width: 230px;
	color: #505050;
	}
div.t.stadtparlament ul.parteien li.BDP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_BDP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.CVP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_CVP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.EVP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_EVP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.FDP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_FDP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.Gruene  { background: transparent url(../images/design/stadtsg_portal/stadtpa_Gruene.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.glp  { background: transparent url(../images/design/stadtsg_portal/stadtpa_glp.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.JCVP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_JCVP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.JungeGr  { background: transparent url(../images/design/stadtsg_portal/stadtpa_JungeGr.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.JUSO  { background: transparent url(../images/design/stadtsg_portal/stadtpa_JUSO.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.Parteilos  { background: transparent url(../images/design/stadtsg_portal/stadtpa_Parteilos.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.PFG  { background: transparent url(../images/design/stadtsg_portal/stadtpa_PFG.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.SD  { background: transparent url(../images/design/stadtsg_portal/stadtpa_SD.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.SP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_SP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.SVP  { background: transparent url(../images/design/stadtsg_portal/stadtpa_SVP.gif) no-repeat 0 2px  !important ; }
div.t.stadtparlament ul.parteien li.SVPSen  { background: transparent url(../images/design/stadtsg_portal/stadtpa_SVPSen.gif) no-repeat 0 2px  !important ; }

div.t.stadtparlament ul.parteien li span,
div.t.stadtparlament ul.fraktionen li span{
	float: right;
	}
div.t.stadtparlament ul.parteien li a,
div.t.stadtparlament ul.fraktionen li a {
	float: left; 
	}
div.t.stadtparlament ul.fraktionen li  {
	float: left; 
	background: none !important;
	padding: 0 !important;
	font-size: 0.92em;
	color: #505050;
	width: 190px;
	}
div.t.stadtparlament ul li.vakant { 
	font-size: 0.92em;
	padding: 0 0 0 20px !important;
	background: transparent url(../images/design/stadtsg_portal/stparla_vakant.png) no-repeat 2px 2px  !important; 
	}
div.t.stadtparlament ul li.fraktionspraesident { 
	font-size: 0.92em;
	padding: 0 0 0 20px !important;
	background: transparent url(../images/design/stadtsg_portal/stparla_franktion.png) no-repeat 0 0px  !important; 
	}



/* ------------ Veranstaltungen ------------------------------------------------------------- */

/* Übersicht */
div.t.stadtevent div.liste {
	float: left;
	border-bottom: 1px dotted #C8C8C8;
	padding: 10px 0 10px 0;
	width: 100%;
	}
div.t.stadtevent div.liste img {
	float: left;
	width: 100px;
	padding: 0 10px 0 0; 
	}
div.t.stadtevent div.liste div.facts {
	float: left;
	width: calc(100% - 185px);
	min-width: 190px;
	margin-right: 10px;
	}
div.t.stadtevent div.liste div.facts p.kategorie {
	font-weight: bold;
	text-transform: uppercase; 
	}
div.t.stadtevent div.liste div.datum  {
	float: right;
	width: 65px;
	background: transparent url(../images/design/stadtsg_portal/bg_event_date2.gif) no-repeat 0px 0px;
	text-align: center; 
	padding: 4px 0 0 0; 
	}
div.t.stadtevent div.liste div.datum span  {
	display: block; 
	color: #666; 
	}
div.t.stadtevent div.liste div.datum span.monat  {
	font-size: 16px;
	padding: 0 0 2px 0;
	}
div.t.stadtevent div.liste div.datum span.tag  {
	font-size: 26px; 
	padding: 5px 0 20px 0; 	
	}
div.t.stadtevent span.pageicons {
	float: right; 
	}
div.t.stadtevent h3 {
	line-height: 1.3em;  
	}


/* Detail */
div.t.stadteventdetail img.detail {
	width: 200px;
	margin: 0 0 10px 0; 
	}
div.t.stadteventdetail img.logo {
	width: 120px;
	margin: 10px 0 25px 0;
	float:left;
	}
div.t.stadteventdetail div.facts {
	float: left;
	padding: 0 20px 0 0;
	width: 250px;
	}
div.t.stadteventdetail div.mehr {
	float: left;
	}
div.t.stadteventdetail h3 {
	margin: -3px 0 10px 0;;
	line-height: 1.3em;  
	}
div.t.stadteventdetail ul.links {
	margin: 5px 0 0 0;
	}
div.t.stadteventdetail iframe {
	margin: 10px 0 0 0;
	}	
	
/* Suche */
div.t.stadtevent form.eventsuche label {
	width: auto;
	clear: none;
	}
div.t.stadtevent form.eventsuche input.date {
	width: 120px;
	margin: 0 5px 0 8px;
	}
div.t.stadtevent form.eventsuche img.datum {
	float: left; 
	margin: 2px 15px 0 5px;
	}
div.t.stadtevent form.eventsuche input.go {
	width: auto;
	}
div.t.stadtevent form.eventsuche p {
	margin: 0 0 7px 0;
	}
div.t.stadtevent div.sucheregional  {
	float: left;
	width: 100%;
	margin: 10px 0 15px 0;
	}
div.t.stadtevent div.sucheregional img {
	float: left;
	}
div.t.stadtevent div.sucheregional p {
	float: left;
	margin: 6px 10px 0 0;
	}
	
/* Teaser */
#service div.t.stadtevent img.kalender {
	margin: 0 0 15px 0;
	}
#service div.t.stadtevent form {
	padding: 0 0 0 10px;
	}
#service div.t.stadtevent form label,
#service div.t.stadtevent form input {
	width: auto;
	}
#service div.t.stadtevent form label {
	color: #505050;
	}
#service div.t.stadtevent form div.search input.go {
	width: auto;
	}
#service div.t.stadtevent form div.search input {
	width: 180px;
	}
#service div.t.stadtevent form input.senden {
	width: 106px;
	}
#service div.t.stadtevent select.dropdown-rubriken {
    width: 225px;
	}
#service div.t.stadtevent input.datum {
	margin: 0 0 10px 10px; 
	padding: 1px 1px 0 1px;
	border: solid 1px #c8c8c8;
	height: 18px;
	font-size: 1em;   
	color: #505050;
	}

/* Kalender */
#service div.t.stadtevent #datepicker a:focus {border: 1px solid #E00025; outline: thin dotted;}

/* Videosammlung */
.videocollection .scrollable {
    position:relative;
    overflow:hidden;
    width:400px;max-width: 100%;
	float:left;
    height:120px;
	}
.videocollection .scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
	}
.videocollection .scrollable .items div {
	float: left; 
	width: 400px;
	}
.videocollection .thumbs {
	background: url(../images/design/stadtsg_portal/bg_videocollection.png) repeat-x top;
	height: 120px;
	margin-top: 10px;
	border-radius: 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
.videocollection .thumbs .scrollable a {
    float:left;
    margin:0;
    width:116px;
    height:75px;
	padding:15px 0 0 17px;
	}
.videocollection .thumbs .scrollable a img, .videocollection .thumbs a span {display: block;}
.videocollection .thumbs .scrollable a img {margin-bottom: 5px;}
.videocollection .thumbs .scrollable a span {font-weight: bold;}
.videocollection a.browse {
    background:url(../images/design/stadtsg_portal/videocollection_arrow-right.png) no-repeat;
    float:left;
    width:30px;
    height:30px;
    margin:40px 0 0 0;
    cursor:pointer;
    font-size:1px;
	}
.videocollection a.right {
	background:url(../images/design/stadtsg_portal/videocollection_arrow-right.png) 10px 5px no-repeat;
	}
.videocollection a.left {background:url(../images/design/stadtsg_portal/videocollection_arrow-left.png) 10px 5px  no-repeat;}
.videocollection a.disabled {visibility:hidden !important;}

/* Ampelinfo */
div.p.ampelinfo {width: 100%;}
.ampelinfo .signal {width: 16%; float: left;}
.ampelinfo .right {width: 84%; float: left;}
.ampelinfo .right p {margin-bottom: 10px;}

@media only screen and (max-width : 500px) {
    .ampelinfo .signal {width: 16%; float: left; margin-right: 4%;}
    .ampelinfo .right {width: 80%; float: left;}
}

@media only screen and (max-width : 420px) {
    .mobileView div.t div.newsbild {width: 100%;float: left;margin-bottom: 10px;}
}

/* Social */
.social-share-section li {display: inline-block; float: left; }
.social-share-section li a { padding: 0 5px;font-size: 1.2em;display: block;text-align: center;}
.social-share-section li a i {background: red;padding: 5px;box-sizing: border-box;color: #fff;width: 1.6em;}

.social-share-section i.fa-facebook-f { background: #3b5998;}
.social-share-section i.fa-google-plus { background: #dd4b39;}
.social-share-section i.fa-twitter { background: #4099FF;}


.social-share-section i.fa-instagram { background: #3f729b;}
.social-share-section i.fa-youtube { background: #cd201f;}
.social-share-section i.fa-flickr { background: #0063dc;}
.social-share-section i.fa-foursquare { background: #f94877;}

/* Shariff Styles */
.social-share-news-section { width: 180px;float: right;margin-top: -20px;}
.social-share-news-section + .p { clear: both;padding-top: 12px;}
.social-share-news-section ul.comments { float: right;margin-left: 12px; }
.social-share-news-section ul.comments li { display: inline-block; background:0 0; list-style:none; padding: 5px 0 0 0; }
.social-share-news-section ul.comments li a:link { text-decoration: none; font-weight: bold; }
.social-share-news-section i.fa-commenting { font-size: 1.6em; }

.shariff .theme-round .shariff-button { width:20px !important; min-width: 20px; max-width:20px !important; height:20px; border-radius:50%; margin:5px}
.shariff .theme-round .share_text { display:block; text-indent:-9999px; }
.shariff .theme-round li { background:0 0; list-style:none; padding: 0; }
.shariff .theme-round li a { color:#fff;width: 20px;height: 20px; }  
.shariff .theme-round .info a { color:#666; }
.shariff .theme-round a { text-align:center; color:#fff; position:relative; height:20px; }
.shariff .theme-round li.whatsapp { display: none; }
.shariff li .fa { width: 20px;height: 20px;}
li.shariff-button a span.fa:before {     font-size: 12px;margin-top: 3px;position: absolute;top: -8px;left: 0;width: 100%;text-align: center;}