/*===================================================
 >> Diverse Eingabe-Formulare!!
 ===================================================*/
#GBForm input[type="text"]
{
	border-bottom : 1px dashed Black;
	border-bottom-color : Black;
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	border-left-style : none;
	border-right-style : none;
	border-top-style : none;
	color : #476C8E;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : italic;
	border-radius:0px;
	background-color : transparent;
}

#GBForm input[name="CaptchaInput"]
{
	border-bottom : 1px dashed Black;
	border-bottom-color : Black;
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	border-left-style : none;
	border-right-style : none;
	border-top-style : none;
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-style : normal;
	border-radius:0px;
	background-color : transparent;
	font-weight : bold;
	text-align : center;
}

#GBForm textarea
{
	color : #476C8E;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : italic;
	border : none;
	background-color : White;
	background-repeat : no-repeat;
	background-position : top;
	background-attachment : fixed;
}

/*==== CheckBox Styling ======*/
.squaredFour {
	width: 20px;	
	margin: 0px 0px;
	position: relative;
}

.squaredFour input[type=checkbox] {
	visibility: hidden;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.squaredThree {
	width: 20px;	
	margin: 0px 0px;
	position: relative;
}

.squaredThree input[type=checkbox] {
	visibility: hidden;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
/*=== Ende Checkbox-Styling ====*/



.gcse_input input
{
	border : none;
	box-shadow:none;
	background-color:transparent;
	padding:10px;
	font-size:12px;
	color:#404040;
}

.gcse_result
{
	
}

#CaptchaInput
{
	width : 120px;
	height : 35px;
	color : Navy;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 25px;
	font-weight : bold;
	border : 3px dashed Red;
	padding : 5px;
	text-align : center;
	overflow : hidden;
	background-color : transparent;
	border-radius: 0px;
	box-shadow:none;
}


/* ==================================================
   >> Bilder anzeigen!!
   ==================================================*/
#picture img
{
	border : 1px solid Silver;
	background-color : White;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
	font-family : sans-serif;
	font-size : 12px;
	text-align : center;
	background-position : center;
	background-repeat : no-repeat;
	background-attachment : fixed;
	background-image : url(//www.funkerportal.de/_static/bilder/gif/loader/load-011.gif);
	opacity:0.6;
	filter:alpha(opacity=60);
}

#picture  a img
{
	border : 1px solid Silver;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#picture  a:hover img
{
	border : 1px solid Black;
	opacity:1.0;
	filter:alpha(opacity=100);
}
/*=== Fertig mit den Bildern!! =============================
------------------------------------------------------------------------------------------*/


/* ==================================================
   >> Kommentare anzeigen!!
   ==================================================*/   
#kommentar
{
	background-color : #EDEFF4;
	border-bottom : 1px solid #D2D9E7;
	border-left-style : none;
	border-right-style : none;
	border-top-color : White;
	border-top-style : solid;
	border-top-width : 1px;
	font-family : monospace;
	font-size : 12px;
	color : Black;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
	font-style : italic;
}

#kommentar a
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
	color : #3B5998;
}

#kommentar a:hover
{
	text-decoration : underline;
}

#kommentar_titel
{
	background-color : #E1E4E8;
	border-bottom : 1px solid #D2D9E7;
	border-left-style : none;
	border-right-style : none;
	border-top-color : White;
	border-top-style : solid;
	border-top-width : 1px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Black;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	padding-bottom : 4px;
}

table.kom-balloon 
{
   width: 100%;
   padding: 0px;
   margin: 0px;
   border: 0px;
   border-collapse: collapse;
   font-size: 11px;
   font-family: Verdana;
}

table.kom-balloon tr,  table.kom-balloon td 
{
   margin: 0px;
   padding: 0px;
   border: 0px;
}
	
tr.kom-head 
{
   height: 22px;        
   line-height: 20px;
}

td.kom-head-l
{
   width: 14px;        
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-tl.png);
   background-repeat: no-repeat;
   font-size: 0px;
}

td.kom-head-m
{
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-tm.png);
   background-repeat: repeat-x;
   font-family:Verdana;
   font-size:11px;
   color:rgb(71, 108, 142);
}

td.kom-head-r
{
   width: 9px;        
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-tr.png);
   background-repeat: no-repeat;
   font-size: 0px;
}

td.kom-cont-l
{
   width: 14px;
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-ml.png);
   background-repeat: repeat-y;
   font-size: 0px;
}

td.kom-cont-m 
{
   background-color: #e9ecff;
   color: rgb(64, 64, 64);
   font-family: Verdana;
   font-size: 12px;
   padding:5px;
}

td.kom-cont-r
{
   width: 9px;
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-mr.png);
   background-repeat: repeat-y;
   font-size: 0px;
}

td.kom-foot-l
{
   width: 14px;
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-bl.png);
   background-repeat: no-repeat;
   font-size: 0px;
}

td.kom-foot-m
{
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-bm.png);
   background-repeat: repeat-x;
}

td.kom-foot-r
{
   width: 9px;       
   background-image: url(//www.funkerportal.de/_static/bilder/png/content/kom-bln-br.png);
   background-repeat: no-repeat;
   font-size: 0px;
}
/*=== Fertig mit den Kommentaren!! =======================
------------------------------------------------------------------------------------------*/

/*==================================================
 >> Diverse Tabellen-Objekte etc...
 ===================================================*/
 #tab_titel_01
 {
	background-color : #F2F2F2;
	border-top : 1px solid #E2E2E2;
	border-bottom : none;
	border-left : none;
	border-right : none;
	padding-bottom : 3px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 3px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #3B5998;
}

#tab_item_01
{
	background-color : White;
	border-top : 1px solid #E9E9E9;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

#tab_titel_02
 {
	background-color : #F2F2F2;
	border-top : none;
	border-bottom : 1px solid White;
	border-left : none;
	border-right : none;
	padding-bottom : 3px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 3px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #3B5998;
}

#tab_item_02
{
	background-color : White;
	border-top : none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}

#tab_item_03
{
	background-color : #F8FAFB;
}

#tab_item_03a
{
	background-color : #F2F6FA;
}

#tab_item_03over
{
	background-color : #D8E7F5;
}

.tabBorder
{
	background-color: White;
	border : 1px solid Silver;
	padding : 1px 1px 1px 1px;
	/*-moz-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	*/
	width : 770px;
}

.tabHeader
{
	background-image : url(//www.funkerportal.de/_static/bilder/png/content/tab.png);
	background-color : #ACBDCC;
	background-attachment : scroll;
	background-repeat : repeat-x;
	background-position : top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
	padding-left : 10px;
	height : 25px;
	vertical-align : middle;
	padding-bottom : 1px;
	border-bottom : 1px solid Gray;
	border-right : none;
	border-top : none;
	border-left : none;
}

.tabHead
{
	background-image : url(//www.funkerportal.de/_static/bilder/png/content/tabHead.png);
	background-color : #B2C2CF;
	background-attachment : scroll;
	background-repeat : repeat-x;
	background-position : top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	height : 20px;
	vertical-align : middle;
	border-bottom : 1px solid Silver;
	color : Gray;
}

.tabColumn
{
	background-color : transparent;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #476C8E;
}

.tabColumnA
{
	background-color : #F8FAFB;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #476C8E;
}

.tabColumnB
{
	background-color : #F2F6FA;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #476C8E;
}

.tabColumnC
{
	background-color : #D8E7F5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #476C8E;
}

.tabColumnD
{
	background-color : #D0F4D5;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #476C8E;
}

.tabColumnE
{
	background-color : #FEE4D6;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #476C8E;
}

.tabFooter
{
	background-image : url(//www.funkerportal.de/_static/bilder/png/content/tabFooter.png);
	background-color : #B2C2CF;
	background-attachment : scroll;
	background-repeat : repeat-x;
	background-position : top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	height : 20px;
	vertical-align : middle;
	color : Gray;
	border-top : 1px solid Silver;
}

.pListHead
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/tabtop_1.png) repeat-x scroll 0% 0% rgb(113, 146, 168);
	border : 1px solid rgb(90, 127, 151);
	color : White;
	font : bold 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.pListHeader
{
	background-image : url(//www.funkerportal.de/_static/bilder/png/content/tabHead.png);
	background-color : #B2C2CF;
	background-attachment : scroll;
	background-repeat : repeat-x;
	background-position : top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	height : 20px;
	vertical-align : middle;
	color : Gray;
	border-bottom : 1px solid Silver;
	border-left : 1px solid Silver;
	border-right : 1px solid Silver;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
	border-top : 1px solid White;
}

.pListTR1
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom rgb(255, 255, 255);
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196) rgb(196, 196, 196);
	border-width : 1px;
	border-style : solid;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
}

.pListTR2
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom rgb(242, 246, 248);
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196) rgb(196, 196, 196);
	border-width : 1px;
	border-style : solid;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
}

.pListTR3
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom #D8E7F5;
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196) rgb(196, 196, 196);
	border-width : 1px;
	border-style : solid;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
}

.pListTR4
{
	background :  url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom #D0F4D5;
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196) rgb(196, 196, 196);
	border-width : 1px;
	border-style : solid;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
}

.pListTR5
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom #FEE4D6;
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196) rgb(196, 196, 196);
	border-width : 1px;
	border-style : solid;
	box-shadow: -2px 2px 2px rgb(200, 200, 200);
}

.pListTD1
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom rgb(255, 255, 255);
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196) rgb(196, 196, 196);
	border-style : none;
	display : block;
	height : 100%;
}

.pListTD2
{
	background : url(//www.funkerportal.de/_static/bilder/png/content/elmbg1_gup.png) repeat-x scroll left bottom rgb(242, 246, 248);
	border-color : rgb(255, 255, 255) rgb(196, 196, 196) rgb(196, 196, 196);
	border-style : none;
	display : block;
	height : 100%;
}

.dark_title
{
	background-image:linear-gradient(rgb(102,102,102),rgb(85,85,85));
	background-color:rgb(85,85,85);
	color:rgb(255,255,255);
	font-size:14px;
	font-family:sans-serif;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	white-space: nowrap;
	background-origin:padding-box;
	background-position: 0% 0%;
	background-attachment: scroll;
	background-clip:border-box;
	border-radius:0px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.dark_title_full
{
	background-image:linear-gradient(rgb(102,102,102),rgb(85,85,85));
	background-color:rgb(85,85,85);
	color:rgb(255,255,255);
	font-size:14px;
	font-family:sans-serif;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	white-space: nowrap;
	background-origin:padding-box;
	background-position: 0% 0%;
	background-attachment: scroll;
	background-clip:border-box;
	border-radius:0px;
	border-bottom: 1px solid #000000;
}
/*==== Fertig mit den Tabellen-Elementen!! ================
--------------------------------------------------------------------------------------*/
/*==== RichText-Editor Style ===========================*/
#RTE_ButtonLine
{
	background-image: url(//www.funkerportal.de/_static/bilder/rte/background_silver.jpg);
	height : 26px;
}

#editor
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : Black;
}





/*==== Fertig mit dem RichText-Editor =====================
---------------------------------------------------------------------------------------*/
/*==== Artikel-Bereich Styling ===========================*/
#ARTIKEL
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	width : 770px;
	overflow : hidden;
}

#ARTIKEL #Titel
{
	border-bottom : 1px solid Gray;
	border-left : none;
	border-right : none;
	border-top : 1px none #D8E7F5;
	padding-bottom : 10px;
	padding-top : 10px;
	padding-left : 5px;
	padding-right : 15px;
	background-color : White;
}

#ARTIKEL #ArtName
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 22px;
	font-weight : normal;
	color : #476C8E;
	padding-bottom : 0px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
}

#ARTIKEL #SubTitel
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : italic;
	color : Gray;
	padding-bottom : 0px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 0px;
}

#ARTIKEL #PosterInfo
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	height : 15px;
	color : Gray;
	padding-top : 10px;
	padding-left : 10px;
}
/*==== Fertig mit dem Artikel-Bereich =====================
---------------------------------------------------------------------------------------*/
/*==== Text-Styles allgemein ============================*/
.pTXT01
{
	color : rgb(0, 65, 148);
	font-weight : bold;
	font-style : normal;
	font-size : 13px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
}

.pTXT02
{
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : italic;
	font-weight : normal;
	text-decoration : none;
}

.pTXT03
{
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	text-decoration : none;
}

.pTXT04
{
	color : rgb(0, 65, 148);
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight : normal;
	text-decoration : none;
}
/*==== Fertig mit Text-Styles ====================
-------------------------------------------------------------------------
==== Bubbles =============================*/

/*-- Sprechblase nach links --*/
.bubble_left { position: relative; background: #e9ecff; border: 1px solid #D2D9E7; border-radius:5px;box-shadow:2px 2px 2px #E0E0E0; } 
.bubble_left:after, .bubble_left:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.bubble_left:after { border-color: rgba(233, 236, 255, 0); border-right-color: #e9ecff; border-width: 9px; top: 20px; margin-top: -9px; } 
.bubble_left:before { border-color: rgba(210, 217, 231, 0); border-right-color: #D2D9E7; border-width: 11px; top: 20px; margin-top: -11px; }

/*-- Sprechblase nach rechts --*/
.bubble_right { position: relative; background: #e9ecff; border: 1px solid #D2D9E7;border-radius:5px;box-shadow:-2px 2px 2px #E0E0E0;  } 
.bubble_right:after, .bubble_right:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.bubble_right:after { border-color: rgba(233, 236, 255, 0); border-left-color: #e9ecff; border-width: 10px; top: 20px; margin-top: -10px; } 
.bubble_right:before { border-color: rgba(210, 217, 231, 0); border-left-color: #D2D9E7; border-width: 11px; top: 20px; margin-top: -11px; }
 
 
 /*==== Bereich Überschrift ======*/
.titelTypA
{
	border:none;
	border-top:1px dotted #86A4DA;
	border-bottom:1px dotted #86A4DA;
	border-left:2px solid #86A4DA;
	padding:5px;
	background:linear-gradient(to right, #FFFFFF 80%, transparent 95%);
	margin : 0px;
	margin-bottom : 10px;
	margin-top : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : italic;
	color : #86A4DA;
	font-weight : bold;
	white-space : nowrap;
}

/*===== Content Boxen =============*/
.contentbox_A
{
  margin:0px;
  padding:10px;
  background-color:rgb(255, 255, 255);
  border:1px solid rgb(223,224,228);
  border-radius:4px;
  color:rgb(20,24,35);
  font-family:Verdana;
  font-size:12px;
  box-shadow:2px 2px 2px #DDDDDD;
}

.contentbox_B
{
  margin:0px;
  padding:10px;
  background-color:rgb(246, 247, 248);
  border:1px solid rgb(223,224,228);
  border-radius:4px;
  color:rgb(20,24,35);
  font-family:Verdana;
  font-size:12px;
  box-shadow:2px 2px 2px #DDDDDD;
}

.cobo_titel
{
 color:#476C8E;
 font-family:Verdana;
 font-size:14px;
 font-weight:bold;
}

.cobo_time
{
 color:rgb(145,151,163);
 font-family:Verdana;
 font-size:12px;
 font-weight:normal;
}

.cobo_bgB
{
  background-color:rgb(246, 247, 248);
  border:none;
}

.youtube-player
{
 background:#FFFFFF;
 border:1px solid #808080;
 width:430px;
 height:253px;
 box-shadow:2px 2px 2px #909090;
 border-radius:3px;
 padding:2px;
 margin:0px;

}

.disabled_img
{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}