/****** FILE: css/typography.css *****/
/* Ersetzen: generic-font mit font-family
			 font-color mit Fließtextfarbe
			 link-color mit a Farbe
			 link-hover-color mit a:hover Farbe

/* GENERIC STYLES 
font-family:'Myriad W01';

Farben:
Links/normal: #f59b00
Links/hover : link-hover-color
*/

/* Fonts integrieren, font-family immer gleich, font-weight / font-style eintragen */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=ca6c8765-ff4b-4887-893f-1240e5a3b438");
    @font-face{
        /* Light */
        font-family: "Myriad W01";
        font-weight: 400;
        font-style: normal;
        src:url("/css/Fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix");
        src:url("/css/Fonts/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix") format("eot"),url("/css/Fonts/e7e30ff2-3a95-49b0-bbf9-024f40ead426.woff2") format("woff2"),url("/css/Fonts/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff"),url("/css/Fonts/82d18baa-8811-4aa8-9338-9bafa08350d0.ttf") format("truetype"),url("/css/Fonts/20e14bb9-6aec-47a9-8ef8-5613bf1d6eae.svg#20e14bb9-6aec-47a9-8ef8-5613bf1d6eae") format("svg");
    }
    @font-face{
        /* Regular */
        font-family:"Myriad W01";
        font-weight: 600;
        font-style: normal;
        src:url("/css/Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
        src:url("/css/Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("/css/Fonts/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2") format("woff2"),url("/css/Fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("/css/Fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("/css/Fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
    }
    @font-face{
        /* Semibold */
        font-family:"Myriad W01";
        font-weight: 700;
        font-style: normal;
        src:url("/css/Fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix");
        src:url("/css/Fonts/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix") format("eot"),url("/css/Fonts/0b6110f9-6072-46b9-98af-7d09f7c895b8.woff2") format("woff2"),url("/css/Fonts/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff"),url("/css/Fonts/19ce9ea9-076e-4dcd-91a1-454f4830f120.ttf") format("truetype"),url("/css/Fonts/18915124-98e4-4245-9e10-b921e09a6704.svg#18915124-98e4-4245-9e10-b921e09a6704") format("svg");
    }


.typography {
	font-family: 'Myriad W01', sans-serif;
	color: font-color;
	font-size: 18px;
}


/* PARAGRAPHS 
-------------------------------------------- */
.typography p {
 	margin-top: 0;
	margin-bottom: 1em;
}

.typography .Unterstrichen {
	display: inline-block;
    border-bottom: 1px solid rgb(69, 47, 146);
	color: #f59b00;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.typography .DunklerText {
	color: rgb(69, 47, 146);
}

.typography .ButtonDunkel {
	background: rgb(69, 47, 146) !important;
	padding: 0.5em 1em !important;
	background-image: none !important;
	color: #fff;
	display: inline-block;
}

.typography .ButtonDunkel:hover {
	background: #f59b00 !important;
}

.typography .clear {
	clear:both;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	padding: 0.5em 1em;
	margin-bottom: 1em;
	font-size: 1.25em;
	border-left: 0.25em solid #eceeef;
}	

.typography .clearfix::after, .typography .clear:after {
  display: block;
  content: "";
  clear: both;
}


.typography blockquote:before, .typography blockquote:after  {
	content: "";
	content: none;
}

.typography q {
	display:block;
	padding: 0.5em 1em;
	margin-bottom: 1em;
	font-size: 1.25em;
	border-left: 0.25em solid #eceeef;
	quotes: none;
}

.typography q:before, .typography q:after { content: ""; content: none; }

/* REVISION
-------------------------------------------- 
.typography ins { background-color: #ff9; color: #000; text-decoration: none; }

.typography mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

.typography del { text-decoration: line-through; }

.typography abbr[title], .typography dfn[title] { border-bottom: 1px dotted; cursor: help; }
*/


/* LINKS 
-------------------------------------------- */

.typography a { 
 	color: #f59b00;
    text-decoration: none;
    background-color: transparent;
	transition: color 0.25s ease-out; 
}
.typography a:hover { 
	color: rgb(69,47,146);	
}



	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(/../images/icons/application.png) no-repeat left center;
	}

  .typography a[href^=tel] {
 		color:inherit;
		text-decoration: none;
		pointer-events: none;
  }

.touch .typography a[href^=tel] {
  		border: 1px solid #ccc;
		border-radius: 5px;
		color: black;
		display: inline-block;
		font-style: normal;
		margin-top: 10px;
		padding: 3px 5px;
		text-decoration: none;
		pointer-events:inherit;
  }

/* HEADING STYLES
-------------------------------------------- */
h1, h2, h3 {
	color: rgb(69, 47, 146);
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	margin-top: 0;
}


/* LIST STYLES 
-------------------------------------------- */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1em;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

.content ol li,
.content ul li,
.content dl dd {
	position: relative;
	list-style-type: none;
}

.content ol li:before,
.content ul li:before,
.content dd:before {
    content: '';
    width: 0.4em;
    height: 0.4em;
    display: inline-block;
    background: #f59b00;
    position: absolute;
    left: -1em;
    top: 0.55em;
    border-radius: 50%;
    transform: translateY(-50%);
}


/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	display: block;
	font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 90%;
	color: #292b2c;
}

.typography pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.typography code {
  padding: 0.2em 0.4em;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25em;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
  background-color: transparent;
}

.typography .table th,
.typography .table td {
  padding: 0.75em;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

.typography table td {
	padding: 0 0.5em;
}

.typography .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

.typography .table tbody + tbody {
  border-top: 2px solid #eceeef;
}

.typography .table .table {
  background-color: #fff;
}

.typography table.responsiveTable, .typography table.responsiveTableDrei, .typography table.responsiveTableVier, .typography table.responsiveTableSechs {
	width: 100%;
	table-layout: fixed;
}

.typography table.responsiveTable > tbody > tr > td, .typography table.responsiveTableDrei > tbody > tr > td {
	vertical-align: top;
	padding: 0 1.5em 0 0;
}

.typography table.responsiveTable > tbody > tr > td {
	width: 50%;
}

.typography table.responsiveTableDrei > tbody > tr > td {
	width: 33.333%;
}




/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
    max-width: 100%;
    height: auto;
}
.typography .content img {
    border: 1px solid #f59b00;
}
.typography header img {
	border: 0 none;
}
.typography img.right {
    float: right;
    margin-left: 20px;
}
.typography img.left {
    float: left;
    margin: 0px 20px 10px 0;
    padding:0px 0 0 0;
}
.typography img.leftAlone {
    float: left;
    margin:5px 100% 10px 0;
}

.typography .captionImage img {
	margin: 0;
	padding: 0;
}

.typography .captionImage .caption {
	text-align: center;
    clear: both;
    margin: 0;
    background: #f59b00;
    color: #fff;
}

.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.nocursor {
	pointer-events: none;
}

/* iframes responsive */

.typography iframe {
	max-width: 100%;
}

.typography iframe[src~="/maps"] {
	max-width: 80%;
}

.typography input[type="submit"], .typography input[type="button"] {
    padding: 8px 15px 8px 15px;
    border: none;
    background: #452f92;
    color: #fff;
}

.typography hr {
    border: 0 none;
    border-top: 1px dotted #452f92;
}
/****** FILE: css/main.css *****/
html {
	height: 100%;
}

body {
	min-height: 100%;
	position: relative;
}

#Wrapper {
	padding-bottom: 380px;
	position:relative;
}

#socialshareprivacy {
	height:40px;
	width: 100%;
	margin-top: 0px;
}

#socialshareprivacy img {
    border: none;
}

#socialshareprivacy li::before {
    background: none;
}

#Navigation {
	z-index: 999;
    position: relative;
}

#Navigation, #Navigation > ul {
	background: rgb(247, 236, 227);
	height: 45px;
	text-align: center;
}

#Navigation li {
	display: inline-block;
	line-height: 45px;
	margin: 0 1em;
	position: relative;
}

#Navigation > ul > li > a {
	display: block;
	height: 45px;
	border-bottom: 5px solid transparent;
}

#Navigation a {
	color: rgb(69, 47, 146);
}

#Navigation .secondary {
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 45px;
	left: 0;
	background: #fff;
	width: 220px;
	text-align: left;
	border: 1px solid #fff;
	border-top: 0 none;
}

#Navigation > ul > li > a:hover, #Navigation .current > a, #Navigation .section > a {
	border-color: rgb(163, 151, 200);
}

#Navigation li:hover .secondary {
	display: block;
}

#Navigation .secondary li {
	display: block;
	margin: 0;
}

#Navigation .secondary a {
	display: block;
	line-height: 1;
	padding: 0.5em;
}

#Navigation .secondary a:hover, #Navigation .secondary .current a {
	background: rgb(163, 151, 200);
    color: #fff;
}

.slicknav_menu {
	display: none;
}

.touch .slicknav_menu {
	display: block;
}

.touch #Navigation {
	display: none;
}

.touch #Header:after {
	height: 138px;
	top: 20px;
}

.slicknav_menu {
	position: absolute;
	background: transparent;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	padding: 0;
}
.slicknav_nav {
	background: #452f92;
	font-size: 1.1em;
}
.slicknav_menu .slicknav_menutxt {
	display: none;
}
.slicknav_menu .slicknav_icon-bar, .slicknav_menu .slicknav_icon {
	width: 1.5em;
}
.slicknav_nav a {
	color: #fff;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a, .slicknav_nav a:hover, .slicknav_nav .current > a, .slicknav .section > a, .slicknav_nav .current > a > a, .slicknav .section > a > a {
	background: #fff;
	border-radius: 0px;
	color: #452f92 !important;
}

#Header {
	background: rgb(71, 35, 131);
	height: 225px;
	position: relative;
}

#Header:before {
	content: '';
	display: block;
	height: 187px;;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: url('/images/header_background.png') no-repeat center bottom / auto 100%;
}

#Header:after {
	content: '';
	display: block;
	height: 136px;
	width: 100%;
	position: absolute;
	top: 0;
	background: url('/images/header_linien.png') no-repeat center bottom / auto 100%;
}

#Logo {
	position: relative;
	top: 30px;
	z-index: 1;
}

#Logo img {
	width: 468px;
	height: 195px;
	vertical-align: bottom;
}

#TelefonWrapper {
	height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#Telefon {
	display: inline-block;
    position: absolute;
    right: 70px;
    top: 120px;
    color: #fff;
    background: url(/images/header_phone.jpg) no-repeat left center / 35px 35px;
    height: 35px;
    padding-left: 50px;
    line-height: 35px;
    font-weight: bold;
    font-size: 1.3em;
}

.slideshowText {
	display: none;
}

#Slideshow {
	max-height: 500px;
	overflow: hidden;
}

#Slideshow img {
	vertical-align: top;
	min-width: 100%;
}

#Teasers {
	padding: 2em 0;
	text-align: center;
}

.teaser {
	display: block;
	max-width: 370px;
    height: 160px;
    margin: 0 auto;
	background: url('/images/teaserbg.jpg') no-repeat center center / auto 100%;
	position: relative;
	text-align: center;
}

.teaser h3 {
	color: #fff;
    font-size: 2em;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.teaser.neu:before {
	content: 'NEU';
    display: block;
    position: absolute;
    top: -1.2em;
    right: 1em;
    border-radius: 50%;
    background: rgb(248, 156, 28);
    width: 2em;
    height: 2em;
    transform: rotate(20deg);
    color: white;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 2em;
}

.teaserDescription {
	opacity: 0;
	font-size: 1.5em;
    font-weight: 600;
	max-width: 370px;
    margin: 1em auto 0 auto;
    border-top: 5px solid rgb(163, 151, 200);
    padding-top: 1em;
    color: #452f92;
    transition: opacity 0.25s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.teaser:hover + .teaserDescription {
	opacity: 1;
}

#ContentOben {

}

#ContentUnterlegt {
	background: rgb(230, 231, 233);
	padding: 2em 0;
	margin-top: 3em;
}

#Layout {
	margin: 3em 0;
}

#FooterBackground {
	background: url(/images/footer.png) no-repeat center bottom / 100% 100%;
    height: 67px;
    width: 100%;
    position: relative;
    top: -67px;
}

#FooterBackground:after {
	content: '';
    display: block;
    height: 67px;
    width: 100%;
    position: absolute;
    top: 0;
    background: url(/images/footer_linien.png) no-repeat center bottom / 100% 100%;
}

footer {
	width: 100%;
	position: absolute;
    bottom: 0;
    background: #af9ecd;
    color: #fff;
    text-align: center;
    font-size: 1.1em;
}

footer strong {
	font-size: 1.2em;
}

footer p {
	margin-top: 0.5em !important;
}

footer > .container {
	padding-bottom: 0.5em;
}

footer img {
	display: block;
    margin: 0 auto;
    margin-bottom: 0.5em;
}

.typography footer a {
	color: #fff;
}

.typography footer a:hover {
	color: #ccc;
}

.middleColumn {
    margin-bottom: 1em;
}

@media only screen and (min-width: 1921px) {
	#Header:before {
		background-size: 100% 70%;
	}
	#Header:after {
		background-size: 130% 100%;
	}
	#Telefon {
		right: -120px;
    	top: 55%;
	}
}

@media only screen and (max-width: 1200px) {
	.teaser, .teaserDescription {
		max-width: 90%;
	}
	.teaser h3 {
		font-size: 1.7em;
	}
	#Telefon {
		right: 0px;
	}
}

@media only screen and (max-width: 992px) {
	#TelefonWrapper {
		display: none;
	}
	.teaser {
		height: 140px;
	}
	.teaser h3 {
		font-size: 1.2em;
	}
	.teaser.neu:before {
	    content: 'NEU';
	    display: block;
	    position: absolute;
	    top: -1em;
	    right: 0.5em;
	    border-radius: 50%;
	    background: rgb(248, 156, 28);
	    width: 2em;
	    height: 2em;
	    transform: rotate(20deg);
	    color: white;
	    font-size: 1.5em;
	    font-weight: bold;
	    line-height: 2em;
	}
	.teaserDescription {
		font-size: 1.1em;
	}
	#Header {
		height: 175px;
	}
	#Header:before {
		background: url(/images/header_background.png) no-repeat -350px 10px / auto 100%;
		height: 146px;

	}
	#Header:after {
		background: url(/images/header_linien.png) no-repeat 38% -10px / auto 100%;
		height: 100px !important;
		top: 0 !important;
	}
	#Logo {
		top: 23px;
	}
	#Logo img {
		width: 365px;
		height: 152px;
	}
	#Navigation {
		display: none;
	}
	#FooterBackground {
		background: url(/images/footer.png) no-repeat center bottom / 100% auto;
	}
	#FooterBackground:after {
		background: url(/images/footer_linien.png) no-repeat center bottom / 100% auto;
	}
	.slicknav_menu {
		display: block;
		top: 70px;
	}
}

@media only screen and (max-width: 768px) {
	#Teasers {
		max-width: none;
		padding: 0;
	}
	#Teasers h2 {
		display: none;
	}
	#Teasers .teaser {
		max-width: none;
	    width: 100%;
	    background: rgb(204, 197, 225);
	    border-top: 5px solid #fff;
	}
	.teaser h3 {
		color: #452f92;
	}
	.teaser.neu:before {
		top: 50%;
		transform: rotate(20deg) translateY(-50%);
		right: 1em;
	}
	.teaserDescription {
		display: none;
	}
	#Wrapper {
		padding-bottom: 0;
	}
	footer {
		position: static;
	}
	footer .column {
		text-align: left;
	}
	footer strong {
		padding-left: 26px;
	}
	footer p {
		padding-left: 70px;
		padding-bottom: 1em;
	}
	footer img {
		float: left;
	}
	.content ul, ol, dl {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	.typography table.responsiveTable > tbody > tr > td, .typography table.responsiveTableDrei > tbody > tr > td {
		clear: both;
		display: block;
		width: 100% !important;
	}
	.typography table.responsiveTable > tbody > tr > td:first-child, .typography table.responsiveTableDrei > tbody > tr > td {
		margin-bottom: 1em !important;
	}
	.typography table.responsiveTableDrei > tbody > tr > td:last-child {
		margin-bottom: 0;
	}
	.typography table.responsiveTable img.leftAlone, .typography table.responsiveTableDrei img.leftAlone {
		float: none;
	}
	.typography table.responsiveTableSechs > tbody > tr > td {
		display: block;
		float: left;
		width: 33.333% !important;
		margin-bottom: 1em;
	}
	.typography table.responsiveTableVier > tbody > tr > td {
		display: block;
		float: left;
		width: 50% !important;
		margin-bottom: 1em;
	}
	.content ol li:before, .content ul li:before, .content dd:before {
		left: 0;
	}
	.content li, .content dd {
		padding-left: 1em !important;
	}
	.typography img.leftAlone {
		margin-right: 0;
	}
	.slicknav_menu {
		top: 87px;
	}
	#Header:before {
		background: url(/images/header_background.png) no-repeat -465px 10px / auto 100%;
	}
	#FooterBackground:after {
		background: url(/images/footer_linien.png) no-repeat center bottom / auto 100%;
		top: 20px;
	}
	#Slideshow img {
		min-height: 150px;
		min-width: 100%;
		max-width: none;
		width: auto;
	}
}

@media only screen and (max-width: 480px) {
	.slicknav_menu {
		top: 0;
	}
	#Logo {
		bottom: 0;
	    position: absolute;
	    top: initial;
	    left: 1em;
	}
	#Logo img {
		width: 100%;
    	height: auto;
	}
}
/****** FILE: socialshareprivacy/socialshareprivacy.css *****/
.social_share_privacy_area .clearfix::after {
    content: "";
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    clear: both;
    display: block;
}
.social_share_privacy_area {
    clear: both;
    margin: 20px 0 !important;
    list-style-type: none;
    padding: 0 ;
    width: auto;
    height: 25px;
    display: block;
    font-family: Arial, sans-serif;
}
.social_share_privacy_area.vertical {
    height: auto;
}
.social_share_privacy_area li {
    margin: 0 ;
    padding: 0 !important;
    height: 21px;
    float: left;
}
.social_share_privacy_area.vertical li {
    float: none;
    clear: both;
    width: 150px;
    height: auto;
    margin: 0 0 10px !important;
}
.social_share_privacy_area.vertical li.settings_info {
    height: 24px;
}
.social_share_privacy_area.vertical.switch_right li {
    width: 120px;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
.social_share_privacy_area.vertical li .dummy_btn {
    width: 90px;
}
.social_share_privacy_area.vertical.switch_right li .dummy_btn {
    margin-left: 0;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
    width: 180px;
    display: inline-block;
}
.social_share_privacy_area.vertical .facebook {
    display: block;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 130px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
    width: 148px;
}
.social_share_privacy_area li div.tweet {
    width: 100px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
    width: 123px;
}
.social_share_privacy_area li div.gplusone {
    width: 75px;
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
    text-indent: -9999em;
    background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area.vertical.switch_right li .switch {
    float: right;
}
.social_share_privacy_area.skin-dark li .switch {
    background-image: url(images/socialshareprivacy_on_off_dark.png);
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px; 
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
    position: relative; 
}
.social_share_privacy_area li.help_info .info, 
.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area.vertical li.gplus.help_info .info,
.social_share_privacy_area.vertical li .help_info.icon .info {
    left: 0;
}
.social_share_privacy_area li.help_info.display .info, 
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    background: #fff url(images/socialshareprivacy_info.png) no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #e7e3e3;
    border-right-width: 0;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area.skin-dark li .help_info.icon {
    background-image: url(images/socialshareprivacy_info_dark.png),-moz-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/socialshareprivacy_info_dark.png),-webkit-gradient(linear,center top,center bottom,color-stop(0%,#6a6767),color-stop(100%,#2d2a2a));
    background-image: url(images/socialshareprivacy_info_dark.png),-webkit-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/socialshareprivacy_info_dark.png),-o-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/socialshareprivacy_info_dark.png),-ms-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/socialshareprivacy_info_dark.png),linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/socialshareprivacy_info_dark.png);
    background-color: #4f4c4c;
    border-color: #7e7e7e;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
    border-top-width: 0;
    border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
    border-right-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
    position: relative;
    top: -2px;
}
.social_share_privacy_area.vertical li.settings_info {
    top: 0;
}
.social_share_privacy_area li.settings_info a {
    text-decoration: none;
    margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px #c1c1c1;
    -webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
    border-width: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
    display: none;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
    text-indent: -9999em;
    display: inline-block;
    background: #fff url(images/settings.png) no-repeat center center scroll;
    width: 25px;
    height: 20px;
    border: 2px solid #e7e3e3;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #ddd;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area.skin-dark li.settings_info .settings_info_menu .settings {
    background-image: url(images/settings_dark.png),-moz-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/settings_dark.png),-webkit-gradient(linear,center top,center bottom,color-stop(0%,#6a6767),color-stop(100%,#2d2a2a));
    background-image: url(images/settings_dark.png),-webkit-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/settings_dark.png),-o-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/settings_dark.png),-ms-linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/settings_dark.png),linear-gradient(top,#6a6767 0,#2d2a2a 100%);
    background-image: url(images/settings_dark.png);
    background-color: #4f4c4c;
    border-color: #7e7e7e;
}
.social_share_privacy_area.skin-dark li.settings_info .settings_info_menu.on {
    background-color: #4f4c4c;
    color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
    border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
    clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    -moz-transition: color .5s ease-in;
    -webkit-transition: color .5s ease-in;
    transition: color .5s ease-in;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
    color: #090;
}
/* Top-Orientation */
.social_share_privacy_area li.settings_info.top {

}
.social_share_privacy_area li.settings_info.top .settings_info_menu.on {
    top: auto;
    bottom: -3px;
    padding-bottom: 22px;
}
.social_share_privacy_area.vertical li.settings_info.top .settings_info_menu.on {
    bottom: 0;
}
.social_share_privacy_area li.settings_info.top .settings_info_menu.on > a {
    position: absolute;
    bottom: 0;
    left: 0;
}
.social_share_privacy_area li.settings_info.top .settings_info_menu.on > a .help_info.icon {
    border-top-width: 2px;
    border-bottom-width: 0;
    -webkit-border-radius: 0 0 0 5px;
       -moz-border-radius: 0 0 0 5px;
            border-radius: 0 0 0 5px;
}
.social_share_privacy_area li.settings_info.top .settings_info_menu.on > a.settings {
    left: 25px;
    border-top-width: 2px;
    border-bottom-width: 0;
    -webkit-border-radius: 0 5px 0 0;
       -moz-border-radius: 0 5px 0 0;
            border-radius: 0 5px 0 0;
}
/* Settings/Info end */