/* ***************************************************************
 *  HUEBSCHAMNN.DE
 *
	
	#page
		#header
			.bkg-wrapper
				#h1
				ul#main-navi
		#content
			#content-main
				.bkg-wrapper
					#content-text
					#content-title
			#content-margin
				.bkg-wrapper
					#kontakt
					#events
					#aktuelles
		#footer
			.bkg-wrapper
				#copyright
				#ul#service-navi

 */


/* BODY */
body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #8A8A8E;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	line-height: 1.5em;
}


/* RESET */
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

img,
a img {
	border: none;
}

a:focus {
	outline: none;
}
a {
	color: #B40000;
	text-decoration: none;
}
a:hover,
ul#service-navi li a:hover {
	/*color: #B40000;*/
	text-decoration: underline;
}
a.download {
	background-repeat:no-repeat;
	background-image: url(../img/arrowlink.gif);
	background-position: left 2px;
	padding-left: 14px;
}

span.mail-link {
	background-repeat:no-repeat;
	background-image: url(../img/mail-button_bkg.gif);
	font-size: 11px;
	line-height: 20px;
	display: inline-block;
	padding-bottom: 1px;
}
a.mail {
	padding: 0px 8px 1px 24px;
	background-repeat:no-repeat;
	background-image: url(../img/mail-button-right_bkg.gif);
	background-position: top right;
	line-height: 20px;
	display: inline-block;
}


fieldset {
	margin-bottom: 1.5em;
}
ul ul {
		margin-top: 1em;
}

/* PAGE */
#page {
	font-size: 1em;
	min-width: 996px;
}

.bkg-wrapper {
	width: 940px;
	/*margin: 0 18px 0 58px;*/
	margin: 0 auto;
}


/* HEADER */
#header {
	height: 115px;
	background-color: #FFFFFF;
}

#header #h1 {
	float: left;
	width: 320px;
	color: #B40000;
	line-height: 115px;
}

#header #h1 a {
	color: #B40000;
	text-decoration: none;
	background-image: url(../img/index.gif);
	background-repeat: no-repeat;
	background-position: left 28px;
}
#header #h1, #header #h1 a {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
#header ul#main-navi {
	display: block;
	float: right;
	width: 422px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-image: url(../img/main-navi-trenner_bkg.gif);
	padding-left: 2px;
}

#header #description {
	font-size: 2.5em;
	padding: 14px 0 14px 10px;
	float: right;
	width: 445px;
	text-align: left;
	color: #444;
}


/* CONTENT */
#content {
	clear: both;
/*	background-image: url(../img/content_line.gif);
	background-repeat: repeat-y;
*/
}

#content h1,
#content h2,
#content h3,
#content p,
#content li {
	margin-bottom: 1em;
}

#content h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	margin-bottom: 1em;
}

#content h3,
#content h4 {
	font-size: 1.1em;
}

#content .csc-linkToTop {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-image: url(../img/oben_pfeil.gif);
	background-position: left 4px;

}
#content .csc-textpic-caption {
	font-size: 0.9em;
	color: #555;
}

/* CONTENT-MAIN */
#content-main {
	padding-top: 30px;
	padding-left: 0px;
	padding-bottom: 25px;
	font-size: 1.2em;
	background-image: url(../img/content-main_bkg.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-bottom: solid 4px;
	border-bottom-color: #8A8A8E;
}
#content-main h1 {
	margin-top: .2em;
	font-size: 1.8em;
	margin-bottom: 1.2em;
	line-height: 1.1em;
	font-style: italic;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

#content-main h3 {
	padding: 0 0px;
}
#content-main .bodytext {
	color: #454545;
}
#imgmap,
#content-header,
.print-link {
	margin-bottom: .0em;
	border-bottom: 1px solid #000;
	/*border-top: 1px solid #000;*/
}

#content-header {
	background-position: left -1px;
}
#content-header h1 {
	font-size:2.5em;
	line-height:36px;
	padding: 0 25px;
	float: right;
	margin-top: 25px;
	background-color: #FFFFFF;
}

#content-title,
#content-text {
	width: 45%;

}


/* CONTENT-TITLE */
#content-title {
	padding-left: 13px;
	width: 48%;
	margin-left: 50%;
}

#content-title h1 {
	font-size: 2em;
	padding-top: 1em;
	font-weight: normal;
}


/* CONTENT-TEXT */
#content-text {
	float: left;
}


/* CONTENT-MARGIN */
#content-margin {
	padding-top: 25px;
	height: 175px;
	/*line-height: 1.3em;*/
	color: #FFFFFF;
	background-image: url(../img/content-margin_bkg.png);
	background-repeat: repeat-x;
	background-color: #8A8A8E;
	font-size: 1.1em;
	padding-bottom: 25px;
}
#content-margin #download-btn {
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	/*margin-bottom: 0.7em;*/
	font-size: 15px;
	padding: 0;
	background-image: url(../img/download-btn_bkg.gif);
	background-repeat: no-repeat;
}
#content-margin h3 {
	margin-bottom: 0px;
}

#content-margin #events h3 {
	padding: 1em 0 0;
	display: block;
	border-top: solid #000 1px;
	color: #B40000;
	padding-left: 2px;
	font-size: 1.2em;
}

#content-margin #download-btn a {
	color: #FFFFFF;
	padding: 9px;
	background-image: url(../Startseite-Dateien/none);
}
#content-margin ul#main-navi li#download-btn a:hover {
	background: none;

}

#content-margin ul {
	margin-bottom: 1.3em;
	padding-left: 4px;
}

#events p {
	padding-left: 4px;
}
#events {
	padding-left: 15px;
	width: 208px;
	padding-right: 17px;

}
.ce-margin {
	width: 220px;
	height: 170px;
	padding: 0 10px;
	background-repeat: repeat-y;
	background-image: url(../img/content-margin-trenner_bkg.gif);
	background-position: right top;
}
.ce-margin#kontakt {
	padding-left: 0px;

}
#aktuelles {
	margin-left: 50%;
	padding-left: 15px;
	/*padding-right: 15px;
	background-repeat: repeat-y;
	background-image: url(../img/content-margin-trenner_bkg.gif);
	background-position: right top;*/
	height: 170px;
}
#aktuelles li a {
	color: #FFF;
}
#aktuelles li a:hover {
	color: #b40000;
}
#aktuelles li p {
	margin-bottom: 0.7em;
}
#aktuelles h2 {
	margin-bottom: 0.7em;
}
#aktuelles li h3 {
	padding-top: 0.7em;
	border-top: dotted #ccc 1px;
}


/* FOOTER */
#footer {
	clear: both;
	color: #ccc;
	padding-top: 0px;
	padding-bottom: 30px;
}
#footer .bkg-wrapper {
	padding-top: 20px;
	border-top: 0px solid;
	border-top-color: #9E9EA3;
	background-image: url(../img/content-main-trenner-horiz_bkg.gif);
	background-repeat: repeat-x;
}
#copyright {
	float: left;
}

/* ********************************************************
	NAVI
*/
ul#main-navi li {
	float: left;
	background-image: url(../img/main-navi-trenner_bkg.gif);
	background-position: right top;
	background-repeat: repeat-y;
	display: block;

}
ul#main-navi li.first {

}

ul#main-navi li.last {

}

ul#main-navi a {
	color: #666666;
	text-decoration: none;
	display: block;
}

ul#main-navi, 
ul#main-navi li,
ul#sub-navi, 
ul#sub-navi li,
ul#service-navi, 
ul#service-navi li,
#aktuelles ul {
	margin: 0;
	padding: 0;
}

ul#main-navi li, 
ul#sub-navi li,
ul#service-navi li,
#aktuelles li {
	list-style-type: none;
}

ul#sub-navi {
	margin-bottom: 3em;
}

ul#sub-navi li {
	line-height: 26px;
	display: block;
	font-weight: bold;
	height: 36px;
}
ul#sub-navi li.last {
	padding-bottom: 0em;
}
ul#sub-navi li a {
	color: #FFF;
	display: block;
	margin-left: 0px;
	padding: 0 15px 10px 35px;
	background-image: url(../img/sub-navi-button_bkg.png);
	background-repeat: no-repeat;
}
/*ul#sub-navi li a:hover {
	color: #004975;
	background-image: url(../img/sub-navi-button_bkg_over.png);
}
*/
ul#sub-navi li.cur a {
	color: #b40000;
	background-image: url(../img/sub-navi-button_bkg_cur.png);
}


/* SERVICE-NAVI */
ul#service-navi {
	display: block;
	float: right;
}

ul#service-navi li {
	display: block;
	padding-right: 6px;
	float: left;
	background-image: url(../img/service-navi-trenner_bkg.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	margin-right: 5px;
}
ul#service-navi li.last {
	background: none;
	padding: 0;
	margin-right: 0px;
}
ul#service-navi li a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

ul#main-navi li a {
	padding: 44px 2.25em 0;
	background-image: url(../img/main-navi_bkg_over.png);
	background-repeat: repeat-x;
	color: #666666;
	background-position: 0 -30px;
	margin-right: 2px;

}
ul#main-navi li.act a,
ul#main-navi li.cur a,
ul#main-navi li.no a:hover {
	background-position: left -10px;
	color: #B40000;
}


/* TABLE */
table {
	background-color: #FFFFFF;
	width: 600px;
	border-collapse: collapse;
	color: #252525;
	margin-bottom: 2em;
	text-align: left;
	border: solid 1px #004975;
}
table table {
	margin: 0;
	width: auto;
	border: none;
}
caption {
	text-align: left;
	padding: 10px 15px;
	margin-left: -1px;
	background-color: #004975;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2em;
}
th, td {
	padding: 0;
	border-width: 0px 1px 1px 0px;
	line-height: 1.5em;
	vertical-align: top;
	border-style: solid;
	border-color: #004975;
}
table table td {
	border-width: 0px 0px 0px 1px;
}
table th th {
	border-width: 0px 0px 0px 0px;
}
table th .thead th {
	border-width: 0px 0px 1px 0px;
}
table td.subhead {
	background-color: #004975;
}
#content-main .subhead .bodytext {
	color: #FFF;
}
#content-main table p,
#content-main table ul,
#content-main table li {
	display: block;
	margin: 0;
}
#content-main table p.bodytext,
#content-main table ul {
	padding: 10px 15px;
}
#content-main table ul ul {
	padding: 5px 0px;
}
#content-main table li {
	list-style-type: none;
	padding-left: 7px;
	background-repeat: no-repeat;
	background-image: url(../img/table-li_bkg.gif);
}
#content-main table li li {
	margin-left: 10px;
	background-image: url(../img/table-li-li_bkg.gif);
}
#content-main thead th,
#content-main .thead th {
	background-color: #80A4BA;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.0em;
}
#content-main thead th .bodytext,
#content-main .thead .bodytext {
	color: #FFFFFF;
	padding: 10px 15px;
}
#content-main th {
	background-color: #F2F4F8;
	font-weight: normal;
}
#content-main th .bodytext,
#content-main th li {
	color: #004975;
}
.subtitle {
	color: #000;
	background-color: #BFCBDE;
	font-weight: bold;
}


/* CLASS */
.roter-text {
	color: #B40000;
}
.gruener-text {
	color: #66CC00;
}

.datum-aktuelles {
        font-weight: normal;
        font-style: normal;
        font-size: 0.5em;
        padding-left: 0.5em;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
.left {
	float: left;
}
.print-link {
	text-align: right;
        padding-right: 10px;
}
.print-link a {
	background-repeat:no-repeat;
	background-image: url(../img/printlink-icon.gif);
	background-position: left 2px;
	padding-left: 18px;
}
.titel-inhalt {
	font-size: 1.2em;
	color: #004975;
	background-image: url(../img/content-h1_bkg.png);
	background-repeat: no-repeat;
	line-height: 60px;
	padding-left: 120px;
	padding-bottom: 10px;
	padding-right: 20px;
}