html, body {
	height:100%;
	min-height:100%;
}

body {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	font-size: 13px;
	padding-bottom: 0;
}

.clearer {
	clear:both;
	float:none;
}
	
#chat {
	width:15%;
	min-height:100%;
	height:auto;
	float:left;
	position:fixed;
}
	
#wrap {
	width:100%;
	height:auto;
	min-height:100%;
	float:left;
	position:relative;
	margin:0;
}
	
.clear {
	clear:both;
	float:none;
}
	
p.margin-b {
	margin-bottom:15px !important;
}
	
.hideit {
	visibility:hidden;
}

.list { 
	padding: 20px; margin: 20px 0; background: #f1f1f1; 
}
	

/* ---------------------------- Logo ---------------------------- */

h1#logo {
      width: 130px;
	  height: 50px;
      text-decoration: none;
	  margin: 25px 0;
}

h1#logo.start {
      width: 174px;
	  height: 70px;
      text-decoration: none;
	  margin: 35px 0 45px 0;
}
	  
h1#logo a {
      text-indent: -1000px;
      overflow: hidden;
      background: url(../img/style/Hietzing_Logo_Gruen.svg) no-repeat;
      text-decoration: none !important;
      display: block;
      width: 100%;
      height: 100%;
	  background-size: contain;
	  opacity:1;
	  
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
}

h1#logo a:hover {
	  opacity:0.6;
}	 

/* ---------------------------- Typografie ---------------------------- */

/*
p {
	font-family: inherit;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 17px;
}
*/
	
p {
	font-family: inherit;
	font-weight: normal;
	font-size: 13px; /* 12 */
	line-height: 1.6;
	margin-bottom: 17px;
}

h1,h2,h3,h5 { 
	font-family: 'CongressSansLight', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: normal; 
	color: #333; 
	line-height: 1;  /* 1.2 */
}

.content h1 { 
	margin-top: 0 !important; 
	font-size: 26px !important; 
}
	
#myModal h2 {
	font-size: 32px;
}

h4 { 
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 17px; 
	margin: 6px 0;  }
	
h6 {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: bold;
	color: #333;
	font-size:13px;
	line-height:16px;
}
	
article h3, h3 {
	font-size: 19px;
	margin-top: 30px;
}
	
.large-6 h1 {
	font-family: 'CongressSansLight', Helvetica, Verdana, Arial, sans-serif;
	font-size: 32px;
	font-weight: 300;
	margin: 0 0 25px 0;
	width: 90%;
	line-height: 37px;
}
	
article h1 {
	font-family: 'CongressSansLight', Helvetica, Verdana, Arial, sans-serif;
	font-size: 32px;
	line-height:37px;
	font-weight: 300;
	margin: 0 0 20px 0; /* margin: 10px 0 20px 0; */
	width:90%;
}
	
a { 
	color: #18f;
	-webkit-transition: all 0.1s ease-in-out;
  	-moz-transition: all 0.1s ease-in-out;
  	transition: all 0.1s ease-in-out;
}
	
a:hover { 
	color: #18f; 
	text-decoration: none;
}
	
p a {
	/* padding-right: 10px; */
	/* background: url(../img/style/arrow_blue.svg) right center no-repeat;
	background-size: 6px; */
}
	
p a:hover {
	text-decoration:underline;
	/* padding-right: 12px; */
}

.list a:hover {
	text-decoration:underline;
}
	
p.teaser {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: bold; 
	font-size: 14px !important;
	line-height: 1.6;
	
	padding-left: 15px;
	border-left: solid 5px #ac3;
}
	
.bold {
	font-weight:bold;
}
	


.quelle {
	/* font-style:italic; */
	font-size:11px !important;
	color: #999;
}
	
.quelle a {
	color: #999;
	background: none;
	padding: 0;
}
	
.quelle a:hover {
	color: #18f;
	padding: 0;
}


.reveal-modal h2 {
	font-size: 32px;
}
	
.reveal-modal p.lead {
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0 0 0;
	max-width:84%;
}
	

.reveal-modal p {
	max-width:84%;
}

small {
	font-size: 11px;
}


/* ---------------------------- Navigation Top ---------------------------- */

.top-bar {
	background: #99BB00;
	height:40px;
}
	
.top-bar-section ul.left, .contain-to-grid {
	background: #99BB00;
}
	
.right li {
	width: 220px;
	right: 7px;
	/* min-width:170px; */
}

.top-bar-section ul li a {
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif;
	font-weight:500;
	font-size:15px;
	line-height:40px;
}
	
.top-bar-section ul.left li a:not(.button), .top-bar-section ul.right li a:not(.button) {
	line-height:40px;
	background: #99BB00;
	padding: 0 10px;
}
	
.top-bar-section ul.right li ul li a:not(.button) {
	line-height:40px;
	background: #222222;
	padding: 2px 10px;
}
	
.top-bar-section ul.right li ul li:hover > a {
	background: #3c3c3c !important;
	text-decoration: none;
}
	
.top-bar-section li a:not(.button):hover, .top-bar-section ul li.active > a, .top-bar-section ul li:hover > a, .top-bar.expanded .title-area {
	background:#AACC33 !important;
	text-decoration: none;
}

.top-bar .name {
	height:40px;
}
	
.egomenu {
	padding: 0 0 0 35px;
}
	
.egomenu img {
	margin: 6px 10px 0 -25px;
}

img.userthumb {
	/* width: 28px; */
	height: 28px;
	float: left;
	display: block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	clip: rect(0 20px 0 20px);
}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    top: 1.5rem !important;
    margin-top: -25px;
    }
	  
.top-bar ul.right .dropdown {
	background: #222222 !important;
}
	
.top-bar ul.right > li.has-dropdown .dropdown {
	padding:9px 0 0 0;
}
	
.top-bar ul.right > li.has-dropdown .dropdown li {
	background: #222222;
	line-height: 1;
	min-width: 100%;
	padding-bottom: 5px;
}
	
.top-bar ul.right > li.has-dropdown .dropdown li a {
	color: white;
	font-weight: normal;
	height: 100%;
	line-height: 1;
	padding: 5px 17px 5px 15px;
	white-space: nowrap;
}
	
.top-bar-section .left li ul li ul li a {
	font-size:14px;
	line-height:32px !important;
}
	
.top-bar ul.right > li.has-dropdown .dropdown li:last-child {
	padding-bottom: 10px;
}
	
.dropdown h5 {
	margin-top:0;
}
	
	
/* ---------------------------- Breadcrumbs ---------------------------- */
	
.breadcrumbs {
  padding: 6px 0 0 0;
  border:0;
  background:inherit;
  margin:0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  }
  .breadcrumbs > * {
    font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px !important;
    text-transform: inherit !important; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a,
    .breadcrumbs > * span {
      text-transform: inherit;
      color: #666666; }
    .breadcrumbs > *.current {
      color: #333333; }
      .breadcrumbs > *.current a {
        color: #333333; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        color: #999999; }
    .breadcrumbs > *:before {
      content: "|";
      color: #666666;
      margin: 0 8px;
      position: relative;
      top: 0px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }
	  
	  
/* ---------------------------- Suche ---------------------------- */

.searchformrow {
	margin-top:60px !important;
	/* z-index: 99; */
	/* position: absolute; */
}

.searchformrow input.searchform {
	background: #e0e0e0;
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 13px;
	margin: 0; /* 0 15px 0 0; */
	padding: 0 0 0 10px;
	height: 24px;
	width: 70%;
	float:right;
	
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out; 
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
  }
  
.searchformrow input:focus {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none;
	width: 100%;
	background:#ededed;
}


.searchstring {
	background:#ff0;
}


/* Live Search */

#results	 {
	float: right;
	position: absolute;
	z-index: 99;
	left: 15px; /* 0 */
	top: 85px;
	margin: 40px 0 0 0;
	display: none;
	/* margin: 1px 15px 0 0; */
	width: 205px;
	background-color: #222;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#results a.button {
	margin: 20px;
	background: #666;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 7px;
}

#results a.button:hover {
	background: #999;
}

#results .all {
	background:#eee;
	padding: 5px 7px 7px 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

#results .all:hover {
	background:#f6f6f6;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

#results .all input[type='submit'] {
	padding: 0 10px 0 0;
	background: url(../img/style/arrow_blue.svg) right center no-repeat;
	background-size: 6px;
	font-size: 13px;
	color: #18f;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#results .all input[type='submit']:hover {
	padding-right: 12px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#searchItems	 {
	/* padding: 5px 0 5px 0; */
	margin: 0;
}

#searchItems li	 {
	display: none;
	list-style-type: none;
	padding: 0;
	/* margin: 5px 0 5px 0; */
	font-size: 13px;
	border-bottom: solid 1px #555;
}

#searchItems li a	 {
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 5px 7px 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
}

#searchItems li a:hover	 {
	color: #fff !important;
	background: #3c3c3c !important;
}

#searchItems li .tags	 {
	display: none;
}

	
/* ---------------------------- Subnavigation Left ---------------------------- */
	
.blockhead  {
	display: block;
	width: 100%;
	background: #bbb;
	font-family: 'CongressSansLight', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: normal; 
	color: #fff;
}
	
.blockhead.big {
	height: 60px;
	font-size: 25px;
	padding: 28px 0 0 10px;
}	

.blockhead.small {
	height: 40px;
	font-size: 18px;
	padding: 14px 0 0 10px;
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif; 
}

.blockhead.green {
	background: #AACC33;
}


.side-nav { 
	margin-left: -4px; 
	padding-top:0;
	margin-bottom: 20px;
}

.side-nav dd { 
	border-left: 3px solid;
	display: block;
	list-style: none;
	margin:1px 0;
	font-size:13px;
	/* height: 23px; */
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	padding:1px 0;
	background:none;
	clear: both; /* Armin am 12.02.2015 hinzugefügt, weil der blaue Balken plötzlich bis hinauf ging */
}


.calendar #sub1 { border-color: #006ec7; }
.calendar #sub2 { border-color: #0085f3; }
.calendar #sub3 { border-color: #2096ff; }
.calendar #sub4 { border-color: #43a8ff; }

.leben #sub1 { border-color: #FF8F2D; }
.leben #sub2 { border-color: #FF7036; }
.leben #sub3 { border-color: #FF523F; }
.leben #sub4 { border-color: #FF234E; }
.leben #sub5 { border-color: #FF144E; }

.unternehmen #sub1 { border-color: #c045df; }
.unternehmen #sub2 { border-color: #b146d7; }
.unternehmen #sub3 { border-color: #a646de; }
.unternehmen #sub4 { border-color: #9c47dc; }
.unternehmen #sub5 { border-color: #8546dc; }
.unternehmen #sub6 { border-color: #7947dd; }
.unternehmen #sub7 { border-color: #6048de; }
.unternehmen #sub8 { border-color: #4d48e0; }
.unternehmen #sub9 { border-color: #4f48db; }
.unternehmen #sub10 { border-color: #4640cd; }

.bezirk #sub1 { border-color: #99BB00; }
.bezirk #sub2 { border-color: #9FA700; }
.bezirk #sub3 { border-color: #A59300; }
.bezirk #sub4 { border-color: #AB7F00; }
.bezirk #sub5 { border-color: #B16B00; }
.bezirk #sub6 { border-color: #B75700; }
.bezirk #sub7 { border-color: #BD4300; }

.marktplatz #sub1 { border-color: #00bad7; }
.marktplatz #sub2 { border-color: #ebb827; }
.marktplatz #sub3 { border-color: #cc8bc5; }
.marktplatz #sub4 { border-color: #BBBBBB; }

.gesundheit #sub1 { border-color: #388DE0; }
.gesundheit #sub2 { border-color: #4990CE; }
.gesundheit #sub3 { border-color: #5B92BD; }

.meinhietzing #sub1 { border-color: #858585; }
.meinhietzing #sub2 { border-color: #A1A1A1; }
.meinhietzing #sub3 { border-color: #CFCFCF; }
.meinhietzing #sub4 { border-color: #DEDEDE; }
.meinhietzing #sub5 { border-color: #EFEFEF; }
.meinhietzing #sub5 { border-color: #F8F8F8; }

.aerzte #sub1 { border-color: #388DE0; }
.aerzte #sub2 { border-color: #4990CE; }
.aerzte #sub3 { border-color: #5B92BD; }
.aerzte #sub4 { border-color: #6C95AB; }
.aerzte #sub5 { border-color: #7D9799; }
.aerzte #sub6 { border-color: #8F9A88; }
.aerzte #sub7 { border-color: #A09C76; }
.aerzte #sub8 { border-color: #B29F65; }
.aerzte #sub9 { border-color: #C3A153; }
.aerzte #sub10 { border-color: #D4A441; }
.aerzte #sub11 { border-color: #E6A630; }
.aerzte #sub12 { border-color: #F7A91E; }

.kassen #sub1 { border-color: #99BB00; }
.kassen #sub2 { border-color: #9FA700; }
.kassen #sub3 { border-color: #A59300; }

.ordinationszeit #sub1 { border-color: #c045df; }



.side-nav dd a {
	display: block;
	color: #333;
	padding-left: 6px;
	padding-top: 2px;
}
	
.side-nav dd a:hover {
	background:#f1f1f1;
}
	
.side-nav dd.active a {
	background-color: #f1f1f1;
	font-weight: bold !important;
}
	
.side-nav dd.active ul li a {
	background-color: #ffffff;
	font-weight: normal !important;
}
	
.side-nav dd.active ul li a.active {
	font-weight: bold !important;
}
	
.side-nav dd.active ul li a:hover, .side-sub-nav a.active {
	font-weight: bold !important;
	/* background-color: #f1f1f1; */
}
	
	
.accordion dd > a {
	/* background: #ffffff; */
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	color:#333333;
	padding:2px 0 0 12px;
	display: block;
	font-size: 13px;
	font-weight: bold; /* ursprünglich regular */
}
	
.side-sub-nav {
	margin-left:4px;
	margin-bottom:5px;
}
	
.side-sub-nav li, .side-sub-nav li {
	/* background: #ffffff; */
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	color: #333333;
	padding: 0;
	margin:1px 0;
	display: block;
	font-size: 12px;
	/* border-left: 3px solid;
	border-color: #FF144E; */
}




/* ---------------------------- Footer ---------------------- */

.footer { 
	background:#666; 
	max-width:100%; 
	min-height:300px; 
	margin-top: 100px; 
	color: #bbb; 
	padding: 40px 0; 
	overflow: hidden; 
}
.footer a { 
	color: #bbb; 
	text-decoration: none; 
	background: none;
}






/* ---------------------------- Startseite ---------------------- */

.startcover {
	margin-top: -130px;
	/* height: 650px; */
}

.startcover img {
  /* clip-path: url(#clipping); */
  
  position: absolute;
  clip-path: url(#buiperl);
}

.covertitle {
	font-family: 'CongressSansLight', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: normal; 
	font-size: 40px;
}

.startmobile {
	margin-bottom: 25px;
	/* max-width: 400px; */
	
	/* background: #f1f1f1; */
	padding: 0 7px 1px 8px;
}

.startmobile img {
	max-width: 400px;
}

.thread .image {
	width: 100%;
	/* Bild proportional verkleinern */
	height:0;
	padding-bottom:50%;

	
	/* width:206px; */
	/* height:102px; */
}


/* Buiperl */

#title {
	font-family: 'CongressSansLight','RobotoLight', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: <?=$title_size?>px;
}
#subtitle {
	font-family: 'CongressSans','RobotoRegular', Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
}
.startlink {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
}
.photocredit {
	font-size: 9px;
}

a#first:hover, a#second:hover, a#third:hover {
	opacity: 0.8;
}

	
/* ---------------------------- Lead ---------------------------- */

article .lead { 
	background: #f1f1f1;
	display: block;
	padding: 0 7px 1px;	
	margin-bottom: 35px;
	overflow: auto;
}

article .lead p {
	font-size: 13px;
	line-height:17px;
	font-weight: bold;
	margin: 12px 0 12px 0;
	padding: 0 20px 0 5px;
}

article .lead img {
	width: 100%;
}

article .credit {
	padding-bottom: 15px;
}

article .datum {
	color: #bbb;
}

.credit {
	color: #aaa;
	font-size: 11px !important;
	font-weight: normal !important;
}
	
	
/* ---------------------------- Likes ---------------------------- */

/* Debug */

#result { /* für Debugging der Likes
	background:#3FF;
	width: 100%; 
	height:200px;
	padding: 10px;
	clear: both;
	margin-top:20px; */
}


/* ---- Armin --- */

section.likes {
	min-height: 40px;
	padding-top: 10px;
	background:#f1f1f1;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}

.hearts {
	float: right;
	width: 80px;
	height: 30px;
	text-align:right;
	padding-right:30px;
	/* padding-top: 10px; */
}

.heart {
    position: relative;
    width: 20px;
    height: 18px;
	cursor: pointer;
}
	
.heart:before,
.heart:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    width: 10px;
    height: 16px;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
		
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

.heart.small:before,
.heart.small:after {
	top: 2px;
    left: 8px;
    width: 9px;
    height: 14px;
}

.heart.small:after {
	left: 0px;
}


.heart:before,
.heart:after
.heart:hover:before,
.heart:hover:after {
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out; 
}

.heart.grey:before,
.heart.grey:after {
	background: #aaa;
}
	
.heart.grey:hover:before,
.heart.grey:hover:after {
	background: #bbb; 
}
	
.heart.grey:active:before,
.heart.grey:active:after {
	background:#cc1203;
}

.heart.white:before,
.heart.white:after {
	background: #fff;
}

.heart.white:hover:before,
.heart.white:hover:after {

}

.heart.red:before,
.heart.red:after {
	background: #e75113; /* #ff5a26; /* #ee0c19; /* #e75113; */ 
}


.count {
	color:#b8b2a7;
	font-size:12px;
	font-weight:bold;
	padding-right: 7px;
}


/* ---- Doris ---  
	
.heart-big {
    position: relative;
    width: 28.8px;
    height: 25.92px;
	cursor: pointer;
}
	
.heart-big:before,
.heart-big:after {
    position: absolute;
    content: "";
    left: 14.4px;
    top: 0;
    width: 14.4px;
    height: 23.04px;
    -moz-border-radius: 14.4px 14.4px 0 0;
    border-radius: 14.4px 14.4px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}

.heart-small {
    position: relative;
    width: 20px;
    height: 18px;
	cursor: pointer;
}
	
.heart-small:before,
.heart-small:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    width: 10px;
    height: 16px;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
		
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}
	
.heart-big:after, .heart-small:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

.heart-white:before,
.heart-white:after {
	background: #ffffff;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out; 
}
	
.heart-red:before,
.heart-red:after {
	background: #ee0c19; /* #e75113; */
	/*
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out; 
}
	
.heart-grey:before,
.heart-grey:after {
	background: #d0d0d0;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out; 
}
	
.heart-darkgrey:before,
.heart-darkgrey:after {
	background: #b8b2a7;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out; 
}
	
.schaufenster .heart-grey:before,
.schaufenster .heart-grey:after {
	background: #f0ebe2;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out; 
}

.heart-white:hover:before,
.heart-white:hover:after,
.heart-grey:hover:before,
.heart-grey:hover:after,
.schaufenster .heart-grey:hover:before,
.schaufenster .heart-grey:hover:after {
	background: #bbb; 
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out; 
}

.heart-white:active:before,
.heart-white:active:after,
.heart-grey:active:before,
.heart-grey:active:after,
.schaufenster .heart-grey:active:before,
.schaufenster .heart-grey:active:after {
	background:#cc1203;
}

.right {
	float:right;
	margin-right:10px;
}
	
.left {
	float:left;
	margin-left:10px;
}

*/
/*
#heart1, #heart2, #heart3, #heart4, #heart5, #heart6, #heart7, #heart8, #heart9 {
	visibility:hidden;
} 
*/





/* ---------------------------- Fancybox ---------------------------- */

.fancybox-title p.fancy-title {
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif !important;
	font-size:18px !important;
	color: #333;
	margin: 5px 0 0 0;
	float:left;
}
	
.fancybox-title .link-orange-full {
	margin:11px 0 0 0;
}
	
.fancybox-wrap h4.preis {
	margin-top: -49px;
	float: right;
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif;
	font-size: 22px;
	background: #F0EBE3;
	position: relative;
	color: #333333;
	font-weight: normal;
	padding: 10px 5px;
}
	
.fancybox-wrap h3 {
	font-size: 24px;
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif;
	margin-top: 10px;
}
	
.fancybox-wrap p {
	width:95%;
	margin-bottom:10px;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}
	
.fancybox-wrap a.firma {
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	margin: 0 0 10px 0;
	/* font-size: 11px; */
	/* display: block; */
	min-height:13px;
	padding-right: 10px;
	background: url(../img/style/arrow_blue.svg) right center no-repeat;
	background-size: 6px;
}
	
.fancybox-wrap a.firma:hover {
	text-decoration: underline !important;
}
	
.fancybox-wrap p.heart-count {
	font-weight:bold;
	color:#b8b2a7;
	font-size:12px;
	line-height:12px;
	float:left;
	
	padding-left: 21px;
	background:url(../img/style/heart_darkgrey.svg) no-repeat;
	background-size:contain;
	height: 13px;
	margin:12px 5px 0 0; 
	padding-top: 1px;
	display:block;
	clear:both;
}
	
.fancybox-wrap .link-orange {
	float:right;
	margin-bottom:0;
	margin-top:-17px;
}
	
.fancybox-title-inside-wrap {
	padding-bottom:25px;
}
	
.fancybox-skin {
	background: #F0EBE3 !important;
}
	
	
	
	

/* ---------------------------- Sidebar ---------------------------- */

.anzeige, .gutschein, .articlebox {
	padding: 10px 7px 0px 8px;
	margin: 0 0 20px 0;
}

.sidebox  {
	padding: 12px 7px 0px 8px;
	overflow: hidden;
	margin:0 0 20px 0;
}

.thread, .teaser {
	padding: 0px 7px 1px 8px;
	margin:0 0 15px 0;
	/* max-width: 400px; */
}

.narrow .articlebox {
	width: 212px !important;
	float: right;
}

.narrow .articlebox img {
	width: 198px !important;
}

.articlebox p {
	padding: 0 0 10px 7px;
}

.sidebox p {
	padding: 0 0 10px 3px;
}

.sidebox a:hover {
	text-decoration: underline;
}

.anzeige, .articlebox, .thread, .sidebox {
	background-color:#f1f1f1;
}

.thread.fotogalerie {
	/* background-color:#444; */
	background: #f1f1f1 url(../img/style/icon_camera_light.svg) no-repeat right 8px bottom 10px;
	padding-bottom: 13px;
}

.thread.fotogalerie .sb-subtitle, .thread.fotogalerie p {
	/* color: #fff; */
}


.gutschein {
	background-color:#f0ebe2;
}
	
.sb-title {
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif; 
	font-size:18px;
	font-weight: 400; 
	color: #333;
	margin: 2px 0 6px 0;
	padding:0 0 0 26px;
	/*float:left;*/
}
	
.anzeige_kategorie_1 { background: url(../img/style/icon_anzeige_1.svg) no-repeat left top; }
.anzeige_kategorie_2 { background: url(../img/style/icon_anzeige_2.svg) no-repeat left top; }
.anzeige_kategorie_3 { background: url(../img/style/icon_anzeige_3.svg) no-repeat left top; }
.anzeige_kategorie_4 { background: url(../img/style/icon_anzeige_4.svg) no-repeat left top; }
.anzeige_kategorie_5 { background: url(../img/style/icon_anzeige_5.svg) no-repeat left top; }
.anzeige_kategorie_6 { background: url(../img/style/icon_anzeige_6.svg) no-repeat left top; }
.anzeige_kategorie_7 { background: url(../img/style/icon_anzeige_7.svg) no-repeat left top; }
.anzeige_kategorie_8 { background: url(../img/style/icon_anzeige_8.svg) no-repeat left top; }
.anzeige_kategorie_9 { background: url(../img/style/icon_anzeige_9.svg) no-repeat left top; }
.anzeige_kategorie_10 { background: url(../img/style/icon_anzeige_10.svg) no-repeat left top; }
.anzeige_kategorie_11 { background: url(../img/style/icon_anzeige_11.svg) no-repeat left top; }
.anzeige_kategorie_12 { background: url(../img/style/icon_anzeige_12.svg) no-repeat left top; }
.anzeige_kategorie_13 { background: url(../img/style/icon_anzeige_13.svg) no-repeat left top; }
.anzeige_kategorie_14 { background: url(../img/style/icon_anzeige_14.svg) no-repeat left top; }
.anzeige_kategorie_15 { background: url(../img/style/icon_anzeige_15.svg) no-repeat left top; }
.anzeige_kategorie_16 { background: url(../img/style/icon_anzeige_16.svg) no-repeat left top; }
.anzeige_kategorie_17 { background: url(../img/style/icon_anzeige_17.svg) no-repeat left top; }
.anzeige_kategorie_18 { background: url(../img/style/icon_anzeige_18.svg) no-repeat left top; }
.anzeige_kategorie_19 { background: url(../img/style/icon_anzeige_19.svg) no-repeat left top; }
.anzeige_kategorie_20 { background: url(../img/style/icon_anzeige_20.svg) no-repeat left top; }
.anzeige_kategorie_21 { background: url(../img/style/icon_anzeige_21.svg) no-repeat left top; }
.anzeige_kategorie_22 { background: url(../img/style/icon_anzeige_22.svg) no-repeat left top; }

.anzeige_kategorie_stern { background: url(../img/style/icon_stern.svg) no-repeat left top; }

.anzeige img:hover { cursor: pointer; }


	
.gutschein .sb-title {
	background-image: url(../img/style/icon_gutschein.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 19px;
}

.gutschein .sb-title.geschenk { background: url(../img/style/icon_anzeige_5.svg) no-repeat left top; }

	
	
.person .sb-title {
	background: url(../img/style/icon_person.svg) no-repeat left top;	
}
.mitglieder .sb-title {
	background: url(../img/style/icon_mitglieder.svg) no-repeat left top;
}
.stern .sb-title {
	background: url(../img/style/icon_stern.svg) no-repeat left top;
}
.lesezeichen .sb-title {
	background: url(../img/style/icon_lesezeichen.svg) no-repeat left top;
}
.schloss .sb-title {
	background: url(../img/style/icon_schloss.svg) no-repeat left top;
}
.info .sb-title {
	background: url(../img/style/icon_info.svg) no-repeat left top;
}
.achtung .sb-title {
	background: url(../img/style/icon_achtung.svg) no-repeat left top;
}
.fliege .sb-title {
	background: url(../img/style/icon_fliege.svg) no-repeat left top;
}






.articlebox .sb-title {
	padding:0 0 0 5px;
}
	
.articlebox .link-green, .articlebox .link-orange {
	margin-bottom:0;
}

	
.anzeige .heart-small, .gutschein .heart-small, .articlebox .heart-small {
	margin:4px 5px 0 0; 
}

.anzeige h5.sb-subtitle, .anzeige p.sb-text, .gutschein h5.sb-subtitle, .gutschein p.sb-text {
	padding-left: 3px;
}

h5.sb-subtitle {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight:bold;
	font-size: 13px;
	line-height:17px;
	margin:12px 0 10px;
	/* padding-left:3px; */
	max-width:90%;
}

.thread h5.sb-subtitle, .teaser h5.sb-subtitle {
	margin: 8px 0 2px !important;
}

.thread p.sb-text, .teaser p.sb-text {
	font-size: 11px;
	line-height: 14px;
}

.teaser.startad, .teaser.startad h5.sb-subtitle {
	color: #18f;
}

p.sb-text {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight:regular;
	font-size: 12px; /* 13 px */
	line-height:17px;
	margin:0 0 15px 0;
	/* padding-left:3px; */
}
	
.gutschein p.sb-text {
	color:#b0aca6;
	font-size: 12px;
}
	
.articlebox p {
	font-size:12px;
}

/*
.anzeige .link-green, .anzeige .link-orange,
.gutschein .link-green, .gutschein .link-orange,
.articlebox .link-green, .articlebox .link-orange {
	margin-bottom:0;
}
*/
	
	
/* ------ Links -------- */

input[type='submit'] {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 4px 25px 4px 12px;
	margin-bottom: 20px;
	width: auto;
	/* float: right; */
	color: #ffffff;
	background-image: url(../img/style/arrow_white.svg);
	background-size: 6px;
	background-repeat: no-repeat;
	background-position: 94% center;
	height: 26px;
	border: none !important;
	cursor: pointer;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input[type='submit']:hover {
	background-position: 96% center;
}

input[type='submit'].link-green {
	background-color: #99bc00;
}

select:active, select:focus {
	outline: none;
}

	
a.link-green, a.link-orange, a.link-blue {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 13px;
	line-height:19px;
	margin:0 0 20px 0;
	display: inline-block;
	position: relative;
	height: 19px;
	padding:0px 22px 1px 12px;
	cursor: pointer;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}

a.link-blue-mini {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 11px;
	line-height:16px;
	margin:6px 0 18px 0;
	display: inline-block;
	position: relative;
	height: 20px;
	padding:2px 14px 1px 6px;
	cursor: pointer;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}



a.link-green {
	background: url(../img/style/arrow_green.svg) no-repeat #ffffff;
	background-size: 7px;
	background-position: 93% 4px;
	color:#99bc00;
}

a.link-blue {
	background-image: url(../img/style/arrow_blue.svg);
	background-size: 7px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 93% 4px;
	color:#18f;
}

a.link-blue-mini {
	background-image: url(../img/style/arrow_white.svg);
	background-size: 6px;
	background-color: #27d;
	background-repeat: no-repeat;
	background-position: 93% 6px;
	color:#FFF;
}

a.link-blue-mini:hover {
	text-decoration:none;
	padding-right: 18px;
}

a.link-orange {
	background: url(../img/style/arrow_orange.svg) no-repeat #ffffff;
	background-size: 7px;
	background-position: 93% 4px;
	color:#e75113; /* #e75113; */
}

a.link-green:hover {
	/* color:#708900; */
	padding:0px 26px 1px 12px;
	text-decoration: none !important;
}
	
a.link-blue:hover {
	/* color: #27d; */
	padding:0px 26px 1px 12px;
	text-decoration: none !important;
}
	
a.link-orange:hover {
	/* color:#e75113; */
	padding:0px 26px 1px 12px;
	text-decoration: none !important;
}


/*
#online input[type="submit"]:hover {
	padding:0px 26px 1px 12px;
}
*/
	
.link-green span, .link-orange span, .link-blue span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
}

.link-green span {
	background: url(../img/style/arrow_green.png) no-repeat; /* right 12px -40px; */
	background-position: 93% 4px;
}

.link-blue span {
	background: url(../img/style/arrow_blue.png) no-repeat;
	background-position: 93% 4px;
}

.link-orange span {
	background: url(../img/style/arrow_orange.png) no-repeat;
	background-position: 93% 4px;
}
	
.link-green:hover span, .link-orange:hover span, .link-blue:hover span {
	opacity: 1;
	text-decoration: none !important;
}

a.link-orange-full {
	font-family: 'Lucida Grande', Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 13px;
	line-height:19px;
	padding:0 22px 0 12px;
	float:right;
	color:#ffffff;
	background:url(../img/style/arrow_white.png) no-repeat;
	background-position: 93% 4px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	background-color:#ffae00;
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
	
a.link-orange-full:hover {
	padding:0 34px 0 12px;
	color:#ffffff;
	background-position:93% 4px;
	background-color:#ff6600;
	text-decoration: none !important;
}	

.link-small {
	margin: 15px 0 15px 0;
	font-size: 11px;
}

.link-small a {
	color: #bbb;
}

.link-small a:hover {
	text-decoration: underline;
}

.link-green-large, .link-orange-large, .link-blue-large {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 4px 25px 4px 12px;
	width: auto;
	/* float: right; */
	color: #ffffff;
	background-image: url(../img/style/arrow_white.png);
	background-repeat: no-repeat;
	background-position: 94% center;
	height: 26px;
	cursor: pointer;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.link-green-large:hover, .link-orange-large:hover, .link-blue-large:hover {
	color: #ffffff;
	text-decoration: none !important;
	padding: 4px 25px 4px 12px;
	background-position: 96% center;
}

.link-green-large { background-color: #99bc00; }
.link-orange-large { background-color: #e75113; }
.link-blue-large { background-color: #18f; }

.link-green-large:hover { background-color: #708900; }
.link-orange-large:hover { background-color: #b73b08; }
.link-blue-large:hover { background-color: #27d; }




/* ------ Links Marktplatz -------- */
	
.link-suche, .link-biete, .link-allerlei {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 13px;
	line-height:19px;
	margin:0 0 20px 0;
	display: inline-block;
	position: relative;
	height: 19px;
	padding:0px 22px 1px 12px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
	
.link-suche {
	background: url(../img/style/arrow_cyan.png) no-repeat #ffffff;
	background-position: 93% 4px;
	color:#3abad5;
}

.link-biete {
	background: url(../img/style/arrow_yellow.png) no-repeat #ffffff;
	background-position: 93% 4px;
	color:#e5bb39;
}

.link-allerlei {
	background: url(../img/style/arrow_pink.png) no-repeat #ffffff;
	background-position: 93% 4px;
	color:#cc8bc5;
}
	
.link-suche:hover {
	color:#158ca5;
	padding:0px 26px 1px 12px;
}
	
.link-biete:hover {
	color:#c79602;
	padding:0px 26px 1px 12px;
}
	
.link-allerlei:hover {
	color:#96538f;
	padding:0px 26px 1px 12px;
}
	
.link-suche span, .link-biete span, .link-allerlei span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
}

.link-suche span {
	background: url(../img/style/arrow_cyan.png) no-repeat; /* right 12px -40px; */
	background-position: 93% 4px;
}

.link-biete span {
	background: url(../img/style/arrow_yellow.png) no-repeat;
	background-position: 93% 4px;
}

.link-allerlei span {
	background: url(../img/style/arrow_pink.png) no-repeat;
	background-position: 93% 4px;
}

.link-suche:hover span, .link-biete:hover span, .link-allerlei:hover span {
	opacity: 1;
}

	
/* ---------------------------- Portrait ---------------------------- */

	
.portrait-image {
	margin-bottom:20px;
}



	
/* ---------------------------- kommentar ---------------------------- */

textarea, textarea:focus, input[type="text"], input[type="text"]:focus, input[type="password"], input[type="password"]:focus {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none;
	font-size: 13px;
}


.kommentar {
	background: #f0ebe2;
	width:100%;
	min-height:100px;
	padding:10px;
	margin:40px 0 30px;
}
	
/*
.kommentar img {
	width: 27px;
	height: 27px;
	float: left;
	margin: 0 10px 0 5px;
	display: block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
*/

.kommentar .avatar {
	width: 30px;
	height30px;
	float: left;
	margin: 0 10px 0 5px;
	display: block;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-size: 35px;
	background-position:center;
}
	
form {
	margin:0;
}
	
.kommentar textarea {
	background: #ffffff;
	float:left;
	width:84%;
	min-height:80px;
	border:0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #666666;
	font-size:12px;
}
	
.kommentar .help {
	height:14px;
	width:14px;
	float:right;
	background: url(../img/style/icon_help.png) no-repeat;
	cursor:help;
}
	
.kommentar .help:hover {
	background: url(../img/style/icon_help2.png) no-repeat;
}
	
.avatar { padding: 0; width: 27px; height: 27px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-size:30px; }



/* ---------------------------- Förderung ---------------------------- */

.foerderung {
	/* border-top: 1px solid #cccccc; */
	padding-top:10px;
}
	
.foerderung p {
	font-size:11px;
	line-height:15px;
	max-width:65%;
	color: #999;
}
	
.foerderung .logos img {
	float:left;
	margin:10px 30px 0 0;
}
	
/* ---------------------------- Quotes ---------------------------- */

.quote {
	margin:0 0 35px 0;
}

.quote p {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight:regular;
	font-size:16px;
	line-height:21px;
	color:#888888;
	margin:15px 0 8px 0;
	max-width:85%;
}
	
img.quote-start {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
	
img.quote-end {
	float:right;
	margin-right:15%;
	clear:both;
}
	
.quote .image {
	width: 36px;
	height: 36px;
	float: left;
	margin: 0 12px 0 0;
	display: block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
	
.quote .name {
	float:left;
	color:#18f;
	font-size:13px;
	margin:9px 0 0 0;
	text-decoration:none;
}
	
.quote .name:hover {
	text-decoration:underline;
}
	
	
	
/* ---------------------------- Gutschein Small ---------------------------- */

.gutschein-s {
	background:#f0ebe2;
	padding:7px 7px 0 7px;
	margin:0 0 20px 0;
}
	
.gutschein-s .sb-title {
	background-image: url(../img/style/icon_gutschein.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px;
	font-size:24px;
	padding:0 0 0 32px;
	margin:5px 0 0 5px;
}
	
.gutschein-s .help {
	height:14px;
	width:14px;
	float:right;
	margin-right:0;
	background: url(../img/style/icon_help.png) no-repeat;
	cursor:help;
}

.gutschein-s .help:hover {
	background: url(../img/style/icon_help2.png) no-repeat;
}
	
.gutschein-s .sb-subtitle {
	font-weight:bold;
	font-size: 14px;
	line-height: 21px;
	margin: 5px 0 20px;
	max-width: 95%;
}
	
.gutschein-s .link-orange {
	margin-left:5px;
}

.veranstaltung-s {
	background:#f0ebe2;
	padding:0px 7px 0 15px;
	margin:0 0 20px 0;
}
	
.veranstaltung-s .title {
	padding-top: 15px;
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size:20px;
	margin-bottom:20px;
}

.veranstaltung-s .day {
	background-color: #fff !important;
}

.infotext-s {
	background:#f0ebe2;
	padding:7px 7px 0 7px;
	margin:0 0 20px 0;
}
	
	
.infotext-s .sb-title {
	background: url(../img/style/icon_eye.png) no-repeat left center;
	font-size:24px;
	padding:0 0 0 32px;
	margin:5px 0 0 5px;
}

.tweet {
	background:#fff;
	/* border: solid 1px #1188FF; */
	border: solid 1px #999;
	padding:15px 15px 0px 15px;
	margin:0 0 20px 0;
}

.tweet p {
	/* font-family: Helvetica, Arial, sans-serif; */
	font-weight: normal; 	
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	line-height: 18px;
}

.tweet p em {
	background-color: yellow;
	font-style: normal;
}

.tweet p a, .tweet p a:hover {
	padding: 0;
	background: none;
}
	
	
/* ---------------------------- Portrait Kontakt ---------------------------- */

.kontakt {
	background:#f1f1f1;
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
}
	
.kontakt #map {
	border-bottom:1px solid #ffffff;
	width:100%;
	height:auto;
	min-height:240px;
	margin:0 0 15px 0;
}
	
.adresse, .telefon, .email, .web, .oeffnungszeiten, .infos, .fax, .galerie, .facebook, .events, .kontakt p {
	font-size:12px;
	color:#333333;
	text-decoration:none;
	margin:10px 0 10px 14px;
	padding:0 0 0 28px;
}
	
.adresse a, .telefon a, .email a, .web a, .oeffnungszeiten a, .infos a, .galerie a, .facebook a, .events a,.fax a {
	background: none;
	text-decoration:none;
	color:#333333;
	padding-right: 0;
}
	
.adresse a:hover, .telefon a:hover, .email a:hover, .web a:hover, .oeffnungszeiten a:hover, .infos a:hover, .galerie a:hover, .facebook a:hover, .events a:hover .fax a:hover {
	text-decoration:underline;
	padding-right: 0;
}

.large-4 .email, .large-4 .web {
	/* Zu langen Text abkürzen */
	text-overflow: ellipsis;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
}

table.oeffnungszeiten  {
	background: url(../img/style/icon_clock.png) no-repeat left 2px;
	border: none;
}

table.oeffnungszeiten tr, .oeffnungszeiten td {
	padding:0 5px 0 0;
	margin:0;
	background:none;
	border:none;
	font-size:12px;
	color:#333;
}


p.adresse {
	background: url(../img/style/icon_location.png) no-repeat left 2px;
}
	
p.telefon {
	background: url(../img/style/icon_phone.png) no-repeat left 2px;
}
	
p.email {
	background: url(../img/style/icon_mail.png) no-repeat left 2px;
}
	
p.web {
	background: url(../img/style/icon_web.png) no-repeat left 2px;
}
	
p.oeffnungszeiten {
	background: url(../img/style/icon_clock.png) no-repeat left 2px;
}
	
p.fax {
	background: url(../img/style/icon_fax.png) no-repeat left 2px;
}
	
p.galerie {
	background: url(../img/style/icon_gallery.png) no-repeat left 2px;
}
	
p.facebook {
	background: url(../img/style/icon_facebook.png) no-repeat left 2px;
}
	
p.infos {
	background: url(../img/style/icon_info.png) no-repeat left 2px;
}
	
p.events {
	background: url(../img/style/icon_kalender.png) no-repeat left 2px;
}

#map {
	
}
	
.kontakt p.bold {
	margin: 0 0 8px 14px;
	padding-top:8px;
}
	
.kontakt .link-green, .kontakt  .link-orange {
	margin-bottom:0;
}
	
.calendar-item .link-blue {
	margin: 6px 0 8px 12px !important;
}

.beam {
	padding: 1px 4px 1px 4px;
	color: #fff !important;
	line-height: 26px;
}

.beam.green {
	background-color: #ac3;
}

.beam.red {
	background-color: #ff5a26; /* #e60018;  /* #ee0c19; /* #e75113; */ */
}

.beam.grey {
	background-color: #999;
}



/* ---------------------------- Factbox ---------------------------- */

.angebot {
	background: #f1f1f1;
	padding: 25px 0 30px 30px;
	margin: 40px 0 5px 0;
}

.angebot h3 {
	margin: 0 0 20px 0;
}
	
.angebot ul {
	font-size:13px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
	margin: 0;
}

.angebot li {
	margin: 5px 0 5px 15px;
	list-style-type: square;
}
	

	
/* ---------------------------- Impressum ---------------------------- */

	
.impressum {
	background:#f1f1f1;
	padding: 20px 18px;
	margin: 0 0 20px 0;
}
	
.impressum p {
	margin-bottom:2px;
}
	
.impressum .first {
	margin:0 0 15px 0;
}
	
.impressum .adresse, .impressum .telefon, .impressum .email, .impressum .web, .impressum .oeffnungszeiten, .impressum .infos, .impressum .fax, .impressum .galerie {
	font-size: 12px;
	color:#333333;
	text-decoration:none;
	margin:5px 0 5px 0;
	padding:0 0 0 28px;
}
	
.haftung {
	background:#f1f1f1;
	padding: 25px 18px 15px;
	margin: 0 0 20px 0;
}
	
.haftung a {
	margin:0 0 20px 0;
}

	
/* ---------------------------- Flexslider Portraitfotos ---------------------------- */

.flexslider ul {
	line-height:normal;
}
	
.flexslider { 
	margin: 0; 
	background: #fff; 
	border: 0; 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	-o-border-radius: 0; 
	border-radius: 0; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;  
	-o-box-shadow: none;  
	box-shadow: none;  }
	
.flex-direction-nav a:before {
	font-size: 26px !important;
}
	
.flex-direction-nav a  { 
	width: 25px; 
	height: 25px; 
	top: 49%;
	color: #ffffff; 
	text-shadow: none; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease; }
	
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; color: #ffffff; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; color: #ffffff; }

.flex-control-nav {
	display:none;
}


.quote .flexslider .slides img {
	width:auto;
	display: block;
}


/* ---------------------------- 3 Portraitfotos ---------------------------- */

.mainpic {
	margin-bottom:20px;
}
	
.mainpic .mainpic1 {
	float:left;
	margin-right:6px;
}

.mainpic .mainpic1 img {
	width: 448px; /* in Zukunft 452 */
}
	
.mainpic .mainpic2 {
	float:left;
	margin:0 0 6px 0;
}

.mainpic .mainpic2 img{
height:auto;
width: 222px;
}
	
.mainpic .mainpic3 {
	float:left;
}

.mainpic .mainpic3 img{
height:auto;
width: 222px;
}
	
/* ---------------------------- Article Fotos links ---------------------------- */

.pic {
	/* float:left; */
	margin:0 10px 20px 0px;
}

.pic img {
	margin:0 0 1px 0;
}
	
.pic .caption {
	font-size:12px;
	background: #f1f1f1;
	padding: 5px 9px;
	font-weight: bold;
}


/* ---------------------------- Help ---------------------------- */

.has-tip {
  border-bottom: 0; }
  .has-tip:hover, .has-tip:focus {
    border-bottom:0; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: inherit; }

.tooltip {
  font-size: 13px;
  line-height: 1.3;
  padding: 5px 10px;
  /* max-width: 205px !important; */
  left: 50%;
  width: 100%;
  color: white;
  background: #333333;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.opened {
    color: #99bb00 !important;
    border-bottom: dotted 1px #455400 !important; }
	
.tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    top: auto;
    bottom: -10px;
	left:85%;}
	

/* ---------------------------- Forum ---------------------------- */

section.beitrag {
	background:#f1f1f1;
	/*padding: 0 0 15px 0;
	margin: 0 0 20px 0;*/
	padding: 12px 2px 20px 12px;
	margin: 0px 0 1px 0;
	overflow: hidden;
}

section.beitrag .wrapper {
	/* padding: 5px 30px 0 0; */
	float: left;
	width: 350px;
}

section.beitrag img.userthumb, section.antwort img.userthumb {
	margin: 3px 12px 0 0px;
}

section.beitrag .autor {
	padding: 0;
	margin: 0;
}

section.beitrag .autor a {
	background: none;
}

section.beitrag .datum {
	color: #aaa;
	font-size: 11px !important;
	font-weight: normal !important;
	padding: 0;
	margin: 0;
}

section.beitrag .text {
	/* padding: 5px 30px 0 46px; */
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
}



section.beitrag .text a {
	padding-right: 0;
	background: none;
}


section.neuesthema {
	background: #f0ebe2;
	width:100%;
	overflow: hidden;
	padding:16px 16px 0 16px;
}

section.antwort {
	background: #f0ebe2;
	width:100%;
	padding:16px 16px 0 16px;
	height: auto;
	overflow: hidden;
}

section.neuesthema input[type='text'] {
	font-size: 13px;
	height: 28px !important;
}

section.neuesthema input[type='submit'], section.antwort input[type='submit'] {
	margin: 0px 0 15px 0; /* margin: 10px 0 20px 0; */
	float: right;
	
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 13px;

	padding:0px 22px 1px 12px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	height: 20px;
	background: url(../img/style/arrow_blue.png) no-repeat #ffffff;
	background-position: 93% 4px;
	color:#18f;
	
	cursor: pointer;
}

section.neuesthema input[type='submit']:hover, section.antwort input[type='submit']:hover {

}



section.neuesthema input[type='checkbox'] {
	margin-bottom: 6px;
}

section.neuesthema label {
	font-size: 13px;
}

#forum textarea {
	font-size: 13px;
	width: 360px;
	float: left;
	outline: 0;
	border: none;
    box-shadow: none;
}

section.antwort textarea:focus, section.neuesthema input:focus {
    outline: 0;
    border: none;
    box-shadow: none;
	background-color: #fff;
}

section.beitrag .readmore-js-toggle {
	margin-bottom: 15px;
	/* padding-left: 46px; */
}

button.load {

	color: #fff !important;
	background: #ddd !important;
	
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold !important;
	font-size: 13px !important;

	height: 22px;
	padding: 3px 25px 3px 25px;
	webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

button.load:hover {
	background:#eee !important;
}




















/* ---------------------------- Chat ---------------------------- */

.contact_link {
	position: absolute;
	left: 12px;
	top: 10px;
	width: 20px;
	opacity: 0.8;
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	transition: all .2s ease;
}
	
.contact_link:hover {
	opacity: 1;
}

#chat {
	background: #333333;
	padding:70px 10px 20px;
}
	
#chat h2 { 
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-weight: normal; 
	color: #fff;
	font-size:28px;
	margin-bottom:25px;
}
	
#chat ul { 
	padding-left: 0; 
	margin-left:0;
}
	
#chat li { 
	list-style: none; 
	clear: both; 
	float: none; 
	margin-bottom: 7px; 
	font-size:13px;
	line-height:29px;
}

#chat li a {
	margin-top: 13px;
	text-decoration: none;
	color: #EFEFEF;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
	
#chat li a:hover {
	color: #fff;
	text-decoration: underline;
}
	
#chat ul.online li a { color: #fff; }
#chat ul.offline li a { color: #aaa;  }

#chat ul.online {
	margin-bottom:25px;
}
	 
#chat li img {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: left;
	margin: 0px 10px 0 0px;
	display: block;
}
	
#chat img.bubble {
	float: right;
	width: 18px; 
	height: 20px;
	opacity: 0.7;
	padding-top: 2px;
	margin-top:3px;
}
	
#chat hr {
	margin: 20px -20px 20px -80px;
	width: 280px;
	border-top: 1px solid #bbb;
	border-bottom: none;
	color: #bbb;
}

.hidden { display: none; }
.unhidden { display: block; }


/* Neuer Chat */

.incoming {
	background: url(/img/style/chat.svg) top center no-repeat #666;
	color: #fff;
	width: 100%;
	padding: 20px 15px 0px 15px;
	overflow: hidden;
	/* display: none; */
}

.incoming textarea {
	background: #bbb;
	border: none;
	resize: none;
	margin-top: 10px;
	font-size: 12px;
}

textarea:focus, input:focus, span:focus {
	outline: 0;
}



/* ---------------------------- Box ---------------------------- */

.box {
	padding-bottom: 45px;
	max-width:220px;
}
	
.bezirk-box {
	background:#A2965F url(../img/style/gruss_unten.gif) no-repeat bottom center;
	margin-top: -82px;
}
	
.tipp-box {
	background:#e4661a url(../img/style/tipp_unten.gif) no-repeat bottom center;
	margin-top: -82px;
}
	
.box-title-area {
	height:79px;
	width:221px;
	vertical-align: middle;
	display: table-cell;
	padding: 19px 0 0 22px;
}
	
.box h2.box-title {
	font-family: 'CongressSansLight', Helvetica, sans-serif;
	color:#ffffff;
	font-size: 25px;
	line-height: 25px;
	margin:0;
	height:auto;
	width:90%;
}
	
.bezirk-box .box-title-area {
	background:url(../img/style/gruss_head.gif) no-repeat;
}
	
.tipp-box .box-title-area {
	background:url(../img/style/tipp_head.gif) no-repeat;
}
	
.box img {
	
}
	
.box p.box-text {
	margin: 5px 20px 20px;
	color: #ffffff;
	line-height: 1.4;
}
	
.box p.box-name {
	color: #ffffff;
	margin: 0 20px 25px 20px;
	font-weight: bold;
	line-height: 1.4;
}
	
.box a {
	margin-left:20px;
}
	
	
/* ---------------------------- Tipp ---------------------------- */

.tipp {
	background:#f1f1f1;
	padding-bottom: 15px;
}
	
.tipp .blockhead {
	background:#99bc00;
	border-bottom:1px solid #ffffff;
}
	
.tipp img {
	width:50px;
	height:50px;
	margin:0 0 0 10px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	float:left;
}
	
.tipp p {
	margin:15px 10px;
	line-height:1.5;
	font-size:12px;
}

.tipp a.name {
	float:left;
	margin:9px 0 0 13px;
	color:#000000;
	line-height: 1.3;
}
	
.tipp a.name:hover {
	text-decoration:underline;
}
	
.tipp .link-green {
	float:none;
	margin-left:10px;
	
}
	
.tipp .clear {
	margin-bottom:15px;
}
	
	
/* ---------------------------- Searchbox ---------------------------- */

.searchbox {
	margin:0 0 40px 0;
}
	
.searchbox .top {
	background:#bbb; /* 99bc00 */
	border-bottom:1px solid #ffffff;
	min-height: 60px;
	padding: 10px;
}
	
.searchbox .searchform {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	color:#333333;
	font-size:13px;
	background:#ffffff;
	padding: 20px 0 18px 20px;
	width: 90%;
	margin: auto;
	float: left;
	
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
	
.searchbox .searchform:focus {
	color:#333333;
    background: #ffffff;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none; 
}
	
.searchbox .submit {
	flaot:left;
	border:0;
	width:10%;
	height: 38px;
	background:url(../img/style/arrow_green.png) no-repeat 17px 14px #ffffff;
	text-indent:-100000px;
	overflow:hidden;
	cursor:pointer;
	
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
	
.searchbox .submit:hover {
	background:url(../img/style/arrow_green.png) no-repeat 17px -30px #ffffff;
}

	
.searchbox .bottom {
	background:#f1f1f1;
	padding:15px 10px 10px 10px;
}
	
.searchbox .title, .searchbox .terms {
	width:49%;
	float:left;
	margin:0;
	font-size:13px;
	line-height:1.5;
}
	
.searchbox .terms li {
	list-style-type:none;
}

.searchbox .terms li a {
	color:#99bc00;
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-size:13px;
}
	
.searchbox .terms li a:hover {
	text-decoration:underline;
}
	
.searchbox .bottom .clear {
	margin-bottom:10px;
}
	
	
.div_anzbilder {
	width: 206px;
	height: 102px;
	text-align: right;
	overflow: hidden;
	width: 45.2%;
	float:left;
	margin-right:15px;
	cursor: pointer;
}

.div_q {
	position: relative;
	float: right;
	width: 18px;
	height: 18px;
	background-color: #CCCCCC;
	margin-left: 3px;
	margin-bottom: 3px;
}

.div_q2 {
	position: relative;
	float: right;
	width: 17px;
	height: 18px;
	background-color: #CCCCCC;
	margin-bottom: 3px;
}


	
/* ---------------------------- Artikel ---------------------------- */

.article {
	margin-bottom:23px;
}
	
.article img {
	width: 45.2%;
	float:left;
	margin-right:15px;
}
	
.article h3 {
	margin: 0 0 4px 0;
	line-height: 17px;
}

.article h3 a {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: bold; 
	color:#18f;
	font-size:13px;
	line-height:10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
	
.article h3 a:hover {
	text-decoration: underline;
	/* color:#99bc00; */
}
	
.article p {
	font-size: 11px;
	line-height:1.5;
	margin-bottom:5px;
}
	
.article a.link-green, .article a.link-orange {
	padding:0 19px 0 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
	
.article .link-green:hover {
	color:#708900;
	padding:0 24px 0 0;
}
	
.article .link-orange:hover {
	color:#ff5a26;
	padding:0 24px 0 0;
}
	
.article .text {
	width:50.8%;
	float:left;
	border-top: 2px #eee solid;
}
	
.article .text2 {
	border-top: 2px #eee solid;
}

.topstory { margin-bottom: 40px; }
.topstory img { width: 100%; }
.topstory h2 { margin-top: 20px; }
.topstory p { font-size: 14px; }
.toplink { display:block; text-align: right; }

@media only screen and (min-width: 1024px) {
	.doublethread .thread { float: left; height: 210px; width: 220px; padding-bottom: 13px !important; }
	/* .odd { margin-right: 15px; } */
}

		
	
/* ---------------------------- Kontakt ---------------------------- */

.form {
	background: #f1f1f1;
	padding: 10px;
}

.form label {
	color: #aaa;
	font-size: 12px;
	line-height: 17px;
	margin-top: 10px;
}
	
.form input[type='text'], .form textarea {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 13px;
	background: #ffffff;
	/* padding: 20px 0 18px 20px; */
	/* padding: 10px 5px; */
	margin:0 0 20px 0;
	/* width: 100%; */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:0;
	-webkit-box-shadow:none;
	box-shadow: none;
}
	
.form input[type='text']:focus {
	color:#333333;
    background: #ffffff;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none; 
}
	
.form textarea {
	/* min-height:150px; */
}
	



/* ---------------------------- Fotogalerie ---------------------------- */

.album {
	/* border-top: #ddd solid 2px; */
	margin-top: 60px;
}

.album h3 {
	margin: 5px 0 30px 0;
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif; 
	font-size: 18px;
}

.album a {
	margin: 0 6px 6px 0;
	float: left;
}

.album img {
	/* Jetzt haben wir 85 x 85
	height: 70px;
	width: 70px;
	*/
}


	

/* ---------------------------- Growl ---------------------------- */

#growl {
	position: fixed;
	top: 80px;
	right: 12px;
	width: 300px;
	height: auto;
	color: #fff;
	background: rgba(51, 51, 51, 0.8);
	opacity: 0.8;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 14px 14px 0 16px;
	line-height: 1.3;
	opacity: 0;
	overflow: hidden;
}

#growl img { 
	float: left;
	margin-right: 15px;
	margin-bottom: 50px;
}

/* ---------------------------- Facebook ---------------------------- */

div.fb-like {
	margin: 20px 0 0 0;
	min-height: 20px;
}



	
/* ---------------------------- Marktplatz ---------------------------- */
	
#container.kleinanzeigen {
	width:100%;
}
	
#container.kleinanzeigen .element {
	width:31%;
	margin-bottom:15px;
	padding:10px 15px 5px;
}	


#container.kleinanzeigen .suche {
	background-color: #d4f2f3;
}

#container.kleinanzeigen .suche:after {
    content: '';
    display: block;
    right: 0px;
    bottom: 0px;
    position: absolute;
    border-bottom: 50px solid #fff;
    border-left: 50px solid #b9d9dc;
    -moz-transition: border 0.1s ease-out;
    -webkit-transition: border 0.1s ease-out;
    -o-transition: border 0.1s ease-out;
    transition: border 0.1s ease-out;
}

#container.kleinanzeigen .suche:hover:after {
    border-bottom: 0px solid #fff;
    border-left: 0px solid #b9d9dc;
    -moz-transition: border 0.2s ease-out;
    -webkit-transition: border 0.2s ease-out;
    -o-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
}



#container.kleinanzeigen .biete {
	background-color: #f7f3ce;
}

#container.kleinanzeigen .biete:after {
    content: '';
    display: block;
    right: 0px;
    bottom: 0px;
    position: absolute;
    border-bottom: 50px solid #fff;
    border-left: 50px solid #dcd8b9;
    -moz-transition: border 0.1s ease-out;
    -webkit-transition: border 0.1s ease-out;
    -o-transition: border 0.1s ease-out;
    transition: border 0.1s ease-out;
}

#container.kleinanzeigen .biete:hover:after {
    border-bottom: 0px solid #fff;
    border-left: 0px solid #dcd8b9;
    -moz-transition: border 0.2s ease-out;
    -webkit-transition: border 0.2s ease-out;
    -o-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
}


#container.kleinanzeigen .allerlei {
	background-color: #f7f3ce;
}

#container.kleinanzeigen .allerlei:after {
    content: '';
    display: block;
    right: 0px;
    bottom: 0px;
    position: absolute;
    border-bottom: 50px solid #fff;
    border-left: 50px solid #d9c4d5;
    -moz-transition: border 0.1s ease-out;
    -webkit-transition: border 0.1s ease-out;
    -o-transition: border 0.1s ease-out;
    transition: border 0.1s ease-out;
}

#container.kleinanzeigen .allerlei:hover:after {
    border-bottom: 0px solid #fff;
    border-left: 0px solid #d9c4d5;
    -moz-transition: border 0.2s ease-out;
    -webkit-transition: border 0.2s ease-out;
    -o-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
}

/*
#container.kleinanzeigen .biete:before {
    content: '';
    display: block;
    width: 30px;
    position: absolute;
    top: -2px;
    right: -30px;
    bottom: 28px;
    background: white;
    border-right: 2px  solid gray;
    border-top: 2px solid gray;
}
*/

/* ----------- */

#container.kleinanzeigen .allerlei {
	background: url(../img/marktplatz/corner_allerlei.png) right bottom no-repeat #eedbec;
}
	
#container.kleinanzeigen .user {
	font-size: 11px;
	line-height: 16px;
	display:inline-block;
	margin: 2px 0 7px 0;
	width:100%;
}
		
#container.kleinanzeigen h3 {
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 12px 0;
	display: inline;
	/* max-width: 100%; */
	/* float: left; */
}

#container.kleinanzeigen h3 {
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 18px;
	line-height: 21px;
	margin: 0 0 12px 0;
	overflow: hidden;
	/* max-width: 100%; */
	/* float: left; */
}

#container.kleinanzeigen .suche h3 {
	background: #00efff;
}

#container.kleinanzeigen .biete h3 {
	background: #CF0;
}

#container.kleinanzeigen .allerlei h3 {
	background: #ff61e6;
}
	
#container.kleinanzeigen p {
	clear: both;
	margin-bottom: 15px;
	overflow: hidden;
}
	
#container.kleinanzeigen img {
	width: 40px;
	height: 40px;
	margin: 5px 0 0 0; /* 0 20px 20px 0;*/
	/* float: left; */
}
	/*
#container.kleinanzeigen .icon {
	margin:0 auto;
	background:#ffffff;
	width:58px;
	height:58px;
	padding:14px;
	
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
}
*/


/* ---------------------------- Unternehmen Liste ---------------------------- */

.company {
	background-color:#f1f1f1;
	padding:10px 14px 14px 10px;
	margin:0 0 16px 0;
}
	
.company .left, .company .right {
	width:48%;
	margin:0;
}
	
.company .sb-title {
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	margin: 0px 0 6px 0;
	padding: 0;
	float: left;
	width:100%;
}
	
.company h5.sb-subtitle {
	margin: 0 0 10px;
}
	
.company img {
	margin-bottom:7px;
}

.companycode {
	background-color:#FFF;
	padding:10px 14px 14px 10px;
	margin:0 0 16px 0;
	border: 1px solid #ddd;
}
	
.companycode .left, .companycode .right {
	width:48%;
	margin:0;
}
	
.companycode .sb-title {
	font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	margin: 0px 0 6px 0;
	padding: 0;
	float: left;
	width:100%;
}
	
.companycode h5.sb-subtitle {
	margin: 0 0 10px;
}
	
.companycode img {
	margin-bottom:7px;
}

.companycode .link-blue{
	background:#1188FF;color:white;margin-bottom:0;
}

.company-list {
	width:100%;
}

.company .calendar_mini{
	margin-top: -147px;
}
	
.company .adresse, .company .telefon, .company .email, .company .web, .company .oeffnungszeiten, .company .infos, .company .fax, .company .galerie,
.company-list .adresse, .company-list .telefon, .company-list .email, .company-list .web, .company-list .oeffnungszeiten, .company-list .infos, .company-list .fax, .company-list .galerie {
	margin: 5px 0 0;
	padding: 0 0 0 25px;
}
	
.company-list div {
	width: 100%;
	float: left;
	margin-bottom: 12px;
	background: #f1f1f1;
	padding: 9px 9px 12px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}
	
.company-list h3 {
	float:none;
	clear:both;
	margin-bottom: 9px;
	padding-top: 10px;
}
	
.company-list .name {
	font-weight:bold;
	line-height:18px;
}
	
.company-list .name:hover {
	text-decoration:underline;
}
	
.company-list .clear {
	margin-bottom:10px;
}
	
.company .link-green, .company .link-orange {
	margin-bottom:0;
}

/* ------------- Unternehmen Doris -------------- */
	
#unternehmen-container .element {
	background:#F1F1F1;
	width:48%;
	margin:0 2% 15px 0;
	padding:8px;
	border:0 !important;
}

#unternehmen-container .element iframe{
	width:100% !important;
	min-width:inherit !important;
	background:#ffffff;
}

#unternehmen-container .element .image{
	width:50px;
	height:50px;
	padding:0;
	margin:0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-position:center center;
	background-size: cover;
}

#unternehmen-container .left{
	margin:0 0 10px 0;
	width:65px;
}
#unternehmen-container .right{
	width:78%;
	float:left !important;
	display: table;
	min-height:50px;
}
#unternehmen-container .companyinfo{
	display: table-cell;
  	vertical-align: middle;
	overflow:hidden;
	position:relative;
	max-width: 100px !important;
}
#unternehmen-container .bold{
	margin:1px 0 1px 0;
	white-space: nowrap;
	max-width: 100%;
    overflow: hidden;
}
#unternehmen-container .sb-text{
	font-size:12px !important;
	color:#888888;
	margin:0;
	padding-bottom:6px;
}
#unternehmen-container .info{
	float:left;
	width:100%;
}
#unternehmen-container .info .main-image{
	width:100%;
	height:147px;
	background-size:cover;
	float:left;
}
#unternehmen-container .info .sb-subtitle2{
	background: none;
    font-size: 18px !important;
    color: #333333;
    font-weight: normal;
    font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif;
    padding: 18px 5px 0 5px;
    float: left;
    width: 100%;
    margin-bottom: 10px !important;
}
#unternehmen-container .info .sb-text{
	padding: 0 5px 0 5px;
	color:#333333;
	line-height:1.4;
	margin-bottom:20px;
	width:100%;
	clear:both;
}
#unternehmen-container .info a.link-blue{
	margin-bottom:5px !important;
}
#unternehmen-container .info .type{
	background: #ABCC32;
    color: #ffffff;
    padding: 2px 25px;
    margin-top: -12px;
    float: left;
}
#unternehmen-container .info .type p{
	margin:0;
	font-weight: bold;
}

.fancybox-wrap #unternehmen-container .info .type{
	margin-top: -18px !important;
}
.fancybox-wrap #unternehmen-container .info .type p{
	padding: 2px 15px !important;
}
.fancybox-wrap #unternehmen-container .info .main-image{
	height: 205px;
}
.fancybox-wrap .company{
	margin-bottom:0 !important;
}
.fancybox-inner{
	background:#f1f1f1 !important;
}

.company-tweet {
	background-size:cover;
	min-height:315px;
	text-align:center;
	display: table;
	padding: 12px 0 25px;
}
.company-tweet p, .company-tweet a{
	font-weight: normal;
    font-family: 'CongressSans', Helvetica, Verdana, Arial, sans-serif;
	font-size:22px;
	line-height:1.4;
	color:#ffffff;
	padding: 25px 20px;
	display: table-cell;
  	vertical-align: middle;
}
#unternehmen-container .tweet-type{
	margin-top: -24px !important;
}

@media only screen and (max-width: 1024px) {
	#unternehmen-container .left{
		margin: 0 3% 10px 0;
    	width: 20%;
	}
	#unternehmen-container .right{
		width: 77%;
	}
	#unternehmen-container .sb-text{
		padding-bottom: 10px;
		line-height: 1.3;
	}
}
@media only screen and (max-width: 900px) {
	#unternehmen-container .element{
		width: 100%;
		margin-right:0;
		}
	#unternehmen-container .left{
		margin:0 0 10px 0;
		width:65px;
		}
	#unternehmen-container .right{
		width:78%;
		float:left !important;
	}
	#unternehmen-container .info .main-image{
		height: 250px;
	}
	.company .calendar_mini{
		margin-top: -250px;
    	margin-right: 8px;
	}
	.company-tweet{
		min-height:400px;
	}
	.company-tweet p, .company-tweet a{
		font-size:26px !important;
		line-height:1.4;
		padding: 40px;
	}
}
@media only screen and (max-width: 640px) {
	#unternehmen-container .bold{
		padding-left:0 !important;
	}
	.company .calendar_mini{
		margin-right:0;
	}
	#unternehmen-container .info .sb-subtitle2{
		font-size:26px !important;
		line-height:30px;
		font-family:'CongressSansLight', Helvetica, Verdana, Arial, sans-serif
	}
	#unternehmen-container .info .sb-text{
		font-size:15px !important;
		line-height:1.4 !important;
		padding: 0 5px 0 5px !important;
	}
	
	
}
/* ---------------------------- Popup ---------------------------- */

#current-tweet {
    display:none;
    width:400px !important;
    margin:0;
    padding:0;
}
.fancybox-skin {
    padding:0 !important;
}
@media only screen and (max-width: 640px) {
	#current-tweet{
		width:100% !important;
	}
}
	
/* ---------------------------- Ärzte ---------------------------- */

#map {
	margin:0 0 25px 0;
}

.aerzte .company img {
	margin-bottom:0;
}
	
.aerzte .company {
	padding: 8px 7px 7px 7px;
}
	
.aerzte .company .left {
	width:49%;
}
	
.aerzte .company .right {
	width:48%;
}
	
.search {
	background:#f1f1f1;
	padding:8px;
	margin:0 0 15px 0;
}
	
.search input.searchform {
	margin-bottom:0;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	
.search input.searchform:focus {
	background:#ffffff;
}
	
.aerzte .company .sb-title {
	float:left;
	width:86%;
}

.aerzte .company .heart-div {
	float:right;
	width:14%;
}
	
.aerzte .company .heart-div .heart-small {
	float:right;
	margin:3px 6px 0 0;
}
	
.aerzte .company .heart-div .heart-count {
	float:right;
	font-size: 12px;
	margin: 1px 1px 0 0;
	color:#A2A2A2;
	min-width: 15px;
}
	
.aerzte .right .link-green {
	margin-top:11px;
}
	
.gm-style-iw {
	width: 453px;
}
	
.gm-style-iw .right .link-green {
	margin-top:11px;
}
	
.gm-style-iw .right .adresse, .gm-style-iw .right .telefon {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif !important;
	font-size: 13px !important;
}
	
#container {
}

.item {
 
}

#filters input[type="checkbox"], #kassen input[type="checkbox"], #ordinationszeit input[type="checkbox"] {
	float:left;
	width: 6%;
	margin:8px 2% 0 0;
	display: block;
}
	
#filters label, #kassen label, #ordinationszeit label {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	color:#333333;
	font-size: 13px;
	width: 92%;
	margin: 4px 0 0 0;
	float: left;
}
	
	
	

/* ---------------------------- Kalender ---------------------------- */



/* Kalenderseite */
	
.icon-column {

}
	
.calendar-icon {
	width: 16%;
	margin-right: 4.5%;
	margin-bottom: 20px;
	float:left;
	height:100%;
}
	
.calendar-icon .month {
	background:#ff5a26;
	padding: 1px 5px;
}
	
.calendar-icon.vorbei .month {
	background:#bbbbbb;
}
	
.calendar-icon .month p {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
	margin:0;
}
	
.calendar-icon .number {
	background:#f4f4f4;
	padding:0;
}
	
.calendar-icon .number p {
	font-family: 'CongressSansLight', 'Helvetica', Helvetica, sans-serif; 
	color:#333333;
	font-size:36px;
	line-height: 51px;
	text-align:center;
	margin: 0 auto;
}
	
.info-column {
	width:78%;
	float:left !important;
	font-family: inherit;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 17px;
}
	
.calendar-item h3 {
	margin-top: 0;
	width: 90%;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 14px;
}
	
.info-column .kontakt, .large-6 .kontakt, angebot {
	padding: 5px 0 10px 0; /*padding: 5px 0 10px 0; */
	margin: 24px 0 42px 0;
}
	
.info-column .kontakt p, .large-6 .kontakt p {
	padding-right: 20px;
}
	
.info-column .link-green, .info-column .link-blue {
	margin-left: 12px;
}
	
a.readmore-js-toggle {
	margin:0 0 25px 0;
}
	
a.readmore-js-toggle:hover {
	text-decoration:underline;
}
	
a.readmore-js-toggle.open {
	padding-right: 15px;
	background: url(../img/style/arrow_blue_up.svg) right 6px no-repeat;
	background-size: 10px;
	display: inline;
}
	
a.readmore-js-toggle.closed {
	padding-right: 15px;
	background: url(../img/style/arrow_blue_down.svg) right 6px no-repeat;
	background-size: 10px;
}
	
h4.tagestipp {
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 15px;
	text-transform: uppercase;
	color: #ffffff;
	background: #99bb00;
	padding: 0px 5px;
	margin: 0 0 4px 0;
	width: 20%;
}



/* Kalender Startseite, Wetter */

#calendar-start {
	margin-bottom: 20px;
}

#calendar-start .calendar-icon, .weather-icon {
	width: 32.9%;
	/* width: 72px; /* 73px */
	height: 73px;
	margin-right: 1px;
	margin-bottom: 0px;
	float:left;
	cursor: pointer;
}

#calendar-start .calendar-icon.last, .weather-icon.last {
	margin-right:0
}

#calendar-start .calendar-icon.idle, .weather-icon.idle {
	border-right:  1px solid #bbb;
	border-left: 1px solid #fff;
}

#calendar-start .calendar-icon.idle.first, .weather-icon.idle.first {
	border-left: 1px solid #bbb;
}

#calendar-start .calendar-icon.noborder, .weather-icon.noborder {
	border-right: 1px solid #fff;
}

/*
#calendar-start .calendar-icon.idle:hover, .weather-icon.idle:hover {
	background: #eee;
}
*/

#calendar-start .calendar-icon .number p {
	font-family: 'CongressSansLight', 'Helvetica', Helvetica, sans-serif; 
}

/*
#calendar-start .calendar-icon.idle .month {
	padding-left: 8px;
}
*/

#calendar-start .calendar-icon.idle .month, #calendar-start .calendar-icon.idle .number {
	background: #fff;
}

#calendar-start .calendar-icon.idle .number p {
	font-family: 'CongressSansLight', 'Helvetica', Helvetica, sans-serif; 
	color: #bbb;
}

#calendar-start .calendar-icon.idle .month p {
	color: #bbb;
}

#calendar-start dd {
	padding: 5px 0 5px;
}

#calendar-start dd:hover {
	background: #f4f4f4;
}

#calendar-start dd#sub1 {
	padding-top: 10px;
}
	
#calendar-start dd h5 {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif; 
	font-weight:bold;
	font-size: 11px;
	display: block;
	overflow: hidden;
	padding: 0 10px 2px 10px;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#calendar-start dd p {
	font-size: 11px;
	line-height: 13px;
	padding: 0 5px 0 10px;
	margin: 0;
}

#calendar-start dd p {
	color: #666;
}

.calendar_mini { 
	float: right;
	margin-right: 6px; 
	width: 42px; 
	height: 50px; 
}

.calendar_mini .stripe { 
	background-color: #ff5a26; 
	width: 42px; 
	height: 12px;
}

.calendar_mini .day { 
	background-color: #f4f4f4; 
	width: 42px; 
	height: 38px; 
	font-family: CongressSansLight; 
	font-size: 26px; 
	color: #333; 
	text-align: center; 
	padding-top: 5px; 
}


#weather {
	overflow: hidden;
}

.weather-icon {
	height: 92px;
}

.weather-icon.schoen {
	background-image: -webkit-linear-gradient(#0082f8, #35a2ff 100%);
	background-image: -moz-linear-gradient(#0082f8, #35a2ff 100%); 
	background-image: -o-linear-gradient(#0082f8, #35a2ff 100%); 
	background-image: linear-gradient(#0082f8, #35a2ff 100%);
}

.weather-icon.schlecht {
	background-image: -webkit-linear-gradient(#5e79a6, #7d95c1 100%);
	background-image: -moz-linear-gradient(#5e79a6, #7d95c1 100%); 
	background-image: -o-linear-gradient(#5e79a6, #7d95c1 100%); 
	background-image: linear-gradient(#5e79a6, #7d95c1 100%);
}

.weather-icon.daemmerung {
	background-image: -webkit-linear-gradient(#5782e4, #d5a7f7 100%);
	background-image: -moz-linear-gradient(#5782e4, #d5a7f7 100%); 
	background-image: -o-linear-gradient(#5782e4, #d5a7f7 100%); 
	background-image: linear-gradient(#5782e4, #d5a7f7 100%);
}

.weather-icon.nacht {
	background-image: -webkit-linear-gradient(#000e5a, #1c2d94 100%);
	background-image: -moz-linear-gradient(#000e5a, #1c2d94 100%); 
	background-image: -o-linear-gradient(#000e5a, #1c2d94 100%); 
	background-image: linear-gradient(#000e5a, #1c2d94 100%);
}

.weather-icon.idle {
	background-image: none;
}

.weather-icon .day {
	padding: 4px 0 0 5px;
}

.weather-icon .day p {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
	line-height: 1;
	margin:0;
}

.weather-icon.idle .day p {
	color: #bbb;
}

.weather-icon .forecast {
	height: 45px;
	width: 100%;
	text-align: center;
}

.weather-icon .temperature {
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

.weather-icon.idle .temperature {
	color: #bbb;
}

.weather-icon .forecast {
	/* background-size: 40px 40px; */
	background-repeat: no-repeat;
	background-position: top center;
}

.info-column .forecast {
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 30px;
	display: inline-block;
	min-height: 20px;
	float: none;
	clear: both;
}

	

.weather-icon .forecast.icon0_t { background-image: url(/img/wetter/0_t.svg); }
.weather-icon .forecast.icon1_t { background-image: url(/img/wetter/1_t.svg); }
.weather-icon .forecast.icon2_t { background-image: url(/img/wetter/2_t.svg); }
.weather-icon .forecast.icon3_t { background-image: url(/img/wetter/3_t.svg); }
.weather-icon .forecast.icon4_t { background-image: url(/img/wetter/4_t.svg); }
.weather-icon .forecast.icon5_t { background-image: url(/img/wetter/5_t.svg); }
.weather-icon .forecast.icon6_t { background-image: url(/img/wetter/6_t.svg); }
.weather-icon .forecast.icon7_t { background-image: url(/img/wetter/7_t.svg); }
.weather-icon .forecast.icon8_t { background-image: url(/img/wetter/8_t.svg); }
.weather-icon .forecast.icon9_t { background-image: url(/img/wetter/9_t.svg); }

.weather-icon .forecast.icon0_n { background-image: url(/img/wetter/0_n.svg); }
.weather-icon .forecast.icon1_n { background-image: url(/img/wetter/1_n.svg); }
.weather-icon .forecast.icon2_n { background-image: url(/img/wetter/2_n.svg); }
.weather-icon .forecast.icon3_n { background-image: url(/img/wetter/3_n.svg); }
.weather-icon .forecast.icon4_n { background-image: url(/img/wetter/4_n.svg); }
.weather-icon .forecast.icon5_n { background-image: url(/img/wetter/5_n.svg); }
.weather-icon .forecast.icon6_n { background-image: url(/img/wetter/6_n.svg); }
.weather-icon .forecast.icon7_n { background-image: url(/img/wetter/7_n.svg); }
.weather-icon .forecast.icon8_n { background-image: url(/img/wetter/8_n.svg); }
.weather-icon .forecast.icon9_n { background-image: url(/img/wetter/9_n.svg); }

.weather-icon.idle .forecast.icon0_t { background-image: url(/img/wetter/0_t_idle.svg); }
.weather-icon.idle .forecast.icon1_t { background-image: url(/img/wetter/1_t_idle.svg); }
.weather-icon.idle .forecast.icon2_t { background-image: url(/img/wetter/2_t_idle.svg); }
.weather-icon.idle .forecast.icon3_t { background-image: url(/img/wetter/3_t_idle.svg); }
.weather-icon.idle .forecast.icon4_t { background-image: url(/img/wetter/4_t_idle.svg); }
.weather-icon.idle .forecast.icon5_t { background-image: url(/img/wetter/5_t_idle.svg); }
.weather-icon.idle .forecast.icon6_t { background-image: url(/img/wetter/6_t_idle.svg); }
.weather-icon.idle .forecast.icon7_t { background-image: url(/img/wetter/7_t_idle.svg); }
.weather-icon.idle .forecast.icon8_t { background-image: url(/img/wetter/8_t_idle.svg); }
.weather-icon.idle .forecast.icon9_t { background-image: url(/img/wetter/9_t_idle.svg); }

.weather-icon.idle .forecast.icon0_n { background-image: url(/img/wetter/0_n_idle.svg); }
.weather-icon.idle .forecast.icon1_n { background-image: url(/img/wetter/1_n_idle.svg); }
.weather-icon.idle .forecast.icon2_n { background-image: url(/img/wetter/2_n_idle.svg); }
.weather-icon.idle .forecast.icon3_n { background-image: url(/img/wetter/3_n_idle.svg); }
.weather-icon.idle .forecast.icon4_n { background-image: url(/img/wetter/4_n_idle.svg); }
.weather-icon.idle .forecast.icon5_n { background-image: url(/img/wetter/5_n_idle.svg); }
.weather-icon.idle .forecast.icon6_n { background-image: url(/img/wetter/6_n_idle.svg); }
.weather-icon.idle .forecast.icon7_n { background-image: url(/img/wetter/7_n_idle.svg); }
.weather-icon.idle .forecast.icon8_n { background-image: url(/img/wetter/8_n_idle.svg); }
.weather-icon.idle .forecast.icon9_n { background-image: url(/img/wetter/9_n_idle.svg); }

.info-column .forecast.icon0 { background-image: url(/img/wetter/0.svg); }
.info-column .forecast.icon1 { background-image: url(/img/wetter/1.svg); }
.info-column .forecast.icon2 { background-image: url(/img/wetter/2.svg); }
.info-column .forecast.icon3 { background-image: url(/img/wetter/3.svg); }
.info-column .forecast.icon4 { background-image: url(/img/wetter/4.svg); }
.info-column .forecast.icon5 { background-image: url(/img/wetter/5.svg); }
.info-column .forecast.icon6 { background-image: url(/img/wetter/6.svg); }
.info-column .forecast.icon7 { background-image: url(/img/wetter/7.svg); }
.info-column .forecast.icon8 { background-image: url(/img/wetter/8.svg); }
.info-column .forecast.icon9 { background-image: url(/img/wetter/9.svg); }



/* ---------------------------- Online-Fenster ---------------------------- */

#online {
	margin-top: 10px;
	background: #f1f1f1 url(../img/ajax-loader.gif) no-repeat center 15px;
	font-size: 12px;
	line-height: 15px;
	min-height: 90px;
	overflow: hidden;
	padding-bottom: 10px;
}

#online img {
	margin-left: 10px;
}

#online .wrapper, #messenger .wrapper, .sidebox .wrapper, .list .wrapper {
	float: left;
	margin-left: 10px;
	padding-top: 6px;
	margin-bottom: 12px;
}

#online .wrapper a:hover, .sidebox .wrapper a:hover,  .list .wrapper a:hover {
	text-decoration: underline;
}

#online .wrapper img:hover, .sidebox .wrapper img:hover,  .list .wrapper img:hover {
	text-decoration: none !important;
}

#online .wrapper a:hover img, .sidebox .wrapper a:hover img,  .list .wrapper a:hover img {
	text-decoration: none !important;
}


#online input[type="text"], input[type="password"] {
	font-size:13px;
	/* height: 28px; */
}


#online input[type="checkbox"] {
	float: left;
	padding-right: 10px;
}



#online label {
	font-size:12px;
	line-height: 15px;

	padding: 0 0 0 10px;
	vertical-align: top;
	display: block;

    
}

#online .user, .sidebox .user, .list .user {
	clear: both;
	padding-top: 7px; /* 10px */
	/*padding-bottom: 10px;*/
}

#messenger {
	padding: 5px 20px 40px 20px;
}

#messenger .user {
	margin-top: 20px;
}

.message {
	clear:both;
	width: 400px;
	/* padding: 0 0 20px 0; */
}

.message p.time {
	color: #aaa;
	font-size: 11px !important;
	font-weight: normal !important;
	margin-bottom: 2px;
	margin-top: 8px;
	padding-left: 40px;
}

.message p.text {
	margin: 0;
	padding-left: 40px;
}


.message .answer {
	margin-top: 15px;
	margin-left: 40px;
	margin-bottom: 5px;
	width: 330px;
}

.message input[type="submit"] {
	float: right;
	margin-right: 30px;
	background: #777;
	padding: 3px 10px 4px 10px;
	margin-bottom: 20px;
	cursor: pointer;
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	color:#fff; /*
	font-size:12px;
	font-weight: bold; */
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.message input[type="submit"]:hover {
	background: #18f;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}
	


	
/* ---------------------------- Kalender Table ---------------------------- */


.responsive-calendar {
	background:#fff;
	margin-bottom:20px;
}

.responsive-calendar  h4 {
	float: left; }

.responsive-calendar .controls {
	margin-top: 0;
	float:right;
	width: 30px;
	height: 20px;
}

.pull-left, .pull-right {
	width: 8px;
	height: 12px;
	margin-top: 2px;
	margin-right: 5px;
	opacity: 0.4;
	float: left;
}

.pull-left:hover, .pull-right:hover {
	opacity: 1;
}

.pull-left {
	background:url(../img/style/arrow_white_left.svg) no-repeat ;
	background-size: contain;
}

.pull-right {
	background:url(../img/style/arrow_white.svg) no-repeat;
	background-size: contain;
}

.responsive-calendar .days {
	/* height: 180px; */
}

.day {
	font-family: 'Lucida Grande', 'Helvetica', Helvetica, sans-serif; 
	color:#333333;
	font-size:12px;
}
	
.header {
	font-weight:bold;
}
	
.not-current {
	background:#ffffff;
}
	
.timeInfo {
	font-family: 'CongressSansLight', Helvetica, Verdana, Arial, sans-serif; 
	font-weight: normal; 
	color: #fff;
	font-size:25px;
	margin:0;
}
	
.day-headers {
	display:none;
}
	

	
.responsive-calendar .day.header {
  padding: 8px 0 8px 0;
  border:0;
}

.responsive-calendar .day {
	border-top: solid #fff 1px;
	border-right: solid #fff 1px;
}

.responsive-calendar .day a {
  background-color: #f1f1f1;
  color: #333;
}
.responsive-calendar .day a:hover {
  background-color: #ddd;
  color:#fff;
}
.responsive-calendar .day .not-current {
  background-color: #f1f1f1;
  color: #fff;
}
.responsive-calendar .day .not-current:hover {
  background-color: #f1f1f1;
}

.responsive-calendar .day.sat a, .responsive-calendar .day.sun a,  {
  background-color: #e1e1e1;
}

.responsive-calendar .day.not-current a {
  display:none;
}

.responsive-calendar .day.today a {
  color: #fff;
  background-color: #18f;
}

.responsive-calendar .day.today a:hover {
  color: #fff;
  background-color: #18f;
}

.responsive-calendar .day a {
  display: block;
  cursor: pointer;
  padding: 25% 0 25% 0;
  font-size: 13px;
}


/* ---------------------------- Schaufenster ---------------------------- */


#container.schaufenster {
	
}
	
#container.schaufenster .heart-small {
	margin:18px 10px 0 0;
	
	-webkit-transition: none !important;
  	-moz-transition: none !important;
  	transition: none !important;
}

/* 4 Elemente 
#container.schaufenster .element { 
	width: 23%; 
	margin-right:2%; 
	float:none;
	clear:both;
}
*/ 

/* 3 Elemente */
#container.schaufenster .element { 
	width: 31.3%; 
	margin-right:2%; 
	float:none;
	clear:both;
}


#container.schaufenster .element {
	background:#f0ebe2;
	padding:0 8px 15px 8px;
	margin-bottom:15px;
}	


#container.schaufenster .element img {
	margin-top: -27px;
	width:100%;
	height:auto;
}
	
#container.schaufenster .element h3 {
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-weight: normal; 
	color:#333333;
	font-size:18px;
	line-height: 22px;
	margin: 12px 0 9px 0;
}
	
#container.schaufenster .element p {
	font-family: 'Lucida Grande', Helvetica, sans-serif; 
	color:#333333;
	font-size:13px;
	line-height:17px;
}
	
#container.schaufenster a.firma {
	margin: 0 0 19px 0;
	font-size: 11px;
	display: block;
	min-height:13px;
}
	
#container.schaufenster h4.preis {
	margin-top:-33px;
	float:right;
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-size:18px;
	background:#f0ebe2;
	position: relative;
	color: #333333;
	font-weight: normal;
	padding: 9px 5px;
}

#produktdetail h4.preis {
	font-family: 'CongressSans', 'Helvetica', Helvetica, sans-serif; 
	font-size:18px;
	position: relative;
	color: #333333;
	font-weight: normal;
	padding: 9px 5px;
}
	
.preis .euro {
	font-size:15px;
}
	
.preis .aktion {
	color: #e75113; /* #ee0c19;  */
	text-decoration:line-through;
}
	
.schaufenster .link-orange {
	margin-bottom:0;
	margin-top:-2px;
}
	
#container.schaufenster p.heart-count {
	font-weight:bold;
	color:#b8b2a7;
	font-size:12px;
	line-height:12px;
	float:left;
	margin-bottom:0;
	padding-left: 21px;
	background:url(../img/style/heart_darkgrey.svg) no-repeat;
	background-size:contain;
	height: 13px;
	margin-right: 5px;
	padding-top: 1px;
	display:block;
	clear:both;
}
	
#container.schaufenster .banner_green, #container.schaufenster .banner_orange {
	width:147px;
	height:22px;
	color:#ffffff;
	padding:3px; /* 4px */
	position:relative;
	z-index:99;
	margin-top: 32px;
	margin-left: -37px;
	text-align:center;
	
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-1.5);
}
	
#container.schaufenster .banner_green {
	background:url(../img/style/banner_green.svg) no-repeat;
}
	
#container.schaufenster .banner_orange {
	background:url(../img/style/banner_orange.svg) no-repeat;
}
	
#container.schaufenster .element .banner img {
	margin-top: -45px;
}
	
#container.schaufenster .banner .heart-small {
	margin-top:-36px;
}
	
.hinweis {
		background: #FF5A26;
		color: #fff;
		font-weight: bold;
		display: inline;
		line-height: 24px;
		padding:0px 4px 1px 4px;
		margin-left: -2px;
		margin-bottom: 5px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px; 
}

	
	
/* ---------------------------- Social Media ---------------------------- */

	
.social {
	min-height: 78px;
	margin: 25px 0 50px 0;
}
	
.social .social-left, .social .social-middle, .social .social-right {
	width:33.3%;
	float:left;
	border-right:#e6e6e6 solid 1px;
	padding:14px 0;
}
	
.social .social-right {
	border-right:none;
}
	
.social a {
	margin: auto;
	display: block;
	position: relative;
	text-indent: -9999px;
	overflow:hidden;
	width:25px;
	height:22px;
	
	-webkit-transition: none;
  	-moz-transition: none;
  	transition: none;
}

.social a.like {
	background:url(../img/style/icon_heart.png) no-repeat;
}
	
.social a.share {
	background:url(../img/style/icon_fly.png) no-repeat;
}

.social a.like span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/style/icon_heart.png) no-repeat;
	background-position: 0 -22px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.social a.share span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/style/icon_fly.png) no-repeat;
	background-position: 0 -22px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.social a:hover span {
	opacity: 1;
}
	
.social .eye {
	height:22px;
	margin:0 auto;
	display:block;
}
	
.social p {
	margin: 10px auto 0;
	width: 45px;
	text-align: center;
}
	
.social .like-active {
	background:url(../img/style/icon_heart.png) no-repeat 0 -22px;
}
	
.social .share-active {
	background: url(../img/style/icon_fly.png) no-repeat 0 -22px;
}


/* ---------------------------- Administrator ---------------------------- */



.admin-box {
	padding:7px 7px 0px 12px;
	margin:0 0 16px 0;
	background: url(../img/style/admin_bg.png) repeat;
}
 
.narrow .admin-box {
	width:212px;
	float:right;
}

.admin-box .sb-title {
	background: url(../img/style/icon_person.png) no-repeat left center;
	margin-left: -5px;
}
	


/* ---------------------------- Fonts einbinden ---------------------------- */


@font-face {font-family: 'CongressSansExtraLight';src: url('../font/29C40D_0_0.eot');src: url('../font/29C40D_0_0.eot?#iefix') format('embedded-opentype'),url('../font/29C40D_0_0.woff') format('woff'),url('../font/29C40D_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CongressSans';src: url('../font/29C40D_1_0.eot');src: url('../font/29C40D_1_0.eot?#iefix') format('embedded-opentype'),url('../font/29C40D_1_0.woff') format('woff'),url('../font/29C40D_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Congress';src: url('../font/29C40D_2_0.eot');src: url('../font/29C40D_2_0.eot?#iefix') format('embedded-opentype'),url('../font/29C40D_2_0.woff') format('woff'),url('../font/29C40D_2_0.ttf') format('truetype');}

@font-face { font-family: 'CongressSansLight';src: url('../font/2D03CE_0_0.ttf') format('truetype'); }


/* ---------------------------- Spalten in Spalten ohne padding ---------------------------- */

.no-padding-left {
  padding-left: 0 !important;}
  
.no-padding-right {
  padding-right: 0 !important;}


/* ---------------------------- Extras ---------------------------- */


@media only screen and (max-width: 58em) { /* 928px */
	/* --- Sobald die Hauptnavi das erste Mal umbricht, soll sie über die ganze Breite gehen --- */
.row {
	padding:0 15px;
}
	
.no-padding-left {
	padding-left: 0.577em !important;
	padding-right: 0.577em !important;
}
	
	h1#logo, h1#logo.start {
	margin: 39px 0 37px 0;
	width: 130px;
	height: 50px;
	text-decoration: none;
	margin: 25px 0;
}
	
.breadcrumbs {
	display: none;
	/* padding:6px 0 0 0; */
}
	
.top-bar-section ul.left {
	/* padding-left:15px; */
}
	
#chat {
	width:20%;
}
	
#chat h2 { 
	font-size:23px;
}
	
	/*#wrap {
	margin:0 0 0 20%;
	width:80%;
}*/
	
#chat li {
	line-height: 18px;
	margin-bottom: 20px;
}
	
#chat li img {
	margin: 0 0 5px 0;
	float:none;
}
	
.bezirk-box, .tipp-box {
	margin-top:15px;
	float:right;
}
	
.articlebox {
	display:none;
}
	
#container .element {
	width:40%;
}
	
.schaufenster-head {
	margin-bottom: 30px;
	min-height: 300px;
}
/*
.large-6 img, .large-6 object, .large-6 embed {
	  width: 100%;
	  height: auto; 
}
*/

.right li { 
	width: 180px;
	padding: 0;
}

#growl, #online, .egomenu .userthumb {
	display: none;
}

.startcover {
	margin-top: -60px;
}

.calendar-icon .number p {
	font-size:30px;
}
	

}


@media only screen and (max-width: 812px) {

.contain-to-grid, .top-bar-section ul.left {
	width:100%;
}

.right li {
	display: none;
}
}


@media only screen and (max-width: 48em) { /* 768px */
	/* --- Ansicht Mobil --- */
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
	top: 1.5rem !important;
	margin-top: -10px;
}


	
	/* Armin */

/*
.thread {
	padding: 0 0 10px 0;
	background: #fff;
}
*/
	
.article p, .text p, .article h3 a  { 
	font-size: 16px !important;
	line-height: 24px;
}
	
.calendar-icon {
	margin: 15px 0 15px 0;
}

.calendar_mini .stripe {
	background-color:#ff5a26;
	width: 64px; 
	height: 18px;
}

.calendar_mini .day {
	width: 64px; 
	height: 57px; 
	font-size: 40px;
	text-align: center; 
	padding-top: 10px; 
}

	
.info-column {
	width: 100%;
}

#growl, #online, .egomenu .userthumb {
	display: none;
}
	
.article .text h3 {
	padding: 10px 0;
}

.article .text {
	width: 100%;
	float: none;
	border-top: none;
}


.leftimage, .leftimage img {
	float: none;
	width: 100%;
}

}


@media only screen and (max-width: 1030px) { /* früher 730 */
	/* --- 3er Portraitbild bricht um --- */
	
.mainpic .mainpic1{
width: 100%;
padding: 0 3px 6px;
margin:0;
}

.mainpic .mainpic2 {
width: 50%;
padding: 0 3px;
margin: 0;
}
	
.mainpic .mainpic3 {
width: 50%;
margin: 0;
padding: 0 3px;
}



.mainpic1 img { width: 100% !important; }
.mainpic2 img { width: 100% !important; }
.mainpic3 img { width: 100% !important; }

.searchformrow {
	display: none;
}
	
.bezirk-box {
	display: none;
}
	
.large-6 p {
	padding-right: 0;
}

#growl, #online, .egomenu .userthumb {
	display: none;
}
}




@media only screen and (max-width: 640px) {
	/* --- Ansicht klein --- */
.company .left, .company .right {
	width:100%;
}
	
.company .left {
	margin-bottom:14px;
}
	
.company-list div {
	width: 100%;
	margin-right: 0;
	margin-bottom: 12px;
}
	
#container .element {
	width:100%;
}
	
.schaufenster-head {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
}
	
#container .element {
	width:100% !important;
	margin-right:0 !important;
}	
	
.row, column {
	padding-left: 0;
	padding-right: 0;
}
	
h1, article p, p.langtext, p.datum, section p {
	padding: 0 10px 0 10px;
}
	
article p, .lead p, p.langtext, section p, textarea, input[type="text"] {
	font-size: 15px !important;
	line-height: 1.4 !important;
}

.article .text h3 {
	padding: 10px;
}
	
p.sb-text, h5.sb-subtitle {
	font-size: 14px !important;
	line-height: 1.4 !important;
}

#growl, #online, .egomenu .userthumb {
	display: none;
}


.thread .sb-text {
	padding: 0 !important;
}

.large-4 .email, .large-4 .web{
width:auto;
}
.calendar_mini { 
	/* display: none; */
	width: 84px; 
	height: 75px; 
}

#calendar-start .calendar-icon, .weather-icon {
	width: 72px;
}

.calendar_mini .day {
	padding-top: 5px; 
}

#calendar-start dd h5, #calendar-start dd p {
	font-size: 13px;
	line-height: 16px;
}

.footer p, .footer h4, .footer img {
	font-size: 14px !important;
	line-height: 1.4 !important;
	margin-left: 20px;
}

}



@media only screen and (max-width: 488px) {
	/* --- 3er Portraitbild bricht erneut um --- */
/*
.mainpic .mainpic2 {
	width:49%;
	margin:0 2% 0 0;
}
	
.mainpic .mainpic3 {
	width:49%;
}
*/
}


@media only screen and (min-width: 40.063em) { /* 640px */
	
	/* -------- Dreiecke bei Dropdown in der Hauptnavigation ausblenden -------- */
	
.top-bar-section .has-dropdown > a {
      padding-right: 12px !important; }
	  
.top-bar-section ul li ul li.has-dropdown > a {
      padding-right: 45px !important; }

.top-bar-section .has-dropdown > a:after {
        border: 0;
   }
   
.top-bar-section ul.left li.has-dropdown .dropdown {
	display:none;
	visibility:hidden;
}

.responsive-calendar {
	height: 240px;

}

#calendar-start {
	min-height: 340px;
}

}