/* Seitenanzeige */
#seitenanzeige {
	line-height:30px;
         padding: 5px 10px;
}

#seitenanzeige a:link, #seitenanzeige a:visited {
	display: block;
         float:left;
 	font-size: 11pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
         text-align:center;
 	padding: 0px 0px 0px 0px;
 	margin: 2px;
 	background-color: #427C08;
 	border: 0px #540D00 solid;
         height: 30px;
         width: 30px;
         text-align:center;
         -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
         -webkit-border-radius: 10px;
         border-radius: 10px;
}

#seitenanzeige a:hover {
 	font-size: 11pt;
 	font-weight: bold;
 	color: #FFFFFF;
 	text-decoration:none;
 	background-color: #C72805;
 	border: 0px #FF7A03 solid;
}

#seitenanzeige div {
 	display: block;
         float:left;
 	font-size: 11pt;
 	font-weight: bold;
 	color: #468409;
 	text-decoration:none;
 	background-color: #F4EED2;
 	border: 0px #012154 solid;
 	padding: 0px 5px 0px 5px;
 	margin: 2px;
         height: 30px;
         text-align:center;
         vertical-align:middle;
         -moz-border-radius: 10px;
	-khtml-border-radius: 10px;
         -webkit-border-radius: 10px;
         border-radius: 10px;
}

/* standarts */
.assistive-text {
  	border: 0;
  	clip: rect(0 0 0 0);
  	height: 1px;
  	margin: -1px;
  	overflow: hidden;
  	padding: 0;
  	position: absolute;
  	width: 1px;
}

.invisible {
  	visibility: hidden;
}

/* BC Navigation */
#breadcrump {
         width: 90%;
         height: 20px;
         font-family: Arial;
	font-size: 8pt;
	color: #316802;
	font-weight: normal;
         text-shadow: #FFFFFF 1px 1px 0px;
         margin: 0px auto;
}

#breadcrump a:link, #breadcrump a:visited {
	 font-family: Arial;
	 font-size: 8pt;
	 color: #316802;
	 font-weight: normal;
	 text-decoration:underline;
          text-shadow: #FFFFFF 1px 1px 0px;
}

#breadcrump a:hover {
 	color: #CE2D06;
 	text-decoration:none;
}

#breadcrump span, #breadcrump a span, #breadcrump div { margin:0px; padding: 0px; display: inline; }


/* Fehler Meldungen */
input.fehler, select.fehler, textarea.fehler {
 	border: 2px #DF0000 solid;
 	font-size: 9pt;
 	background-color: #E7F9CA;
 	color: #000000;
 	padding: 3px 6px 3px 6px;
 	margin: 2px;
         -moz-border-radius: 5px;
	-khtml-border-radius: 5px;
         -webkit-border-radius: 5px;
         border-radius: 5px;
         -moz-box-shadow:    inset 2px 2px 3px #BAD37A;
   	-webkit-box-shadow: inset 2px 2px 3px #BAD37A;
   	box-shadow:         inset 2px 2px 3px #BAD37A;
}

div.divfehler {
	float:left;
 	border: 3px #DF0000 solid;
         background: #DF0000;
         padding: 2px;
         margin: 2px 5px 2px 2px;
         width: 20px;
         height:20px;
}

/* Tags */
#tag_cloud {
         margin: 0px 0px 0px 0px;
         text-align:center;
}

#tag_cloud a, #tag_cloud a:link, #tag_cloud a:visited {
         display: inline-block;
         margin: 2px 10px 2px 0px !important;
         padding: 1px 5px 1px 0px !important;
 	font-size: 1.0em;
 	color: #468409;
 	font-weight: bold;
 	text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;

         background: #F2EBCA !important;
         -moz-border-radius: 0px 3px 3px 0px !important;
	-khtml-border-radius: 0px 3px 3px 0px !important;
         -webkit-border-radius: 0px 3px 3px 0px !important;
         border-radius: 0px 3px 3px 0px !important;
}

#tag_cloud a:hover {
 	color: #FFFFFF;
         text-shadow:  1px 1px 0px #446600;
}

#tag_cloud a:after {
	right: 100%;
	top: 50%;
	border: solid transparent !important;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 239, 214, 0) !important;
	border-right-color: #F5EFD6 !important;
	border-width: 9px !important;
	margin-top: -9px !important;
}

#tag_cloud a:hover:after {
	right: 100%;
	top: 50%;
	border: solid transparent !important;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(101, 151, 5, 0) !important;
	border-right-color: #659705 !important;
	border-width: 9px !important;
	margin-top: -9px !important;
}

.tag {
	position: relative;
	background: #F5EFD6;
}

.tag:hover {
	position: relative;
	background: #659705;
}

.tag:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 239, 214, 0);
	border-right-color: #F5EFD6;
	border-width: 9px;
	margin-top: -9px;
}

.tag:hover:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(101, 151, 5, 0);
	border-right-color: #659705;
	border-width: 9px;
	margin-top: -9px;
}

.tag_w {
	position: relative;

         -moz-border-radius: 0px 3px 3px 0px;
	-khtml-border-radius: 0px 3px 3px 0px;
         -webkit-border-radius: 0px 3px 3px 0px;
         border-radius: 0px 3px 3px 0px;

         display: inline-block;
         margin: 2px 0px 2px 10px;
         padding: 2px 5px 2px 2px;
 	font-size: 9pt !important;

         background: #AB1E03;
 	color: #FFFFFF !important;
         text-decoration: none !important;
         text-shadow: #AB1E03 0px 0px 0px !important;
}

.tag_w:hover {
	position: relative;
	background: #90bc08;
 	color: #000000 !important;
         text-decoration: none !important;
         text-shadow: #AB1E03 0px 0px 0px !important;
}

.tag_w:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
         border-color: rgba(101, 151, 5, 0);
	border-right-color: #AB1E03;
	border-width: 8px;
	margin-top: -8px;
}

.tag_w:hover:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(144, 188, 8, 0);
	border-right-color: #90bc08;
	border-width: 8px;
	margin-top: -8px;
}

/* SCode */
#scode {
	float: left;
         margin: 5px 0px;
         padding: 0px;
         width: 180px;
}

#scode span, #scode span.black, #scode span.white {
         padding: 0px;
         margin: 0px;
	font-size: 13px;
         line-height: 12px;
         height: 12px;
}

#scode span.black { background-color:#000000; color:#000000; }
#scode span.white { background-color:#FFFFFF; color:#FFFFFF; }

/* Autor */
#autor {
	color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
         margin: 0px 0px 0px 0px;
}

#autor h4 {
	margin: 0px 0px 5px 0px;
         color: #000000;
         text-shadow: #FFFFFF 1px 1px 0px;
}

#autor h4 a:link, #autor h4 a:visited {
         color: #7BAB07;
}

#autor img {
	float:left;
         margin-right: 20px;
         border-radius: 40px;
    	-webkit-border-radius: 40px;
    	-moz-border-radius: 40px;
        overflow:hidden;
}


/* Calender Funktion */
.calender a {
         font-size: 0.9em;
         color:black;
    	text-decoration: none;
    	margin:1px;
         display:block;
         border:1px solid #EFEFEF;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.calender a:hover {
    	text-decoration: underline;
    	background: #eaeaea;
}

.calender a.archive, .calender a.archive:link, .calender a.archive:visited {
         margin:0px;
    	border:0px solid #AB1E03;
         background-color: #AB1E03 !important;
         color: #FFFFFF !important;
         font-weight: bold;
         background: #FFFFFF;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: rgba(0,0,0,0.2) 0px 0px 1px !important;
}

.calender a.archive:hover {
	background-color: #AB1E03 !important;
         color:#FFFFFF;
         border:0px solid #EFEFEF;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
}

.calender a.archive_lastnext, .calender a.archive_lastnext:link, .calender a.archive_lastnext:visited {
         margin:0px;
    	border:1px solid #EFEFEF;
   	color:silver;
         font-weight: bold;
         background: #FFFFFF !important;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 1px;
}

.calender a.archive_lastnext:hover {
         margin:0px;
    	border:1px solid #EFEFEF;
   	color:#8F8F8F;
         font-weight: bold;
         background: #EFEFEF !important;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: rgba(255,255,255,0.2) 0px 0px 1px;
}

.calender .day .current a {
	background: #9DCE1B !important;
         color:#FFFFFF;
         border:1px solid #EFEFEF;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
}

.calender .day .current a:hover {
	background: #9DCE1B !important;
         border:1px solid #5B8F05;
         color: #FFFFFF;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 0px;
}

.calender {
    	width:100%;
    	border:0px solid #EFEFEF;
         margin-left:0px;
}

* html .calender,
* + html .calender {
    	width:100%;
         margin-left:0px;
}

.calender span {
         color: #000000;
         font-size:13px;
}

.calender div.after, .calender div.before {
   	color:silver;
    	background-color: #FFFFFF;
}

.day {
    	float:left;
    	width:13.28571428571429%;

    	line-height: 27px;
    	text-align: center;
    	margin:0px;
         background:#F5EFD6;
         border:1px solid #FFFFFF;
}

.day.headline {
	color:#AB1E03;
    	background:#FFB963;
}

.day.current {
    	font-weight:bold;
         background-color: #9DCE1B !important;
         color:#FFFFFF;
}

.clear {
    	clear:left;
}

.pagination {
    	text-align: center;
    	height:20px;
    	line-height:20px;
    	font-weight: bold;
         font-size: 15pt;
}

.pagination a {
    	width:20px;
    	height:20px;
         line-height:20px;
         margin:1px;
         font-size: 15pt;
         border:0px solid #EFEFEF;
}

.pagination a.last {
         float:left;
         display:block;
    	width:20px;
    	height:20px;
         font-size: 15pt;
 	font-family: "Trebuchet MS", Verdana;
 	color: #275701;
 	font-weight: bold;
 	text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         background: #FFFFFF;
         border-left: 0px #CE2D06 solid;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         margin: 0px;

}

.pagination a.next {
         float:right;
         display:block;
    	width:20px;
    	height:20px;
         font-size: 15pt;
 	color: #275701;
 	font-weight: bold;
 	text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         background: #FFFFFF;
         border-left: 0px #CE2D06 solid;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         margin: 0px;
}

/* Gutschein Addon */
.gutscheine {
	margin: 0px 10px 2px 10px;
         padding: 5px;
         background: transparent;
         border-bottom: 1px #000000 dashed;
}

h2.gutschein {
         font-size: 16px;
 	color: #B31C00;
 	font-weight: bold;
         text-align: left;
 	margin: 0px 0px 8px 0px;
 	padding: 0px 0px 0px 0px;
 	vertical-align:top;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.gutscheinanzeigen {
	display: none;
         border: 2px #AB1E03 dashed;
         background:#FFCC31;
         color: #AB1E03;
         font-size: 14pt;
         font-weight:bold;
         padding: 3px 5px;
         margin: 5px 0px;
}

.gutscheinbutton {
	cursor: pointer;
}

/* KOmmentare */
#Kommentare {
	 margin: 0px 0px 0px 0px;
	 padding: 2px 2px 2px 2px;
          background:#FFFFFF url(../images/dots_red.png) bottom left no-repeat;
}

#Kommentare h3, #Kommentare h3 a, #Kommentare h3 a:link, #Kommentare h3 a:visited {
         font-size: 11pt;
 	font-weight: bold;
 	text-align:left;
 	color:#000000;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 5px 0px;
 	vertical-align:top;
         text-shadow: #F2F4EC 1px 1px 0px;
         text-decoration: none;
}

#Kommentare h3 a, #Kommentare h3 a:link, #Kommentare h3 a:visited {
 	color:#6B9C06;
}

#Kommentare h3 a:hover {
         font-size: 11pt;
 	font-weight: bold;
 	text-align:left;
 	color:#000000;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 5px 0px;
 	vertical-align:top;
         text-shadow: #F2F4EC 1px 1px 0px;
         text-decoration: none;
}

.Kommentartext1 span, .Kommentartext2 span {
         display: block;
         background: #DFDFDF;
         padding: 5px 10px 5px 10px;
         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
         margin: 0px 0px 10px 0px;
         font-size: 10pt;
         color: #000000;
         position: relative;
}

.Kommentartext1 span:after {
	top: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(223, 223, 223, 0);
	border-top-color: #DFDFDF;
	border-width: 10px;
	margin-left: -10px;
}

.Kommentartext2 span {
	background: #EFEFEF;
}

.Kommentartext2 span:after {
	top: 100%;
	left: 90%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(239, 239, 239, 0);
	border-top-color: #EFEFEF;
	border-width: 10px;
	margin-left: -10px;
}

#Kommentare .Kommentartext2 h3, #Kommentare .Kommentartext2 h3 a {
 	text-align:right;
}

#Kommentare a[target="_blank"] { background:#FFFFFF url(../images/spacer.png) top left no-repeat; padding-right: 0px; }

/* Lexikon */
#lexikon {
         font-family: "Fauna One", serif;
         font-size: 14px;
 	color: #5F5F5F;
 	font-weight: normal;
 	text-decoration:none;
         padding: 0px 10px 0px 15px;
}

#lexikon a, #lexikon a:link, #lexikon a:visited {
         font-family: "Fauna One", serif;
         font-size: 14px;
 	color: #5F5F5F;
 	font-weight: normal;
 	text-decoration:none;
}

#lexikon a:hover {
         font-family: "Fauna One", serif;
         font-size: 14px;
 	color: #AB1E03;
 	font-weight: normal;
 	text-decoration:none;
}

#lexikon .lexikon_az {
	float: left;
         display: inline-block;
         width: 130px;
         min-height: 50px;
         margin: 5px 5px 5px 5px;
         padding: 5px 5px 5px 10px;
	background:#FFFFFF;
         -moz-border-radius:8px;
	-khtml-border-radius: 8px;
         -webkit-border-radius: 8px;
         border-radius: 8px;
         border: 3px #FFFFFF solid;
         -moz-box-shadow:    inset 0px 0px 15px #EFEFEF, 0px 0px 4px #E6ECDC;
   	-webkit-box-shadow: inset 0px 0px 15px #EFE6BF, 0px 0px 4px #E6ECDC;
   	box-shadow:         inset 0px 0px 15px #EFE6BF, 0px 0px 4px #E6ECDC;
}

#lexikon .lexikon_az span {
         display: block;
         font-family: "Fauna One", serif;
         font-size: 14px;
 	font-weight: bold;
 	text-align:right;
 	color:#BF2253;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 2px 0px;
}

#lexikon h4 {
 	font-family: "Bitter", serif;
         font-size: 11pt;
 	font-weight: bold;
 	text-align:left;
 	color:#3B6E07;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
 	vertical-align:top;
         text-shadow: #FFFFFF 1px 1px 0px;
}

/* Splash */
#Splash {
	margin-top:-10px;
         width: 688px;
         height: 125px;
}

#nav { margin: 5px auto; width: 680px; text-align:center; }
#nav a { float:left; width: 14px; height: 14px; padding:0px; margin: 1px; background:transparent url(../images/splash_dot.png) no-repeat; text-indent:-9999px; overflow:hidden; }
#nav a.activeSlide { background:transparent url(../images/splash_dot_hover.png) no-repeat; }
#nav a:focus,#nav a:hover { outline: none; background:transparent url(../images/splash_dot_hover.png) no-repeat; }


/* SM Icons */
.flip-container {
	float:left;
         margin: 0px;
	perspective: 1000;
	transform-style: preserve-3d;
         cursor: pointer;
}

.flip-container:hover .back {
	transform: rotateY(0deg);
}

.flip-container:hover .front {
	transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 56px;
	height: 56px;
         color: #FFFFFF;
         font-weight: bold;
         text-align: center;
         line-height:56px;
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

.back {
	transform: rotateY(-180deg);
}

.front.twitter {
         background:transparent url(../images/sm_buttons_twitter.png) no-repeat;
}

.back.twitter {
         background:transparent url(../images/sm_buttons_twitter_blank.png) no-repeat;
}

.front.facebook {
         background:transparent url(../images/sm_buttons_facebook.png) no-repeat;
}

.back.facebook {
         background:transparent url(../images/sm_buttons_facebook_blank.png) no-repeat;
}

.front.gplus {
         background:transparent url(../images/sm_buttons_gplus.png) no-repeat;
}

.back.gplus {
         background:transparent url(../images/sm_buttons_gplus_blank.png) no-repeat;
}

.front.rss {
         background:transparent url(../images/sm_buttons_rss.png) no-repeat;
}

.back.rss {
         background:transparent url(../images/sm_buttons_rss_blank.png) no-repeat;
}

.front.mail {
         background:transparent url(../images/sm_icon_mail.png) no-repeat;
        /* background-size:50px 50px; */
}

.back.mail {
         background:transparent url(../images/sm_icon_mail_blank.png) no-repeat;
         /*background-size:50px 50px; */
}

.front.wa {
         background:transparent url(../images/sm_icon_wa.png) no-repeat;
}

.back.wa {
         background:transparent url(../images/sm_icon_wa_blank.png) no-repeat;
}

#socialmedia_bar {
	width: 100%;
	height: 40px;
         padding: 10px 0px 0px 0px;
}

#socialmedia_bar div {
	float:left;
	height: 30px;
         width: 138px;
         line-height: 30px;
         -webkit-transition: all 400ms ease;
  	-moz-transition: all 400ms ease;
  	-ms-transition: all 400ms ease;
  	-o-transition: all 400ms ease;
  	transition: all 400ms ease;
}

#socialmedia_bar div a {
	display: block;
         padding-left: 30px;
	height: 30px;
         line-height: 30px;
         width: 106px;
         color: #FFFFFF;
         font-weight: bold;
         text-align: center;
         text-decoration: none;
         text-shadow: none;
         transition: all 0.1s ease 0s;
}

#socialmedia_bar .all {
         background:#EFEFEF;
         background-size:30px 30px;
         width: 106px;
         text-align: center;
         color: #000000;
         font-weight: bold;
}

#socialmedia_bar .twitter {
         background:#63c9ef url(../images/sm_icon_2_twitter.png) top left no-repeat;
         background-size:30px 30px;
}

#socialmedia_bar .twitter:hover {
         background:#00ACED url(../images/sm_icon_2_twitter.png) top left no-repeat;
         background-size:30px 30px;
}

#socialmedia_bar .facebook {
         background:#7093cc url(../images/sm_icon_2_facebook.png) top left no-repeat;
         background-size:30px 30px;
}
#socialmedia_bar .facebook:hover {
         background:#3f67a9 url(../images/sm_icon_2_facebook.png) top left no-repeat;
         background-size:30px 30px;
}

#socialmedia_bar .gplus {
         background:#ec6151 url(../images/sm_icon_2_gplus.png) top left no-repeat;
         background-size:30px 30px;
}
#socialmedia_bar .gplus:hover {
         background:#f63e28 url(../images/sm_icon_2_gplus.png) top left no-repeat;
         background-size:30px 30px;
}

#socialmedia_bar .mail {
         background:#8b8b8b url(../images/sm_icon_2_mail.png) top left no-repeat;
         background-size:30px 30px;
}
#socialmedia_bar .mail:hover {
         background:#6b6b6b url(../images/sm_icon_2_mail.png) top left no-repeat;
         background-size:30px 30px;
}

#socialmedia_bar .wa {
         background:#8bd231 url(../images/sm_icon_2_wa.png) top left no-repeat;
         background-size:30px 30px;
}
#socialmedia_bar .wa:hover {
         background:#70c700 url(../images/sm_icon_2_wa.png) top left no-repeat;
         background-size:30px 30px;
}