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

#seitenanzeige a:link, #seitenanzeige a:visited {
 	display: block;
         float:left;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 11pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
 	padding: 0px 0px 0px 0px;
 	margin: 2px;
 	background-color: #C72805;
 	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-family:"Trebuchet MS", Verdana;
 	font-size: 11pt;
 	font-weight: bold;
 	color: #FFFFFF;
 	text-decoration:none;
 	background-color: #9F9F9F;
 	border: 0px #CFCFCF solid;
         height: 30px;
         width: 30px;
         text-align:center;
}

#seitenanzeige div {
 	display: block;
         float:left;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 11pt;
 	font-weight: bold;
 	color: #FFFFFF;
 	text-decoration:none;
 	background-color: #9F9F9F;
 	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;
}

/* Buttons */
a.button:link, a.button:visited, #artikel a.button:link, #artikel a.button:visited {
         display:block-inline;
         font-family:"Merriweather", Verdana;
 	font-size: 11pt;
 	color: #FFFFFF;
 	font-weight: bold;
         text-align: center;
 	text-decoration:none;
 	padding: 2px 8px;
 	margin: 2px auto;
 	background-color: #F26109;
 	border: 0px #540D00 solid;
         -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
         -webkit-border-radius: 15px;
         border-radius: 15px;
         -moz-box-shadow:    inset 0px 0px 15px #F63E28;
   	-webkit-box-shadow: inset 0px 0px 15px #F63E28;
   	box-shadow:         inset 0px 0px 15px #F63E28;
         text-shadow: #BF0000 1px 1px 1px;
}

a.button:hover, #artikel a.button:hover {
         display:block-inline;
         font-family:"Merriweather", Verdana;
 	font-size: 11pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
         text-align: center;
 	padding: 2px 8px;
 	margin: 2px auto;
 	background-color: #D63307;
 	border: 0px #540D00 solid;
         -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
         -webkit-border-radius: 15px;
         border-radius: 15px;
         -moz-box-shadow:    inset 0px 0px 15px #B81D03;
   	-webkit-box-shadow: inset 0px 0px 15px #B81D03;
   	box-shadow:         inset 0px 0px 15px #B81D03;
         text-shadow: #B81D03 1px 1px 1px;
}

a.button_big:link, a.button_big:visited, #artikel a.button_big:link, #artikel a.button_big:visited  {
         display:block;
         font-family:"Merriweather", Verdana;
 	font-size: 16pt;
 	color: #FFFFFF;
 	font-weight: bold;
         text-align: center;
 	text-decoration:none;
 	padding: 5px 15px;
 	margin: 2px auto;
 	background-color: #F26109;
 	border: 0px #540D00 solid;
         -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
         -webkit-border-radius: 15px;
         border-radius: 15px;
         -moz-box-shadow:    inset 0px 0px 15px #F63E28;
   	-webkit-box-shadow: inset 0px 0px 15px #F63E28;
   	box-shadow:         inset 0px 0px 15px #F63E28;
         text-shadow: #BF0000 1px 1px 1px;
}

a.button_big:hover, #artikel a.button_big:hover  {
         display:block;
         font-family:"Merriweather", Verdana;
 	font-size: 16pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
         text-align: center;
 	padding: 5px 15px;
 	margin: 2px auto;
 	background-color: #D63307;
 	border: 0px #540D00 solid;
         -moz-border-radius: 15px;
	-khtml-border-radius: 15px;
         -webkit-border-radius: 15px;
         border-radius: 15px;
         -moz-box-shadow:    inset 0px 0px 15px #B81D03;
   	-webkit-box-shadow: inset 0px 0px 15px #B81D03;
   	box-shadow:         inset 0px 0px 15px #B81D03;
         text-shadow: #B81D03 1px 1px 1px;
}

/* standarts */
body, table, td {
 	font-family: "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 10pt;
 	font-weight: normal;
 	color: #474747;

}

img { border: 0px; }

.clear {
	clear:both;
         line-height:0.0em;
         height: 0px;
         display: block;
         background-color: #FFDF00;
}

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

#breadcrump a:link, #breadcrump a:visited {
	 font-family: Arial;
	 font-size: 8pt;
	 color: #AFAFAF;
	 font-weight: normal;
	 text-decoration:underline;
}

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

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

/* 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;
         padding: 1px 5px 1px 0px;
 	font-family: "Trebuchet MS", Verdana;
 	font-size: 10pt;
 	color: #7F7F7F;
 	font-weight: bold;
 	text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;

         -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;
}

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

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

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

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

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

.tag_w {
	position: relative;
	background: #FFFFFF;

         -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: 0px 5px 0px 0px;
 	font-family: "Trebuchet MS", Verdana;
 	font-size: 10pt;
 	color: #7F7F7F;
         text-decoration: none;
}

.tag_w:hover {
	position: relative;
	background: #DF0000;
 	color: #FFFFFF;
         text-decoration: none;
}

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

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


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

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

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


/* Calender Funktion */
.calender a {
    	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 #EFEFEF;
         color: #C92A05;
         font-weight: bold;
         background: #FFFFFF;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FBE4C7 0px 0px 1px;
}

.calender a.archive:hover {
	background-color: #AB1E03;
         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: #830100 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;
         -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;
         -moz-border-radius: 0px;
	-khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 1px;
}

.calender .day .current a {
	background-color: #AB1E03;
         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: #830100 1px 1px 0px;
}

.calender .day .current a:hover {
	background: #5B8F05;
         border:1px solid #5B8F05;
         color: #FFFFFF;
         text-shadow: #009F00 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:14.28571428571429%;

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

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

.day.current {
    	font-weight:bold;
         background-color: #AB1E03;
         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;
 	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;
}

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

h2.gutschein {
 	font-family: "Trebuchet MS", Verdana;
         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;
}


/* Lexikon */
#lexikon {
         font-size: 10pt;
 	font-family: "Trebuchet MS", Verdana;
 	color: #5F5F5F;
 	font-weight: normal;
 	text-decoration:none;
}

#lexikon a, #lexikon a:link, #lexikon a:visited {
         font-size: 10pt;
 	font-family: "Trebuchet MS", Verdana;
 	color: #5F5F5F;
 	font-weight: normal;
 	text-decoration:none;
}

#lexikon a:hover {
         font-size: 10pt;
 	font-family: "Trebuchet MS", Verdana;
 	color: #AB1E03;
 	font-weight: normal;
 	text-decoration:none;
}

#lexikon .lexikon_az {
	float: left;
         display: inline-block;
         width: 130px;
         height: 150px;
         margin: 5px 5px 5px 5px;
         padding: 5px 10px 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: "Trebuchet MS", verdana;
         font-size: 13pt;
 	font-weight: bold;
 	text-align:right;
 	color:#BF2253;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 2px 0px;
}

#lexikon h4 {
 	font-family: "Bitter", serif, "Trebuchet MS", verdana;
         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: 2px;
	perspective: 1000;
	transform-style: preserve-3d;
}

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

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

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

.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:#FFFFFF url(../images/sm_icon_twitter.png) no-repeat;
         background-size:52px 52px;
}

.back.twitter {
         background:#FFFFFF url(../images/sm_icon_twitter_blank.png) no-repeat;
         background-size:52px 52px;
}

.front.facebook {
         background:#FFFFFF url(../images/sm_icon_facebook.png) no-repeat;
         background-size:52px 52px;
}

.back.facebook {
         background:#FFFFFF url(../images/sm_icon_facebook_blank.png) no-repeat;
         background-size:52px 52px;
}

.front.gplus {
         background:#FFFFFF url(../images/sm_icon_gplus.png) no-repeat;
         background-size:52px 52px;
}

.back.gplus {
         background:#FFFFFF url(../images/sm_icon_gplus_blank.png) no-repeat;
         background-size:52px 52px;
}

.front.rss {
         background:#FFFFFF url(../images/sm_icon_rss.png) no-repeat;
         background-size:52px 52px;
}

.back.rss {
         background:#FFFFFF url(../images/sm_icon_rss_blank.png) no-repeat;
         background-size:52px 52px;
}

.front.mail {
	background:#FFFFFF url(../images/sm_icon_mail.png) no-repeat;
        	background-size:52px 52px;
}

.back.mail {
         background:#FFFFFF url(../images/sm_icon_mail_blank.png) no-repeat;
         background-size:52px 52px;
}

.front.wa {
         background:#FFFFFF url(../images/sm_icon_wa.png) no-repeat;
         background-size:52px 52px;
}

.back.wa {
         background:#FFFFFF url(../images/sm_icon_wa_blank.png) no-repeat;
         background-size:52px 52px;
}

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

#socialmedia_bar div {
	float:left;
	height: 30px;
         width: 125px;
         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: 125px;
         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: 100px;
         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;
}