/* ------------------------------------------------------------------------------------- */
/* 01 Allgemeine Formatierungen (gleich für alle Auftritte)                              */
/* ------------------------------------------------------------------------------------- */
/* Anpassungen unter 02 für Client 1030 Staufen de */
/* 04.11.2013, aza: T06998 lfn. 78 störende Klassen entfernt, bzw spezifiziert  */
/* 26.01.2015, aza: T06998 ol margin wurde von späterer Formatierung überschrieben, Formatierung vorgezogen*/


/*reset*/
html, body, div, span, applet, object, iframe,  
pre, a, abbr, font, img, small, strike, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
	border: 0px;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline: 0px;
	padding: 0px;
	vertical-align: top;
	border-spacing:0px;
	border-style:none;
	border-collapse:collapse;
}

div, p {
	font-size:12px;
	text-align:left;
	font-style:normal;
	margin:0;
	line-height:1.3em;
}


/* Listenforamtierungen */
/* wenn Breadcrumb (ol) verwendet wird, dort nachdefinieren!!! */
ol, ul {
    list-style-type: none;
    list-style:none;
    margin:0;
    padding:0;	
}

.article-teaser ul li,
.article ul li,
.kurzinfo ul li
 {
	list-style: disc;
	list-style-position: outside;
	margin-left:15px;
}

ol 
{  list-style-type: decimal;
	list-style:  decimal;
	margin:0 10px;
	padding:0 10px;
}

ol [type=lower-alpha],
ol [type=lower-latin]
 { list-style-type:lower-alpha;
	list-style:lower-alpha;
	margin:0 10px;
	padding:0 10px;
}

ol [type=upper-alpha],
ol [type=upper-latin]
 { list-style-type:upper-alpha;
	list-style:upper-alpha;
	margin:0 10px;
	padding:0 10px;
}

ol [type=lower-roman]
 { list-style-type:lower-roman;
	list-style:lower-roman;
	margin:0 10px;
	padding:0 10px;
}

ol [type=upper-roman]
 { list-style-type:upper-roman;
	list-style:upper-roman;
	margin:0 10px;
	padding:0 10px;
}

/* Clearfix */
.clear, #clear {
	height: 0.1px;
	font-size: 0.1px;
	line-height: 0.1px;
	clear: both;
	}

/* unsichtbar und ausgeblendet (verwendet bei Suche) */
.search .disabled {visibility: hidden; display: none; }


/*Schriftauszeichnung  */

span.section strong,
span.section b,
b,
strong

 {font-weight:bold;}


i, em {font-style:italic;}


p.center {
	text-align:center;
}


/* sonstiges */
.image {
	padding:0;
	overflow:hidden;
}


/* ------------------------------------------------------------------------------------- */
/* 02 Allgemeine Foramtierungen (anzupassen für alle Auftritte)                          */
/* ------------------------------------------------------------------------------------- */

/* Links allgemein (Farbe und Verhalten) */
form a,
a {
	color:#000066;
	text-decoration:none;
}

form a:hover,
a:hover {text-decoration:underline;}

a,
.article-teaser a,
.article a,
.kurzinfo a,
.form-address a
	{
	color:#000066;
	text-decoration:none;
}
a:hover,
.article-teaser a:hover,
.article a:hover,
.kurzinfo a:hover,
.form-address a:hover
 {
	color:#000066 ;
	text-decoration:underline;
}


/* Schriften */
/* Standard Schriftgröße, Farbe, Zeilenausrichtung und Zeilenabstand */

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#000;
	text-align:left;
	font-style:normal;
	margin:0;
	line-height:1.3em;
}



/* Positionierung allgemein */
.right {
	margin:0 0 0 10px;
}


.left {
	margin:0 10px 0 0;
}


/* Überschriften allgemein, Überschriften als Links */
h1, h2, h3, h4, h5, h1 a, h2 a {
	color: #000066 ;
	margin:5px 0 5px 0;  
	padding:0;
}

/* Hauptüberschriften im Content (müssen gleich sein, da beide verwendet werden) */

h1, h2, h1 a, h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	font-weight: bold;
}


/* Überschriften context (Kurzinfos) */
#context h1,
#context h1 a,
#context h2,
#context h2 a,
#context h3,
#context h4,
#context h5
{
	font-size:12px;
}

/* Überschriften context-links */
#context-links h1,
#context-links h1 a,
#context-links h2,
#context-links h2 a,
#context-links h3,
#context-links h4,
#context-links h5
{
font-size:12px;
	}
	
/* Textabsätze */
p {
	line-height: 1.1em;
	margin-bottom:3px;
}

/* line-breaks */
br {
	line-height: 1.1em;
}

/* Bilder an die Spaltenbreiten anpassen (content, context, context-links) */

/* Bilder allgemeines Aussehen (Rahmen, Farbe...) */
.img {border:0px; margin:0;}

/* content */
img.imgTeaser,
img.imgAbstract,
img.imgTitle,
img.imgSection
{
	max-width:494px;
	margin: 5px 7px 7px 0;
}



/* Bilder individuelle Breiten */
#article-teaser.img170,
img.imgTeaser { 	
	width:200px;
	max-width:200px;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

img.imgAbstract { max-width:475px; }

img.imgTitle {
	float: none;
	width: 200px;
	max-width: 200px;
	position: relative;
}

img.imgSection 
{
	margin: 5px 7px 7px 0;
	max-width:240px;
	width:240px;/*T07061 aza:auf Germars Wunsch Breite auf max. 240px gesetzt*/
}

img.imgSection:after {
	content: " ";
	display:table;
	clear:both;
}

/* context */	
#context img.imgTeaser,
#context img.imgAbstract,
#context img.imgTitle,
#context img.imgSection
{
	max-width:215px;
}

/* context-links */
#context-links img.imgTeaser,
#context-links img.imgAbstract,
#context-links img.imgTitle,
#context-links img.imgSection
{
	max-width:225px;
}

/* Bild Section, links oder rechts, Breite 200px (small) */

.small {
	width:200px;
	overflow-x:hidden;
	max-width:200px;
}

span.right.image,
img.right {
	width:200px;
	overflow-x:hidden;
	max-width:200px;
	margin:0 5px 3px 3px;
}

/* Bild Section, oben oder unten, volle Breite */
image.wide.left {
	margin: 5px 7px 7px 0;
	float:none;
}
/* Bild Section breit, Abstand unten */
span.left.image.wide {
	margin:5px 0;
}

/* Bild Section, links oder rechts, Breite 200px (small) */

.small {
	width:200px;
	overflow-x:hidden;
	max-width:120px;
}

span.right.image,
img.right {
	width:200px;
	overflow-x:hidden;
	max-width:200px;
	margin:0 5px 3px 3px;
}


/* Bild Section, oben oder unten, volle Breite */
image.wide.left {
	margin: 5px 7px 7px 0;
	float:none;
}
/* Bild Section breit, Abstand unten */
span.left.image.wide {
	margin:5px 0;
}

.bottom {
	position:relative;
	bottom:5px;
}

/*Bildbreite wide in Section, Artikeldetail*/
.wide {
	overflow-x:hidden;
}


/* floating Text verhindern*/
.image-wide-container
{
	display:inline-block;
	width:100%;    
}

.image-wide-container img {
	margin-bottom:3px;
}


/*  Produktbilder im Shop (nur wenn verwendet) 
.imgThumbnail {
	max-width:250px;
}
*/
/* Positionierung Bilder */
/* Bild neben Titel */
div.imgTitle {
	float:left;
	min-width:200px;
}

/* Wenn Bild und Titel nebeneinanderstehen und eine Höhe haben sollen */
img.imgTitle {
	margin: 0px 7px 7px 0;
}

/* Bild im Teaser links umflossen */
div.imgTeaser {
	float:left;
	margin-right:10px;
	width:200px;
}


/* ------------------------------------------------------------------------------------- */
/* Tabelle mit Bildern  (Klasse muss manuell gesetzt werden)                             */
/* ------------------------------------------------------------------------------------- */

table.tabelle-mit-bildern tr td {
	padding:5px;
}

/* ------------------------------------------------------------------------------------- */
/* Tabelle für Veranstaltungsdaten (Klasse muss manuell gesetzt werden)                  */
/* ------------------------------------------------------------------------------------- */

table.tmpl-veranstaltung {
	/*background-color:#f6f9fe;*/
	margin:10px 0 10px 0;
	border: thin #e3e3e3 solid;
	padding:5px;
}

.tmpl-veranstaltung td{
}

td.tmpl-event-label {

}

td.tmpl-event-inhalt {
}

table.tmpl-veranstaltung h3 {

}

td.TE-left {
	padding:5px;
	font-weight:bold;
	padding-right:10px;
	border: thin #e3e3e3 solid;
}

td.TE-right {
	font-weight:normal;
	line-height: 1em;
	padding:5px;
	border: thin #e3e3e3 solid;
}

/* ------------------------------------------------------------------------------------- */
/* Formatierungen für die UITypes                                                        */
/* ------------------------------------------------------------------------------------- */

/* UI-lightbox */
.ui-lightbox-header {
	background:url('images/layout/ui-lightbox-header.gif') repeat-x  scroll left top;
	background-color:#fff;
	display:block;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:0 0 0 10px;
	margin:0;
	height:35px;
	width:auto ;
}

div.ui-lightbox-header h1,
div.ui-lightbox-header h2
{
	margin:5px 0;
	font-size:12px;
	font-weight:bold;
}

div.ui-smartbox-header h1,
div.ui-smartbox-header h2 {
	margin:5px 0;
	font-size:12px;
	font-weight:bold;

}

.ui-lightbox-body {
	position:relative;
	background-color: #fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:10px;
	margin:0 0 15px 0;	
}

/* UI-smartbox */
.ui-smartbox-header {
	background:url('images/layout/ui-smartbox-header.png') repeat-x  scroll left top;
	background-color:#fff;
	display:block;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:0 0 0 10px;
	margin:0;
	height:35px;
	width:auto ;
}

.ui-smartbox-body {
	position:relative;
	background-color: #fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:10px;
	margin:0 0 15px 0;	
}

.ui-lightbox-body a,
.ui-smartbox-body a
	{
	color:#000066;
	text-decoration:underline;
}

.ui-lightbox-body a:hover,
.ui-smartbox-body a:hover {
	color:#000066 ;
	text-decoration:none;
}

/* ------------------------------------------------------------------------------------- */
/* bap: print: Druckausgabe Content Detail                                               */
/* ------------------------------------------------------------------------------------- */

table.printheader
{
	width:100%;
}
table.printheader td
{
	vertical-align:bottom;    
}
table.printheader td a
{
	margin: 0 20px 0 0;
	text-decoration: none;
	color: #000066;
}
table.printheader td a:hover
{
	text-decoration: underline;
}
img.printlogo
{
	display: none;
	visibility: hidden;
}
div.imgprintlogo
{
	float:left;
	width: 120px;
	height: 139px;
	background-image: url('http://www.staufen.de/Partner/1030/Redaktion/Bürgerinfo/Wappen.gif');
}
a.ShowPrint span.ShowPrintImg
{
   display: block;
   float:left;
   margin:0 10px 0 0;
   background-image: url('images/layout/icon_print.png');background-repeat:no-repeat;
   width: 19px;
   height: 17px;
   color:#000066;
   text-decoration:none;
}

a.ShowPrint
{
	display:block;
	padding-top:10px;      
	color:#000066;
   text-decoration:none;
}

a.ShowPrint:hover
{
	text-decoration: underline;    
}

/* ------------------------------------------------------------------------------------- */
/* Ende allgemeine Anpassungen                                                           */
/* ------------------------------------------------------------------------------------- */