/**
 * Garland, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

 @font-face {
     font-family:OpenSans-Regular;
     src:url(fonts/OpenSans-Regular.ttf);
 }

 @font-face {
     font-family:OpenSans-Regular;
     src:url(fonts/OpenSans-Regular.eot);
 }

 @font-face {
     font-family:OpenSans-Bold;
     src:url(fonts/OpenSans-Bold.ttf);
 }

 @font-face {
     font-family:OpenSans-Bold;
     src:url(fonts/OpenSans-Bold.eot);
 }

/**
 * Generic elements
 */

body {
  margin: 0;
  padding: 0;
/*  background: #f4f4f4;*/
  font-family: OpenSans-Regular;
  color: #000;
}

input {
  font-family: OpenSans-Regular;
  color: #000;
}

textarea, select {
  font-family: OpenSans-Regular;
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: OpenSans-Regular;
}

/*
h1 {
  font-size: 170%;
}

h2 {
  font-size: 160%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}
*/

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
  color: #33cc00;
  text-decoration: none;
}

a:hover {
  color: #000;
/*  text-decoration: underline;*/
}

a:active, a.active {
  color: #000;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em; /* LTR */
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em; /* LTR */
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em; /* LTR */
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em; /* LTR */
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em; /* LTR */
}

ul li.expanded {
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
}

ul li.collapsed {
  background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

ol.task-list {
  margin-left: 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li {
  padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active {
  background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
  color: #393;
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
  margin-right: 1em; /* LTR */
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em; /* LTR */
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #e4e4e4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #33cc00;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #e4e4e4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #f4f4f4;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #ffb;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
/*  background-color: #ddecf5;*/
}

tr.even td.active {
/*  background-color: #e6f1f7;*/
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0; /* LTR */
}

#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Layout
 */
#header-region {
/*  min-height: 1em;*/
/*  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;*/
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region script {
  display: none;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0; /* LTR */
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
/*  background: #f4f4f4 url(images/body.png) repeat-x 50% 0*/;
}

#wrapper #container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1270px;
}

#wrapper #container #header {
  height: 80px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: 14px;
  padding-right: 20px; /* LTR */
  float: left; /* LTR */
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 960px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 720px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 100%;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
/*  margin-left: -220px;*/
}
body.sidebar-right #center {
  margin-right: -220px;
}
body.sidebars #center {
  margin: 0 -220px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 220px;
}
body.sidebar-right #squeeze {
  margin-right: 220px;
}
body.sidebars #squeeze {
  margin: 0 220px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 60px 0 5em;
  width: 220px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left .block {
/*  padding: 0 15px 0 0px;*/
}

#sidebar-right .block {
  padding: 0 0px 0 15px;
}

.block .content {
/*  margin: 0.5em 0;*/
}

#sidebar-left .block-region {
/*  margin: 0 15px 0 0px; *//* LTR */
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
/*  background: #fff url(images/bg-content.png) repeat-x 50% 0;*/
  position: relative;
}

#wrapper #container #center .right-corner {
/*  background: transparent url(images/bg-content-right.png) no-repeat 100% 0;*/
  position: relative;
/*  left: 10px;*/
}

#wrapper #container #center .right-corner .left-corner {
/*  padding: 60px 25px 5em 35px;*/
/*  background: transparent url(images/bg-content-left.png) no-repeat 0 0;*/
/*  margin-left: -10px;*/
  position: relative;
/*  left: -10px;*/
  min-height: 400px;
}

#wrapper #container #footer {
  float: none;
  clear: both;
  text-align: center;
  margin: 4em 0 -3em;
  color: #898989;
}

#wrapper #container .breadcrumb {
  position: absolute;
  top: 15px;
  left: 35px; /* LTR */
  z-index: 3;
}

body.sidebar-left #footer {
/*  margin-left: -220px;*/
}

body.sidebar-right #footer {
  margin-right: -220px;
}

body.sidebars #footer {
  margin: 0 -220px;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #529ad6;
}

#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #fff;
  background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #fff;
  background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left; /* LTR */
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #cde3f1;
  background: transparent;
}

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}


#tabs-wrapper {
/*  margin: 0 -26px 1em;
  padding: 0 26px;
  border-bottom: 1px solid #e9eff3;
  position: relative;
  */
  height: 70px;
  /*margin-bottom: 30px;*/
}


ul.primary {
  padding: 0.5em 0 10px;
  float: left; /* LTR */
}
ul.secondary {
  clear: both;
  text-align: left; /* LTR */
  border-bottom: 1px solid #e9eff3;
  margin: -0.2em -26px 1em;
  padding: 0 26px 0.6em;
}
h2.with-tabs {
  float: left; /* LTR */
  margin: 0 2em 0 0; /* LTR */
  padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px; /* LTR */
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
  display: inline-block;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  background: url(images/bg-tab.png) repeat-x 0 50%;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
/*  border-bottom: 1px solid #e9eff3;
  margin: 0 -26px 1.5em;
  padding: 1.5em 26px;
  */
  margin-top: 30px;
  text-align: justify;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

/*
.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
/* }*/


.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #e6e6e6;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  opacity: 0.5;
}
tr.odd td.menu-disabled {
  background-color: #f4f4f4;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #e6e6e6;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em; /* LTR */
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #e4e4e4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #e4e4e4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
  clear: both;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

/*
div.status {
  color: #33a333;
  border-color: #c7f2c8;
}
*/

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

#views-nivo-slider-slider-block_1 {
  width:100%!important;
}

#block-views-slider-block_1 {
/*  filter: brightness(85%);*/
}

#slider .view-slider {
  position:relative;
  z-index:1;
}

#slider .view-slider {
  position:relative;
  z-index:1;
}

#slider .container {
  padding:0px;
}

#slider {
  width:100%;
  height:500px;
/*  background:yellow;*/
  margin:0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: -1;

}

#topmenu {
  width:100%;
  height:60px;
  background:#33cc00;
  position: relative;
  -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.75);

}

#catalog .container,
#philosophy .container,
#biogarten .container,
#service .container,
#footer .container,
#message .container,
#footer .container,
#topmenu .container,
#center .container {
  margin:0 auto;
  width:960px;
  padding:0;
  text-align: justify;
}

#topmenu li,
#topmenu ul.menu,
#topmenu .content {
  margin:0px;
  padding:0px;
}

#topmenu li {
  float:left;
  background:none;
  font-family: OpenSans-Regular;
  font-size:16px;
}

#topmenu li a {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
/*  background: red;*/
  height: 20px;
/*  margin:0 10px;*/
  text-align:center;
  text-transform:uppercase;
  padding-left:35px;
  padding-right:35px;
  border-left: 1px solid #009900;
}

#topmenu li.first a {
  border-left: 0px;
}

#topmenu li a.active,
#topmenu li a:hover {
  text-decoration:none;
  color:#fff;
  background-color:#333333;
}

#topmenu li a.menu_icon {
    padding-left: 60px;
    background-position-x: 20px;
}

#logo {
  width:460px;
  height:460px;
  background:url(images/logo.png) center no-repeat;
  padding:0;
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -230px;
  margin-top: 10px;
}

#footer {
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
  position: relative;
}

#footer {
  padding-top: 30px;
  background: #33cc00;
  padding-bottom:30px;
}

#sidebar-left a {
  color:#33cc00;
}

#footer a {
  color:#000;
}

#sidebar-left a:hover {
  color:#333333;
  text-decoration: none;
}

.slideout-menu ul li,
#footer ul li,
#sidebar-left ul li {
  list-style: none;
  background: none;
  padding:5px;
}

.slideout-menu a.menu_icon {
    padding-top: 10px;
}

#footer a:hover {
  color:#fff;
  text-decoration: none;
}

#biogarten,
#message {
  background:#33cc00;
  -webkit-box-shadow: inset 0px -5px 10px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px -5px 10px -5px rgba(0,0,0,0.75);
  box-shadow: inset 0px -5px 10px -5px rgba(0,0,0,0.75);
}

#message input#edit-submitted-message-theme,
#message input#edit-submitted-message-email,
#message textarea#edit-submitted-message-text {
    padding: 10px;
    width: 360px;
    margin-bottom: 20px;
}

input.form-submit,
.category-grid-products input.form-submit,
.view-catalog .views-exposed-form input.form-submit,
#checkout-form-bottom input.form-submit,
#cart-form-pane input.form-submit,
.node .product input.node-add-to-cart,
.view-catalog input.node-add-to-cart,
#message  input#edit-submit {
    padding: 10px;
    background: #333333;
    border: 0px;
    width: initial;
    height: 40px;
    margin: 0px;
    color: #fff;
    text-transform: uppercase;
}

.view-catalog .views-exposed-widget.views-submit-button {
    margin-top: 10px;
}

#topmenu li a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#topmenu li a:hover  {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


input.form-submit:hover,
.category img:hover,
.category-grid-products input.form-submit:hover,
.category-grid-products img:hover,
.node .product input.node-add-to-cart:hover,
.view-catalog input.list-add-to-cart:hover,
.view-catalog .views-row img:hover,
.view-philosophy .views-row img:hover,
.view-garten .views-row img:hover,
.node .product .field-field-product-image:hover,
.node .field-field-service-image:hover,
#service .view-service .views-row:hover,
#footer .social:hover,
#message  input#edit-submit:hover {
transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


input.form-submit,
.category-grid-products input.form-submit,
.category-grid-products img,
.node .product input.node-add-to-cart,
.view-catalog input.list-add-to-cart,
.view-catalog .views-row img,
.view-philosophy .views-row img,
.view-garten .views-row img,
.node .field-field-service-image,
.node .product .field-field-product-image,
#service .view-service .views-row,
#footer .social,
#message  input#edit-submit {
  transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#message #block-webform-client-block-3 {
    margin: auto;
    width: 380px;
}

#catalog h2,
.view-philosophy h2,
.view-garten h2,
#service h2,
#footer h2,
#message h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}

#center #squeeze h2 {
  margin-top:30px;
  text-transform: uppercase;
  text-align: center;
  font-size: 24px;
/*  margin-bottom: 20px;*/
}

#catalog,
#philosophy,
#biogarten,
#service,
#footer,
#message {
  padding-top: 30px;
  padding-bottom: 30px;
}

#footer h2 {
    color: #000;
}

#biogarten h2,
#message h2 {
    color: #fff;
}

#message .content,
#message #edit-actions {
    text-align: center;
}

#map .overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height:640px;
    top: 640px;
    margin-top: -640px;
}

#footer #address {
    width: 300px;
    float: left;
    text-align: left;
    margin: 10px;
}

#footer #phone {
    width: 300px;
    float: left;
    text-align: center;
    margin: 10px;
}

#footer #worktime {
    width: 300px;
    float: left;
    text-align: right;
    margin: 10px;
}

#footer #social {
    clear: both;
    width: fit-content;
    margin: auto;
}

#footer .social {
  width:48px;
  height:48px;
  float: left;
  border: 1px solid #fff;
  border-radius: 45px;
  margin: 5px;
}

#footer #telegram.social {
  background:url(images/telegram.png) center no-repeat;
}

#footer #whatsup.social {
  background:url(images/whatsup.png) center no-repeat;
}

#footer #twitter.social {
  background:url(images/twitter.png) center no-repeat;
}

#footer #facebook.social {
  background:url(images/facebook.png) center no-repeat;
}

#footer #tiktok.social {
  background:url(images/tiktok.png) center no-repeat;
}

.view-catalog .views-row,
#service .view-service .views-row {
  float: left;
  width: 300px;
  margin: 10px;
  text-align: center;
}


.category-grid-products .catalog-grid-title,
.view-catalog .views-field-title,
#service .views-field-title {
  text-align: center;
  padding: 10px;
  height: 40px;
  width: 180px;
  margin: 0 auto;
}

.view-catalog .views-field-title a,
#service .views-field-title a {
  color:#33cc00;
}

.view-catalog .views-field-title a:hover,
#service .views-field-title a:hover {
  text-decoration: none;
}

.view-garten .views-row img,
.view-philosophy .views-row img,
.view-catalog .views-row img,
.category img,
.category-grid-products img,
.node .product .field-field-product-image img,
.view-catalog .views-field-field-product-image-fid img,
.node .field-field-service-image img,
#service .views-field-field-service-image-fid img  {
    border-radius: 180px;
    border: 5px solid #33cc00;
}


.view-garten .views-row img:hover,
.view-philosophy .views-row img:hover,
.category img:hover,
.category-grid-products img:hover,
.node .product .field-field-product-image:hover img,
.view-catalog .views-field-field-product-image-fid:hover img,
.node .field-field-product-image:hover img,
.node .field-field-service-image:hover img,
#service .views-field-field-service-image-fid:hover img {
  border: 5px solid #333333;
}

.category strong {
  margin-top:20px;
  margin-bottom:20px;
  display: inline-block;
  font-weight: normal;
}

.node .product .add-to-cart,
.node .product .product-info.product.display {
    display: block;
    float: none;
    text-align: center;
}

.node .product .product-info.product.display .uc-price-display {
  float:none;
}

.view-catalog .views-row:hover .views-field-title a,
#service .views-row:hover .views-field-title a {
    color:#333333;
}

#biogarten .view-biogarten .views-row img:hover {
  border: 5px solid #333333;
}

#philosophy .view-philosophy .views-row img:hover {
  border: 5px solid #333333;
}


.node .product .product-info,
.node .product .add-to-cart,
.node .product .field-field-product-image,
.node .field.field-type-filefield.field-field-service-image {
    width: 220px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

#sidebar-left {
  float: left;
  width:220px;
/*  padding-right: 10px;*/
}

td.category {
  background: none;
  border:none;
}

img.category,
.breadcrumb {
  display: none;
}

#philosophy .view-philosophy .views-row img {
  border: 5px solid #33cc00;
}

#biogarten .view-biogarten .views-row img {
  border: 5px solid #ffff;
}


.view-philosophy .views-row-3 img,
.view-philosophy .views-row-1 img,
.view-garten .views-row-3 img,
.view-garten .views-row-1 img {
  float:left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.view-philosophy .views-row-2 img,
.view-philosophy .views-row-4 img,
.view-garten .views-row-2 img,
.view-biogarten .views-row-4 img {
  float:right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.add-to-cart .attribute input[type="radio" i] {
    appearance: none;
    margin:0px;
}

.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-box-shadow: inset -5px 0px 5px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: inset -5px 0px 5px -5px rgba(0,0,0,0.75);
  box-shadow: inset -5px 0px 5px -5px rgba(0,0,0,0.75);
}

.slideout-panel {
  position: relative;
  z-index: 1;
/*  -webkit-box-shadow: -2px 0 0px 0px #333;
  box-shadow: -2px 0 0px 0px #333;*/
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
  background:#33cc00;

}

button.toggle-button {
    position: fixed;
    background: url(images/toggle-button.png) no-repeat center;
    width: 48px;
    height: 48px;
    border: 0px;
    z-index: 100;
    margin: 5px 0px 0px 10px;
    display:none;
}

.slideout-menu li {
    border-bottom: 1px solid #fff;
    text-transform: uppercase;

}
.slideout-menu ul li {
    padding: 10px;
}

.slideout-menu  li.last {
    border-bottom: 0px;
}

.slideout-panel {
    background: #fff;
}

.slideout-menu ul.links li {
  display: block;
  padding: 10px 0px 10px 10px;
  text-align: left;
}

.slideout-menu ul.links li a {
  color:#fff;
  text-decoration: none;
}

button.toggle-button {
 display:none;
}

button.toggle-button {
    padding-top: 45px;
    font-size: 11px;
    font-weight: bold;
}

.slideout-menu li a.menu_icon {
    padding-left: 60px;
    background-position-x: 20px;
    padding-top: 20px;
}

#footer li a.menu_icon {
  padding-left: 35px;
}

.slideout-menu li a {
  padding-left:20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.slideout-menu li a,
.slideout-menu li a.active {
  color:#fff;
  font-size: 18px;
}

 .slideout-menu li a.active {
   background-color: #333333;
 }

 .slideout-menu ul li {
   padding: 0px;
   margin: 0px;
 }

 .catalog .trail {
   font-weight: normal;
 }

#logo-slideout {
  background: url(/sites/all/themes/vegvista/images/logo-slideout.png) no-repeat center;
  width: 240px;
  height: 240px;
}

.node .product .add-to-cart,
.node .product .product-info,
.node .service .field.field-type-tablefield.field-field-service-price {
    width: 220px;
}

.node .product,
.node .service {
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
}

.node .field-field-service-price tr.odd, tr.info {
  background: #CCFFCC;
}

.site-name {
  font-weight: normal;
}

#sidebar-left a.active {
  color: #333333;
}

.category-grid-products .catalog-grid-sell-price,
.view-catalog .views-field-sell-price {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

.view-catalog input.list-add-to-cart {
  margin-bottom: 40px;
  width: inherit;
  padding-left: 20px;
  padding-right: 20px;
}

#store-footer {
  display: none;
}

.node .product .product-info.product.display {
    margin-top: 10px;
    margin-bottom: 20px;
}

#cart-form-buttons #continue-shopping-link {
  float: none;
  text-align: center;
  margin: 10px;
  left: 0;
}

.node .meta {
  display: none;
}

#cart-form-buttons,
#cart-form-products,
#checkout-form-bottom {
  border:none;
}

.view-catalog .attributes {
  min-height: 100px;
}

.view-catalog .views-field-addtocartlink {
    margin-bottom: 40px;
}

.view-catalog h3 {
    clear: both;
    padding: 10px;
    text-align: center;
    margin: 10px;
    font-size: 22px;
}

tbody,
.category-grid-products td,
.category-grid-products table {
  border: 0px;
  padding: 0px;
}

.category-grid-products table,
.category div,
table.category,
.category td,
.category th {
  padding: 0;
  margin: 0;
}

#footer #impressum {
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer #impressum a {
  margin-left: 10px;
  margin-right: 10px;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #333;
}

#update-checkout-buttons,
#continue-shopping-button {
    clear: both;
    margin: 0 auto;
    float: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
}

#cart-form-pane input#edit-checkout {
    background: #33cc00;
}

select,
input[type="text"],
input[type="password"] {
  padding: 10px;
}

#cart-form-pane #continue-shopping-button {
    float: left;
    margin-top: -50px;
}

#cart-form-pane input#edit-update {
    margin-right: 20px;
    margin-left: 20px;
}

.view .view-content {
  padding-top: 20px;
}

.view.view-slider  .view-content {
  padding-top: 0px;
}

table.category {
    margin-top: 20px;
    margin-bottom: 20px;
}

p.uc-cart-empty {
    text-align: center;
}


.cart-review ul.product-description li,
#uc-cart-checkout-form ul.product-description li {
  padding: 0px;
  background: none;
}

dl.multiselect .form-item {
    height: inherit;
    margin: 5px;
}

#center #sidebar-left {
  margin-top: 30px;
}

.field-label {
  text-align: left;
}

.uc-orders-table tr.odd:hover,
.uc-orders-table tr.even:hover,
.uc-orders-table td.active {
  background-color: inherit;
}

.uc-orders-table tr {
  border-bottom: 1px solid #33cc00;
}

#order-pane-ship_to {
    clear: both;
}

.view-stock td.active {
  background-color: transparent;
}

.view-stock td.views-field-field-product-image-fid {
  width: 30px;
}

.view-stock td.views-field-stock {
  width: 80px;
}


#footer #block-menu-menu-ladenkontrolle h2,
#footer #block-user-1 h2 {
  text-align: left;
  margin-bottom: 0px;
}

#footer #block-user-1,
#footer #block-menu-menu-ladenkontrolle {
    width: 240px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.slideout-menu #block-menu-menu-ladenkontrolle h2 {
  display: none;
}

.order-pane-table .sku,
.order-pane-table .cost {
  display: none;
}

.order-pane-table ul.product-description li {
  background: none;
  padding: 0px;
}

.node .status span,
.view-tasks span {
    border-radius: 5px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.node .status span.new,
.view-tasks .views-field-name span.new {
    background: #FFFF66;
}
.node .status span.inprogress,
.view-tasks .views-field-name span.inprogress {
    background: #CCFF99;
}

.node .status span.completed,
.view-tasks .views-field-name span.completed {
    background: #99CCFF;
}

.node .status span.canceled,
.view-tasks .views-field-name span.canceled {
    background: #FF9999;
}

.node .field-field-task-image {
  margin-top: 10px;
}

#uc-payment-by-order-form {
  clear: both;
}

.view-stock .attributes {
    float: left;
    margin-right: 20px;
}

.view-stock .add-to-cart form {
  margin: 0px!important;;
}

/*
 MOBILE
*/

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

   button.toggle-button {
		display:block;
	}

  #wrapper #topmenu,
  #slider {
    display: none;
  }

  .view-catalog .views-row,
  #footer #address,
  #footer #phone,
  #footer #worktime,
  .view-philosophy .views-row-2 img,
  .view-philosophy .views-row-4 img,
  .view-garten .views-row-2 img,
  .view-garten .views-row-4 img,
  .view-philosophy .views-row-3 img,
  .view-philosophy .views-row-1 img,
  .view-garten .views-row-3 img,
  .view-garten .views-row-1 img,
  #service .view-service .views-row {
    margin: auto;
    float: none;
    text-align: center;
  }

  #catalog .container,
  #philosophy .container,
  #biogarten .container,
  #service .container,
  #footer .container,
  #message .container,
  #footer .container,
  #topmenu .container,
  #center .container {
    width: 90%;
  /*  text-align: center;*/
    padding-left: 10px;
    padding-right: 10px;
  }

  #footer #address,
  #footer #phone,
  #footer #worktime {
    margin-bottom: 20px;
  }


  #message input#edit-submitted-message-theme,
  #message input#edit-submitted-message-email,
  #message textarea#edit-submitted-message-text {
      width: 300px;
  }

  #center #sidebar-left {
    display: none;
    width: 0px;
    margin: 0px;
    padding: 0px;
  }

  body.sidebar-left #squeeze {
    margin-left: 0px;
  }

  .node .product .product-info,
  .node .product .add-to-cart,
  .node .product .field-field-product-image,
  .node .service .field.field-type-tablefield.field-field-service-price,
  .node .field.field-type-filefield.field-field-service-image {
    float:none;
    margin: auto;
  }

/*
  .node {
    text-align: center;
  }
*/

  body.sidebar-left,
  body.sidebar-right,
  #center,
  #squeeze,
  .right-corner,
  .left-corner {
    width: 100%;
    min-width: 320px;
  }

  #center #squeeze h2 {
    margin-top: 0px;
    padding-top: 30px;
  }

  .node .product,
  .node .service {
    float:none;
  }

  .views-field-field-twp-image-fid {
    text-align: center;
  }

  #squeeze h2 {
    float: none;
    margin: 0;
    padding:0;
    padding-left: 20px;
    padding-right: 20px;
  }

  ul.primary {
    display: block;
    z-index: 2;
    position: relative;
  }

  .node .field-field-service-image {
    margin-top: 30px;
  }

  #cart-form-products td {
    display: inline-block;
  }

  #cart-form-products th {
    display: none;
  }

  #cart-form-buttons #edit-checkout,
  #cart-form-buttons #edit-update {
      display: block;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 20px;
  }

  #cart-form-buttons {
    text-align: center;
  }

  #uc-cart-checkout-form input[type="text"] {
    width: 160px;
  }

  #uc-cart-checkout-form input#edit-panes-customer-primary-email {
    width: 320px;
  }

  .view-catalog .add-to-cart {
      margin-bottom: 40px;
  }

  .category td {
    width: 100% !important;
  }

  .category td::marker,
  .category-grid-products td::marker {
    color:#fff;
  }

  #menu .block-uc_catalog h2 {
    display: none;
  }

  div.admin .right,
  div.admin .left {
      float: none;
      width: inherit;
  }

  ul.primary li {
    display: inherit;
    float: left;
  }

  ul.primary {
    width: 100%;
  }


  .order-pane-table  th,
  .order-pane-table td,
  .uc-orders-table th,
  .uc-orders-table td {
    display: block;
    text-align: center;
  }

  table.sticky-header {
    display: none;
  }

  .uc-orders-table td {
  /*  min-height: 40px;*/
  }

  .uc-orders-table img {
    float: none;
  }

  .order-pane-table td.product {
    width: inherit;
  }

  .order-pane-table td.sku {
    display: none;
  }

  .order-pane-table td.cost {
    display: none;
  }

  .order-pane-table td.price,
  .order-pane-table td.total {
      text-align: center;
  }


  #cart-form-pane #continue-shopping-button {
      float: none;
      margin-top: 0px;
  }

  #cart-form-pane input#edit-update {
      margin: 0 auto;
  }

  #cart-form-products ul.product-description {
    width: 320px;
  }

  #cart-form-products td.price {
    padding: 15px;
  }

  .category td,
  .category-grid-products td {
    border-bottom: 1px dashed  #ccc;
    padding-top: 20px;
  }

  table.category {
      margin-top: 0px;
      margin-bottom: 10px;
  }

  select,
  input[type="text"],
  input[type="password"] {
    width: inherit;
  }

  table th,
  table td,
  #uc-payment-by-order-form th,
  #uc-payment-by-order-form td,
  .category td,
  .category-grid-products td {
    display: list-item;
  }

  table th,
  table td,
  #uc-payment-by-order-form th,
  #uc-payment-by-order-form td,
  #uc-order-edit-form td {
    display: list-item;
    list-style: none;
    text-align: left;
  }

  a.uc-order-action {
      background: #33cc00;
      padding: 10px;
      margin: 5px;
      text-align: center;
      border-radius: 180px;
      height: 20px;
      width: 20px;
      display: inline-block;
  }

  .view-stock table th,
  .view-stock table td {
    display: table-cell;
  }

  .view-stock .views-field-title {
    width: 200px;
  }

  #footer #block-menu-menu-ladenkontrolle {
    display: none;
  }

  #edit-notify-wrapper {
    display: block;
  }

  table.ui-datepicker td {
      display: revert;
  }

  .node-form .filefield-upload input.form-submit {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #footer #impressum a {
    clear: both;
    display: block;
    margin: 10px;
  }

}