/** =========================================== **/
/** ================ INIT ===================== **/
/** =========================================== **/
* {
	border: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em; 
}
body {
	background-color: #848284;
	text-align: center;
}

#MainBox {	
	background: url(../images/tcs-background-wide.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,
#HeaderBox a {
	position: static;
	height: 95px;
	margin: 0px;
}
#TickerBox,
#TickerBox a {
	color: #fff;
	font-size: 11px;
	font-weight: none;
}

#BodyBox {
	position: static;
	text-align: left;
}

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

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

}

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

div.Bild {
	float: right;
}

/**********************************************************************/
/*  Content - Styles 
/**********************************************************************/
.Kommentar {
	display: inline;
	margin-left: 30px;
	font: 0.85em/100% Verdana, Tahoma, sans-serif bold;
	color: white;
	font-weight: bold;
	line-height: 1.9em;
}
#transparentBorder {
	margin-left: 30px;
	border: 1px solid black;
	padding: 1px;
}
/**********************************************************************/
/*  STUNDENPLAN
/**********************************************************************/

table.Stundenplan {
	border-spacing: 1px;
}
th.wochentag {
	color: white;
	text-align: center;
	border: 1px solid #444;
	background-color: #aaa; /*inherit; #939193; */
	width: 90px;
}
td.keinKurs {
	padding-top: 5px;
	border: 1px solid #444;
	background-color: #D3D3D3;
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: black;
      letter-spacing: -0.005em;
}
td.KursBasis {
	border: 1px solid #444;
	background-color: #aaa; 
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: black;
      letter-spacing: -0.005em;
}
td.KursZusatz {
	border: 1px solid #444;
	background-color: #fae6e9;  
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: #555;
      letter-spacing: -0.005em;
}
td.KursTraining {
	border: 1px solid #444;
	background-color: #fae6e9; 
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: #000; 
      letter-spacing: -0.005em;
}
td.KursProbe {
	border: 1px solid #444;
	background-color: #808080;  
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: #fff;
      letter-spacing: -0.005em;
}
td.KursA {
	border: 1px solid #444;
	background-color: #f1cdd1;  
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: #000;
      letter-spacing: -0.005em;
}
td.KursB {
	border: 1px solid #444;
	background-color: #e199a3; 
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: black;
      letter-spacing: -0.005em;
}
td.KursC {
	border: 1px solid #444;
	background-color: #d16070; 
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: black;
      letter-spacing: -0.005em;
}
td.KursD {
	border: 1px solid #444;
	background-color: #B53446; 
	text-align: center;
	font: 10px/120% Verdana, Tahoma, sans-serif bold;
	color: black;
      letter-spacing: -0.005em;
}
table.Stundenplan p {
	line-height: 1.5em;
	padding-bottom: 5px;
}
table.Stundenplan p.Zeit {
	padding-top: 5px;
	line-height: 1.5em;
}
table.Stundenplan p.Titel {
	font-weight: bold;
}
table.Stundenplan p.TitelWeiss {
	color: #fff;
	font-weight: bold;
}
table.Stundenplan p.Info {
	line-height: 1.5em;
	padding-bottom: 5px;
}

/**********************************************************************/
/*  Joomla! - Styles 
/**********************************************************************/
/* ______ Links ______________________________ */
a,
a:link,
a:visited {
	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: lightgrey;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
	display: block;
	text-decoration: none;
}
/* ______ lists ____________________________ */
ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
}
li {
/*	line-height: 18px;*/
	padding-left: 0px;
	padding-top: 0px;
	list-style-type: square;
	list-style-position: inside;
}

/*_____ menu: mainlevel ____________*/
.mainlevel {
	display : block;
	margin-top: 10px; /*10px; 20px*/
	margin-left: 22px;
	padding-left: 22px;
	height : 22px;/*22px; 35px; */
	color: black; 
	/*font-size: 0.85em;*/
	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:active, 
a.sublevel:focus  {
	margin-left: 40px;
	line-height: 1.5em;
	vertical-align : middle;
	color: #fff;  
/*	font-size: 0.8em;*/
	font-size: 13px;
	text-decoration: none;
}

/*_____ 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;*/
	padding: 5px 0 0px 0;
	display: block;
}

/* _____ contentheading ______________ */
.contentheading {
	/*border: 1px solid red;*/
	background-color: inherit;
	padding-top: 13px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000; 
	padding-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 red;
	width: 500px;
	margin-left: 60px;
	margin-right: 40px;
	font-size: 0.75em;
	text-align:left;
	color: black;
}
.contentpaneopen {	
/*border: 1px solid red;*/
	margin-top: 15px;
	padding-right: 20px;
	font-size: 0.72em;
	line-height: 1.5em;
}

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

/* _____ 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: B53446;
	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 _______________________ */
/** small text in content **/
.small {
	/*color: #999;*/
	color: black;
	font-size: 0.8em; 
	line-height: 1.2em;
	background-color: inherit;
}

/*______ Page Navigation __________________*/
.pageTCS {
	height: 340px;
/*	border: 1px solid blue;*/
	margin-right: 20px;
}
.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;	
}

/*______ Tabs mit tabs_slides.css __________________*/
.tabTCS {
	height: 375px;
	width: 610px;/*620*/
	margin: 0px;
	padding: 0px;
	border: 0;
	background: inherit; /*#b3b3b3;*/
/*	border: 1px solid blue;*/
}
.tabTCS h1 {
	padding-top: 15px;
	color: #000;
	text-align: center;
}

/* _____ 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 {
/*	border: 1px solid yellow;*/
	padding-right: 20px;
	line-height: 12px;
	font-family: Helvetica, sans-serif;
	color: #fff;
	font-size: 0.75em;
}

.mosimage_caption {
	padding-top: 4px;
	font-size: 9px;
}

/* _____ search /input _____________________ */
.search  {
	margin-top: 30px;
}
/** search div in top right column. position: user4 **/
div.search {
	margin-left: 0.7em;
}
.search, .inputbox {
	/*width: 80%;*/
	text-align: left;
	background-color: #f0f0f0;
	font-size: 0.9em;
	color: #111;
	text-indent: 5px;
	border-top: 1px inset #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px inset #ccc;
}
/*
input {
	background-color: #f0f0f0;
	border: 1px outset grey;
}*/
.highlight {
	font-weight:bold;
	background-color: pink;
	padding: 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.7em;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}



/* _______ 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; 
}

/* ________ END ________ */