@page { 
	size: 21.0cm 29.7cm;
        margin-top: 1.7cm;
        margin-bottom: 1.4cm;
        margin-left: 2cm;
        margin-right: 2cm;
}
div#header, div#navi, div#content_footer, div#content_sidebar, 
table.typo3-adminPanel { 
	visibility: hidden; 
	display: none;
	background-color: #fff;
	font: 11px arial, helvetica, sans-serif;
	color: #000;
}
div#content_main { 
	visibility: visible; 
	background-color: #fff;
	font: 11px arial, helvetica, sans-serif;
	color: #000;
}

/* BASIC */
div, img, form, dl { border: 0; margin: 0; padding: 0; }
a { text-decoration: underline; }


/* content layout */
div#content {
	top: 0;
	left: 0;
	right: 0;
	width: 17cm;
}
div#content_body {
	width: 17cm;
}
div#content_body_shader {
}

/* content */
div#content_main {
	min-height: 175px;
	font: normal 12px/16px arial, helvetica, sans-serif;
	color: #000;
	margin: 0 10px 0px 15px;
	padding-bottom: 20px;
}
div#content_main .csc-firstHeader {
	font: normal 25px/26px arial, helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0 0 15px 0;
}
html > body div#content_main .csc-firstHeader {
	padding-top: 7px;
}
div#content_main h1,
div#content_main h2,
div#content_main h3,
div#content_main h4,
div#content_main h5,
div#content_main p.csc-subheader {
	font: normal 14px/20px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 5px;
}
div#content_main p {
	margin: 0;
	padding-bottom: 15px;
}
div#content_main ul, 
div#content_main table, 
div#content_main table.contenttable p,
div#content_main table.contenttable tr,
div#content_main table.contenttable td {
 	margin: 0;
	padding: 2px;
}
div#content_main ul, 
div#content_main ul.csc-bulletlist {
	margin-left: 25px;
	padding-bottom: 15px;
}
div#content_main table.contenttable {
	padding: 0;
	margin-bottom: 15px;
}
div#content_main input.submit,
div#content_main input.reset {
	background: transparent url(../gfx/icon_sidebar_link.png) 0 0 no-repeat;
	color: #000;
	font: bold 11px arial, helvetica, sans-serif;
	padding: 0 0 0 14px;
	margin-left: 5px;
	border: solid 0 white;
	cursor: pointer;
}
div#content_main input.submit:hover,
div#content_main input.reset:hover {
	color: #000;
	background-position: 0 -20px;
	text-decoration: underline;
}
div#content_main span.link {
	background: transparent url(../gfx/icon_sidebar_link.png) 0 0 no-repeat;
	color: #000;
	font: bold 11px arial, helvetica, sans-serif;
	padding: 1px 0 0 16px;
	text-decoration: underline;
}
div#content_main span.link:hover,
div#content_main span.link:hover a {
	color: #000;
	background-position: 0 -20px;
}
div#content_main a {
	color: #000;
}
div#content_main table {
	padding-left: 16px;
}

ul.csc-bulletlist-0 { list-style-type: square; }
ul.csc-bulletlist-1 { list-style-type: decimal; }
ul.csc-bulletlist-2 { list-style-type: upper-roman;  }
ul.csc-bulletlist-3 { list-style-type: upper-latin; }
table.contenttable td { border: solid 1px #b9cbe3; }
table.contenttable-0 p { }
table.contenttable-1 p { }
table.contenttable-1 tr.tr-0 td p { font-weight: bold; }
table.contenttable-1 tr.tr-0 td { background-color: #b9cbe3; }
table.contenttable-2 p { }
table.contenttable-2 tr td.td-0 { background-color: #b9cbe3; }
table.contenttable-2 tr td.td-0 p { font-weight: bold; }
table.contenttable-3 p { }
table.contenttable-3 tr td.td-0, table.contenttable-3 tr.tr-0 td { background-color: #b9cbe3; }
table.contenttable-3 tr td.td-0 p, table.contenttable-3 tr.tr-0 td p { font-weight: bold; }
table.csc-uploads tr td a img {
	margin-bottom: 15px;
}
div.separator {
	border: 0;
	border-bottom: dotted 1px #ccc;
	margin: 0 0 15px 0;
	clear: both;
}

/* news */
div#content_main .newslist {
	margin-bottom: 15px;
}
div#content_main .newslist small {
	display: block;
}
div#content_main .newslist p {
	padding-bottom: 0;
}
div#content_main .tx-ttnews-browsebox-strong, 
div#content_main .tx-ttnews-browsebox-SCell { font-weight: bold; }
div#content_main .news-single-imgcaption {
	width: 240px;
	font: normal 10px/14px arial, helvetica, sans-serif;
	margin-top: -10px;
}
					
/* home teaser */
div#teaser_home {
	height: 160px;
	margin: 0;
}
div.teaser {
	float: left;
}
div.teaser a {
	display: block;
	width: 127px;
	height: 147px;
	background: transparent url(../gfx/content_teaser_bg.png) 0 0 no-repeat;
	color: #fff;
	padding: 2px 3px 3px 3px;
	margin: 0;
}
html > body div.teaser a { 
	padding: 3px; 
}
div.teaser a big {
	position: relative;
	top: 4px;
	left: 27px;
	display: block;
	width: 90px;
	color: #fff;
	font: normal 11px arial, helvetica, sans-serif;
}
div.teaser a img {
	position: relative;
	top: 8px;
	left: 1px;
	width: 125px;
	height: 125px;
}
div.teaser a:hover { background-position: 0 -200px; text-decoration: none; }
div.teaser a.energy { background-color: #0647b0; }
div.teaser a.energy:hover { background-color: #3677e0; }
div.teaser a.gas { background-color: #ffba05; }
div.teaser a.gas:hover { background-color: #ffd943; }
div.teaser a.heat { background-color: #e4241e; }
div.teaser a.heat:hover { background-color: #ff4742; }
div.teaser a.parking { background-color: #999; }
div.teaser a.parking:hover { background-color: #bbb; }

/* channel teaser */
div#channel_tease {
	height: 220px; 
	margin: 0;
}
div.channel {
	float: left; 
	margin-right: 45px; 
}
div.channel a {
	display: block;
	width: 202px;
	height: 150px;
	background: transparent url(../gfx/content_channel_bg.png) 0 0 no-repeat; 
	color: #fff; 
	padding: 2px 3px 3px 3px;
	margin: 0;
}
html > body div.channel a { 
	padding: 3px; 
} 
div.channel a big {
	position: relative;
	top: 4px;
	left: 27px;
	display: block;
	width: 128px;
	color: #fff;
	font: normal 11px arial, helvetica, sans-serif;
}
div.channel a img {
	position: relative;
	top: 8px; 
	left: 1px;
	width: 200px;
	height: 128px; 
}
div.channel a:hover { background-position: 0 -203px; text-decoration: none; }
div.channel a.energy { background-color: #0647b0; }
div.channel a.energy:hover { background-color: #3677e0; }
div.channel a.gas { background-color: #ffba05; }
div.channel a.gas:hover { background-color: #ffd943; }
div.channel a.heat { background-color: #e4241e; }
div.channel a.heat:hover { background-color: #ff4742; }
div.channel a.parking { background-color: #999; }
div.channel a.parking:hover { background-color: #bbb; }

/* CSS Styled Content - common */
div#content_main .csi-textpic {
	margin-bottom: 10px;
}
div#content_main .csi-textpic img,
div#content_main .tx-lzgallery-pi1 td a img {
	border: dotted 1px #ccc; 
	margin-bottom: 10px;
}
div#content_main .csi-textpic .csi-caption {
/* 	text-align: center;  will have to be an inline style?  - controlled by TS [left - right - center] */
	font: normal 10px/14px arial, helvetica, sans-serif;
	margin-top: -10px;
}
div#content_main .csi-textpic .csi-image {
/*	width: 210px; will have to be an inline style - controlled by TS */
}
div#content_main .csi-textpic .csi-imagewrap {
}
div#content_main .csi-textpic .csi-text {
/*	text-align: left; will have to be an inline style - controlled by TS */ 
	font: normal 12px/14px arial, helvetica, sans-serif; 
}
div#content_main .csi-text p {
}
/* CENTER */
div#content_main .csi-center .csi-image {
	text-align: center;
}
/* RIGHT */
div#content_main .csi-right div.csi-image {
	float: right;
	clear: both; 
}
div#content_main .csi-right div.csi-text {
	clear: right; 
}
/* LEFT */
div#content_main .csi-left div.csi-image {
	float: left;
	clear: both; 
}
div#content_main .csi-left div.csi-text {
	clear: left;
}
/* INTEXT LEFT */
div#content_main .csi-intext-left .csi-image {
	float: left;
	clear: both;
	margin-right: 10px;
}
/* INTEXT RIGHT */
div#content_main .csi-intext-right .csi-image {
	float: right;
	clear: both;
	margin-left: 10px;
}
/* INTEXT RIGHT NOWRAP */
div#content_main .csi-intext-right-nowrap .csi-text {
/*	margin-right: 215px; will have to be an inline style - controlled by TS*/
	margin-bottom: 0;
}
div#content_main .csi-intext-right-nowrap .csi-image {
	float: right;
	clear: both;
	margin-left: 10px;
}
/* INTEXT LEFT NOWRAP*/	
div#content_main .csi-intext-left-nowrap .csi-text {
 /*	margin-left: 215px; will have to be an inline style - controlled by TS*/
	margin-bottom: 0;
}
div#content_main .csi-intext-left-nowrap .csi-image {
	float: left;
	clear: both;
	margin-right: 10px;
}

/* INDEXED SEARCH */
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	 width: 150px; 
}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { 
	font-weight:bold; 
}
.tx-indexedsearch .tx-indexedsearch-whatis { 
}
.tx-indexedsearch P.tx-indexedsearch-noresults { 
	text-align:center; 
	font-weight:bold; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { 
	background:#eeeeee; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { 
	font-weight:bold; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { 
	font-weight:normal; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { 
	color:red; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { 
	background:#eeeeff; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { 
	margin-top: -10px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { 
	background:#cccccc; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { 
}
.tx-indexedsearch td.tx-indexedsearch-browsebox-SCell {
}

/* gallery */
div#content_main div#gallery {
	height: 100px;
}
div#content_main div#gallery img {
	border: dotted 1px #ccc;
	margin: 0 10px 15px 0;
	float: left;
}

/* TOC */
div#content_main div#toc img {
	border: dotted 1px #ccc;
}
div#content_main div#toc ul {
	margin-top: -35px; 
	padding: 0 0 25px 42px;
}
div#content_main div#toc ul a.first {
	color: #000;
	font-weight: bold;
}
div#content_main div#toc ul li {
	list-style-type: none;
	background: transparent url(../gfx/smap-lvl2-norm.png) 0 3px no-repeat;
	padding: 0 0 0 41px;
}
div#content_main div#toc ul ul {
	margin: 0; 
	padding: 0;
}
div#content_main div#toc ul ul a {
	font-weight: bold;
}
div#content_main div#toc ul ul li {
	background: transparent url(../gfx/smap-lvl3-norm.png) 0 3px no-repeat;
	padding: 0 0 0 20px;
}
div#content_main div#toc ul ul ul a {
	font-weight: normal;
}

/* Install dir */
div#instnav table {
	padding: 0;
	margin: 0 15px 10px 0;
	float: left;
}
div#instnav p.atoz,
div#content_main span#instbrowser {
	background: transparent url(../gfx/icon_sidebar_link.png) 0 -1px no-repeat;
	color: #3b5a8a;
	font: bold 11px arial, helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
}
div#content_main div.institem {
	border: dotted 1px #ccc;
	margin-bottom: 15px;
	padding: 5px;
}
div#content_main div.institem p {
	padding: 0;
	margin: 0;
}
div#content_main div.institem span.link,
div#content_main div#singleinst span.link {
	float: right;
}
div#content_main .tx_spdirectory-pi1-myform { 
	font-size: 10px;
}
div#content_main .tx_spdirectory-pi1-small { 
	font-size: 10px; 
}
div#content_main div#singleinst {
	border: dotted 1px #ccc;
	padding: 5px;
}
div#content_main select.tx_spdirectory-pi1-small {
	margin-bottom: 15px;
}

/*tarifrechner*/
#schaetzwert{
	display:none;
}