/**
 *
 * Formatierungen der Inhalts-Elemente
 *
 */

@media all {

/*	##################################################################################
	### A. Allgemeine Gestaltung  ####################################################
	##################################################################################
*/

	/**
	* @section global typography settings
	*
	* vertical rhythm settings (based on em-unit)
	* -------------------------------------------
	* basefont-size: 12px (75%)
	* line-height  : 18px (factor: 1.5)
	*/

	/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size:100%; }

	/**
	* Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	
	body {
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-size:87.5%; /* base: 12px */
		color:#000;

		/* Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
		-webkit-text-size-adjust:100%;
	}

	/*--- Überschriften ------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	font-family: Roboto, Helvetica, Arial, sans-serif;
		font-weight: 400;
		color:#161e21;
		margin:0;
	}

	h1 {
		font-size:200%;
		line-height: 0.8571em;
		margin: 0.4286em 0 0;
	}

	h2 {
		font-size:150%;
		line-height: 1.2em;
		margin: 0em 0 0 0;
		color: rgb(141, 39, 23);
	}

	h3 {
		font-size:140%;
		line-height: 1.5em;
		margin:0.8571em 0 0 0;
	}

	h4 {
		font-size:133.33%;
		line-height: 1.125em;
		margin:1.125em 0 0 0;
	}

	h5 {
		font-size:116.67%;
		line-height: 1.2857em;
		margin: 1.2857em 0 0 0;
	}

	h6 {
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #8D2618;
		font-size:100%;
		line-height: 1.5em;
		margin: 1.5em 0 0 0;
	}
	
	.h6-01 {
		font-weight: normal;
		color: #000;
	}
	
	/*	Spezielle Überschriften-Formate */

   

			
	.h1-01 {
		color: #8D2717;
		font-size: 1.5em;
		margin-bottom: 0.3em;
	}	
	
	.h1-02 {
		   text-align: center;
		   color:  #003781;
		   font-size: 1.8em;
		   margin: 0.3em 0 0.75em 0;
	}	
		
			
			
	.h2-01 {
		margin: 1.5em 0 1.1em 0;
		border-top: 1px solid #ccc;
		padding-top: 0.5em;
		color: #656565;
		font-size: 1.4em;
		
	}
	
	.h2-02 {
		margin: 1.5em 0 1.1em 0;
		border-top: 1px solid #ccc;
		padding-top: 0.3em;
		font-size: 1.3em;
		color: #8D2718;
	}
	
	.h2-03 {
		margin: 1.5em 0 1.1em 0;
		color: #656565;
		font-size: 1.4em;
		line-height: 1.15em;
	}
	
	.h2-04 {
		color: #4693c2;
		text-transform: uppercase;
		background: 0 none;
		font-size: 0.9em;
		margin: 2.3em 0 0em 0;
		letter-spacing: 2px;
		line-height: 1.4em;
	}
	 
	.h2-05 {
		font-size: 1em;spacing
		color: #4693c2;
		background: #daeaf3;
		padding: 0.8em 0.6em;
		margin: 2.5em 0 1.5em 0;	
		letter-spacing: 2px; 
	}
	
	.h2-06 {
		margin: 2.5em 1.7em 1.5em 0;
		border-top: 1px solid #ccc;
		padding-top: 1em;
		font-size: 1.4em;
		color: #8D2718;
	}
	
	.h2-07 {
		margin: 1.3em 1.7em 0.9em 0;
			}
	
	.h2-08 {
		color: #4693c2;
		text-transform: uppercase;
		background: 0 none;
		font-size: 0.9em;
		margin: 2.5em 0 2em 0;
		letter-spacing: 2px;
		line-height: 1.4em;
	}
	
	.h2-09 {
		margin: 2.2em 0em 1.5em 0;
		border-top: 1px solid #ccc;
		padding-top: 0.6em;
		font-size: 1.4em;
		color: #8D2718;
	}
	
	.h2-10 {
		margin: 0;
		color: #8D2718;
		font-size: 1.3em;
		line-height: 1.4;
	}
	

	

	.h2-11 {
		font-family: Tahoma, sans-serif;
		color: #003781;
		font-size:1.5em;
		line-height: 1.3em;
		margin: 1.5em 0 0 0;
		padding: 0.5em 0 0 0;
	}
	
	.h2-12 {
		color: #003781;
		font-size: 1.8em;
		padding: 0.9em 0 1em 0;
	}
	
	.h2-12 + p {
		margin-top: -0.5em;
	}
	
	.h2-13 {
		font-family: "Roboto Slab", Georgia, serif;
		font-size: 3.4em;
				/*font-weight: 700;*/
		color: #fff;
		text-align: center;
		line-height: 1.1;
	}
	
	.h2-13-sub {
		display: block;
		color: #5895be;
		letter-spacing: 4px;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 2.5;
	}
	
	.h2-14 {
		font-family: "Roboto Slab", Georgia, serif;
		font-size: 2em;
		font-weight: bold;
		color: #4693c2;
		margin: 0;
		line-height: 1.3;
	}
	
	.h2-15 {
		color: #8d2718;
		font-family: "Roboto Slab", Georgia, serif;
		font-size: 1.75em;
		font-weight: bold;
		margin: 0;
		line-height: 1.2;
		
	}
	
	
	.h2-16 {
		
		padding: 4px 0 12px 8px;
		font-size:1em;
		color:#000;
		font-family: Roboto,Helvetica,Arial,sans-serif;
		
	}
	
	
	.h3-01 { /* Kleine, blaue Überschrift in Seitenspalte */
		color: #4693C1;
		font-size: 0.9em;
		font-family: Tahoma, sans-serif;
		background: #daeaf3;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 1em;
		margin: 0 -9px;
		text-align: left;
	}
	
	.h3-01.var1, 
	.aside-box-title {
		margin: 0px -12px 0px -20px;
		/*padding-left: 31px;*/
		padding-left: 22px;
	}
	
	.h3-02 { /* Überschrift in listing-3col, Bauträger-Seite */
		font-size: 1.1em;
		margin: 0.5em 0 0.2em 0em;
		color: #158dc0;
	}
	
	
	
	/*.h3-03, 
	aside h3 { VERALTET!!
		margin: 0 -1.4em 1.23em -0.7em;
		background: #8b271d;
		font-size: 1.2em;
		color: #fff;
		padding: 0.85em 0.65em;
	}*/
	
	
	
	.h3-04  {  font-size: 1.3em; margin: 0 0 0.5em 0;	}
	.h3-04 a { 	color: #158dc0; text-decoration: none; 	}
	.h3-04 a:hover { color: #158dc0; text-decoration: underline; }
	
	.h3-05 { font-size: 1.1em; margin: 0; color: #8D2717;	}
	.h3-05 a { 	color: #8b271d; text-decoration: none; 	}
	.h3-05 a:hover { color: #8b271d; text-decoration: underline; }
	
	
	.h3-06 {
		font-size: 1em;
		margin: 0em 0 0.2em 0em;
		color: #158dc0;
		line-height: 1.4;
	}
	
	.h3-06 .pre-title {
		font-family: Helvetica, sans-serif;
		display: block;
		color: #666;
		font-size: 10px;
	}
	
	.h3-07 {
		color: #4693C1;
		padding-top: 0.4em;
		border-top: 1px solid #ddd;
	}
	
	.h3-08 {
		font-size: 1.25em;
		margin: 1.5em 0 0em 0;
	}
	
	.h3-08 + p {
		margin-top: 1em;
	}
	
	.h3-09 {
		font-family: "Roboto Slab", Georgia, "Times New Roman", serif;
		font-weight: 700;
		margin: 0 0 0.6em 0;
		color: #8d2718;
		font-size: 1.6em;
		line-height: 1.2em;
	}
	
	.h3-10 {
		color: #8D2718;
		font-size: 1.3em;
		line-height: 1.4;
	}
	
	/* depricated */
	aside h4 {
		font-size: 1.2em;
		color: #8d2717;
		margin: 0em 0 0.5em 0;
			}
	
	
	
	.h4-01 {
		border-top: 1px solid #E0DBCD;
		padding-top: 1.2em;
	}
	
	.h4-02 {
		font-size: 1.2em;
		color: #8d2717;
		margin: 0em 0 0.5em 0;
	}
	
/*	!important ist temporär */
	.h4-03 {
		font-family: tahoma, sans-serif !important;
		font-size: 1.2em !important;
		margin: 1em 0 0em 0 !important;
		line-height: 1.3em !important;
	}
	
	.h4-04 {
		font-size: 1em;
		margin: 1.1em 0 0.3em 0;
		color: #8d2717;
	}
	
	.h4-05 {
		color: #656565;
		font-size: 1em;
		margin: 0em 0 0.2em 0;
	}
	
	.h4-06 {
		font-family: tahoma, sans-serif;
		font-size: 1.3em;
		margin: 1em 0 1em 0;
		line-height: 1.3em;
		color: #000;
	}
	
	.h4-07 {
		font-family: Georgia, serif;
		font-style: italic;
		color: #8d2718;
	}
	
	.h4-08 {
		font-size: 1.1em;
	}
	
	.h4-09 {
		font-family: "Roboto Slab", Georgia, serif;
		font-style: normal;
		color: #8d2718;
	}
	
	.h4-10 {
		font-size: 16px;
		color: #8d2718;
		font-family: tahoma, arial, sans-serif;
	}
	
	.h4-11 {
		font-size: 14px;
		font-family: Roboto, Tahoma, Arial, Helvetica, sans-serif;
		color: #000;
		font-weight: bold;
	}
	
	.h4-12 {
		font-family: Roboto, Tahoma, Arial, Helvetica, sans-serif;
		color: #000;
	}
	
	.h5-01 {
		font-size: 0.9em;
		font-family: Helvetica, Arial, sans-serif;
		color: #656565;
		margin-top: 0;
	}
	
	.h5-02 {
		color: #003781;
		margin: 1.2em 0 0.5em 0;
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1em;
	}
	
	.h5-03 {
		font-family: Georgia, serif;
		font-weight: bold;
		font-style: italic;
		color: #4693C1;
		font-size: 1em;
	}
	
	
	
	
	/* --- Listen  -------------------------------------------------------------------------------- */

	ul,
	ol,
	dl {
		font-size:14px;
		line-height:1.5em;
		margin: 1.5em 0 0 0em;
	}

	ul {
		list-style-type:disc;
	}

	ol {
		list-style-type:decimal;
	}

	ul ul {
		list-style-type:circle;
		margin-top:0;
	}

	ol ol {
		list-style-type:lower-latin;
		margin-top:0;
	}

	ol ul {
		list-style-type:circle;
		margin-top:0;
	}

	li {
		font-size:1em;
		line-height:1.5em;
		margin-left:0em;
	}


	/* ### Definitionslisten ### */
	
	
	dt { 
		font-size: 1.4em;  
		font-weight: normal;
		margin-bottom: 0.4em;
	}

	dd {
		margin:0 0 1.5em 0.8em; 
		font-size: 14px;
		margin-left: 0;
	}
	
/*	Bauträger-Seite ALT: */
	
	dl.var_01,
	.dl-var01 {
		margin: 2em 0 0 1em;
	}
	
	
	dl.var_01 dt,
	.dl-var01 dt {
		padding-left: 2.6em;
		background: url('../img/bullet-point-big.gif') no-repeat left top;
		
	}
	
	dl.var_01 dd,
	.dl-var01 dd {
		padding-left: 3.4em;
	}


/* Bauträger-Seite: NEU */
	.dl-haken {
		margin: 0em 0 0 1em;
		color: #333;
	}
	
	
	.dl-haken dt {
		padding-left: 2.4em;
		background: url('../img/bullet-point-big.gif') no-repeat left top;
		
	}
	
	.dl-haken  dd {
		padding-left: 3.4em;
		margin-bottom: 25px;
	}
	
	.dl-haken .red {
		color: #8d2718;
	}

	
	/* Bauvorhaben auf Bauträger-Seite: dl, inline */

	
	.dl-bauvorhaben, /* depricated */
	.dl-objekt-news {
		margin-top: 0em;
		}
		
	.dl-bauvorhaben dt,/* depricated */
	.dl-objekt-news dt {
		float: left;
		font-size: 0.8em;
		color: #656565;
		margin: 0 .5em 0 0;
		}
		
	.dl-bauvorhaben dd, /* depricated */
	.dl-objekt-news dd {
		font-size: 0.8em;
		margin: 0;	
	}
	
	/* Newsticker z.B. Regionalportal */
	
	.dl-newsticker {
		font-family: "Roboto Slab", Georgia, serif;
		line-height: 1.3;
		margin: 0 0 1em 0;
	}
	
	.dl-newsticker dt {
		display: inline;
		font-weight: 300;
		color: #8d2618;
		font-size: 2em;
		padding-right: 5px;
	}
	
	.dl-newsticker dt:after {
		content: "+++";
		padding-left: 5px;
	
	}
	
	.dl-newsticker dd {
		display: inline;
		font-weight: 700;
		color: #414141;	
		font-size: 2em;
	}
	
	.dl-newsticker dd::after {
		content: "+++";
		font-weight: 300;
		color: #8d2618;
		padding: 0 2px 0 4px;
	}
	
	
	/* ### Unordered Lists ### */
	
	
	/* Newsticker, z.B. Regionalportal */
	
	.ul-newsticker {
		margin:0;
		padding: 0em 0em;
		/* Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
	}
	
	.ul-newsticker li {
		display:inline;
		line-height:1.2em;
		list-style-type:none;
		margin: 0 0em 0 0;
		padding:0;
		color: #666;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 1.3em;
		
	}
	
	.ul-newsticker li:before {
		content: "+++";
		color: #8d2618;
		padding-right: 5px;
	}
	
	.ul-newsticker li:first-child:before {
		content: none;
	}
	
	
	/* Neubauprojekte */
		
	.ul-neubau-projekte {
		list-style-type: none;
		margin-top: 11px;
	}
	
	.ul-neubau-projekte:before {
		content: "";
		display: table;

	}
	
	.ul-neubau-projekte:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	
	
	.ul-neubau-projekte li {
		float: left;
		display: inline;
		margin-bottom: 0em;
	}
	
	.ul-neubau-projekte .li-second {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 0 1em;
		margin-right: 1em;
		margin-left: 1em;
	}
	
	.ul-neubau-projekte li:first-child {
		padding-left: 0;
		border-left: 0;
	}
	
	
	.ul-neubau-projekte .param {
		display: block;
		font-size: .8em;
		color: #656565;
	}
	
	.ul-neubau-projekte .value {
		display: block;
		font-size: 1.2em;
	}
	
	

	
	/* Spezielle Listenformate	*/
	
	.bulletPointBig, /* depricated */
	.bulletPointSmall, /* depricated */
	.ul-bullet-point-big,
	.ul-bullet-point-small,
	.ul-bullet-point-small-2,
	.ul-big   {
		list-style-type: none;
		margin: 0;
	}
	
	.ul-big-grey {
		color: #666;
	}
	
	.bulletPointBig /* depricated */,
	 .ul-bullet-point-big,
	 .ul-big    { font-family: Tahoma, Arial, serif; }
	
	.bulletPointBig li, /* depricated */
	.ul-bullet-point-big li {
		padding-left: 2.6em;
		background: url('../img/bullet-point-big.gif') no-repeat left 2px;
		margin: 0 0 0.3em 0;
		font-size: 1.3em;
	}
	
	.ul-big li {
		padding-left: 2.6em;
		background: url('../img/bullet-point-big.gif') no-repeat left 2px;
		margin: 0 0 0.5em 0;
		font-size: 1.3em;
	}
	
	.bulletPointBig li span /* depricated */,
	.ul-bullet-point-big span {
		font-size: 0.8em;
		padding-left: 0.2em;
	}
	

	.bulletPointSmall li,  /* depricated */
	.ul-bullet-point-small li 	 {
		padding-left: 2.2em;
		background: url('../img/bullet-point-small.gif') no-repeat left 4px;
		margin: 0 0 0.4em 0;
		font-size: 1em;
	}

	
	.bulletPointSmall li span  /* depricated */,
	.ul-bullet-point-small span {
		font-size: 0.8em;
		padding-left: 0.2em;
	}
	
	.ul-bullet-point-small-2 li {
		background: url('../img/bullet-point-small-2.png') no-repeat left 3px;
		padding-left: 1.8em;
		font-size: 1em;
		margin-bottom: 0.4em;
	}
	
	
	/* ul-plus/ ul-minus */
	
	.ul-plus, 
	.ul-minus { list-style-type: none; }
	
	.ul-plus li, 
	.ul-minus li { 	padding-left: 20px; margin-bottom: 0.4em;}
	
	.ul-plus li { 	background: url('../img/icon-plus-green.gif') no-repeat 0% 50%;}
	.ul-minus li { background: url('../img/icon-minus-red.gif') no-repeat 0% 50%;	}
	

	ol.beschreibung, /* depricated */
	.ol-beschreibung {
		margin-left: 1em;
		list-style-type: none;
	}

	
	/* ul-icons */
	
	.ul-icons { list-style-type: none; padding-left: 2px;	}
	.ul-icons li {
		padding: 5px 10px 5px 31px; 
		margin-bottom: 3px;
		background-color: #efeee7;
		background-repeat: no-repeat;
		
	}

	
	.ul-icons  a { text-decoration: none;	}
	.ul-icons  a:hover { color: #158dc0; text-decoration: underline;	}
	
	.li-bulb { background-image: url('../img/icon-li-bulb.png'); background-position:  7px 5px; }
	.li-clipboard { background-image: url('../img/icon-li-clipboard.png');   background-position:  7px 5px;}
	.li-euro { background-image: url('../img/icon-li-euro.png') ; background-position:  7px 7px;  }
	.li-haus {  background-image: url('../img/icon-li-haus.png'); background-position:  7px 5px; }
	.li-kompass { background-image: url('../img/icon-li-kompass.png'); background-position:  7px 7px  }
	.li-list { background-image: url('../img/icon-li-list.png');  background-position:  7px 4px; }
	.li-lupe { background-image: url('../img/icon-li-lupe.png');  background-position:  7px 5px; }
	.li-paragraph { background-image: url('../img/icon-li-paragraph.png');  background-position:  7px 5px; }
	.li-qm {  background-image: url('../img/icon-li-qm.png'); background-position:  7px 5px;}
	.li-schwein { background-image: url('../img/icon-li-schwein.png');  background-position:  7px 5px;}
	.li-trends { background-image: url('../img/icon-li-trends.png');  background-position:  7px 5px; }
	.li-buch { background-image: url('../img/icon-li-buch.png');  background-position:  8px 8px; }
	.li-senior { background-image: url('../img/icon-li-senior.png');  background-position:  8px 4px; }
	
	.li-immobilie { background-image: url('../img/icon-li-immobilie.png');  background-position:  8px 6px; }
	.li-zettel { background-image: url('../img/icon-li-zettel.png');  background-position:  10px 6px; }
	.li-bilanz { background-image: url('../img/icon-li-bilanz.png');  background-position:  4px 5px; }
	.li-schieberechner { background-image: url('../img/icon-li-schieberechner.png');  background-position:  6px 6px; }
	.li-baum { background-image: url('../img/icon-li-baum.png');  background-position:  8px 4px; }
	.li-schloss { background-image: url('../img/icon-li-schloss.png');  background-position:  8px 5px; }
	.li-dusche { background-image: url('../img/icon-li-dusche.png');  background-position:  5px 2px; }
	.li-person { background-image: url('../img/icon-li-person.png');  background-position:  6px 4px; }
	.li-leute { background-image: url('../img/icon-li-leute.png');  background-position:  5px 7px; }
	.li-schirm { background-image: url('../img/icon-li-schirm.png');  background-position:  6px 4px; }
	
	.li-paar { background-image: url('../img/icon-paar-grey.png');  background-position:  6px 4px; }
	.li-siegel { background-image: url('../img/icon-siegel-grey.png');  background-position:  8px 5px; }
	.li-ok { background-image: url('../img/icon-ok-grey.png');  background-position:  6px 6px; }
	.li-schiff { background-image: url('../img/icon-schiff-grey.png');  background-position:  6px 5px; }
	.li-juwel { background-image: url('../img/icon-juwel-grey.png');  background-position:  6px 4px; }
	.li-schild { background-image: url('../img/icon-schild-grey.png');  background-position:  6px 6px; }
	.li-lift { background-image: url('../img/icon-lift-grey.png');  background-position:  6px 3px; }
	.li-sarnierung { background-image: url('../img/icon-sarnierung-grey.png');  background-position:  6px 8px; }
	.li-winter { background-image: url('../img/icon-winter-grey.png');  background-position:  6px 4px; }
	
	
	
	/* Active-Zustände */
	
	
	.li-bulb.active { background-image: url('../img/icon-li-bulb-blue.png'); background-position:  7px 5px; }
	.li-clipboard.active { background-image: url('../img/icon-li-clipboard-blue.png');   background-position:  7px 7px;}
	.li-euro.active { background-image: url('../img/icon-li-euro-blue.png') ; background-position:  7px 7px;  }
	.li-haus.active {  background-image: url('../img/icon-li-haus-blue.png'); background-position:  7px 5px; }
	.li-kompass.active { background-image: url('../img/icon-li-kompass-blue.png'); background-position:  7px 7px  }
	.li-list.active { background-image: url('../img/icon-li-list-blue.png');  background-position:  7px 4px; }
	.li-lupe.active { background-image: url('../img/icon-li-lupe-blue.png');  background-position:  7px 5px; }
	.li-paragraph.active { background-image: url('../img/icon-li-paragraph-blue.png');  background-position:  7px 5px; }
	.li-qm.active {  background-image: url('../img/icon-li-qm-blue.png'); background-position:  10px 5px; }
	.li-schwein.active { background-image: url('../img/icon-li-schwein-blue.png'); background-position:  7px 5px;  }
	.li-trends.active { background-image: url('../img/icon-li-trends-blue.png');  background-position:  10px 5px; }
	.li-buch.active { background-image: url('../img/icon-li-buch-blue.png');  background-position:  8px 8px; }
	.li-senior.active { background-image: url('../img/icon-li-senior-blue.png');  background-position:  8px 4px; }
	
	.li-immobilie.active { background-image: url('../img/icon-li-immobilie-blue.png');  background-position:  8px 6px; }
	.li-zettel.active { background-image: url('../img/icon-li-zettel-blue.png');  background-position:  10px 6px; }
	.li-bilanz.active { background-image: url('../img/icon-li-bilanz-blue.png');  background-position:  4px 5px; }
	.li-schieberechner.active { background-image: url('../img/icon-li-schieberechner-blue.png');  background-position:  6px 6px; }
	.li-baum.active { background-image: url('../img/icon-li-baum-blue.png');  background-position:  8px 4px; }
	.li-schloss.active { background-image: url('../img/icon-li-schloss-blue.png');  background-position:  8px 5px; }
	.li-dusche.active { background-image: url('../img/icon-li-dusche-blue.png');  background-position:  5px 2px; }
	.li-person.active { background-image: url('../img/icon-li-person-blue.png');  background-position:  6px 4px; }
	.li-leute.active { background-image: url('../img/icon-li-leute-blue.png');  background-position:  5px 7px; }
	.li-schirm.active { background-image: url('../img/icon-li-schirm-blue.png');  background-position:  6px 4px; }
	
	.li-paar.active { background-image: url('../img/icon-paar-blue.png');  background-position:  6px 4px; }
	.li-siegel.active { background-image: url('../img/icon-siegel-blue.png');  background-position:  8px 5px; }
	.li-ok.active { background-image: url('../img/icon-ok-blue.png');  background-position:  6px 6px; }
	.li-schiff.active { background-image: url('../img/icon-schiff-blue.png');  background-position:  6px 5px; }
	.li-juwel.active { background-image: url('../img/icon-juwel-blue.png');  background-position:  6px 4px; }
	.li-schild.active { background-image: url('../img/icon-schild-blue.png');  background-position:  6px 6px; }
	.li-lift.active { background-image: url('../img/icon-lift-blue.png');  background-position:  6px 3px; }
	.li-sarnierung.active { background-image: url('../img/icon-sarnierung-blue.png');  background-position:  6px 8px; }
	.li-winter.active { background-image: url('../img/icon-winter-blue.png');  background-position:  6px 4px; }
	
	
	
	
	
	
	
	
	
	.klapper {  background: url('../img/icon-plus-blue.png') no-repeat 0 2px; float: right; width: 14px; height: 16px; }
	.active .klapper {  background: url('../img/icon-minus-blue.png') no-repeat 0 2px; float: right; width: 14px; height: 16px; }
	
	.active .category-item { font-weight: bold; }
	
	
	.ul-icons-sublist { list-style-type: none; margin: 0.5em 1.7em 0 0; }
	.ul-icons-sublist li { 	margin: 0 0 0.5em 0; padding: 0; }
	
	
	.li-icons-sublist-active a { text-decoration: underline; color: #158dc0; }
	
	
	.category-item { padding-right: 15px; }
	
	
	/* Liste zentrieren */
	.ul-center {
		display: table; 
		margin: 0 auto;
	}
	
	/* Inline-Listen-Elemente */
	
	.ul-inline {
		margin:0;
		padding: 0em 0em;
		/* Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
	}
	
	.ul-inline li {
		display:inline;
		float:left; /* LTR */
		font-size: 1em;
		line-height:1em;
		list-style-type:none;
		margin: 0 0em 0 0;
		padding:0;
	}
	
	/* Liste mit Spiegelstrichen */
	.ul-dash {
		list-style-type: none;
		margin: 0 0 1em 0;
		
	}
	
	.ul-dash > li {
		padding-left: 15px;
		background: url('../img/dash.gif') no-repeat left center;
	}
	
	/* Liste in Blau ohne Buttets */
	.ul-blank {
		list-style-type: none;
	
	}
	
	.ul-blank > li {
		margin-bottom: 1.5em;
	}
	
	.ul-blank a {
		text-decoration: none;
	}
	
	
	/* Kleine Liste */
	
	.ul-mini-list {
		list-style-type: none;
		font-size: 0.9em;
	}
	
	
	/* Liste mit kleinem Pfeil */
	
	.ul-arrow-small {
		list-style-type: none;
	}
	
	.ul-arrow-small li {
		padding-left: 20px;
	}
	
	.ul-arrow-small a {
		text-decoration: none;
	}
	
	.arrow-small-blue li {
		background:  url('../img/pfeil-blau-klein-re.png') no-repeat left 3px;
	}
	
	/* --- Textauszeichnung ------------------------------------------ */
	
	/* Allgemein	*/

	p {
		/*font-size:1em;
		 line-height: 1.5em; */
		 font-size: 14px;
		line-height:1.45em;
		margin: 1.5em 0 0 0;
	}
	
	aside p, 
	.ym-col3 p { font-size: 1em; margin-top: .3em; 	}

	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
	}

	blockquote {
		margin:1.5em 0 0 1.5em;
		color:#666;
	}

	strong, b { 
		font-weight:bold; }

	em, i { 
		font-style:italic; }

	big {
		font-size:116.667%;
	}

	small {
		font-size:85.71%;
	}


	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

	mark {
		background: #ff0;
		color: #000;
	}

	hr {
		color:#fff;
		background:transparent;
		margin:0 0 0.75em 0;
		padding:0 0 0.75em 0;
		border:0;
		border-bottom:1px #eee solid;
	}
	
	.hr-grey {
		border: 0 none;
		border-top: 1px solid #b6b6b6;
		padding-bottom: 0;
	}
	
	.hr-shadow-up {
		background: url('../img/drop-shadow-top.png') no-repeat left top;
		margin: 0 0 0.75em 0;
		padding: 0 0 0.75em 0;
		border: 0;
		height: 16px;
		clear: both;
	}
	
	.pointer {
		cursor: pointer;
	}
	

	/*--- Links ----------------------------------------------------------------------------------------- */

	a {   /*color:#0a61c9; leuchtendes Blau */
		color: #158dc0;/* dezentes Blau */
		text-decoration:underline;
	}

	a:active { outline: none; }

	a:hover,
	a:focus {	
		color:  #8D2717;	
	}
	
	
	/* Keine Unterstreichung */
	.no-undl, .no-undl a {
		text-decoration: none;
	}
	


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

	img,
	figure {
		margin: 0;
		max-width: 100%;
	}

	.flexible {
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered {
		margin-top: 1.5em;
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}
	
	.img-gmap-height-200 img {
	    max-width: none;
	} 
	
	.ym-cbox figure:first-child {
		border-top: 1px solid #ccc;
		margin-top: 2.5em;
		padding-top: 0.5em;
	}
	
	figure {
		margin: 2em 0 1.7em 0;
	}

	figcaption {
		color: #656565;
		font-size: 1.4em;
		margin-bottom: 1.2em;
		font-family: Tahoma, sans-serif;
	}
	
	.img-gmap-height-200 {
		border: 1px solid #e3ded1;
/*		height: 200px;*/
		max-width: 100%;
	}
	
	
	.img-mrgMedium-center {
		margin: 1.7em auto;
		display: block;
	}
	
	.red-pdl {
		color: #8D2718;
		padding-left: 0.3em;
		text-decoration: none;
	}
	
	.red-pdl:hover {
		text-decoration: underline;
	}
	 
	.blue-pdr {
		padding-right: 0.5em;
	}
	
	.footnote {
		color: #999;
		font-size: .9em;
		margin: 0em 0 4em 0;
	}
	
	.bg-transparent {
		background: #f1f1f1;
	}
	
	

	/**
	* ----------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	
	
	.float-left {
		float:left;
		display:inline;
		margin: 0em 1em 1em 0;
	}
	
	.float-left-2 {
		float: left;
	}
	


	.float-right {
		float:right;
		display:inline;
		margin: 0em 0 1em 1em;
	}

	.center {
		display:block;
		text-align:center;
		margin: 0em auto 0 auto;
	}
	
	.align-center {
		text-align: center;
		display: block;
	}
	
	.padding-reset {
		padding: 0;
	}
	
	.margin-reset {
		margin: 0;
	}
	
	
	.clear {
		clear: both;
	}
	
	.red { 	color: #8D2718;	} /* Neubaukompass-Rot */
	.blue { color: #4693C1; } /* Helleres Blau */
	
/* Border Classes	*/
	
	.borderReset,
	.border-reset {
		border: 0 none !important;
	}
	
	.border {
		border: 1px solid #e3ded1;
	}
	
	/*	ALTE Klassen (noch verwendet) */
	
	.borderBottom {
		border-bottom: 1px solid #ddd;
		width: 100%;
		text-align: center;
	}
	
	.borderBottom:last-child {
		border-bottom: 0 none;
	}
	
   /* NEUE Klassen	*/
	
	.border-top {
		border-top: 1px solid #e3ded1;
	}
	
	.border-bottom {
		border-bottom: 1px solid #e3ded1;
	}
	
	
	
	/* !important muss entfernt werden */
	.border-none {
		border: 0 none !important;
	}
	
	
	
	
	.small {
		font-size: 0.9em;
	}
	
	.big {
		font-size: 1.3em;
		font-family: Tahoma, Arial, sans-serif;
/*	font-weight: bold;*/
	}
	
	.big_var01 {
		/*font-size: 1.3em;*/
		font-family: Gregoria, Times, serif;
		color: #4693c2;
		font-weight: bold;
		font-size: 2em;
	}
	
	
	/* Pfeil: Mehr anzeigen */
	
	.display-more { margin: 0; }
	.arrow-01, 
	.pfeil-rechts,
	.arrow-right-red {
		padding-left: 1.5em;
		background:  url('../img/pfeil-rechts.png') no-repeat 0 50% ;
		cursor:pointer; 
	}
	
	.arrow-02 {
		padding-right: 12px;
		background:  url('../img/pfeil-02.gif') no-repeat right 50% ;
		text-decoration: none;
		color: #000;
	}
	
	.pointer { cursor:pointer; }
	
	.black {
		color: black;
		margin-top: 1em;
	}
	
	.dark-blue { color: #003781; }
	
	.subinfo {
		font-size: 11px;
		margin: 0.2em 0 0 0;
		color: #656565;
		clear: both;
	}
	
	.highlight-a, 
	.highlight-b {
		padding: 1.3em 1.5em 1.3em 4.5em;
		-moz-box-shadow: 0 9px 9px -6px #d3d2d2;
		-webkit-box-shadow: 0 9px 9px -6px #d3d2d2;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#d3d2d2', Direction=90, Strength=3);
		box-shadow: 0 9px 9px -6px #d3d2d2;
		
	}
	
	.highlight-a {
		background: #fff url('../img/pin-a.gif') no-repeat 3% 50%;
	}
	
	.highlight-b {
		background: #fff url('../img/pin-b.gif') no-repeat 3% 50%;
	}
	
/*	.center {
		text-align: center;
	}*/
	
	.inline  {
		/*display: inline;*/
	}
	
	.inline-list {
		display: inline;
	}
	
	.inline li, /* depricated */
	.inline-list li {
		display: inline;
		margin-right: 0em;
		margin-left: 0;
		padding: 0 0.4em 0 0.7em;
		border-left: 1px solid #656565;
	}
	
	.inline li:first-child, /* depricated */
	.inline-list > li {
		margin-right: 0em;
		padding-left: 0em;
		border-left: 0 none;
	}
	
	.fn {
		font-size: 0.9em;
		border-top: 1px solid #ddd;
		padding-top: 0.6em;
		color: #999;
		clear: both;
		margin: 7em 0 0em 0;
	}
	
	.hidden {
		display: none;
	}
	
	.shadow-btm {
		position: relative;
		
	}
	
	.shadow-btm:after {
		content: ""; 
		display: block; 
		background: url(../img/drop-shadow-btm.png) no-repeat;
		background-position: center;
		width: 98%;
		height: 16px;
		position: absolute;
		
		bottom: -16px;
	
	}
	
	.teaser {
		font-size: 1.3em;
		line-height: 1.4em;
		margin-bottom: 1.5em;
		font-family: tahoma, sans-serif;
	}
	
	.phone-blue {
		padding-left: 25px;
		color: #003781;
		font-weight: bold;
		font-family: Georgia, serif;
		font-size: 1.5em !important; /* important ist temporär */
		background: url('../img/icon-phone-blue.gif') no-repeat left center;
	}
	
	.phone-black {
		padding-left: 25px;
		color: #000;
		font-weight: bold;
		font-family: Georgia, serif;
		font-size: 1.5em !important; /* important ist temporär */
		background: url('../img/icon-phone-black.gif') no-repeat left center;
	}
	
	.phone-blue {
		padding-left: 32px;
		color: #4693c2;
		font-weight: bold;
		font-family: Georgia, serif;
		font-size: 1.5em !important; /* important ist temporär */
		background: url('../img/icon-phone-light-blue.png') no-repeat left center;
	}
	
	.mrg-phone-1 {
		margin: 0.6em 0 0.4em 0 !important;
	}
	.mrg-phone-2 {
		font-size: 0.9em !important;
		margin: 0 0 10px 5px;
	}
	
	
	.grey {
		color: #666;
	}


	
	
/* Zähler in Inline-Listen, z.B. span.counter	*/
/*	.counter {
		padding-left: 0.6em;
		font-family: Georgia, serif;
		color: #8b281c;
		font-weight: bold;
	}
	*/
	aside .archiv ul li span,
	.counter {
		font-size: 1em;
		font-family: "Roboto Slab","Times New Roman",serif;
		color:  #8D2717;
		padding-left: 0.7em;
		font-weight: bold;
	}
	

	
/* Margins	*/
	
	.mrg-xx-small { margin: 0.25em 0; }
	.mrg-x-small { margin: 0.5em 0; }
	.mrg-small { margin: .75em 0; }
	.mrg-medium { margin: 1em 0; }
	.mrg-large { margin: 1.25em 0; }
	.mrg-x-large { margin: 1.5em 0; }
	.mrg-xx-large { margin: 1.75em 0; }
	.mrg-xxx-large { margin: 1.75em 0; }
	
	.mrg-top-1 { margin-top: 1.8em; }
	
	/* fett-blau */
	
	.bold-blue {
		font-weight: bold;
		color: #003781;
	}
	
	.border-right-grey {
		border-right: 1px solid #dfdfdf;
	}
	

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tabellen
	*
	* Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/

	table {
		width:100%;
		border-collapse:collapse;
		margin: 1.3571em 0 0 0;
		color:#333;
	}

	table.narrow {
		margin:  1.4286em 0 0 0;
	}

	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.4286em;
	}

	table.bordertable {
		border:1px #ccc solid;
	}

	table caption {
		font-variant:small-caps;
	}

	th, td {
		line-height: 1.5em;
		vertical-align: top;
		padding: 0.7143em 0.5em;
	}

	th *:first-child,
	td *:first-child {
		margin-top: 0;
	}

	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}

	thead th {
		text-align: left;
		color:#000;
		border-bottom:2px #000 solid;
	}

	.bordertable thead th {
		/*background:#e0e0e0;*/
		border-right:1px #ccc solid;
		border-bottom:1px #ccc solid;
	}

	.bordertable tbody th[scope="row"] {
		/*background:#f0f0f0;*/
	}

	tbody th {
		text-align: left;
		text-align:left;
	}

	.bordertable tbody th {
		border-right:1px solid #ccc;
	}

	tbody td {
		text-align: left;
	}

	.bordertable tbody td {
		border-right:1px solid #ccc;
	}

	/* highlight row on mouse over */
	tbody tr:hover th,
	tbody tr:hover td {
		/*background:#efeee7;*/
	}
	
	/* Tabelle: vier Spalten	*/
	
	.tbl-01 {
		color: #656565;
		
		margin: 2.2em 0 2.1em 0;
	}
	
	.tbl-01 tr {
		border-bottom: 1px solid #ccc;
	}
	
	.tbl-01 td, 
	.tbl-01 th {
		width: 17%;
		padding-right: .5em;
		padding-left: 0;
		border: 0 none;
	}
	

	.tbl-01 td.lastCol {
		width: 49%;
		padding-right: 0.8em;
		padding-left: 0em;
		border-bottom: 0 none;
	}
	
	/* Tabelle: drei Spalten	*/
	
	.tbl-02 {
		color: #656565;
		margin: 2em 0 0 0;
		
	}
	
	.tbl-02 tr {
		border-bottom: 1px solid #ccc;
	}
	
	.tbl-02 td {
		width: 17%;
		padding: 1.1em 0.5em;
	
			}
	
	.tbl-02 th {
		width: 48%;
		padding: 1.1em 0.5em 1.1em 0.8em;
		font-weight: normal;
		
	}
	

	.tbl-02 td.lastCol {
		width: 30%;
		padding-right: 0.8em;
		padding-left: 0em;
		border-bottom: 0 none;
	}
	
    /* Tabelle: Anfahrtsbeschreibung	*/
    
    .tbl-03 {
    	margin: 1.3em auto;
    	width: 83%;
    }
	
	.tbl-03 tr {
		border-top: 1px solid #e0dbcd;
	}
	
	.tbl-03 thead tr {
		border: 0 none;
	}
	
	.tbl-03 thead td {
		padding-bottom: 1.2em;
	}	
	
	.tbl-03 td, 
	.tbl-03 th {
		padding: 0.3em 0 0.3em 0;
		color: #000;
		text-align: left;
		font-weight: normal;
	}
	
	.tbl-03 th {
		width: 6%;
	}
	
	.tbl-03 td + td {
		text-align: right;
		padding-left: 1.4em;
		width: 15%;
	}
	
	/* Tabelle light: klein, unsichtbar z.B. für Kontaktdaten */
	.tbl-light td {
		padding: 0em 0;
	}
	
	.tbl-light td:first-child {
		width: 13%;	
		padding-right: 0.7em;
	}
	
	
	.tbl-light tr:hover th,
	.tbl-light tr:hover td {
		background:none;
	}
	
	/* CSS Table */
	
	.css-table   {
		display: table;
	}
	
	.css-table .col {
		display: table-cell;
	}
	
	.cell-width-33 .col {
		width: 32%;
		background: #efeee7;
		border: 1px solid #e0dbcd;
	}
	
	.cell-width-33 .cell-box {	padding: 10px 0;	}
	
	.cell-width-33 .cell-box-spacer { width: 11px; padding: 0;	}
	
	.cell-box p {
		margin: 0 0 0em 0;
	}
	
	
	
}