@charset "UTF-8";
/* CSS Document */
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  /* height: 100%;*/
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/* Stylesheet: reset.css Modified On 2013-02-19 18:16:16 */
@charset "UTF-8";
/* CSS Document */


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	font:400 14px/1.5 'Droid Sans', Arial, FreeSans, sans-serif;
	color:#0d4502;
}
a:focus {
	outline:1px dotted;
} 
hr   {
       border: 0 none;
       height: 25px;
       background: url(https://www.junikaefer.info/uploads/images/graphs/misc/trennlinie.png) repeat-x;
       position: relative;
       top: 0;
       left: 0;
       clear:both;
}
/* to show hr in the tinymce window different style is applied --------------------*/
#tinymce hr {
       border-bottom:1px dashed #7db713;
       height:1px;
}
b {
       font-weight:700;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
	font:400 28px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#c00;
}
h2 {
	font:400 24px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#57810d;
	letter-spacing:1px;	
}
h3 {
	font:400 21px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#57810d;
	letter-spacing:1px;	
}
h4 {
	font:400 18px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#c00;
	letter-spacing:1px;	
}
h5 {
	font:400 16px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#c00;
	letter-spacing:1px;	
}
h6 {
	font:400 14px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#c00;
	letter-spacing:1px;	
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
	list-style:decimal;
}
ul {
	list-style:circle;
}
li {
	margin-left:30px
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom:20px;
}
/* `classes
----------------------------------------------------------------------------------------------------*/
.bold_light {
       font:700 14px/1.5 'Droid Sans', Arial, FreeSans, sans-serif;
       color:#57810d;
}
/* Stylesheet: text.css Modified On 2013-05-27 14:17:38 */
@charset "UTF-8";
/* CSS Document */

body {
	min-width: 960px;
	background-color: #cef383;
}
/* =Containers
--------------------------------------------------------------------------------*/
.container_18 {
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16, 
.grid_17, 
.grid_18 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.push_1, .pull_1, 
.push_2, .pull_2, 
.push_3, .pull_3, 
.push_4, .pull_4, 
.push_5, .pull_5, 
.push_6, .pull_6, 
.push_7, .pull_7, 
.push_8, .pull_8, 
.push_9, .pull_9, 
.push_10, .pull_10, 
.push_11, .pull_11, 
.push_12, .pull_12, 
.push_13, .pull_13, 
.push_14, .pull_14, 
.push_15, .pull_15, 
.push_16, .pull_16, 
.push_17, .pull_17 {
	position: relative;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}

/* =Grid >> 18 Columns
--------------------------------------------------------------------------------*/
.container_18 .grid_1 {
	width: 40px;
}
.container_18 .grid_2 {
	width: 100px;
}
.container_18 .grid_3 {
	width: 160px;
}
.container_18 .grid_4 {
	width: 220px;
}
.container_18 .grid_5 {
	width: 280px;
}
.container_18 .grid_6 {
	width: 340px;
}
.container_18 .grid_7 {
	width: 400px;
}
.container_18 .grid_8 {
	width: 460px;
}
.container_18 .grid_9 {
	width: 520px;
}
.container_18 .grid_10 {
	width: 580px;
}
.container_18 .grid_11 {
	width: 640px;
}
.container_18 .grid_12 {
	width: 700px;
}
.container_18 .grid_13 {
	width: 760px;
}
.container_18 .grid_14 {
	width: 820px;
}
.container_18 .grid_15 {
	width: 880px;
}
.container_18 .grid_16 {
	width: 940px;
}
.container_18 .grid_17 {
	width: 1000px;
}
.container_18 .grid_18 {
	width: 1060px;
}

/* =Prefix Extra Space >> 18 Columns
--------------------------------------------------------------------------------*/
.container_18 .prefix_1 {
	padding-left: 60px;
}
.container_18 .prefix_2 {
	padding-left: 120px;
}
.container_18 .prefix_3 {
	padding-left: 180px;
}
.container_18 .prefix_4 {
	padding-left: 240px;
}
.container_18 .prefix_5 {
	padding-left: 300px;
}
.container_18 .prefix_6 {
	padding-left: 360px;
}
.container_18 .prefix_7 {
	padding-left: 420px;
}
.container_18 .prefix_8 {
	padding-left: 480px;
}
.container_18 .prefix_9 {
	padding-left: 540px;
}
.container_18 .prefix_10 {
	padding-left: 600px;
}
.container_18 .prefix_11 {
	padding-left: 660px;
}
.container_18 .prefix_12 {
	padding-left: 720px;
}
.container_18 .prefix_13 {
	padding-left: 780px;
}
.container_18 .prefix_14 {
	padding-left: 840px;
}
.container_18 .prefix_15 {
	padding-left: 900px;
}
.container_18 .prefix_16 {
	padding-left: 960px;
}
.container_18 .prefix_17 {
	padding-left: 1020px;
}

/* =Suffix Extra Space >> 18 Columns
--------------------------------------------------------------------------------*/
.container_18 .suffix_1 {
	padding-right: 60px;
}
.container_18 .suffix_2 {
	padding-right: 120px;
}
.container_18 .suffix_3 {
	padding-right: 180px;
}
.container_18 .suffix_4 {
	padding-right: 240px;
}
.container_18 .suffix_5 {
	padding-right: 300px;
}
.container_18 .suffix_6 {
	padding-right: 360px;
}
.container_18 .suffix_7 {
	padding-right: 420px;
}
.container_18 .suffix_8 {
	padding-right: 480px;
}
.container_18 .suffix_9 {
	padding-right: 540px;
}
.container_18 .suffix_10 {
	padding-right: 600px;
}
.container_18 .suffix_11 {
	padding-right: 660px;
}
.container_18 .suffix_12 {
	padding-right: 720px;
}
.container_18 .suffix_13 {
	padding-right: 780px;
}
.container_18 .suffix_14 {
	padding-right: 840px;
}
.container_18 .suffix_15 {
	padding-right: 900px;
}
.container_18 .suffix_16 {
	padding-right: 960px;
}
.container_18 .suffix_17 {
	padding-right: 1020px;
}

/* `Push Space >> 18 Columns
--------------------------------------------------------------------------------*/
.container_18 .push_1 {
	left: 60px;
}
.container_18 .push_2 {
	left: 120px;
}
.container_18 .push_3 {
	left: 180px;
}
.container_18 .push_4 {
	left: 240px;
}
.container_18 .push_5 {
	left: 300px;
}
.container_18 .push_6 {
	left: 360px;
}
.container_18 .push_7 {
	left: 420px;
}
.container_18 .push_8 {
	left: 480px;
}
.container_18 .push_9 {
	left: 540px;
}
.container_18 .push_10 {
	left: 600px;
}
.container_18 .push_11 {
	left: 660px;
}
.container_18 .push_12 {
	left: 720px;
}
.container_18 .push_13 {
	left: 780px;
}
.container_18 .push_14 {
	left: 840px;
}
.container_18 .push_15 {
	left: 900px;
}
.container_18 .push_16 {
	left: 960px;
}
.container_18 .push_17 {
	left: 1020px;
}

/* `Pull Space >> 18 Columns
--------------------------------------------------------------------------------*/
.container_18 .pull_1 {
	left: -60px;
}
.container_18 .pull_2 {
	left: -120px;
}
.container_18 .pull_3 {
	left: -180px;
}
.container_18 .pull_4 {
	left: -240px;
}
.container_18 .pull_5 {
	left: -300px;
}
.container_18 .pull_6 {
	left: -360px;
}
.container_18 .pull_7 {
	left: -420px;
}
.container_18 .pull_8 {
	left: -480px;
}
.container_18 .pull_9 {
	left: -540px;
}
.container_18 .pull_10 {
	left: -600px;
}
.container_18 .pull_11 {
	left: -660px;
}
.container_18 .pull_12 {
	left: -720px;
}
.container_18 .pull_13 {
	left: -780px;
}
.container_18 .pull_14 {
	left: -840px;
}
.container_18 .pull_15 {
	left: -900px;
}
.container_18 .pull_16 {
	left: -960px;
}
.container_18 .pull_17 {
	left: -1020px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}

/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}

/* Stylesheet: grid.css Modified On 2013-02-19 18:54:36 */
@charset "UTF-8";
/* CSS Document */

/* Structural ID elements for layout container
--------------------------------------------------------------------------------*/
#bar_top {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#db4c19', endColorstr = '#db663d');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#db4c19', endColorstr = '#db663d')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #db4c19, #db663d);
	background-image: -ms-linear-gradient(top, #db4c19, #db663d);
	background-image: -o-linear-gradient(top, #db4c19, #db663d);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#db4c19), to(#db663d));
	background-image: -webkit-linear-gradient(top, #db4c19, #db663d);
	background-image: linear-gradient(top, #db4c19, #db663d);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	background-color:#db4c19;
	border-bottom:2px solid #db4c19;
	width:100%; 
	height:30px;
	position:relative; 
	z-index:2;
	border-top:2px solid #db4c19;
}
#bar_bottom {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#db663d', endColorstr = '#db4c19');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#db663d', endColorstr = '#db4c19')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #db663d, #db4c19);
	background-image: -ms-linear-gradient(top, #db663d, #db4c19);
	background-image: -o-linear-gradient(top, #db663d, #db4c19);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#db663d), to(#db4c19));
	background-image: -webkit-linear-gradient(top, #db663d, #db4c19);
	background-image: linear-gradient(top, #db663d, #db4c19);
	/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	background-color:#db4c19;
	border-top:2px solid #db4c19;
        border-bottom:2px solid #db4c19;
	width:100%; 
	height:30px;
        padding-top:8px;
	position:relative; 
	z-index:2;
}
#header {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bbef55', endColorstr = '#cef383');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bbef55', endColorstr = '#cef383')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #bbef55, #cef383);
	background-image: -ms-linear-gradient(top, #bbef55, #cef383);
	background-image: -o-linear-gradient(top, #bbef55, #cef383);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#bbef55), to(#cef383));
	background-image: -webkit-linear-gradient(top, #bbef55, #cef383);
	background-image: linear-gradient(top, #bbef55, #cef383);/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/	
	background-color:#bbef55;
	width:100%; 
	position:relative; 
	z-index:2;
}
#footer {
        background-color:#7db713; 
	width:100%; 
	height:200px; 
	position:relative; 
	z-index:2;
}
#utility {
	margin:auto;
	position:relative;
	z-index:2;
}
#logo {
	margin:auto;
	position:relative;
	z-index:2;
}
#content {
	background:#ff5 url(https://www.junikaefer.info/uploads/images/graphs/bug_xl.png) no-repeat left bottom;
	position:relative; 
	z-index:5; 
	float:left; 
	margin-left:10px;
}
#tile_left {
	background: url(https://www.junikaefer.info/uploads/images/graphs/tile_green.png) repeat-y left top; 
	position:relative; 
	z-index:100; 
	float:left;
}
#tile_right {
	background: url(https://www.junikaefer.info/uploads/images/graphs/tile_green_right.png) repeat-y right top; 
	position:relative; 
	z-index:110; 
	float:left;
}
#content_main {
	position:relative; 
	z-index:6; 
	float:left; 
	padding-bottom:50px; 
	padding-top:50px;
}
#left_column ul {
        list-style-position: outside;
	list-style-image: url(https://www.junikaefer.info/uploads/images/graphs/icons/bug_xs.png);
        margin-left: 1.5em;
        line-height: 2em;
}
#news ul {
        list-style-position: outside;
	list-style-image: url(https://www.junikaefer.info/uploads/images/graphs/icons/bug_xs.png);
        margin-left: 0.5em;
}
#news ul li {
       margin-bottom: 0.5em;
}
/* Main navigation top and bottom with box shadow
--------------------------------------------------------------------------------*/
#nav_top {
	list-style-type: none;
	margin-bottom: 0;
	margin-top:-33px; 
	position:relative; 
	z-index:4;
}
#nav_top ul {
	   margin-bottom: 0;
}
#nav_top li  {
	float:left;
	display:block;
	margin: 0 30px 0 0;
	background-color:#ff5;
	-webkit-box-shadow: 1px -2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px -2px 5px rgba(0, 0, 0, 0.2);
	box-shadow:         1px -2px 5px rgba(0, 0, 0, 0.2);
}
#nav_top li:hover {
	background: url(https://www.junikaefer.info/uploads/images/graphs/nav_top_active.png) repeat-x left top;
}
 #nav_bot li:hover {
	background: url(https://www.junikaefer.info/uploads/images/graphs/nav_bot_active.png) repeat-x left bottom;
}
#nav_top li.menuactive {
	background:url(https://www.junikaefer.info/uploads/images/graphs/nav_top_active.png) repeat-x left top;
	color:#c00;
	text-align:center;
	width:100px;
	border-top:2px solid #c00
} 
#nav_top li.menuactive a {
        padding:5px 0;
}
#nav_bot li.menuactive {
	background:url(https://www.junikaefer.info/uploads/images/graphs/nav_bot_active.png) repeat-x left bottom;
	color:#c00;
	text-align:center;
	width:100px;
	border-bottom:2px solid #c00
} 
#nav_bot li.menuactive a {
        padding:5px 0;
}
#nav_top a, #nav_bot a {
	display:block;
	margin:0;
	padding: 6px 0;
	color:#c00;
	text-decoration:none;
	text-align:center;
	width:100px;
}
#nav_bot {
	   list-style-type: none;
	   margin-bottom: 0;
	   position:relative; 
	   z-index:4;
}
#nav_bot ul {
	   margin-bottom: 0;
}     
#nav_bot li {	
	float:right;
	display:block;
	margin: 0 30px 0 0;
	background-color:#ff5;
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.2);
}

/* Sub navigation top and bottom with box shadow
--------------------------------------------------------------------------------*/
#nav_sub {
	list-style-type: none;
	margin-top: 4em;
	position:relative;
	z-index:5;
}
#nav_sub li.odd  {
	background-color:#7db713;
	border-top:1px solid #ff5;;
	width:125px;
	margin-left:25px;
	text-align:center;
	color:#ffffb0;
	padding:5px;
	-webkit-box-shadow: 1px -2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px -2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         1px -2px 2px rgba(0, 0, 0, 0.2);
}
#nav_sub li.even  {
	background-color:#7db713;
	border-top:1px solid #ff5;
	margin-top:1px;
	width:175px;
	margin-left:0;
	text-align:center;
	color:#ffffb0;
	padding:5px;
	-webkit-box-shadow: 1px -2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px -2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         1px -2px 2px rgba(0, 0, 0, 0.2);
}
#nav_sub a  {
	text-decoration:none;
	color:inherit;
        display:inline-block;
        width:100%;
}

#nav_sub li:hover {
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cef383', endColorstr = '#bbef55');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cef383', endColorstr = '#bbef55')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #cef383, #bbef55);
	background-image: -ms-linear-gradient(top, #cef383, #bbef55);
	background-image: -o-linear-gradient(top, #cef383, #bbef55);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#cef383), to(#bbef55));
	background-image: -webkit-linear-gradient(top, #cef383, #bbef55);
	background-image: linear-gradient(top, #cef383, #bbef55);/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	background-color:#bbef55;
	color:#c00;
}
#nav_sub li.menuactive {
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cef383', endColorstr = '#bbef55');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cef383', endColorstr = '#bbef55')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #cef383, #bbef55);
	background-image: -ms-linear-gradient(top, #cef383, #bbef55);
	background-image: -o-linear-gradient(top, #cef383, #bbef55);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#cef383), to(#bbef55));
	background-image: -webkit-linear-gradient(top, #cef383, #bbef55);
	background-image: linear-gradient(top, #cef383, #bbef55);/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	background-color:#bbef55;
	color:#c00;
	border-top:1px solid #c00;;
}
/* Sub sub navigation on sub pages
--------------------------------------------------------------------------------*/
ul#nav_sub_sub {
	list-style-type: none;
        margin-left:0;
	margin-bottom: 80px;
	z-index:8;
	font:400 16px 'Love Ya Like A Sister', cursive, Georgia, serif;
	color:#c00;
	letter-spacing:1px;	
}
#nav_sub_sub li  {
	float:left;
	display:block;
	margin: 0 4px 0 0;
	background-color:#ff5;
        border-top:1px solid #ff5;
	-webkit-box-shadow: 1px -2px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    1px -2px 5px rgba(0, 0, 0, 0.2);
	box-shadow:         1px -2px 5px rgba(0, 0, 0, 0.2);
}
#nav_sub_sub li:hover {
	background: url(https://www.junikaefer.info/uploads/images/graphs/nav_top_active.png) repeat-x left top;
}
#nav_sub_sub li.menuactive {
	background: url(https://www.junikaefer.info/uploads/images/graphs/nav_top_active.png) repeat-x left top;
	color:#c00;
	text-align:center;
	border-top:1px solid #7db713;
}
#nav_sub_sub a {
        background-color:transparent;
	display:block;
	margin:0;
	padding: 0.4em 1em;
	color:#c00;
	text-decoration:none;
	text-align:center;
}
#infobox   {
}
#board {
       background:url(https://www.junikaefer.info/uploads/images/graphs/chalkline.png) no-repeat 50px 20px;
       height:140px;
       position:relative; 
}
/* General classes for elements
--------------------------------------------------------------------------------*/
.img_header {
        margin-top:3px;
        -moz-border-radius-topleft: 60px;
        -webkit-border-top-left-radius: 60px;
         border-top-left-radius: 60px;
        -moz-border-radius-bottomright: 60px;
        -webkit-border-bottom-right-radius: 60px;
        border-bottom-right-radius: 60px;
        box-shadow: 0 0 0 2px #ffff55, 2px 1px 6px 4px rgba(0, 0, 0, 0.2);
}
.thumbs {
	margin-right:20px;
	margin-bottom: 25px;
}
.call_but {
	margin:50px 0;
}
.address {
        font:400 12px/1.5 'Droid Sans', Arial, FreeSans, sans-serif;
	color:#ffffb0;
        float:right;
}
.text_in_box {
       width:230px;
       float:right;
       border: 1px dashed #7DB713; 
       padding:10px;
       font-size:11px;
       margin:0 0 1.5em 1em;
       background-color:#e6ffb4;
}
.act_button {
   border-top: 1px solid #b5d47b;
   background: #cef383;
   background: -webkit-gradient(linear, left top, left bottom, from(#bcef55), to(#cef383));
   background: -webkit-linear-gradient(top, #bcef55, #cef383);
   background: -moz-linear-gradient(top, #bcef55, #cef383);
   background: -ms-linear-gradient(top, #bcef55, #cef383);
   background: -o-linear-gradient(top, #bcef55, #cef383);
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(181,212,123,1) 0 1px 0;
   -moz-box-shadow: rgba(181,212,123,1) 0 1px 0;
   box-shadow: rgba(181,212,123,1) 0 1px 0;
   width: 200px;
   background: url(https://www.junikaefer.info/uploads/images/graphs/icons/bug_med.png) #cef383 no-repeat top right;
}
.act_button img {
         border:1px solid #fff;
         margin-bottom:20px;
         border-left:none;
         border-right:none;
}
.act_button .act_label {
         text-align: left;
         font-size: 1.1em;
         line-height: 2.5;
         padding-left:10px;
         color:#c00;
}
.act_button a:hover .act_label  {
         color: #7db713;
}
.act_button a:visited  {
         color:#c00;
}
/* general img in text flow aligned left or right -------------------- */
.img_right {
        float:right;
        margin-left:20px;
}
.img_left {
        float:left;
        margin-right:20px;
}
.img_border {
       border: 1px dashed #7DB713; 
}
/* pseudo-element classes ------------------------ */
a:link {
	color: #cc0000;
        text-decoration:none;
}
a:visited {
	color: #cc0000;
        text-decoration:none;
}
a:hover {
	color: #f00;
        text-decoration:none;
}
#bar_bottom a:link {
	color: #ffffb0;
        text-decoration:none;
}
#bar_bottom a:visited {
	color: #ffffb0;
        text-decoration:none;
}
#bar_bottom a:hover {
	color: #cef383;
        text-decoration:none;
}
/* classes to overwrite prettyPhoto styles - rename .img to .myimg
--------------------------------------------------------------------------------*/
.gallery .myimg a {
	display: inline-block;
	border: 6px dashed #ff5 !important;
	padding: 2px !important;
        background-color:#7db713 !important;
}
.gallery .myimg a:hover {
       border-color:#db4c19 !important;
}
.gallery .myimg {
      height:auto !important;
}

/* Stylesheet: JK_main Modified On 2019-04-28 16:31:46 */