/**
 * @author		Roland Meier
 * @package		Joomla!
 * @subpackage	mytec-blog
 * @link		http://medialekt.de
 * @email		info@medialekt.de
 * @copyright	Roland Meier
 *
 * MyTec-Blog Template - Joomla! 2.5.x
 * Copyright (C) 2011 Roland Meier
 *
**/

/********************************************************/
/*****		BASIC SETTINGS							*****/
/********************************************************/

* {
	margin:					0px;
	padding:				0px;
}
body {
	font-family:			sans-serif, Arial, helvetica;
	font-size:				12px;
	color:					#fff;
	background-color:		#1f1f1f;
}
p {
	margin-top: 12px;
}



/********************************************************/
/*****		FRAMES									*****/
/********************************************************/

#header {
	border:					0px dashed blue;
	background-image:		url("../images/bg_header80.jpg");
	background-repeat:		no-repeat;
	height:					132px;
}

#navigation {
	border:					0px dashed blue;
	background-image:		url("../images/bg_navigation80.jpg");
	background-repeat:		repeat-x;
	padding-left:			232px;
	height:					42px;
}

#content {
	border:					0px dashed yellow;
	width:					1280px;
	display:				block;
}
#contentLeft {
	border:					0px dashed blue;
	width:					232px;
	float:					left;
}
#contentMain {
	border:					0px dashed green;
	/*background-color:		#ccc;*/
	width:					1048px;
	float:					right;
}
#contentFrame {
	border:					0px dashed green;
	background-color:		#1f1f1f;
	width:					760px;
	float:					left;
}
#contentMainLeft {
	border:					0px dashed green;
	background-color:		#1f1f1f;
	width:					760px;
	float:					left;
}
#contentMainRight {
	border:					0px dashed red;
	background-color:		#1f1f1f;
	width:					288px;
	float:					right;
}

#footerNav {
	border:					0px dashed red;
}
#footerNavHead {
	border:					0px dashed blue;
	background-image:		url("../images/bg_navfoottop80.jpg");
	background-repeat:		repeat-x;
	height:					10px;
}
#footerNavCenter {
	border:					0px dashed blue;
	background-image:		url("../images/bg_navfootcenter80.jpg");
	background-repeat:		repeat;
	width:					100%;
	display:				table;
}
#footerNavCenter1 {
	border:					0px dashed blue;
	margin-left:			232px;
	width:					540px;
	float:					left;
}
#footerNavCenter2 {
	border:					0px dashed blue;
	margin-left:			10px;
	width:					240px;
	float:					left;
}
#footerNavCenter3 {
	border:					0px dashed blue;
	margin-left:			10px;
	width:					240px;
	float:					left;
}
#footerNavFoot {
	border:					0px dashed blue;
	background-image:		url("../images/bg_navfootbottom80.jpg");
	background-repeat:		repeat-x;
	height:					10px;
}

#footer {
	border:					0px dashed red;
	padding-left:			232px;
    margin-bottom:          140px;
}
#footerLeft {
	border:					0px dashed blue;
	padding:				10px 2px;
	width:					596px;
	float:					left;
}
#footerRight {
	border:					0px dashed blue;
	margin-left:			50px;
	padding:				10px 2px;
	width:					396px;
	float:					left;
	text-align:				right;
}

.clear {
	clear:					both;
}

#errorFrame {

}



/********************************************************/
/*****		FORMAT OF ELEMENTS						*****/
/********************************************************/

div#contentMainRight .moduletable {
	border:					1px solid #333;/*00a0dc*/
	margin:					4px;
	padding:				4px 8px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	-moz-border-radius:		8px;
	border-radius:			5px;
	background-image:		url("../images/bg_moduletable80.jpg");
	background-repeat:		repeat-y;
	box-shadow:				2px 2px 2px #000;
}
div#contentMainLeft .items-leading,
div#contentMainLeft .items-row,
div#contentMainLeft .item-page,
div#contentMainLeft .blog,
div#contentFrame div.moduletable div.newsflash {
	border:					1px solid #333;/*00a0dc*/
	margin:					4px;
	padding:				4px 8px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	-moz-border-radius:		8px;
	border-radius:			5px;
	background-image:		url("../images/bg_moduletable80.jpg");
	background-repeat:		repeat-y;
	box-shadow:				2px 2px 2px #000;
}
div#contentMainLeft .items-leading dl.article-info,
div#contentMainLeft .items-row dl.article-info,
div#contentMainLeft .item-page dl.article-info {
	border:					1px solid #333;
	background-color:		rgba(255,255,255,0.1);
	height:					40px;
	margin-bottom:			4px;
	padding:				4px;
}
div#contentMainLeft .items-leading dl.article-info dd,
div#contentMainLeft .items-row dl.article-info dd,
div#contentMainLeft .item-page dl.article-info dd {
	margin-right:			32px;
	font-style:				italic;
	font-size:				10px;
	color:					#666;
	float:					left;
}
div#contentMainLeft .items-leading dl.article-info {
	display:				none;
}
div#contentMainLeft img,
div#footerNavCenter2 img {
	border:					0px;
	margin:					4px 4px 0px 0px;
	box-shadow:				0px 0px 8px #00a0dc;
}
div#footerNavCenter .custom {
	margin-bottom:			12px;
}

div#contentMainLeft .blog .cat-children {
	border:					1px solid #333;
	background-color:		rgba(255,255,255,0.1);
	margin-bottom:			4px;
	padding:				4px;
}
div#contentMainLeft .blog .cat-children h3 {
	padding:				0px 0px 4px 4px;
}
div#contentMainLeft .blog .cat-children ul li {
	list-style:				cross-fade;
	margin-left:			20px;
	clear:					both;
}
div#contentMainLeft .blog .cat-children ul li dl dt {
	float:					left;
}
div#contentMainLeft .blog .cat-children ul li dl dd {
	float:					left;
	margin-left:			10px;
}
div#contentMainLeft .blog .cat-children ul li.last {
	margin-bottom:			20px;
}

.newscalendar ul.nc-items {
	background:				none;
	background-color:		rgba(0,0,0,0.9);
	font-family:			sans-serif, Arial, helvetica;
	font-size:				12px;
}
span.outofmonth {
	color:					#666 !important;
}
.newscalendar ul.nc-items li a:hover {
	color:					#00a0dc !important;
	text-decoration:		underline;
}

div#jc h4 {
	color:					#fff;
}
div#jc a:link, a:active, a:visited {
	color:					#000;
}

div#comments div#comments-list,
div#comments div#comments-list-footer {
	margin-left:			0px;
}

div#contentMainRight ul.sl_contentaccordion_modern li,
div#contentMainRight ul.sl_contentaccordion_modern_css3 li
{
	margin-left:			0px !important;
}
div#contentMainRight ul.sl_contentaccordion_modern li a span,
div#contentMainRight ul.sl_contentaccordion_modern_css3 li a span
{
	text-shadow:					2px 2px 2px #999 !important;
}
div#contentMainRight ul.sl_contentaccordion_modern li a span.articles_count,
div#contentMainRight ul.sl_contentaccordion_modern_css3 li a span.articles_count
{
	background-image:		none !important;
}



/********************************************************/
/*****		LINKS									*****/
/********************************************************/

a.comments-policy:link, a.comments-policy::active, a.comments-policy::visited {
  color:					#00a0dc !important;
}
a:link, a:active, a:visited {
	color:					#00a0dc;
	text-decoration:		none;
	/*text-shadow:			2px 2px 2px #000;*/
}
a:hover {
	color:					#ccc;
	text-decoration:		underline;
	text-shadow:			2px 2px 2px #000;
}

div.moduletablemytec li .item {
	border:					0px solid black !important;
	color:					#fff;
}
div.moduletablemytec li.root .item {
	height:					30px !important;
	background-color:		rgba(0,0,0,0);
	margin:					1px 0px;
	padding:				5px 16px;
}
div.moduletablemytec li.root .active {
	height:					30px !important;
	background-color:		rgba(0,0,0,0.25);
	margin:					1px 0px;
	padding:				5px 16px;
}
div.moduletablemytec li.root .sfHover {
	height:					30px !important;
	background-color:		rgba(0,0,0,0.25) !important;
	margin:					1px 0px;
	padding:				5px 16px;
}

div.level1 .fusion-js-subs {
	border:					1px solid #00a0dc;
}
div.level1 ul.level2 li {
	height:					32px !important;
}
div.level1 ul.level2 li a.item {
	border:					0px solid black !important;
	color:					#fff;
	height:					24px !important;
	background-color:		rgba(0,0,0,0.9);
	padding:				4px 8px;
}
div.level1 ul.level2 li.active .item {
	background-color:		rgba(0,0,0,0.25);
}

/*div#contentMainRight .moduletable a:link, a:active, a:visited {
	color:					#00a0dc;
	text-decoration:		none;
	text-shadow:			2px 2px 2px #000;
}
div#contentMainRight .moduletable a:hover {
	color:					#ccc;
	text-decoration:		underline;
	text-shadow:			2px 2px 2px #000;
}

div#contentMainLeft .items-leading a:link, a:active, a:visited, div#contentMainLeft .items-row a:link, a:active, a:visited {
	color:					#00a0dc;
	text-decoration:		none;
	text-shadow:			2px 2px 2px #000;
}
div#contentMainLeft .items-leading a:hover, div#contentMainLeft .items-row a:hover {
	color:					#ccc;
	text-decoration:		underline;
	text-shadow:			2px 2px 2px #000;
}

div#footer a:link, a:active, a:visited {
	color:					#00a0dc;
	text-decoration:		none;
	text-shadow:			2px 2px 2px #000;
}
div#footer a:hover {
	color:					#ccc;
	text-decoration:		underline;
	text-shadow:			2px 2px 2px #000;
}*/



/********************************************************/
/*****		TEXT									*****/
/********************************************************/

div#contentMainRight .moduletable ul li {
	list-style:				circle;
	margin-left:			20px;
}
div#contentMainRight .moduletable h3 {
	padding:				0px 0px 4px 0px;
}

div#contentMainLeft .items-leading ul li, div#contentMainLeft .items-row ul li {
	list-style:				circle;
	margin-left:			20px;
}
div#contentMainLeft .items-leading h2, div#contentMainLeft .items-row h2 {
	padding:				0px 0px 4px 0px;
}

div#footerNavCenter .moduletable h3 {
	padding:				0px 0px 4px 0px;
}

div#footer {
	color:					#666;
	font-style:				italic;
	text-shadow:			2px 2px 2px #000;
}


h1 {

}
h2 {

}
h3 {

}

pre {
	border:					1px dashed #00a0dc;
	background-color:		rgb(255, 255, 153);
	padding:				5px;
	font-family:			monospace;
	color:					#111;
	white-space:			normal;
}

.errorText {

}

div.items-more {
	margin: 10px;
}
div.blog-featured ol li {
	margin-left: 32px;
}
div.blog-featured div.items-leading div.clearfix {
	border-bottom: 1px solid #333;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
p.readmore {
	margin: 14px 0px;
}
div.items-leading p.readmore {
	margin: 14px 0px 28px 0px;
}
div.pagination {
	text-align: center;
	margin: 20px 0px;
}
div.pagination ul {
	padding-left: 5px;
}
div.pagination ul li {
	display: inline;
	padding: 0px 12px 0px 0px;
	list-style-type: none;
}

div.item-page ol li,
div.leading-0 ol li {
	margin-left: 20px;
}

div#contentMainLeft ul li {
	margin-left: 20px;
}

div.items-leading div.attachmentsContainer, div.attachmentsContainer {
	position: absolute;
}

div#contentMain div#contentMainRight div.moduletable ul#sl_contentaccordion_modern li:first-of-type,
/*div#contentMain div#contentMainRight div.moduletable ul#sl_contentaccordion_modern li:last-of-type,*/
div#contentMain div#contentMainRight div.moduletable ul#sl_contentaccordion_modern_css3 li:first-of-type
/*div#contentMain div#contentMainRight div.moduletable ul#sl_contentaccordion_modern_css3 li:last-of-type*/
{
	display: none;
}
div#contentMain div#contentMainRight div.moduletable ul#sl_contentaccordion_modern li ul li,
div#contentMain div#contentMainRight div.moduletable ul#sl_contentaccordion_modern_css3 li ul li
{
	display: inherit !important;
}

div.level1 ul.level2 li.active .item {
	background-color: rgba(0, 0, 0, 0.9);
}

div.level1 ul.level2 li.active .item:hover {
	background-color: #2C87C0;
}
div.cedsocialsharinglive {
	margin-bottom: 24px;
}
div#xmap h1 {
	padding: 20px;
	font-size: 18px;
}

div#comments-list-footer {
  display:none;
}

.tooltip {
	font-size:0px;
}

/* article intro image */
div#contentMainLeft div.items-leading div.item-image img {
	width: 200px;
	float: right;
}
div#contentMainLeft div.item-image img {
	width: 100%;
	margin-bottom: 12px;
}

/* New Shariff Plugin. */
.shariff ul {

}
.shariff .orientation-horizontal li {
	min-width: 10px !important;
	margin-left: 0px !important;
	margin-right: 4px;
}

#comments-form p {
	margin-left: 0px !important;
}
#jc span,
#comments-form label {
	color: #fff;
}

.myIframe {
	border: 1px solid #ccc;
	margin: 5px;
}

/* Privacy list */
ol.myPrivacy li:before {
	content: counters(item, ".")".";
	counter-increment: item;
	position: absolute;
/*	margin-right: 100%;
	right: 20px;  space between number and text first layer */
}
ol.myPrivacy li ul li:before {
	content: none;
	counter-increment: none;
}
ol.myPrivacy li ul.myBlueList li:before {
	content: "\f00c"; /* Font Awesome Unicode. */
	font-family: FontAwesome;
	color: #0089f2;
	margin-top: -70px !important;
	margin-left: -50px;
}
ol.myPrivacy li ol li:before {
	/*right: 10px;   space between number and text second layer */
}
ol.myPrivacy {
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	font-size: 24px;
	counter-reset: item;
}
ol.myPrivacy li {
	display: block;
	position: relative;
	margin-left: 0px;
}
ol.myPrivacy li:before,
ol.myPrivacy li h3 {
	padding-top: 64px;
	padding-left: 12px;
	font-size: 24px;
	line-height: 1.5;
}
ol.myPrivacy li:before {
	padding-left: 0px;
	margin-left: -14px;
}
ol.myPrivacy li h3 {
	padding-left: 24px;
}
ol.myPrivacy li ol {
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin-left: -30px;
	counter-reset: item;
}
ol.myPrivacy li ol li:before,
ol.myPrivacy li ol li h4 {
	font-size: 20px;
	padding-left: 12px;
	margin-top: 40px;
}
ol.myPrivacy li ol li h4 {
	padding-left: 24px;
}
ol.myPrivacy > li > ol > li:before {
	content: counters(item,".")" ";
	counter-increment: item;
	margin-left: -20px;
	margin-top: -65px;
	display: block;
}
ol.myPrivacy li ol li ul {
	margin-left: 40px !important;
}
ol.myPrivacy li ol li ul li {
	margin-bottom: 24px;
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	font-size: 14px;
}
ol.myPrivacy p {
	text-align: justify;
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-left: 22px;
}
ol.myPrivacy ol p {
	padding-left: 24px;
}
ol.myPrivacyOld {
	font-family: Open Sans, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 2;
}
ol.myPrivacyOld li {
	margin-left: 0px;
}
ol.myPrivacyOld li ol {
	font-family: Open Sans, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	list-style: none;
	margin-left: -18px;
}
ol.myPrivacyOld li ol li:before {
	display: none;
}
ol.myPrivacyOld ul {
	margin-bottom: 12px;
	margin-left: 28px;
}
ol.myPrivacyOld ul li {
	margin-left: -14px !important;
}

div#contentMainLeft .item-page {
	display: inline-block;
}

div.comments-policy,
div.comments-policy span {
    color: #fff;
    border: 0px;
    margin-left: 0px !important;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal !important;
}

/*
Google AutoAds sind problematisch, weil sie nicht das Wort "Anzeige" aufführen können.
Um diesen Schönheitsfehler auszubügeln kann man allerdings per CSS die Klasse ansprechen,
die bei jeder Ausgabe von Google AutoAds eingebunden wird.
und per Befehl "content" vor oder nach der Anzeige das Wort "Anzeige" einbinden.
Die unteren CodeZeilen zeigen genau diesen Prozess.
*/

/*Erst die Klasse ansprechen:*/
.google-auto-placed {
	font-style: italic;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 300;
	color: #fff;
	margin-top: 24px;
}

/*Dann den Text per Content nach der Anzeige einbinden*/
/*.google-auto-placed::after {
    content: "Anzeige";
}*/

/*Oder den Text per Content vor der Anzeige einbinden*/
.google-auto-placed::before {
    content: "Anzeige";
    float: left;
}

/* Tag Leiste */
ul.tags {
	border: 1px solid #666;
	background-color: rgba(255,255,255,0.1);
	height: 16px;
	margin-bottom: 4px;
	padding: 4px;
}
ul.tags::before {
	content: "Tags:";
	color: #fff;
}
ul.tags li {
	display: inline-block;
}

/* Cookie Accept */
.scrollup {
	bottom: 130px;
}
#ca_banner {
	height: 80px !important;
}
@media (max-width: 642px) {
	#ca_banner {
		height: 130px !important;
	}
}
@media (max-width: 428px) {
	#ca_banner {
		height: 150px !important;
	}
}
@media (max-width: 352px) {
	#ca_banner {
		height: 170px !important;
	}
}
#ca_banner h2 {
    font-size: 16px !important;
    font-weight: bold;
}
div#jc a {
	color: #00a0dc !important;
}

/**
 * GDPR Component styles.
 */

/* Cookie blocked placeholder info. */
.avPlayerBlock > .gdprlock-placeholder {
	margin-top: -340px;
}
.gdprlock-placeholder-text {
    font-size: 20px !important;
	width: 100% !important;
    padding: 8px;
}

/* Cookie revoke. */
.cc-revoke {
	background-image: url("/images/assets/cookie-revoke_shield.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 60px;
	height: 60px;
	border-radius: 0px !important;
	background-color: transparent !important;
}
.cc-revoke.cc-left {
	left: 24px !important;
	bottom: 16px !important;
}

/* Cookie window. */
div.cc-window {
	max-width: 600px !important;
	margin-right: 1em;
    padding: 16px !important;
}
.cc-message-text {
	line-height: 1.5em;
}
.cc-window a {
	color: #7fac05 !important;
	text-decoration: none !important;
}
.cc-window a:hover {
	color: #578000 !important;
	text-decoration: underline !important;
}

/* Cookie window no cookie & privacy links. */
.cc-window .cc-message a.cc-link {
	display: none;
}

/* Cookie window settings button. */
span.cc-cookie-settings-toggle {
	float: left;
	color: #fff !important;
	border: 0px !important;
	padding: 0px 10px !important;
	border-radius: 5px !important;
	font-weight: 400 !important;
	background-color: #f90 !important;
	line-height: 2.8 !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
    margin-top: 12px !important;
}
span.cc-cookie-settings-toggle:hover {
	background-color: #cb7a00 !important;
}

/* Cookie window accept & deny buttons. */
div.cc-compliance {
	margin: -67px 0px 0px 130px !important;
}
div.cc-compliance .cc-deny {
	display: none;
}
.cc-btn.cc-allow {
	margin: 12px auto 0px auto !important;
	color: #333 !important;
	border: 1px solid #fff !important;
	padding: 0px 10px !important;
	border-radius: 5px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 3 !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
    height: 42px !important;
	width: 100%;
}
.cc-btn.cc-allow:hover {
	border: 1px solid #ccc !important;
	background-color: #ccc !important;
}
.cc-btn.cc-allowall {
	margin: 6px 0px 0px 16px !important;
	color: #fff !important;
	border: 1px solid #7fac05 !important;
	padding: 0px 10px !important;
	border-radius: 5px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	background-color: #7fac05 !important;
	line-height: 3 !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
.cc-btn.cc-allowall:hover {
	border: 1px solid #578000 !important;
	background-color: #578000 !important;
	color: #fff !important;
}

/* Cookie window settings area & checkboxes. */
div.cc-window.cc-floating div.cc-settings-label {
    margin-bottom: 6px !important;
}
div.cc-floating div.cc-checkboxes-container {
    text-align: center;
}
.cc-checkbox-container {
	margin: 2px auto !important;
}
div.cc-checkbox-container a {
    border: 0px !important;
	margin-left: 6px !important;
}
input.cc-cookie-checkbox + span::before {
    border: 1px solid #fff !important;
    background: #fff !important;
    width: 16px;
    height: 16px;
    left: -1px;
    border-radius: 0px !important;
	margin-right: 12px !important;
}
input.cc-cookie-checkbox + span::after {
    border: 0px !important;
    border-radius: 0px !important;
	top: -15px !important;
	left: 2px !important;
}

/* Cookie category modalbox hide first unused "cookies in this list" section. */
fieldset.cc-cookie-list-title:first-of-type {
	display: none;
}
ul.cc-cookie-category-list li {
	margin-left: -24px;
}

/* Media Queries for the GDPR window. */
@media (max-width: 416px) {
	.cc-window {
		margin: 0px !important;
	}
	.cc-message {
		width: 100% !important;
	}
	span.cc-cookie-settings-toggle {
		margin-top: 32px;
		width: 100%;
		text-align: center;
	}
	.cc-btn.cc-allowall {
		margin: 0px !important;
		width: 100%;
	}
	div.cc-compliance {
		margin: 0px !important;
	}
	div.cc-compliance a.cc-allow {
		margin-left: 0px !important;
	}
}