/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 
 /* Fullscreen image
 ========================================================================== */
#page{
<!--  background: url(../images/mountains.jpg) no-repeat center center fixed ;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover; -->
}

#top-b, #top-a , #main, #bottom-a{
background-color:rgba(255, 255, 255, 0.9);
}
#toolbar{
color:#FFF;
}
#block-footer{
background-color:#333333;
}
.licinfo {
color: black;
text-align:center;
	letter-spacing:.1em;
}
.licinfo a, .licinfo a:hover {
color: black;
	letter-spacing:.1em;
}
#bottom-b, .module .module-title{
background-color:#315E75;
color:#FFFFFF;

}

/*==============================================================================*/
/*.AC_table*/
.singleContent .item
{
	background-color:rgb(170,182,187);
	color:white;
	padding: 5px 25px;
}
legend{
	color:white;
}
h3
{
	/* 06.10.22, MNY, von "white" auf 525252 angepasst. */
	color:#525252;
	/* 08.10.22, MNY: Abstand von Titeln entfernen */
	margin-bottom:0;
}
p
{
	/* 06.10.22, MNY, von "0.03" auf "0.06" angepasst. */
	letter-spacing:0.06em;
	/* 08.10.22, MNY: Abstand oben entfernen */
	margin-top: 5px;
}
ul
{
	letter-spacing:0.03em;
	/* 08.10.22, MNY: Abstand oben entfernen */
	margin-top: 5px;
}
#kopfzeile
{
	max-width: 1200px;
	margin: 0 auto;
  	margin-top: 50px;
  	margin-bottom: 50px;
}
h1
{
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 40px;
	letter-spacing:0.1em;
}
h2
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing:0.1em;
}
html{
	/*font-family: "arial narrow",arial;*/
	font: normal 14px/20px "arial narrow",Arial, Helvetica, sans-serif;
	overflow-y: scroll;
	min-height: 100%;
}
body
{
	/*letter-spacing:0.1em;*/
	/*font-family: "arial narrow",arial;*/
	font: normal 14px/20px "arial narrow",Arial, Helvetica, sans-serif;
	padding: 0;
	position: relative;
	margin: 0;
}

#box1{
	width: 95%;
	min-width: 240px;
	height:300px;
	padding:.1px 10px;
	vertical-align:top;
	background-color:rgb(206,169,205);
}

#box2{
	width: 95%;
	min-width: 240px;
	height:300px;
	padding:1px 10px;
	vertical-align:top;
	background-color:rgb(156,204,210);
}

#box3{
	width: 95%;
	min-width: 240px;
	height:300px;
	padding:1px 10px;
	vertical-align:top;
	background-color:rgb(191,222,191);
}

#box4{
	width: 95%;
	min-width: 240px;
	height:300px;
	padding:1px 10px;
	vertical-align:top;
	background-color:rgb(228,198,154);
}

.text{
	opacity:0;
	/* 06.10.22, MNY, von "white" auf 525252 angepasst. */
	color:#525252;
}

.h3HomeMain{
	position:relative;
	top:-10px;
}

.h3Home{
	/* 06.10.22, MNY, von "white" auf 525252 angepasst. */
	color:#525252;
	font-family: Arial, Helvetica, sans-serif;
}

#box1:hover .text{
opacity:1;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 1s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: 1s;
}
#box1:hover{
	-webkit-animation: anBox1 .75s; /* Chrome, Safari, Opera */
	animation: anBox1 .75s;
	height:100%;
	box-shadow: 3px 3px 15px #666;
	border-color:blue;
}

#box2:hover .text{
opacity:1;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 1s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: 1s;
}
#box2:hover{
-webkit-animation: anBox2 .75s; /* Chrome, Safari, Opera */
    animation: anBox2 .75s;
height:100%;
box-shadow: 3px 3px 15px #666;
border-color:blue;
}

#box3:hover .text{
opacity:1;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 1s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: 1s;
}
#box3:hover{
-webkit-animation: anBox3 .75s; /* Chrome, Safari, Opera */
    animation: anBox3 .75s;
height:100%;
box-shadow: 3px 3px 15px #666;
border-color:blue;
}

#box4:hover .text{
opacity:1;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 1s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: 1s;
}
#box4:hover{
-webkit-animation: anBox4 .75s; /* Chrome, Safari, Opera */
    animation: anBox4 .75s;
height:100%;
box-shadow: 3px 3px 15px #666;
border-color:blue;
}

@-webkit-keyframes anBox1 {
    from {height: 100px;}
    to {height: 700px;}
}

/* Standard syntax */
@keyframes anBox1 {
    from {height: 100px;}
    to {height: 700px;}
} 

@-webkit-keyframes anBox2 {
    from {height: 100px;}
    to {height: 600px;}
}

/* Standard syntax */
@keyframes anBox2 {
    from {height: 100px;}
    to {height: 600px;}
} 

@-webkit-keyframes anBox3 {
    from {height: 100px;}
    to {height: 665px;}
}

/* Standard syntax */
@keyframes anBox3 {
    from {height: 100px;}
    to {height: 665px;}
} 

@-webkit-keyframes anBox4 {
    from {height: 100px;}
    to {height: 565px;}
}

/* Standard syntax */
@keyframes anBox4 {
    from {height: 100px;}
    to {height: 565px;}
} 

/*- ----- -*/

a { color: #565656;
	font:italic; }

a:hover,
em, code { color: #444; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
  border: 1px solid #ddd;
  background: #fafafa;
}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }

.aPlain {
	/* 06.10.22, MNY, von "white" auf 525252 angepasst. */
	color:#525252;
	text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 15px; }

#menu .module { <margin: 10px 5px; }

#footer .module { margin: 0; }

#toolbar,
#headerbar { margin-bottom: 15px; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
}

/*============================================================================*/
/* Level 1 */
.menu-dropdown { margin-bottom: -10px; }

.menu-dropdown li.level1 {
	margin-right: 10px;
	padding-bottom: 10px;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	color: #444;
}

/* Set Active */
.menu-dropdown li.active .level1 { font-weight: bold; }

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { color: #444; }

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 50px;
}

.menu-dropdown .dropdown-bg > div {
	padding: 0 5px;
	border-top: none;
	background: #fff;
	border-radius:0px 0px 5px 5px;
}

/* Level 2 */
.menu-dropdown li.level2 { 
	margin: 0 5px;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 { color: #444; }

/* Set Hover */
.menu-dropdown a.level2:hover { color: #444; }

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: bold; } 

/* Set Hover */
.menu-dropdown a.level3:hover { color: #444; }

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: bold; } 
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span{
padding:8px 10px;
}

/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #444; }

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #d50; }

/* Current */
.menu-sidebar a.current { font-weight: bold; }

/* Level 1 */
.menu-sidebar li.level1 { border-top: 1px solid #ddd; }
.menu-sidebar li.level1:first-child { border-top: none; }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }

/* Level 2-4 */
.menu-sidebar ul.level2 ul { padding-left: 10px; }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
	margin-left: 7px;
	padding-left: 8px;
	background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#logo, #logo > img{
   float:none;
   margin:0 auto;
   display:block;
}

#menu{
   display: inline-block;
   text-align: left;
   height: 45px	;
   float:inherit;
}

.menu-dropdown .dropdown-bg > div{
background-color:rgba(255,255,255,0.65);
}


#menubar{
		text-align: center;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 25%, rgba(255,255,255,0.65) 75%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,0.65)), color-stop(75%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 25%,rgba(255,255,255,0.65) 75%,rgba(255,255,255,0) 100%);
}
#block-footer{
background-color:#333333;
}

.menu-dropdown {
    margin-bottom: -10px;
}
.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span {
    float: left;
}
.menu, .menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

element {
    padding: 20px;
}

.width50 {
    width: 46%;
}

.width501 {
    width: 46%;
    max-width: 600px;
}

.width33 {
    width: 30%;
}
.width25{
	width: 22%;
}
.wrapper{
	max-width: 1200px;
	box-sizing: border-box;
	margin: auto;
}

.grid-box {
	float: left;
}

.col-1{
	overflow: auto;
}

.aBox{
	float:left;
	padding: 5px;
	margin:  5px;
	min-width: 200px;
	vertical-align: top;
}

.aBoxD{
	heigth:10px;
}

.items-col-4{
	display:inline-block;
}

.menu{
		font-family: Arial, Helvetica, sans-serif;
}