/***********************************************

	©   yellowlabel.de
		für tchw.de

	März 2009

***********************************************/

/***** reset *****/
* {
	border: none;
	margin: 0;
	padding: 0;
}
h1, p, ul, ol, dl {
	margin-bottom: 1em;
}
h1, h2, h3, h4 {
	margin-bottom: .5em;
	margin-top: 1em;
}
ul, ol {
	margin-left: 1.2em;
}
ol {
	padding-left: 2em;
}
form, pre {
	margin: 1em 0;
}
input {
	border: 1px solid #ccc;
}

/***** body *****/
html {
	height: 100%;	/* f. vert. Zentrierung HG-Grafik in FF/Opera */
}
body {
	background-color: #666;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	/*padding: 25px;*/
}

/***** boxes	 *****/
#outer-wrap {
	background-color: rgb(255,230,175);
	background-image: url(../images/hg.left.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-color: #eee;
	border-style: solid;
	/*border-width: 15px 15px 0;*/
	border-width: 15px;
	margin: auto;
	min-height: 450px;
	position: relative;
	width: 950px;
}

#inner-wrap {
	background-image: url(../images/hg.right.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	float: right;
	padding-right: 175px;
	padding-top: 217px;
	width: 600px;
}

#main-content {
	min-height: 590px;
	padding: 0 25px 25px;
}

#marg-col {
	float: right;
	/*width: 240px;*/
	width: 220px;
}

#main-menu {
	background-color: #CB5623;
	background-image: url(../images/hg.main-menu.gif);
	background-position: center;
	background-repeat: repeat-x;
	float: left;
	width: 100%;
}

#header {
	background-color: transparent;
	background-image: url(../images/hg.header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 225px;
	left: 175px;
	position: absolute;
	top: 0;
	width: 600px;
}
#header #logo {
	position: absolute;
	right: 25px;
	top: 25px;
	width: 250px;
	z-index: 3;
}
#logo h2 {
	color: #fff;
	font-family: Georgia, 'Times New Roman', Times,serif;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 85px;
	text-align: center;
	text-transform: uppercase;
	top: 25px;
}
#logo img {
	position: absolute;
	right: 0;
	top: 0;
}

#random {
	height: 139px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#random img {
	border: 6px solid #fff;
	position: absolute;
	left: 10px;
	top: 30px;
	z-index: 2;
}
#random span {
	display: block;
	position: absolute;
	left: 120px;
	top: 5px;
	z-index: 1;
}
#random span img {
	position: static;
	left: auto;
	top: auto;
}

#breadcrumb {
	border-bottom: 1px solid rgb(236, 131, 76);
	font-size: .9em;
	margin: 0 0 25px;
	padding-bottom: .5em;
}

/* Mehrspaltigkeit: */
.left-col {
	float: left;
}
.right-col {
	float: right;
}
.w40 {
	font-size: .9em;
	width: 175px;
}
.w60 {
	width: 325px;
}

#header #meta-nav {
	bottom: 32px;
	right: 2em;
	position: absolute;

}

#footer {
	background-color: rgb(240,242,217);
	background-image: url(../images/hg.footer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-color: #fff;
	border-style: solid;
	border-width: 0 15px 15px;
	height: 58px;
	margin: auto;
	width: 950px;
}


/*****  elements  *****/
h1 {
	color: rgb(52,72,87);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
}
h2 {
	color: rgb(79,127,173);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}
h3 {
	color: rgb(52,72,87);
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}

.csc-firstHeader {
	margin-top: 0;
}
#main-header .csc-firstHeader {
	border-bottom: 1px dotted rgb(52,72,87);
	margin-bottom: 1em;
	padding-bottom: .35em;
}

p {
	line-height: 150%;
}
#inner-wrap li {
	line-height: 150%;
    list-style-image: url(../images/img_listen.gif);
}
li {

	margin-bottom: .25em;
}

dd {
	margin: .75em 0 1em;
	font-size: .86em;
}
dl.csc-textpic-image {
	margin-bottom: 1em !important;
}
dd.csc-textpic-caption {
	padding-top: .5em;
}

/*  Zusatzformate in rechter Spalte: */
#marg-col {
	font-size: 86%;
}
#marg-col h2 {
    font-size: 1.1em;
}
#marg-col dd {
    color: #333;
	font-size: 1em;
	line-height: 125%;
}
#marg-col ul {
	margin-left: 1.5em;
}
#marg-col ul ul {
	margin-left: 1.2em;
}


/*****  links (general)  *****/
a:link, a:visited {
	color: rgb(52,72,87);
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}


/*****  Menus  *****/
#main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main-menu li {
	border-right: 1px solid #fff;
	float: left;
	list-style-image: none;
	margin: 0;
	position: relative;
	white-space: nowrap;
}
#main-menu li ul {
	display: none;
	left: -1px;
	position: absolute;
	top: 26px;
}
#main-menu li:hover ul {
	display: block;
}
#main-menu li li {
	/*border-top: 1px dashed #333;*/
	border-right: none;
	float: none;
	/*padding: .5em 0;*/
}
#main-menu a {
	/*background-image: url(../images/transp.png);##*/
	display: block;
	/*font-family: Georgia,"Times New Roman",Times,serif;##*/
	font-weight: bold;
	padding: 5px;
	/*padding: .35em .5em;*/
}
#main-menu span {
	/*background-image: url(../images/transp.png);##*/
	color: #f5af64;
	display: block;
	/*font-family: Georgia,"Times New Roman",Times,serif;##*/
	padding: 5px;	
	/*padding: .35em .5em;*/
}
#main-menu li ul {
	background-color: #f5af64;
	/*border: 1px solid #fff;*/
	border: 1px solid #cb5623;
	/*margin-top: .5em;*/
}
#main-menu li li a {
	/*background-image: none;*/
   display: inline;
   line-height: 1em;
   margin: 0 .5em;
	padding: 0;
}
#main-menu li li.no a:link, #main-menu li li.no a:visited {
	font-weight: normal;
}
#main-menu li li span {
	background-image: none;
	padding: 0 .5em;
}
#main-menu li li.no a:link, #main-menu li li.no a:visited {
	color: #cb5623;
}

#main-menu .no a:link, #main-menu .no a:visited	 {
	/*color: rgb(52,72,87);*/
	color: #fff;
}
#main-menu .cur a:link, #main-menu .cur a:visited,
#main-menu .cur {
	color: #ffebaf;
	font-weight: bold;
}
#main-menu ul ul .cur a:link, #main-menu ul ul .cur a:visited,
#main-menu ul ul .cur {
	color: rgb(52,72,87);
	font-weight: bold;
}
#main-menu ul ul ul .no a:link, #main-menu ul ul ul .no a:visited,
#main-menu ul ul ul .no {
	color: #000;
	font-weight: normal;
}
#main-menu .actifsub a:link, #main-menu .actifsub a:visited {
	color: #ffebaf;
}
#main-menu a:focus, #main-menu a:hover, #main-menu a:active {
	color: #ffebaf !important;
}
#main-menu li li a:focus, #main-menu li li a:hover, #main-menu li li a:active, #main-menu li li span {
	border-bottom: 1px dotted #333;
	color: #333 !important;
   text-decoration: none;
}

#main-menu ul ul ul a:link, #main-menu ul ul ul a:visited,
#main-menu ul ul ul span {
	background-image: url(../images/list.bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding-left: 20px;
}



#rootline {
	list-style-type: none;
	margin: 0;
	padding-top: 1em;
}
#rootline li {
	float: left;
}


/*****  Tabellen Hallenbelegung  *****/
table.hbp td {
	border-collapse: collapse;
	border-color: #000;
	border-style: solid;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 1px;
	border-top-width: 0;
	text-align: center;
	vertical-align: middle;
}
table.hbpl {
	margin-top: 1em;
}
table.hbpl td.legend {
	border: 1px solid #000;
}
table.hbp tr.htd-bbd td {
	border-bottom-width: 3px;
}
table.hbp td.htd-brd {
	border-right-width: 3px;
}
table.hbp .color1, table.hbpl .color1 {
	background-color: rgb(255,200,35);
}
table.hbp .color2, table.hbpl .color2 {
	background-color: rgb(75,105,130);
}



/*****  gallery  *****/
.tx-rgsmoothgallery-pi1 {
	float:left;
}
 
#externalthumbs {
	float:left;
	width:200px;
}
 
#externalthumbs .label {
	display:none;
}
.carouselInner {
	width:205px;
}
 
.carouselInner .thumbnail {
	float:right;
	padding-bottom:10px;
}



/*****  veguestbook  *****/
.tx-veguestbook-pi1 h2.tx-guestbook-header {
	background-color: transparent;
	border-top: 1px dotted #EC834C;
	color: rgb(79,127,173);
	margin-top: 0;
	padding: 1em 0 0;
	width: 100%;
}
.tx-veguestbook-pi1 .tx-guestbook-left {
	background-color: transparent;
	padding: 0;
	width: 175px;
}
.tx-veguestbook-pi1 .tx-guestbook-right {
	background-color: transparent;
	float: right;
	padding: 0;
	width: 325px;
}



/*****  forms  *****/
.left-col div.csc-mailform-field {
	padding-bottom: 1em;
}
.left-col div.csc-mailform-field label {
	display: block;
	padding-bottom: .25em;
}
.left-col div.csc-mailform-field input, div.csc-mailform-field textarea {
	border: 1px solid #ccc;
	width: 99%;
}
.left-col div.csc-mailform-field .csc-mailform-submit {
	background-color: #ec834c;
	display: block;
	margin-top: 1em;
}



/*****  news  *****/
.news-list-item h3 span.news-list-date  {
	font-size: .9em;
	font-weight: normal;
}

.news-list-browse {
	border-top: 1px solid #ec834c;
	margin-top: 1em;
	padding-top: 1em;
}
.tx-ttnews-browsebox td {
	padding-right: .5em;
}
.tx-ttnews-browsebox td.tx-ttnews-browsebox-SCell {
	font-weight: bold;
}



/*****  other stuff  *****/
:lang(all) {
	quotes: '' '' '' '';
}

.cb {
	clear: both;
	margin-bottom: 0 !important;
}
.cl {
	clear: left;
	margin-bottom: 0 !important;
}
.cr {
	clear: right;
	margin-bottom: 0 !important;
}

.screader {
	display: none;
}

area {
	cursor: pointer;
}

.s80 {
	font-size: 80%;
}