/** =========================================== **/
/** ================ INIT ===================== **/
/** =========================================== **/
* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%; 
}

body {
	background-color: #848284;
	text-align: center;
}

/* Format 840x590 px ; Grundfarbe-rot: #B53446 */
/** =========================================== **/
/** ================  Layout   ================ **/
/** =========================================== **/
#MainBox {	
	background: url(../images/tcs-background.jpg) no-repeat left top;
	position: relative;
	width: 840px;
	height: 600px;
	margin:  20px auto 0px auto;     /* Main-Box zentrieren */
	text-align: left;

	scrollbar-face-color:#B53446;
	scrollbar-base-color:#B53446;
	scrollbar-arrow-color:white;
	scrollbar-shadow-color:white;
	scrollbar-darkshadow-color:#B6B4B7;
	scrollbar-3dlight-color:#B6B4B7;
	scrollbar-highlight-color:white; 
	scrollbar-track-color:#B6B4B7;
}

#HeaderBox {
	position: relative;
	height: 95px;
	margin: 0px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}


#BodyBox {
	/*width: 838px;*/
}

#MenuBox {
	margin-top: 20px;
	width: 201px;
	float: left;
}

#ContentBox { 	
	margin-top: 20px;
	margin-left: 201px;
	height: 460px;
}

#InfoBox {
	margin: 10px 0px 0px 0px;
	font-size: 0.7em;
	color: #000;	
	text-align: center;
}

div.Inhalt {
	width: 435px;
	float:left;
}

div.Bild {
	float: right;
}


/**********************************************************************/
/*  Joomla! - Styles 
/**********************************************************************/

/* ______ links ______________________________ */
a,
a:link,
a:visited {
/*	font-weight: bold;*/
	text-decoration: none;
	color: #B53446; /*rot*/
}
a:hover {
	text-decoration: none;
	color: #fff; 
}
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
	text-decoration:none;
}

.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
	color: #666;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	letter-spacing: 2px;
	font-size: 10px;
	text-decoration:none;
}
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
	font-size: 1.0em;
	color: #B53446; /* rot */
	text-decoration: none;
}
a.blogsection:hover {
	color: #888;
	text-decoration: none;
}

a.toclink:link,
a.toclink:active,
a.toclink:visited {
	color: #ccc;
	font-size: 11px;
	margin: 2px 10px 2px 10px;
	display: block;
	text-decoration: none;
}
/* ______ lists ____________________________ */
ul {
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 16px;
	padding: 0px;
}
li {
	line-height: 18px;
	list-style-type: square;
	list-style-position: outside;
}

/*_____ menu: mainlevel ____________*/
.mainlevel {
	display : block;
	margin-top: 10px; /*10px; 20px*/
	margin-left: 22px;
	padding-left: 22px;
	height : 22px;/*22px; 35px; */
	color: black; 
	font-size: 14px;
	font-weight: bold;	
	letter-spacing: -0.01em;
	vertical-align : middle;
	text-decoration: none;
	background-image : url(../images/navi_red_dot.jpg);
	background-repeat : no-repeat;
}
a.mainlevel:link,
a.mainlevel:visited {
	vertical-align : middle;
	color: black; 
	text-decoration: none;
}

a.mainlevel#active_menu, 
a.mainlevel:hover,
a.mainlevel:focus,
a.mainlevel:active  {
	background-image : url(../images/navi_red_dot_active.jpg);
	background-repeat : no-repeat;
	color: white;  

}
/*_____ menu: sublevel ____________*/
.sublevel {
	color: #fff;
}
a.sublevel:link,
a.sublevel:visited {
	margin-left: 40px;
	line-height: 1.5em;
	vertical-align : middle;
	color: #000;  
/*	font-size: 0.8em;*/
	font-size: 13px;
	text-decoration: none;
}
a.sublevel#active_menu,
a.sublevel:hover,
a.sublevel:focus,
a.sublevel:active  {
	margin-left: 40px;
	line-height: 1.5em;
	vertical-align : middle;
	color: #fff;  
/*	font-size: 0.8em;*/
	font-size: 13px;
	text-decoration: none;
}
.subsublevel {
	font-size: 0.8em;
	line-height: 1.2em;
	padding-left: 22px;
}

/*_____ menu: mainlevel-right ________________*/
a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:focus,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
	color: black;
	text-decoration: none;
	/*font-size: 0.8em;*/
}
a.mainlevel-right:hover {
	background-color: #ccc;
	text-decoration: none;
}


/*_____ pathway ______________________________*/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
	color: #777;
	/*font-size: 0.9em; keine Angabe!*/
	text-decoration: none;
}
span.pathway {
	display: block;
	text-align: left;
	color: #222;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 1px solid #E5E5E5;
	height: 20px;
	margin-bottom: 10px;
}

/* _____ componentheading ____________ */
.componentheading {
	font-size: 1.0em;
	/*font-weight: bold;*/
	margin: 5px 0 0px 0;
	display: block;
}

/* _____ contentheading ______________ */
.contentheading {
	/*border: 1px solid red;*/
	background-color: inherit;
	margin-top: 13px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000; 
	margin-top: 0px;
	display: block;

}
/* _____ contentpagetitle ______________ */
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	/*border: 1px solid red;*/
	background-color: inherit;
	font-size: 1.1em;
	color: black;
	display: block;
}
a.contentpagetitle:hover {
	text-decoration: none; 
	color: #888; 
	
}
/* _____ contentpane ______________ */
.contentpane {
/*	border: 1px solid blue;*/
	width: 500px;
	margin-left: 30px;
	font-size: 0.75em;
	text-align:left;
	color: black;
}
.contentpaneopen {	
/*border: 1px solid red;*/
	margin-top: 5px;
	margin-right: 8px;
	font-weight: normal;
	font-size: 0.72em;
	line-height: 1.5em;
}
.contentpaneopen p {
	padding-top: 10px;
}
.contentpaneopen a:link,
.contentpaneopen a:active,
.contentpaneopen a:visited {

	font-weight: bold;
	color: #B53446;
}
.contentpaneopen a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.contentpaneopenbox {
}
#contentcenter {
/*	margin-top: 20px;*/
	margin-left: 40px;
}


/* _____ buttonheading ______________ */
.buttonheading {
	width: 1.2em;
	text-align: right;
	color: white;
}
.buttonheading a {
	text-align: right;
	color: white;
}

/* _____ section / category _________ */
.sectiontableheader {
	font-weight: bold;
}
.category, .categorytitle {
	font-weight: bold;
	color: yellow;
	background-color: inherit;
}
.sectiontableentry1 {
	background-color: #efefef;
	padding: 2px;
	color: #333333;
}
.sectiontableentry2 {
	background-color: #fff;
	padding: 2px;
	color: #333;
}

/* _____ blog ________________________ */
.blogsection {
	color: orange;
	background-color: inherit;
}
.blog_more {
	font-weight: bold;
	line-height: 15px;
	padding-top: 20px;
	color: #888;
	font-size: 0.9em;
	border-bottom: 1px solid #E5E5E5;
	background-color:inherit;
}

/* _____ small _______________________ */
/**  text in content **/
.small {
	/*color: #999;*/
	color: black;
	font-size: 0.95em; 
	line-height: 1.2em;
	background-color: inherit;
}
.angebot-text {
	color: black;
	font-size: 0.92em; 
	line-height: 1.2em;
	background-color: inherit;
}
.angebot {
	font-size: 1.0em;
	font-weight: bold;
	background-color: inherit;
}
.preis {
	font-weight: bold;
	color: #555;
}
.gueltig {
	color: #666;
	font-size: 0.8em; 
	text-decoration: none;
	background-color: inherit;
}

/*______ Tabs mit tabs_slides.css __________________*/
.tabTCS {
	height: 375px;
	margin: 0px 182px 0px 0px;
	padding: 0px;
	border: 0;
	background: inherit; /*#b3b3b3;*/
/*	border: 1px solid blue;*/
}


/*______ Page Navigation __________________*/
/* FORMATIERUNG II: mit Buttons fuer zurueck und weiter */
.pageTCSlong {
	height: 420px;
	margin-right: 200px;
}
.pageTCS {
	height: 350px;
	margin-right: 200px;
}
.pagenavbar {
/*	display: block;*/
	width: 70%;
	height: 20px;
	margin-top: 0px;
	background-color: inherit;
	font-size: 1.0em;
	color: black;
	line-height: 25px;
	text-align: left;
	letter-spacing: 2px;
	/*clear:both;*/
}
.pagenav {
	height: 20px;
	margin-left: 0;
	margin-right: 0;
	background-color: inherit;
	clear: both;
}

a.pagenav,
a.pagenav:link,
a.pagenav:visited,
a.pagenav_next:link,
a.pagenav_pre:link {
	padding: 1px 4px;
	font-size: 0.75em;
	line-height: 2.0em;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #B53446;
	border-top: 1px solid #fff;
	border-right: 1px outset #000;
	border-bottom: 1px outset #000;
	border-left: 1px solid #fff;
	letter-spacing: 2px;
	color: #fff;
}
a.pagenav:hover,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.pagenav:active,
a.pagenav_next:active,
a.pagenav_pre:active,
a.pagenav:focus,
a.pagenav_next:focus,
a.pagenav_pre:focus {
	color: white;
	background-color: #aaa;
	text-decoration: none;
}
span.pagenav {
	padding: 1px 4px;
	font-size: 0.75em;
	line-height: 2.0em;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #999;
	border-top: 1px solid #fff;
	border-right: 1px outset #000;
	border-bottom: 1px outset #000;
	border-left: 1px solid #fff;
	letter-spacing: 2px;
	color: #fff;

}
span.pagenavnumber {	/* Seitenzahl der aktuellen Seite */
	color: #fff;
	font-weight: normal;	
}
a.pagenavnumber:link,
a.pagenavnumber:visited {	/* Seitenzahl der weiteren Seiten */
	color: #000;
	text-decoration: none;
}
a.pagenavnumber:hover,
a.pagenavnumber:focus,
a.pagenavnumber:active {
	color: #fff;	
}


/* FORMATIERUNG I: - einfache Schrift <<zurueck 1 2 3 weiter>>
a.pagenav {
	color: #B53446; 
	font-weight: bold;
	text-decoration: none;
}
a.pagenav:hover,
a.pagenav_next:hover,
a.pagenav_pre:hover  {
	color: white;
	text-decoration: none;
}
*/


/* _____ Back Button ____________________ */
.back_button {
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.7em;
	width: 100%;
	margin-bottom: 10px;
	/*letter-spacing: 2px;*/
}

/* _____ MosImage ______________________ */
.mosimage {
	padding: 14px 10px 10px 0px;
	line-height: 12px;
	font-family: Helvetica, sans-serif;
	overflow-x: visible;
}

.mosimage_caption {
	text-align: center;
	margin-top: 4px;
	color: #fff;
	font-size: 9px;
}
.multithumb {
	margin: 0px 10px 10px 0px;
}
/* _____ MosImageTCS ______________________ */
.mosimagetcs {
/*	border: 1px solid yellow;*/
	float: right;
	width: 180px;
	height: 360px;
	margin-left: 20px;
	margin-top: 12px;
	text-align: right;
	line-height: 12px;
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-size: 0.75em;
	overflow: hidden;
}
.mosimagetcs p {
	margin: 0;
	border: 0;
	padding: 0;
	height: 175px;
	font-size: 9px;
	line-height: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: ;
}
/*.mosimagetcs img {
	image-align: right;
	position: absolute;
	margin-left: -150px;
}*/

.mosimagetcs_caption {
	margin-top: 4px;
	font-size: 9px;
}
.figureTCS {
/*	border: 1px solid yellow;*/
	float: right;
	width: 160px;
	height: 360px;
/*	margin-left: 40px;*/
	margin-top: 12px;
	text-align: right;
	line-height: 12px;
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-size: 9px;
}

/* _____ search /input _____________________ */
.search  {
	margin-top: 30px;
}
/** search div in top right column. position: user4 **/
div.search {
	margin-left: 0.7em;
}
textarea.inputbox{
	width: 380px;
}
.search,
.inputbox {
	/*width: 300px;*/
	text-align: left;
	background-color: #c7c7c7;
	font-size: 0.9em;
	color: #111;
	text-indent: 5px;
	border-top: 1px inset #ccc;
	border-right: 1px solid #eee;/*ccc*/
	border-bottom: 1px solid #eee;/*ccc*/
	border-left: 1px inset #ccc;
}

.highlight {
	font-weight:bold;
	background-color: #f00;
	margin: 2px 0 2px 0;	
}


/* _____ table of content headers ____ */
table.contenttoc {
	border: 1px solid #000;
	padding: 1px;
	display: block;
	width: 150px;
/*	width: 130px;*/
	margin: 0 0 10px 10px;
}
.contenttoc th {
	color: #fff;
	background-color: #666;
	font-size: 0.8em;
	display: block;
	width: 124px;
}

/* ______ fix opera table width for content list in table category _____*/
table.contentpane td.contentdescription {
	width:100%!important;
}

/* _____ latest news / mostread _________________ */
ul.latestnews li,ul.mostread li {
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	list-style-position: outside;
}
.latestnews,
.mostread {
	color: #000;
}
a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
	color: #000;
	text-decoration: underline;
}
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel-right:hover,
a.readon:hover,
a.latestnews:hover {
	text-decoration: underline;
	color: #bbb;
	background-color: inherit;
}


/* _____ modules _____________________________ */
table.moduletable {
	width:100%;
	float:left;
	clear:left;
}
table.moduletable th,
table.moduletable-bgimg th,
table.moduletable-right th {
	border: 1px solid #000;	
	color: #fff;
	font-size: 1.2em;
	/*line-height: 20px;*/
	background-color: #484848;
	height: 25px;
	text-align: left;
	padding-left: 15px;
	font-weight: normal;
}

/* _____ button _____________________________ */

.button {
	font-size: 0.75em;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	background-color: #B53446;
	border-top: 1px solid #fff;
	border-right: 1px outset #000;
	border-bottom: 1px outset #000;
	border-left: 1px solid #fff;
/*	letter-spacing: 2px;*/
}
/*.button {
	font-size: 0.75em;
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-right: 1px outset #ccc;
	border-bottom: 1px outset #ccc;
	border-left: 1px solid #fff;
	letter-spacing: 1px;
}*/



/* _______ top menu: you need to add menu class suffix: -nav ______*/
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}
ul#mainlevel-nav li {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto !important;
/*	font-size: 0.8px;*/
	line-height: 23px;
	white-space: nowrap;
}
ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
/* ______ firefox only ________________________ */
#topmenu>ul#mainlevel-nav li a {
	width: auto;
}
ul#mainlevel-nav li a:hover {
	background: #535353;
	text-decoration:none;
}


 /*
specific right column menu item. position:right
you need to add menu class suffix: right
 */
.mainlevel-right {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 15px;
	font-weight: bold;
}

/* ______ moduletable -> class suffix: -bgimg ___________*/
table.moduletable-bgimg {
	background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
	float: left;
	clear: left;
	width: 100%;
}
table.moduletable-bgimg td {
	padding: 5px ;
	font-size: 0.9em;
}
table.moduletable-bgimg td td {
	padding: 0!important;
}

/* _____ poll _____________________________ */
.poll {
	font-size:11px;
	line-height: 16px;
}
table.pollstableborder .sectiontableentry2 {
	background-color:transparent; 
	text-align:left; 
}
table.pollstableborder .sectiontableentry1 {
	background-color:#F5F5F5; 
	text-align:left;
}
.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
	background-color:transparent!important; 
	text-align:left!important; 
}

/* _____ message _____________________________ */
.message {
	color: #fff;
	font-size: 0.8em;
	text-decoration: underline;
	font-weight: bold;
	text-indent: 32px;
	margin-bottom: 5px;	
}

/* ________ END ________ */