#content_wrapper{
	float: left;
}




/* Klaus Lellesch | http://lellesch.com/ */


* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000;
}


#newslatest p {
font-size: 80%;
margin-bottom: 10px;
}

#container {
	width: 932px;
	\width: 932px;
	w\idth: 932px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#headbg {
	width: 932px;
	height: 132px;
	margin-bottom:10px;
	background: url(http://www.tvk-essen.de/fileadmin/tvk/images/layout/Header/head_basis.jpg) no-repeat;
}

#headbgpeli {
	
	margin-bottom:10px;
	background: url(http://www.tvk-essen.de/fileadmin/tvk/images/layout/Header/head_basis_pe_li.jpg) no-repeat;
}

#head {
	width: 932px;
	height: 132px;
	background: url(../images/layout/head.jpg) no-repeat;
}

#head h1 {
	position: relative;
	top: 108px;
	left: 169px;
	width: 550px;
	font-weight: bold;
	font-size: 110%;
	color: #FFF;
}

#head_nav {
	position: relative;
	float: right;
	top: 90px;
	margin-right: 20px;
}

#head_nav li {
	float: left;
	list-style-image: none;
	list-style-type: none;
}

#head_nav li a{
	color: #FFF;
	font-size: 55%;
	text-decoration: none;
	margin-left: 15px;
}

#content {
	padding-top:5px;
	padding-right: 235px;
	padding-left: 181px;
}

/* 3 Spalten */

#links, #mitte, #rechts {
	margin-top: 20px;
	margin-right: 5px;
}

#links {
	float: left;
	width: 30%;
	height: 150px;
	padding: 5px;
}

#mitte {
	float: left;
	width: 30%;
	height: 150px;
	padding: 5px;
}

#rechts {
	float: left;
	width: 30%;
	height: 150px;
	padding: 5px;
}

#content h2  {
	font-size: 95%;
	color: #666;
	margin-bottom: 10px;
}

#content h1,h3  {
	font-size: 80%;
	margin-bottom: 10px;
}

#content p {
	font-size: 75%;
	line-height: 145%;
	margin-bottom: 15px;
}

#content ul {
	font-size: 75%;
	line-height: 145%;
	margin-left: 16px;
	
}

.small {
	font-size: 75%;
}

.bild_r {
	float: right;
	padding-left: 10px;
}

.top {
vertical-align: top;}

.topimg{
	height: 23px;
	width: 23px;
	vertical-align: top;
}

#sidebar-a {
	float: left;
	width:161px;
	height: auto;
	margin: 0;
	background:#c8e1c1 url(../images/layout/bg_side_a_01.png) no-repeat bottom;
}

#sidebar-b {
	float: right;
	width:199px;
	height: 464px;
	margin: 0;
	background:#FFF;
}

.archiv a {
	background: url(../images/layout/pfeil_r_gr.png) no-repeat left;
	float: right;
	padding-left: 15px;
	margin-right: 8px;
	text-decoration: none;
	color: #FFF;
}

.kalendar a {
	background: url(../images/layout/pfeil_r_gr.png) no-repeat left;
	float: right;
	padding-left: 15px;
	margin-top: 8px;
	margin-right: 8px;
	font-size: 65%;
	text-decoration: none;
	color: #FFF;
}


.news-latest-container h2 {
	background: url(../images/layout/reiter_news.png) no-repeat left;
	font-size: 88%;

	margin-bottom: 10px;
}
.news-latest-container{
	width: 199px;
	/*height: 155px; Probelme bei News*/
	background:transparent url(../images/layout/bg_side_b.png) no-repeat bottom;
	margin-bottom: 15px;
	color: white
}
#news {
	width: 199px;
	height: 155px;
	background:#c8e1c1 url(../images/layout/bg_side_b.png) no-repeat bottom;
	margin-bottom: 15px;
}

#news p {
	font-size: 65%;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 6px;
	margin-left: 8px;
}

#termine {
	width: 199px;
	height: 210px;
	background:#c8e1c1 url(../images/layout/bg_side_b.png) no-repeat bottom;
	margin-bottom: 15px;
}

#kurs {
	width: 199px;
	background:#c8e1c1 url(../images/layout/bg_side_b.png) no-repeat bottom;
	padding-bottom: 16px;
	color: black;
	font-size: 80%;
}
#kurs h2{
	height: 16px;
	background: url(../images/layout/reiter_kurse.png) no-repeat left;
}

#kurs p {
	font-size: 65%;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 6px;
	margin-left: 8px;
}

#footer {
	clear: both;
	background-color:#FFF;
	height:20px;
}

/* ##### Menue ##### */

#navcontainer li a {
	display: block;
}

.unter a {
	text-decoration: none;
	color: #000;
	font-size: 73%;
	margin-bottom: 3px;
	text-indent: 8px;
}

.unter3 a {
	text-decoration: none;
	color: #000;
	font-size: 73%;
	margin-bottom: 3px;
	text-indent: 12px;
}


*+html .unter a {margin-bottom: 0;}
* html .unter a {margin-bottom: -18px!important;}

.ab_oben a {
	display: block;
	width: 161px;
	height: 16px;
	background: transparent url(../images/layout/reiter_a.png) no-repeat;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	text-indent: 7px;
	line-height: 140%;
	color: #FFF!important;
	margin-bottom: 2px;
}

* html .ab_oben a { margin-top: -2px;}



.ab_oben_current a {
	display: block;
	width: 161px;
	height: 16px;
	background: transparent url(../images/layout/reiter_a_current.png) no-repeat;
	font-size: 73%;
	font-weight: bold;
	text-decoration: none;
	text-indent: 7px;
	line-height: 180%;
	color: #000;
	margin-bottom: 2px;
}

.ab_oben_current3 a {
        background:transparent url(../images/layout/reiter_a_current.png) no-repeat;
        color:#000;
        display:block;
        font-size:73%;
        height:16px;
        line-height:180%;
        margin-bottom:2px;
        text-decoration:none;
        text-indent:7px;
        width:161px;
}

.ab_oben_notcurrent3 a {
        background:transparent url(../images/layout/reiter_not_current.png) no-repeat;
        color:#000;
        display:block;
        font-size:73%;
        height:16px;
        line-height:180%;
        margin-bottom:2px;
        text-decoration:none;
        text-indent:7px;
        width:161px;
}

.unter3 a {
	text-decoration: none;
	color: #000;
	font-size: 73%;
	margin-bottom: 3px;
	text-indent: 12px;
}

.unter4 a {
        background:transparent url() no-repeat;
	text-decoration: none;
	color: #000;
	font-size: 73%;
	margin-bottom: 3px;
	text-indent: 24px;
}



.ab_oben_current4 a {
	text-decoration: none;
	color: #000;
	font-size: 80%;
	margin-bottom: 3px;
	text-indent: 24px;
}

*+html .ab_oben { margin-bottom: -2px;}
* html .ab_oben { margin-bottom: -2px;}


.sub a {
	background: #6DC174 url(../images/layout/sub_bg.png) no-repeat;
	font-size: 70%;
	text-decoration: none;
	color: #FFF;
	text-indent: 7px;
	line-height: 150%;
	padding-bottom: 3px;
}

* html .sub a { margin-bottom: -18px; }

.subsub a {
	background-color: #8ECC93;
	font-size: 70%;
	text-decoration: none;
	color: #FFF;
	text-indent: 20px;
	padding-bottom: 2px;
}

* html .subsub a { margin-bottom: -2px;}
*+ html .subsub a { margin-bottom: -2px;}


.subsubend a{
	background: url(../images/layout/bg_subsub.png) no-repeat;
	font-size: 70%;
	text-decoration: none;
	color: #FFF;
	text-indent: 20px;
	height: 16px;
	padding-bottom: 2px;
}

#navcontainer {
	position: relative;
	top: 0;
	font-family: Verdana, Arial, sans-serif;
}

*+html #navcontainer {top: -2px;}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ***** Termin-Tabelle ***** */

table {
	/*width: 180px;
	height: 155px;
	font-size: 60%;
	color: #FFF;
	padding: 0;
	text-align: left;
	margin-top: 5px;
	margin-left: 7px;
	border-collapse: collapse;*/
}

th {
	font-weight: normal;
	padding: 0;
	margin: 0;
	border-top:1px solid #FFF;
	border-right: 1px solid #FFF;
	width: 68px;
}


td {
	/*background: url(../images/layout/pfeil_r.png) no-repeat right;
	border-top:1px solid #FFF;
	padding-left: 3px;*/
}

/* *** Float containers fix: *** */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/*******************************************
* TYPO3 Mailformular
********************************************/
.csc-mailform-field label {
  color:#369;
  display:block;
  font-size:0.8em;
  margin-top:1em;
}
.csc-mailform-radio label {
  display:inline;
  margin-left:0.3em;
}
.csc-mailform-radio legend {
  display:none;
}
.csc-mailform-submit {
  margin-top:1em;
}

fieldset, img  {
 border: none;
}


#breadcrump{
   color:#222222;
   font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
   font-size:0.7em;
   float:left;
   padding-left: 8px;
   padding-bottom: 4px;
   width: 500px;
}

#breadcrump a{
	text-decoration: none;
}



div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{
	font-size: 10px;
}


table.contenttable{
	border-collapse:collapse;
	color:black;
	font-size:75%;
	margin-left:7px;
	margin-top:5px;
	padding:0pt;
	text-align:left;
	width:75%;
}

.contenttable td{
	background:white;
	border-top:1px solid black;
	padding-left:3px;
}



/* Navigationscontainer */

#navcontainer {
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
}

/* Navigation */

#navcontainer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Ebene 1 */

#navcontainer ul li {
  background: url(navi_ebene1.gif) no-repeat;
  min-height: 16px;
  height:auto !important;
  height: 16px;
  width: 161px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 3px;
}

.ebene1_no li {
  display: none;
}

/* Ebene 2 */

#navcontainer ul li ul {
  margin-top: 3px;
}

.ebene2_no li {
  display: none;
}

#navcontainer ul li li {
  background: none;
}

/* Ebene 3 */

#navcontainer ul li li li {
  font-weight: normal;
}

.ebene3_no li {
  display: none;
}

/* Ebene 4 */

#navcontainer ul li li li li {
  margin-left: 0px;
}





/* Änderungen Christian Platt, pharmaline ©2008*/
#content{padding-left:8px;
padding-right:8px;
float: left;
width:550px;}


#content h2,h4,h5,h6{
	font-size: 0.8em;
	color: #000;
}



/*Photobook*/

.gfpb_tb_thumb_wrap {float:left}
.gfpb_tb_thumb_wrap A IMG {padding:2px;background-color: white}
.gfpb_tb_thumb_wrap A:link, A:visited {	}	
.gfpb_tb_thumb_wrap A:hover IMG {background-color:#AAA;opacity:.8;}	
* html .gfpb_tb_thumb_wrap A:hover IMG {filter:alpha(opacity=80);} /* IE patch */
.gfpb_tb_thumb_wrap A:active { }	

.gfpb_tb_image_wrap, .gfpb_tb_nav_wrap, .gfpb_tb_comment {text-align:center}
.gfpb_tb_image_wrap A IMG {padding:2px;background-color: white}
.gfpb_tb_image_wrap A:link, A:visited {	}	
.gfpb_tb_image_wrap A:hover IMG {background-color:#AAA;opacity:.8;}	
* html .gfpb_tb_image_wrap A:hover IMG {filter:alpha(opacity=80);} /* IE patch */
.gfpb_tb_image_wrap A:active { }	
.gfpb_tb_dir_link_wrap {margin:1em 0 0 3em}
.fotoboek div div {float:left;}
.gfpb_portret {padding:0px 17px 0px 17px;border:1px solid #E3E8FC}
.gfpb_landscape {padding:17px 0px 16px 0px;border:1px solid #E3E8FC; width:120px; height: 100px;}
.gfpb_tb_thumb_row_wrap {height:110px;}
.fotoboek {text-align:center}
.pages {float:none;background-color:white;font-size:1.5em;border:1px solid #eee}
.pages span {color:#aaa}



/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
 background-color: #FFFFFF;
}


.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:10px;
	background-color: #FFFFFF;
	color: black;
	border-bottom: 0px solid green;
}

.news-list-item .bodytext{
	font-size: 12px;
	float: none;
}

.nofloat{
	float: none;
}

.news-list-item h3 {
	color: black;
}
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background-color: #fbfbfb;

}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H3 {
	background-color:#FFFFFF;
	border-bottom: 1px solid green;
	color:#000000;
	margin-bottom:5px;
	padding:2px;
}
.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color: #000;
	padding-left:2px;
}
.news-list-container H3 A {
	color: black;
	text-decoration: none;
}

.news-list-container H3 A:Hover {
	text-decoration: underline;
}

.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	color: gray;
	text-align: right;
	height: 20px;
	margin-top: 1px;
	margin-right: -2px;
	font-size: 9px;
	font-weight: normal;
}

.news-list-date {
text-decortation: none;
color: black
}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: none;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
/*-- cp news-list category ergänzt--*/
.news-list-category{
	color: gray;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}
.news-list-morelink  {
	margin-bottom:3px;
	text-align: left;
	margin-left:0px;
}
.news-list-browse {
	text-align: center;
}
.tx-ttnews-browsebox {
	font-size: 11px;

}


/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	background-color: #C8E1C1;
}

.news-latest-container H2,.news-latest-gotoarchive {
	/*color:#fff;
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background-color:#C8E1C1;
	background-color: #ccc;*/
	
}

.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	/*border:1px solid #666;
	background-color: #fff;*/
	font-size: 12px;
	color: black;
}

.news-latest-item h3 a{
	font-size: 10px;
	font-decoration: none;
	color: black;
	
}


.news-latest-item .bodytext{
	font-size: 73%;
	margin-top:-11px;
}

.news-latest-item a{
	text-decoration:none;
}

.news-latest-item IMG {
	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-latest-date,.news-latest-morelink,.news-latest-category{
	font-size:9px;
	text-decoration: none;
}

.news-latest-morelink {
	height:12px;
	
}

.news-latest-morelink a{
	color: blue;
}

.news-latest-date a{
	color: black;
}

.news-latest-morelink A {
	float:right;
}
.news-latest-gotoarchive a{
	font-size: 11px;
	padding: 3px;
	color: gray;
	text-decoration: none;
}


/*Kurzliste Termine rechts*/
.kurzlisterechts{
	background: url(../images/layout/reiter_termine.png) no-repeat;
	background-color: #c8e1c1;
	font-size: 60%;
	color: black;
	padding-top: 8px;
}

.kurzlisterechts a{
	color: white;
	text-decoration: none;
	}

.kurzlisterechts .odd{

 	border-top: 1px solid white;
 	margin-left: 3px;
 	background-color: #c8e1c1;
}

.kurzlisterechts .even{

 	border-top: 1px solid white;
 	margin-left: 3px;
 	background-color: #c8e1c1;
}
.sl_startdate{
	border-right: 1px solid white;
}

#rightside h2 {
	background: url(../images/layout/reiter_termine.png) no-repeat left;
	font-size: 95%;
	margin-bottom: 10px;
	height: 16px;
}

#rightside{
	width: 199px;
	background:transparent url(../images/layout/bg_side_b.png) no-repeat bottom;
	background-color: #c8e1c1;
	font-size: 45%;
	color: black;
	margin-bottom: 10px;
	padding-bottom: 16px;
}

/*NEWS-SINGLE*/

.news-single-img {
float:left;
width: 240px;
padding: 5px;
}
.news-single-img p {
font-size:9px;
}

.news-single-item h2{
font-size:13px;
}

.news-single-timedata{
float:right;
font-size:9px;
}

.news-single-backlink{
font-size:13px;
font-color: blue;
}

.news-single-imgcaption {
font-size:10px ! important;
}


/*CAL-SINGLE*/

.cal_singleevent_start{
font-size:75%;
}
.cal_singleevent_stop{
font-size:75%;
}
#cal_single_organizer{
font-size:75%;
margin-top: -12px;
margin-bottom: -10px;
}
#cal_single_locationlink{
font-size:75%;
margin-bottom: 10px;
}


#cal_single_img{
float: left;
margin-right: 10px;
}

#cal_single_description{
float: left;
}


/*CAL-LIST*/




.tx-cal-controller .even{
background-color: #C8E1C1;
margin-bottom: 15px;
margin-top: 15px;
}

.tx-cal-controller .odd!{
background-color: #FFFFFF;
}

.calimg {
float:left;
padding-right: 7px;
margin-bottom: 5px;
}

.calcont{
font-size:13px;
}

.calh1 {
font-size:15px;
font-weight: bold;
font-color: black;
}

.calh2{
font-weight: bold;
float:left;
}


/*CAL-LOCATION*/

.tx-wecmap-map{
margin-bottom: 10px;
margin-top: 10px;
border: 1px solid black;
}

.cal_loc_others{
margin-bottom: 10px;
margin-top: 10px;
}

.cal_loc_description{
margin-bottom: 10px;
margin-top: 10px;
}

.tx-cal-controller{
font-size: 100%;
}

.cal_loc_name{
font-weight:bold;
font-size: 110%;
}

.cal_loc_description{
font-size: 15px;
}

.termine_rechts{
font-size: 125%;
}

.tx-plexercisedb-pi1{
font-size: 70%;
}

.tx-plexercisedb-pi1 td{
border: 1px solid black;
}

.tx-plexercisedb-pi1 th{
	font-weight: bold;
}

ccc#c3373 ul{
margin-left: 0px;
}

