/**************************************************************************************
Main = Grundlayout in index.php
**************************************************************************************/
body {
	background-color: #666666;
	margin: 0px;
	padding: 0px;
	align: center;
	}
.Main {
	align:center;
	background-position: 2vw 0%;
	background-size: 92vw;
	background-attachment:fixed;
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 20;
	width: 92%;
	min-height:600px;
	margin-top: 8%;
	margin-left:2%;
	margin-right:6%;
	border-bottom:4px solid #666666;
	border-left:4px solid #666666;
	border-right:4px solid #666666;
	border-bottom-left-radius:0.7vw;
	border-bottom-right-radius:0.7vw;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MainTitle {
	align:center;
	background-position:2vw 2.2vw;
	background-size: 92vw;
	background-attachment:fixed;
	background-repeat:no-repeat;
	position: absolute;
	visibility: visible;
	overflow:hidden;
	z-index: 19;
	height:12vw;
	width: 92%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
	margin-right: 6%;
	border-top:4px solid #666666;
	border-left:4px solid #666666;
	border-right:4px solid #666666;
	border-top-left-radius:0.7vw;
	border-top-right-radius:0.7vw;
}
.MainTitleName {
	align:right;
	position: absolute;
	visibility: visible;
	z-index: 26;
	height: 8vw;
	width: 27vw;
	right: 0%;
	margin-top: 0.5%;
	margin-right: 6%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:2.7vw;
}

/**************************************************************************************
Main Fontsize - Resize Options
**************************************************************************************/
@media all and (min-width: 1400px) {
.mininavi {
	display:none;
}
p{
    font-size: 1.4vw;
  }
.themaTitleName {
	font-size: 2.8vw;
	float:left;
}
h3, .h31 {
	font-size: 1.6vw;
}
.column2, .themaNavi  {
	-moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;	
}
.ReportNavi  {
	-moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;	
}
.themaNavi a, .ReportNavi a {
	font-size: 1vw;
}
.Reisezeit  {
	-moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;	
}

}

@media all and (max-width: 1399px) and (min-width: 1100px) {
.mininavi {
	display:none;
}
p{
    font-size: 1.8vw;
  }
.themaTitleName {
	font-size: 3vw;
	float:left;
}
h3, .h31 {
	font-size: 1.9vw;
}
.column2, .themaNavi  {
	-moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;	
}
.ReportNavi  {
	-moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;	
}
.themaNavi a, .ReportNavi a {
	font-size: 1vw;
}
.Reisezeit  {
	-moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;	
}

}

@media all and (max-width: 1099px) and (min-width: 800px) {
.mininavi {
	display:none;
}
p{
    font-size: 2.2vw;
  }
.themaTitleName {
	font-size: 3.5vw;
	float:left;
}
h3, .h31 {
	font-size: 2.6vw;
}
.column2, .themaNavi  {
	-moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;	
}
.ReportNavi  {
	-moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;	
}
.themaNavi a, .ReportNavi a {
	font-size: 1.1vw;
}
.Reisezeit  {
	-moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;	
}

}

@media all and (max-width: 799px) and (min-width: 500px) {
.MainNavi {
	display:none;
}
#261 {
	display:display;
}
p{
    font-size: 3.2vw;
  }
.themaTitleName {
	font-size: 3.5vw;
	float:left;
}
h3, .h31 {
	font-size: 2.2vw;
}
.column2, .themaNavi, .ReportNavi, .Reisezeit {
	-moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;	
}
.themaNavi a, .ReportNavi a {
	font-size: 1.8vw;
}
.MainToolbox, .ReportToolbox {
	width: 0vw;
	display:none;
}

}

@media all and (max-width: 499px) and (min-width: 50px) {
.MainNavi {
	display:none;
}
p{
    font-size: 3.8vw;
  }
.themaTitleName {
	font-size: 3.4vw;
	float:none;
}
h3, .h31 {
	font-size: 2.8vw;
}
.themaNavi, .ReportNavi, .Reisezeit {
	-moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;	
}
.themaNavi a, .ReportNavi  a {
	font-size: 2.3vw;
}
.MainToolbox, .ReportToolbox {
	width: 0vw;
	display:none;
}
}
/**************************************************************************************
Main Navi = Grundlayout Hauptnavigation oben
**************************************************************************************/
.MainNavi {
	align:center;
	position: absolute;
	visibility: visible;
	z-index: 26;
	height: 4%;
	width: 92%;
	margin-top: 6.4%;
	margin-left: 2%;
	margin-right: 6%;
	border-left:4px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.2vw;
	text-align:center;
	list-style-position: outside;
	list-style-type: circle;
}
navi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFF33;
	margin-right: 0.3vw;
	margin-left: 0.3vw;
	padding-left: 0.5vw;
}
/**************************************************************************************
Mini Navi = Snallayout Hauptnavigation oben
**************************************************************************************/
.mininavi {
	align:center;
	position: absolute;
	visibility: visible;
	z-index: 26;
	width:4.5vw;
	margin-top: 3vw;
	margin-left: 2.5vw;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 5vh;
	}
.mininavi img {
	width:4.5vw;
	}

nav {
//    width: 82vw;
  }
 
nav ul {
    margin: 0; 
    padding: 0;
    text-align: left;
  }
 
nav li {
    list-style: none;
    position: relative;
    margin: 0 0 0.5vw 0; 
    padding: 0;
  }
 
nav ul ul {
    position: absolute;
    top: 0em; 
    left: 6vw;
    font: 0/0 serif;/* Unternavigation ausblenden */
    z-index: -1;
    transition: font 0.5s;
  }
nav ul ul li {
	width:80vw;
	background-color: #5172A6;
	color:#FFFFFF;
    border: 1px solid #_FFFF00;
    border-radius: 10px;
	text-decoration:none;
	padding-left:1vw;
} 
nav ul ul a {
//	color:#FFFF00;
}
nav ul ul a:visited {
	color:#FFFF00;
}
nav ul ul a:hover {
	color:#FFFFFF;
}
nav ul li:hover ul {
    font: inherit;
    z-index: auto;                   /*  Unternavigation einblenden */
	background-color: #666666;
	padding:1vw;
    border: 1px solid blue;
    border-radius: 10px;
	color: #FFFFFF;
	left:6vw;
}
 
nav a, 
nav span {
    display: block;
    width: 80vw;                 /* Breite den in li enthaltenen Elementen zuweisen */
    text-decoration: none; 
    font-weight: bold;
  }
 
nav ul ul a, 
nav span {
    border-radius: 10px;
  }  
 
nav a:focus,
nav a:hover, 
nav span {                        /* aktuelle Unterseite kennzeichnen */
//    color: royalblue; 
//    background-color: gold;
  }
 
li a#aktuell {
    color: white; background-color: gray;
  }
 
nav span {                  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
    color: gold;
  }
/**************************************************************************************
Main Toolbox = Grundlayout Toolbox Navigation rechts
**************************************************************************************/
.MainLogout {
	background-color: #FF0000;
	height: 1.5vw;
	width: 4vw;
	overflow: hidden;
	position: fixed;
	visibility: visible;
	z-index: 101;
	right: 0;
	list-style-type: none;
	border-top:0.3vw solid #666666;
	border-left:0.3vw solid #666666;
	border-bottom:0.3vw solid #666666;
	border-top-left-radius:0.7vw;
	border-bottom-left-radius:0.7vw;
	padding-top:0vw;
	padding-left:0vw;
	margin-top: 0vw;
	vertical-align: middle;
}

.MainToolbox {
	background-color: #999999;
	height: 20.6vw;
	width: 4vw;
	overflow: hidden;
	position: fixed;
	visibility: visible;
	z-index: 100;
	right: 0;
	list-style-type: none;
	border-top:0.3vw solid #666666;
	border-left:0.3vw solid #666666;
	border-bottom:0.3vw solid #666666;
	border-top-left-radius:0.7vw;
	border-bottom-left-radius:0.7vw;
	padding-top:0vw;
	padding-left:0vw;
	margin-top: 2vw;
	vertical-align: middle;
}
.MainToolbox img {
	height: auto;
	width: 4vw;
	border: 0;
}
.toolbox a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6vw;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}
.t_logout {
	background-color:#FF0000;
}
.t_site {
	background-color:#999999;
}
.t_extern {
	background-color:#999999;
}
.t_extern1 {
	background-color:#999999;
}
.t_extern2 {
	background-color:#999999;
}
/**************************************************************************************
Thema = Grundlayout Thema (...pages/xxx.php)
**************************************************************************************/
h1 {
	text-align:left;
	text-decoration: overline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3vw;
	font-style: italic;
	font-weight: bold;
	position: relative;
	float:left;
	margin-top:3vw;
	left: 3vw;
}
.themaTitleName {
	text-align:left;
	text-decoration: overline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	position: relative;
	margin-top:3vw;
	left: 3vw;
}
.themaNavi {
	z-index:500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height:auto;
	width:99.5%;
	float:left;
	border-radius:0.7vw;
//	margin-top:3vw;
//	margin-left:6vw;
//	margin-bottom:3vw;
	padding-left:0vw;
	padding-top:0.3vw;
	padding-bottom:0.3vw;
	background-repeat: repeat;
	-moz-column-gap:      0vw;
    -webkit-column-gap:   0vw;
    column-gap:           0vw;
	-moz-column-rule:     0.15vw solid ;
    -webkit-column-rule:  0.15vw solid ;
    column-rule:          0.15vw solid ;
	-moz-column-width:	auto;
	-webkit-column-width:auto;	
	column-width:auto;
 	}

.themaNaviSub {
	position:relative;
	z-index:501;
	height:auto;
	padding:0vw;
	margin:0.2vw;
}
.themaNaviSub p {
	font-size:1.2vw;
	font-weight: bold;
	margin:0vw;
	text-align:left;
	left:0.2vw;
}
.themaNaviSub ul {
	margin-top:0.5vw;
	margin-bottom:0.5vw;
	padding:0.5vw;
}
.themaNaviSub ul li {
	list-style-type: none;
	line-height:1.1vw;
}
.themaNavi a {
	z-index:502;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding:0vw;
}
.ThemaIMG1 {
	text-align:right;
	position:relative;
	overflow:hidden;
	border-radius:0.7vw;
	margin-right:3vw;
	margin-top:3vw;
	margin-left:3vw;
	margin-bottom:1vw;
	float:right;
}
.ThemaIMG1 img {
	width:13vw;
	height:13vw;
}
.ThemaIMG2 {
	background-color:#FFFFCC;
	text-align:right;
	position:relative;
	overflow:hidden;
	border-radius:0.7vw;
	margin-right:3vw;
	margin-top:3vw;
	margin-left:1vw;
	margin-bottom:1vw;
	float:right;
}
.ThemaIMG2 img {
	width:13vw;
	height:13vw;
}
.ThemaIMG3 {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1vw;
	position:relative;
	margin-left:3vw;
	margin-bottom:3vw;
	height:auto;
	float:right;
	z-index:50;
}
.ThemaIMG3 img {
	width:21vw;
	height:auto;
	display:flex;
	overflow:hidden;
	border-width:0.15vw;
	border-radius:0.7vw;
	margin-top:2vw;
	margin-left:0vw;
}
.ThemaIMG {
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1vw;
	position:relative;
	margin-right:3vw;
	margin-bottom:3vw;
	height:auto;
	float:right;
	z-index:50;
}
.ThemaIMG img {
	width:21vw;
	height:auto;
	display:flex;
	overflow:hidden;
	border-width:0.15vw;
	border-radius:0.7vw;
	margin-top:1vw;
}


/**************************************************************************************
Report = Grundlayout Berichte mit Bildern (...pages/report.php)
**************************************************************************************/
h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-style: italic;
	font-weight: bold;
	position: relative;
	left: 3vw;
	color: #000000;
	text-decoration: overline;
	width: 50vw;
	margin-top:3vw;
}
.ThemaReport {
	position: relative;
	height: auto;
	padding-top:1vw;
	padding-left:3vw;
	padding-right:3vw;
	padding-bottom:3vw;
}
.reportmap {
	position:relative;
	z-index:5500;
}
.fadeinimg {
	background-image:url(../templates/images/m_bg_email.png);
	padding:5vw;
	border-radius:0.7vw;
	height:auto;
	width:auto;
}
.fadeinimg img {
	border-radius:0.5vw;	
}
.fadein {
	padding:0;
	margin:0;
	}
a.fadein span {
	display: none;
}
a.fadein:hover span {
	display:block;
	position:absolute;
	top:0vw;
	left:9vw;
	z-index:200;
}
.fadein2 {
	position:relative;
	}
berichttitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 1.6vw;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: overline;
//	float:left;
	margin-top:2vw;
}
.pdf {
	list-style-type:none;
	list-style-image:url(../templates/images/pdf.png);
	background-position:left;
	background-repeat:no-repeat;
}
.gif {
	list-style-type:none;
	list-style-image:url(../templates/images/gif.png);
	background-position:left;
	background-repeat:no-repeat;
}
.jpg {
	list-style-type:none;
	list-style-image:url(../templates/images/jpg.png);
	background-position:left;
	background-repeat:no-repeat;
}
.png {
	list-style-type:none;
	list-style-image:url(../templates/images/png.png);
	background-position:left;
	background-repeat:no-repeat;
}
.docx {
	list-style-type:none;
	list-style-image:url(../templates/images/docx.png);
	background-position:left;
	background-repeat:no-repeat;
}
.xlsx {
	list-style-type:none;
	list-style-image:url(../templates/images/xlsx.png);
	background-position:left;
	background-repeat:no-repeat;
}
.pic {
	list-style-type:none;
	list-style-image:url(../templates/images/map-icon-15.png);
	background-position:left;
	background-repeat:no-repeat;
}
.www {
	list-style-type:none;
	list-style-image:url(../templates/images/www.png);
	background-position:left;
	background-repeat:no-repeat;
}
.dir {
	list-style-type:none;
	list-style-image:url(../templates/images/dir.png);
	background-position:left;
	background-repeat:no-repeat;
}
.report-listli {
	z-index:801;
	position:relative;
	margin-left:0vw;
	margin-bottom:3vw;
	padding:1vw;
	width:27vw;
	height:auto;
	border-radius:0.7vw;
	font-size:1vw;
}
.report-listre {
	z-index:802;
	position:relative;
	float:right;
	margin-left:0vw;
	margin-bottom:1vw;
	padding:1vw;
	width:27vw;
	border-radius:10px;
	font-size:1vw;
}
.report-listmid {
	z-index:801;
	position:relative;
	float:right;
	margin-top:3vw;
	margin-left:0vw;
	margin-right:1.5vw;
	margin-bottom:3vw;
	padding:1vw;
	width:27vw;
	height:auto;
	border-radius:0.7vw;
	font-size:1vw;
}



/**************************************************************************************
Report Navigation = Grundlayout Berichtsnavigation oben
**************************************************************************************/
.ReportNavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #_0000FF;
	text-decoration: none;
	margin-top:2vw;
	margin-bottom:0vw;
	padding:0.5vw;
	border-radius:0.7vw;
	-moz-column-gap:      0vw;
    -webkit-column-gap:   0vw;
    column-gap:           0vw;
	-moz-column-rule:     0.15vw solid ;
    -webkit-column-rule:  0.15vw solid ;
    column-rule:          0.15vw solid ;
	-moz-column-width:	auto;
	-webkit-column-width:auto;	
	column-width:auto;
	z-index:10;
}
.Reisezeit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top:0.2vw;
	margin-bottom:0vw;
	padding:0.5vw;
	border-radius:0.7vw;
	-moz-column-gap:      0vw;
    -webkit-column-gap:   0vw;
    column-gap:           0vw;
	-moz-column-rule:     0.15vw solid ;
    -webkit-column-rule:  0.15vw solid ;
    column-rule:          0.15vw solid ;
	-moz-column-width:	auto;
	-webkit-column-width:auto;	
	column-width:auto;
	z-index:10;
}
.PicsNavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #_0000FF;
	text-decoration: none;
	margin-top:2vw;
	margin-bottom:2vw;
	padding:0.5vw;
	border-radius:0.7vw;
	width:
	58vw;
}
.ReportNaviSub {
	position:relative;
	z-index:9;
	height:auto;
	padding:0vw;
	margin:0vw;
}
.ReportNaviSub p {
	font-size:1.2vw;
	font-weight: bold;
	margin:0vw;
	text-align:left;
	left:0.2vw;
}
.ReportNaviSub ul {
	margin-top:0vw;
	margin-bottom:0vw;
	padding-left:0.5vw;
}
.ReportNaviSub ul li {
	list-style-type: none;
	line-height:1.1vw;
}
.ReportNavi a {
	z-index:502;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding:0vw;
}
/**************************************************************************************
Report Toolbox = Grundlayout Berichtstoolbox (slide / katalog)
**************************************************************************************/
.ReportToolbox {
	height: 6.2vmax;
	width: 4vw;
	overflow: hidden;
	position: fixed;
	visibility: visible;
	z-index: 101;
	right: 0;
	list-style-type: none;
	border-top-left-radius:0.7vw;
	border-bottom-left-radius:0.7vw;
	padding-top: 0.3vw;
	padding-left: 0vw;
	top:22vw;
	margin-top: 2vw;
	vertical-align: middle;
}

.ReportToolbox img {
	height: auto;
	width: 4vw;
	border: 0;
}
.r_site {
}

/**************************************************************************************
Kommentar Toolbox = Grundlayout Berichtstoolbox (kommentieren)
**************************************************************************************/
.Kommentarbox {
	background-image:url(../templates/images/bg_kommentarbox.png);
	background-repeat:repeat;
	height: 4.5 vmax;
	width: 4vw;
	overflow: hidden;
	position: fixed;
	visibility: visible;
	z-index: 101;
	right: 0;
	list-style-type: none;
	border-top-left-radius:0.7vw;
	border-bottom-left-radius:0.7vw;
	padding-top: 0.3vw;
	padding-left: 0vw;
	top:29.5vw;
	margin-top: 2vw;
	vertical-align: middle;
}

.Kommentarbox img {
	height: auto;
	width: 4vw;
	border: 0;
}

/**************************************************************************************
Kapitel = Grundlayout Kapitel (...texte/.....php)
**************************************************************************************/
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 1.4vw;
	font-weight: bold;
	color: #000000;
	position: relative;
	left: 3vw;
	width: 70%;
	margin-top:2vw;
}

.thumbs {
	z-index:800;
	text-align:left;
	position:relative;
	overflow:hidden;
	border-radius:0.7vw;
	margin-left:3vw;
	margin-right:3vw;
	margin-top:0vw;
	margin-bottom:3vw;
	padding-left:0.53vw;
	padding-right:0.53vw;
	padding-bottom:1.1vw;
	display:flex;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
}
.thumbnail {
	border-radius:0.5vw;
	height: 170px;
	width: 170px;
	margin-top: 1vw;
	margin-left:0.45vw;
	margin-right:0.45vw;
	z-index: 821;
	text-align:center;
	float:left;
	font-size:1vw;
}
.thumbnail a:link {
	color: #000000;
	text-decoration: none;
}
.thumbnail a:visited {
	color: #333333;
	text-decoration: none;
}
.thumbnail img {
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 4px;
	border-radius:0.4vw;
	overflow:hidden;
}

.inlineimg {
	max-width:50vw;	
	height:auto;
	margin:1vw;
	text-align:center;	
	overflow:hidden;
	border-radius:0.7vw;

}
.inlineimg100 {
	width:100%;	
	height:auto;
	text-align:center;	
	overflow:hidden;
	border-radius:0.7vw;

}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	position: relative;
	color: #000000;
}
.home-info {
	border-radius:0.5vw;
	height: 170px;
	width: 170px;
	vertical-align:middle;
	text-align:center;
	margin-top: 1vw;
	margin-left:0.45vw;
	margin-right:0.45vw;
	z-index: 821;
	text-align:center;
	float:left;
	overflow:hidden;
}

.h7 {
	margin-top:5px;
	margin-bottom:0px;
	width:150px;
	height:10px;
	font-weight:bold;
	font-size:15px;
}

.home-zeit {
	position:relative;
	width:150px;
	height:60px;
	margin:0px;
	margin-bottom:3px;
	padding:0px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	overflow:hidden;
}
.home-elektro {
	position:relative;
	width:150px;
	height:60px;
	margin:0px;
	margin-bottom:3px;
	padding:0px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	overflow:hidden;
	
}

.home-geld {
	position:relative;
	width:150px;
	height:37px;
	margin-left:10px;
	margin-bottom:4px;
	padding:0px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	overflow:hidden;
	font-size:10px;
}
.home-urlaub {
	position:relative;
	left:0px;
	width:150px;
	height:127px;
	margin-left:0px;
	margin-bottom:4px;
	padding:0px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	overflow:hidden;
	font-size:10px;
}
.home-wetter {
	position:relative;
	text-align:center;
	left:0px;
	width:138px;
	height:127px;
	margin-left:0px;
	margin-bottom:4px;
	padding-top:0px;
	padding-left:10px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	background-color:#999999;
	overflow:hidden;
	font-size:10px;
}
.home-wetter10 {
	position:relative;
	text-align:center;
	left:0px;
	width:138px;
	height:127px;
	margin-left:0px;
	margin-bottom:4px;
	padding-top:0px;
	padding-left:10px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	background-color:#999999;
	overflow:hidden;
	font-size:10px;
}
.home-map {
	position:relative;
	text-align:center;
	top:-7px;
	left:0px;
	width:150px;
	height:130px;
	margin-left:8px;
	margin-bottom:4px;
	padding-top:0px;
	padding-left:0px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	background-color:#999999;
	overflow:hidden;
	font-size:10px;
}
.home-ip {
	position:relative;
	text-align:center;
	left:0px;
	width:138px;
	height:127px;
	margin-left:10px;
	margin-bottom:4px;
	padding-top:0px;
	padding-left:10px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	background-color:#FFFFFF;
	overflow:hidden;
	font-size:10px;
}
.home-host {
	position:relative;
	text-align:center;
	left:0px;
	width:138px;
	height:127px;
	margin-left:10px;
	margin-bottom:4px;
	padding-top:0px;
	padding-left:10px;
	border-radius:0.4vw;
	border: 0.15vw solid #000000;
	background-color:#FFFFFF;
	overflow:hidden;
	font-size:10px;
}


.divinfoboxwkurs {
	position: relative;
	height: 75px;
	width: 162px;
	left: 0px;
	top: 6px;
	background-color:#FF0000;
//	background-image: url(/templates/images/infobox_urlaub.gif);
//	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/**************************************************************************************
div tabellen layout
**************************************************************************************/
	div.tbltable {
    display: table;
	width:61.6vw;
	margin-left:3vw;
	margin-right:1vw;
	float:left;
	z-index:9;
  }
	div.tblPLANtable {
    display: table;
	width:61.6vw;
	margin-left:0vw;
	margin-right:0vw;
	float:left;
	z-index:9;
  }
	div.tblKONtable {
    display: table;
	width:61.6vw;
	margin-left:3vw;
	margin-right:0vw;
	float:left;
	z-index:9;
  }
	div.tblREPtable {
    display: table;
	width:61.6vw;
	margin-left:0vw;
	margin-right:0vw;
	float:left;
	z-index:9;
  }
	div.tblLOGtable {
    display: table;
	background-image: url(../templates/images/a_bg_rot.png);
	width:84.5vw;
	margin-left:3vw;
	margin-right:1vw;
	margin-bottom:1vw;
	float:left;
	border:solid 0.15vw #FF0000;
	border-radius:0.7vw;
	padding-top:0.7vw;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	z-index:9;
  }
	div.tbltableReisen {
    display: table;
	width:85vw;
	margin-left:3vw;
	margin-right:1vw;
	float:left;
	z-index:9;
  }
	  div.tbltr {
	display: table-row;
  }
  div.tbl1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 84vw;
    padding: 0vw;
  }
  div.tbl2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 40.9vw;
    padding: 0.5vw;
  }
  div.tblPLAN2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 40.9vw;
    padding: 0.5vw;
  }
  div.tbl2-1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 26.6vw;
    padding: 0.5vw;
  }
  div.tbl2-2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 55.3vw;
    padding: 0.5vw;
  }
  div.tbl2GEP-1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 26.6vw;
    padding: 0.5vw;
  }
  div.tbl2GEP-2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 55.3vw;
    padding: 0.5vw;
  }
  div.tbl2REISEN1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:10 vw;
	height:auto;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2REISEN2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2REISEN1td img {
	width:10vw;  
  }
  div.tbl2REPORT1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:5vw;
	height:auto;
	max-width:28vw;
	overflow:hidden;
	top:0;
	margin:0;
    padding-top:0vw;
	text-align:center;
  }
  div.tbl2MAP1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:5vw;
	height:auto;
	max-width:28vw;
	overflow:hidden;
	top:0;
	margin:0;
    padding-top:0vw;
	text-align:center;
  }
  div.tbl2REPORT2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .ReportIMG img {
  	margin:0;
	padding:0;
	background-color:#FF00FF;
    height:36vh;
	width:auto;  
  }
  .tbl2REPORT1td img {
    height:36vh;
	width:auto;  
	margin:0vw;
	padding:0;
  }
  div.tbl2SUPPORT1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:15vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2SUPPORT2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2SUPPORT1td img {
    width:15vw;  
  }
  div.tbl2CATHY1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:15vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2CATHY2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2CATHY1td img {
    width:15vw;  
  }
	div.tblCATtable {
    display: table;
	width:84.8vw;
	margin-left:3vw;
	margin-right:1vw;
	float:left;
	z-index:9;
  }	
	div.tblBERtable {
    display: table;
	width:84.8vw;
	margin-left:3vw;
	margin-right:1vw;
	float:left;
	z-index:9;
  }
  div.tbl1BERND1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
//	min-width: 2vw;
//	width:17vw;
//	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2BERND1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:17vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2BERND2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2BERND1td img {
    width:18vw;  
	margin:-2px;
  }
  div.tbl2JAN1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:10vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2JAN2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2JAN1td img {
    width:10vw;  
  }
  div.tbl2KIM1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:10vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2KIM2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2KIM1td img {
    width:10vw;  
  }
  div.tbl2JOB1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:17vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2JOB2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2JOB1td img {
    width:17vw;  
  }
  div.tbl2PHIL1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:20vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2PHIL2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2PHIL1td img {
    width:20vw;  
  }
  div.tbl2REZ1td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    min-width: 2vw;
	width:16vw;
	max-width:28vw;
	overflow:hidden;
    padding: 0vw;
	text-align:center;
  }
  div.tbl2REZ2td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: auto;
    padding: 0.5vw;
	vertical-align: top;
  }
  .tbl2REZ1td img {
    width:16vw;  
  }
  div.tbl3td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 26.6vw;
    padding: 0.5vw;
  }
  div.tbl3KALtd { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 26.6vw;
    padding-bottom: 1vw;
  }
  div.tbl3tdKOED { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 26.6vw;
    padding: 0.5vw;
  }
  div.tbl3td p {
    font-size:1vw;    
  }
  div.tbl4td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 19.45vw;
    padding: 0.5vw;
  }
	div.tbltable {
    display: table;
	width:94%;
	margin-left:3%;
	margin-right:3%;
	float:left;
	z-index:9;
  }
  div.tblBERsub4td { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 19.45vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td1 { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td1j { 
    display: table-cell;
	background-image: url(../templates/images/a_bg_rot.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td1bc { 
    display: table-cell;
	background-image: url(../templates/images/r_bg-linkliste.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td1cat { 
    display: table-cell;
	background-image: url(../templates/images/c_bg-navi.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
 div.tblBERsub4td1jan { 
    display: table-cell;
	background-image: url(../templates/images/a_bg_rot.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td1kim { 
    display: table-cell;
	background-image: url(../templates/images/r_bg_orange-hell.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td2 { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 80vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td3 { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td3bc { 
    display: table-cell;
	background-image: url(../templates/images/r_bg-linkliste.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td3cat { 
    display: table-cell;
	background-image: url(../templates/images/c_bg-navi.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td3j { 
    display: table-cell;
	background-image: url(../templates/images/a_bg_rot.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td3jan { 
    display: table-cell;
	background-image: url(../templates/images/a_bg_rot.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td3kim { 
    display: table-cell;
	background-image: url(../templates/images/r_bg_orange-hell.png);
	border-width:2px;
	border-radius:0.7vw;
    width: 5vw;
    padding: 0.5vw;
  }
  div.tblBERsub4td4 { 
    display: table-cell;
	border-width:2px;
	border-radius:0.7vw;
    width: 7vw;
    padding: 0.5vw;
	text-align:center;
  }
    padding: 0.5vw;
  }
  
  
  div.tblmargintd {
    display: table-cell;
    width: 1vw;
	margin-right:1vw;
  }
  div.tblmargintr {
    display: table-row;
    height: 1vw;
  }


/**************************************************************************************
Thema Bericht Kapitel  Kapitalanlagen AUF DIES UNS DAS
**************************************************************************************/

/**************************************************************************************
Einzellayout / Einzelformatierung
**************************************************************************************/
.urlaub {
	background-color: #99CCFF;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:5px;
	width:150px;
	height:100px;
	border-color:#FFFF00;
	border-width:2px;
	border-radius:0.35vw;
}
.textrotate {
	position:absolute;
	left:5.5vw;
	top:1.4vw;
	font-family:"Times New Roman", Times, serif;
	font-size:0.6vw;
	font-weight:bold;
	color:#333333;
	display:inline-block;
	-webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);	
	}
.column {
	font-size:1vw;
	background-repeat:repeat;
	border-radius:0.7vw;
	margin-left:3vw;
	padding-top:1vw;
	padding-left:-1vw;
	padding-right:3vw;
	padding-bottom:1vw;
	display:flex;
	overflow:hidden;
}
.columnNEWS {
	font-size:1vw;
	background-repeat:repeat;
	border-radius:0.7vw;
	margin-left:3vw;
	padding-top:1vw;
	padding-left:-1vw;
	padding-right:0vw;
	padding-bottom:1vw;
	display:flex;
	overflow:hidden;
}
.column2 {
	-moz-column-gap:      0vw;
    -webkit-column-gap:   0vw;
    column-gap:           0vw;	
	-moz-column-rule:     0.15vw solid ;
    -webkit-column-rule:  0.15vw solid ;
    column-rule:          0.15vw solid ;
 	border-radius:0.7vw;
	margin-left:3vw;
	padding-top:1vw;
	padding-left:-1vw;
	padding-right:3vw;
	padding-bottom:1vw;
}
.column3 {
	-moz-column-gap:      0vw;
    -webkit-column-gap:   0vw;
    column-gap:           0vw;	
	-moz-column-rule:     0.15vw solid ;
    -webkit-column-rule:  0.15vw solid ;
    column-rule:          0.15vw solid ;
 	border-radius:0.7vw;
	margin-left:3vw;
	padding-top:1vw;
	padding-left:-1vw;
	padding-right:3vw;
	padding-bottom:1vw;
	-moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;}

.newsframediv {
	height:20vw;
	display:flex;
	padding:0;
	margin:0;
	margin-left:3vw;
}
.newsframe {
	width:100%;
	height:20vw;
	display:flex;
	padding:0;
	margin:0;
	border-radius:0.7vw;
}
.newsframe1 {
	width:67vw;
	height:20vw;
	display:flex;
	padding:0;
	margin-left:3vw;
	border-radius:0.7vw;
}
.multiarchivframe {
	width:12vw;
	height:1.5vw;
	border:0;
	padding:0;
	margin:0;
}
/**************************************************************************************
Einzelbefehle
**************************************************************************************/
.email_otf {
	z-index:550;
	visibility: visible;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:67vw;
	height:0vw;
	overflow:hidden;
}
.close_otf {
	z-index:551;
	position: absolute;
	right:2.3vw;
	top:4.2vw;
}
.mainEmail {
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:66.5vw;
	height:6.2vw;
	border:none;
}

/**************************************************************************************
Einzelbefehle
**************************************************************************************/
.float {
	float:left;
}
.center {
text-align:center;
}
/***************************************************************************************
Kommentar-Box CSS
***************************************************************************************/

/* Kommentar-Box */
.kommentarBoxNews {
 position:relative;
 background-image:url(../templates/images/bg_kommentarbox.png);
 background-repeat:repeat;
 border: Solid 2px #0000FF;
 border-radius: 0.7vw;
 left:0.5vw;
 height:auto;
 padding:1vw 0 1vw 3vw;
 margin: 0vw 0 2vw 0;
 min-width: 57.6vw;
 max-width: 58vw;
 cursor: Default;
 text-align:left;
 display:flex;
 float:inherit;
}

fieldset.kommentarBox {
 position:relative;
 background-image:url(../templates/images/bg_kommentarbox.png);
 background-repeat:repeat;
 border: Solid 2px #0000FF;
 border-radius: 0.7vw;
 left:0.5vw;
 padding:1vw 3vw 1vw 3vw;
 margin: 1vw Auto 1vw 0;
 min-width: 53.6vw;
 max-width: 55vw;
 cursor: Default;
 text-align:left;
 _display:flex;
}


/* Überschrift */
fieldset.kommentarBox legend {
 background-color: #0000FF;
 border: Solid 1px #0000FF;
 border-radius: 0.4vw;
 font-size: 16px;
 color: #FFFFFF;
 padding:0.1vw;
 letter-spacing: 1px;
}

fieldset.kommentarBox p {
 font-size:1.2vw;
}

/* Navigation */
fieldset.kommentarBox nav {
 text-align: Right;
}

/* Kommentar */
fieldset.kommentarBox dl.kommentar dt {
 border-bottom: Solid 1px #0000FF;
}

fieldset.kommentarBox dl.kommentar dd {
 margin-left: 40px;
}

/* Hyperlinks */
fieldset.kommentarBox a:link,
fieldset.kommentarBox a:visited {
 color: #4169E1;
 text-decoration: None;
}

/* Formularfelder */
fieldset.kommentarBox input,
fieldset.kommentarBox textarea,
fieldset.kommentarBox select {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 0.94rem;
 margin-top: 5px;
 border-radius:0.4vw;
}

/* Optionen */
fieldset.kommentarBox input[type=radio]:checked + label {
 color: #4169E1;
}

fieldset.kommentarBox input[type=radio]#lbl2:checked + label {
 color: #EE0000;
}

/* Pflichtangabe */
fieldset.kommentarBox mark {
 color: #FF0000;
 background-color: Transparent;
}

/* Bewertung */
fieldset.kommentarBox span.bewertung_ok {
 color: #0000FF;
}

fieldset.kommentarBox span.bewertung_ko {
 color: #C8C8C8;
}

/* Statusmeldung */
p.status {
 color: #00B32D;
 background-color: #EAFFEF;
 padding: 5px 5px 5px 15px;
 margin: 25px Auto 25px Auto;
 width: 510px;
 border: Solid 1px #D8D8D8;
 border-radius: 5px;
}

p.statusx {
 color: #EE0000;
 background-color: #FFE8E8;
 padding: 5px 5px 5px 15px;
 margin: 5px Auto 25px Auto;
 width: 510px;
 border: Solid 1px #D8D8D8;
 border-radius: 5px;
}

/* Smileys */
span.smiley1::before {
 content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAIAAAC0D9CtAAAABnRSTlMAAQAAAABTxi4hAAABtklEQVR42mNgZGCAo/VFlkLsjEpq3J3ZgovBqNONTYmDXciyCFkZguUnwWgdJnZ/s8X/E7Yo6ID27Wpeaw4Jv4VnUPRYs7PWtav/RFONhH4ul6iT53Gcfgaqp1WDMbVR8w9uDRD0Z6VYKodp/5kXDFfmOjPYib0mpAGCXjdysnsuZOjUYOydaAYVXatuz8bWsNAGoe6wYYMIk187TMFemV4OUwZrBv7rR2AqZkgDXWtZbYrQs1bNEigUrgcTMbsUycDAjuywTTq5miLL1yK557DJIgeeutmWcJGX9RwMxHsG7iUGEQvRl6ToeVrJxuDJwHdpL9wlZtdWmKPF0s8NRuc3wEPF4IwfA8NCT4b8dpgX12q4cTEpWSmsnGJ4c4v5zQXac0P5hdmYo3rNoQo2SuQzhDM82JohIi94B2bVzz2mR6plAzQ51eSAiCcgTu3Iemt4oN1KY5Eo3w9KB6vC2Q3S5L4Q8smX6QIGEhmI9Fauy24QK/XmAC4NFm96+QzYrdHT9Vw/CR5xrqW9qh9QdFp8WCS11IqJXSEES16AoDRgDmIAZiE2By0QUuJgAOaetLkHkdUAALjTihuw3OU+AAAAAElFTkSuQmCC");
 vertical-align: Middle;
}

span.smiley2::before {
 content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAIAAAC0D9CtAAAABnRSTlMAAQAAAABTxi4hAAACCElEQVR42mNgZGCAo/VFlkLsjEpq3J3ZgovBqNONTYmDXciyCFkZguUnwWgdJnZ/s8X/E7Yo6ID27Wpeaw4Jv4VnUPRYs7PWtav/RFONhH4ul6iT53Gcfgaqp1WDMbVR888Jm0/rtO7O13uDQ9uflWKpHKb9Z14wXJnrzGAn9vqEzevFglf7+G8vNf6CUGf9Yb3hg4VK95cbvT5gAxR53cjJ7rmQoVODsXei2Z8NKtd7Be9vtkE2+P1S4St93DfnyN+aynq1T+EpUHCvTC+HKYM1A//1I7Yfl0vfXGL6Z5NWvJzA7JUwbUetf+01vzxb//JGyy+HrMGCZpciGRjYQQ6DKZohDfShZbUplHvYsEGBTU2OU02aLaTdDCL4sp6DgQFZzyatEH6O7sUw7h6T25shbIsbK80hgkAvMYhYiL7EHcSY6GklG4MnA9+lvcTrMTjjx8Cw0JMhv10PLnoshtkgRf/FYQjX5mG/pBK/7Em4no0S+QzhDA+2ZojIC96BWfVzg06GNBMHP4eLp5iLCDMDF2/bbHNY+jC7lcYiUb4flA5WhbMbpMkhR+WbVYZ7p+juXWDy5gDCYV+mCxhIZCDSW7kuu0GsFLIKVGTxppfPgN0aPV3P9ZPgEeda2qv6AUWnxYdFUkutmNgVQrDkBQhKA+YgBmAWYnPQAiElDgZg7kmbexBZDQBCbIS3PtWfrwAAAABJRU5ErkJggg==");
 vertical-align: Middle;
}

span.smiley3::before {
 content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAIAAAC0D9CtAAAABnRSTlMAAAAAAABupgeRAAABtUlEQVR42mNgQAJ7qmyFORiV1Lg7swUXg1GnG5sSB4ewbRUDVhAixWgdJnZ/s8X/E7Yo6ID27Wpeaw6pkDW3Eap/3p5rz8Fa167+E001Evq5XKJOntdtEUxbnzZjaqPmH9waIOjPSrFUDsuZt38yPF7hwWAn9pqQBgh63cjJ4beGYbI2Y+9EM6joYfNrs40eHkZWZ31/gf6NnTDuXpleDksGewb+60dgQrNlOBgY/NrNEXo2qNszMIimGMJEzC5FMjBwIDsMU88WTT8UPbYv64FKUDxjcQPdbTYPFyG5DewlBlEL0ZfEBQAEPa1kY/Bj4Lu0F1XisOXL9UZHp+geXWr6co8Nqh6DM0C3rvFjyG/Xg4s+mSSlycXAwc+hJsepJs3KwcBsnmnwBq5no0Q+QyzDh0P5ovKCd2BW3Z2ovGK++VeYoq9bDFdU6z2BBdqtNBaphrOgdLAtlsMgTe4LIZ98mS5gIJWPSHINBhwGsVJvDuDSYPGml8+Aw34uMOEggxUhUjziXEt7VT+g6LT4sEhqqRUTh1IU9uzw9PSKXGAOYgBmITYHLRBS4mAA5p7cFeeRlQEA7QyV3pMFdZAAAAAASUVORK5CYII=");
 vertical-align: Middle;
}

span.smiley4::before {
 content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAIAAAC0D9CtAAAABnRSTlMAAQAAAABTxi4hAAAB/0lEQVR42mNgZGCAoz1VtsIcjEpq3J3ZgovBqNONTYmDQ9i2ClkZghUixWgdJnZ/s8X/E7Yo6ID27Wpeaw6pkDW3EXp+3p5rz8Fa167+E001Evq5XKJOntdt0W2onj5txtRGzT+4NUDQn5ViqRyWM2//ZHi8woPBTuw1IQ0Q9LqRk8NvDcNkbcbeiWZQ0bXq9mxsDQttEOoOGzaIMPm1wxTslenlsGSwZ+C/fgSmYoY00LWW1aYIPWvVLIFC4XowEbNLkQwMHMgO26STqymyfC2Sew6bLHLgqZttCRd5Wc/BQLxn4F5iELUQfQl3WMHmayemTQMRBdNOIIhrmwvgzntaycbgx8B3aS9Yz2wZjtm3/r8+dAhEzD70GkH8vzVbNMUQrMfgjB8Dwxo/hvx2sBmHDaoNvPNSHRxCy1IddB1SEUSet1r1PHBgbpTIZ4hl+HAoX1Re8A7YqjeTnBcc2oRuz6ZDS8v13oAD7VYai1TDWVA62BbLYZAm9wUkanO7XSxh7tUb26eClE9dd/l4p2OQzsPDIBO/TBcwkMpHpNEGAw6DWKk3B8BJa4/pmR61lliZlmrtM2stwYnQ4k0vnwGH/dzbP1HS9YoQKR5xrqW9qh8OIAeuxYdFUkutmDiUorDkBSB6enpFLjAHMQCzEJuDFggpcTAAc0/uivPIygDruZRTAdsDUwAAAABJRU5ErkJggg==");
 vertical-align: Middle;
}