/*---------------------------------------------------------------------------
# Joomla!-Template unique-unq
# Copyright © 2014 Verena Borrmann | unique Design & Druck. All rights reserved.
# License GNU/GPL http://www.gnu.org/licenses/gpl-2.0.html
---------------------------------------------------------------------------*/




/* 1. GENERAL CSS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #333333;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  margin: 0 auto;
}

/* Mobile */
@media (max-width: 767px) {

  body {
    padding-left: 0!important;
    padding-right: 0!important;
  }

}
a {
  color: #138394;
  text-decoration: none;
  font-weight:700;
}
a:hover,
a:focus {
  color: #ccc;
  text-decoration: none;
}

a:active, a:focus {outline:none;}

h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:300;
	text-transform: uppercase;
	text-align:left;
	letter-spacing: 0.05em;
	line-height: 1.55em;
	background: #045461;
	display: inline;
	padding: 0px 20px 2px;
	margin: 5px 0px;
	color:#fff;	
 }

 /* Mobile */
@media (max-width: 767px) {

  h1{
    font-size:20px;
  }

  .moduletable h3 {
    font-size:20px!important;
  }
}
 
h2 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	text-transform: normal;
	text-align:left;
	letter-spacing: 0.02em;
	line-height: 2em;
	background: #333;
	display: inline;
	padding: 1px 20px 2px;
	margin: 5px 0px;
	color:#fff;		
 }

  /* Mobile */
@media (max-width: 767px) {

  h2 {
    font-size:10px;
  }

}
 
h3 {
	color: #93A837;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 300;
	letter-spacing: 0.05em;
    line-height: 1.55em;
	border-bottom:1px solid #93A837;
	text-transform:uppercase;
	text-align:left;
}

.moduletable h3 { 
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:300;
	text-transform: uppercase;
	text-align:left;
	letter-spacing: 0.05em;
	line-height: 1.55em;
	background: #045461;
	display: inline;
	padding: 0px 20px 2px;
	color:#fff;
	border-bottom:0;
}

h4 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
	text-transform: normal;
	text-align:left;
	letter-spacing: 0.02em;
	line-height: 1.55em;
	background: #93A837;
	display: inline;
	padding: 1px 20px 2px;
	margin: 5px 0px;
	color:#fff;		
}

h5 {
	color: #93A837;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.55em;
	text-align:left;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none;
}
p { 
  margin: 0 0 10px; 
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #fff;
  border: #DDDDDD -moz-use-text-color #FFFFFF !important;
}

.clear {clear:both;}

img {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.img-no-radius img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* 2. HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#containerwrap {
	background: none;
	}

#container {
	position: relative;
	}
/* MENU
---------------------------------------------------------------------------- */
#menuwrap {
	top: 0;
    
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    z-index: 99;
	
}

#menu { 
	
	color:#fff;
	z-index: 100; 
}

#menu .moduletable { 
  background: none; 
  overflow: visible; 
  margin: 0;
}

#menu .moduletable ul{
	text-align:center;
}

#menu .moduletable ul.nav.menu {
	margin-bottom:0px;
}

#menu .moduletable ul.nav.menu li,
#menu .moduletable ul.nav.menu li li,
#menu .moduletable ul.nav.menu li li li,
#menu .moduletable ul.nav.menu li li li li { 
  line-height: 20px; 
  padding-left: 0;
}

#menu .mainmenu li a , #menu .nav-header { 
	color: #ccc; 
	padding: 14px 21px; 
	margin: 0;
	font-size: 14px;
	line-height:14px;
	font-weight:600;
	text-transform:none;
	cursor:pointer;
	text-decoration:none;
	text-shadow:none;
	border-radius:0!important;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	border-bottom:5px solid #333;
}
#menu .mainmenu li a:before {
  content: none;
}
#menu .mainmenu .nav-pills .active a, 
#menu .mainmenu .nav-pills ul li a:hover {
  	color: #acc53c;
	text-decoration: none; 
	border-bottom:5px solid #acc53c;
}
.mainmenu .nav-pills {
  margin-bottom: 0;
}

/* Subnav */

.mainmenu ul.nav-child {
  position: absolute;
  left: 10px;
  z-index: 1000;
  display: none;
  min-width: 200px;
  padding: 5px 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ddd;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  text-align:left;
}
.mainmenu ul.nav > li {
	position: relative;
	display:inline-block;
}
.mainmenu ul.nav > li:hover > .nav-child,
.mainmenu ul.nav > li > a:focus + .nav-child,
.mainmenu ul.nav-child li:hover > ul {
  display: block;
}
#menu .nav-pills ul.nav-child li > ul {
  margin: -38px 0 0 190px;
  padding: 0;
}
.mainmenu ul.nav-child a {
  display: block;
  clear: both;
  color: #333!important;
  font-size: 14px;
  padding: 3px 20px;
  font-weight: normal;
  line-height: 2em!important; 
  white-space: nowrap;
}
#menu .mainmenu .nav-pills .nav-child {
  padding-bottom: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#menu .mainmenu .nav-pills .nav-child a {
  margin: 0;
  padding: 4px 20px;
  font-size: 14px;
  border-top: none!important;
  border-bottom: 1px solid #ddd;
}
#menu .mainmenu .nav-pills .nav-child > .active > a, 
#menu .mainmenu .nav-pills .nav-child > li > a:hover  {
  text-decoration: none;
  color: #acc53a;
}
.mainmenu .nav-child.pull-right {
  right: 0;
  left: auto;
}
.mainmenu .nav-child .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.mainmenu .nav-child:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0,0,0,0.2);
  content: '';
}
.mainmenu .nav-child:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.mainmenu .nav-child li > ul:before {
  top: 10px;
  left: -7px;
  border-left: none;
  border-bottom: 7px solid transparent;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 7px solid transparent;
}
.mainmenu .nav-child li > ul:after {
  top: 11px;
  left: -6px;
  margin-top: 0;
  border-left: none;
  border-top: 6px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
}

/* Mobile */
@media (min-width: 1200px) {

  #menu-sm { 
    display: none; 
  }

}
@media (min-width: 768px) and (max-width: 1199px) {

	#menu-sm {
		border-bottom: 1px solid #ddd;
	}
  #header #menu {
    display: none;
  }
  #menu-sm #menu {
    padding: 7px 0px 16px;
    float: none;
  }
  #menu-sm .moduletable ul.nav.menu { 
    float: none; 
  }
  #menu-sm .mainmenu {
    display: table;
    margin: 0 auto;
  }
  #menu-sm .mainmenu .nav-pills {
    margin-top: 0;
  }

}

/* Mobile */
@media (min-width: 768px) and (max-width: 979px) {

   #menu-sm .mainmenu li a {
    padding: 10px;
   }

}
@media (min-width: 768px) {

  #navbar { 
    display: none; 
  }

}

/* IE */
.lt-ie9 #navbar,
.lt-ie9 #nav-sm { 
  display: none; 
}
.lt-ie9 #header {
  position: relative;
  z-index: 9999;
}
.lt-ie9 .mainmenu ul.nav-child {
  padding-top: 0;
}
.lt-ie9 .mainmenu ul.nav-child a:hover {
  background-color: #fff;
}


/* Navbar for mobile view
---------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {

  #menu { 
    display: none; 
  }

  /* Navbar */
	
	#navbar .moduletable {
    margin: 0;
    padding: 7px 0 0;
  }
  #navbar .navbar {
    margin-bottom: 0;
  }
  #navbar .navbar-inner { 
    padding: 0;
  }
  #navbar a.btn.btn-navbar { 
    margin-bottom: 0;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)
  }

  /* Navbar collapse */

  #navbar-collapse .moduletable ul li, 
  #navbar-collapse ul { 
    background: none; 
    float: none;
    padding: 0;
    margin: 0;
  }
  #navbar-collapse li a {
    padding-left: 14px;
  }
  #navbar-collapse li li a {
    padding-left: 28px;
  }
  #navbar-collapse li li li a {
    padding-left: 42px;
  }
  #navbar-collapse li li li li a {
    padding-left: 56px;
  }
  #navbar-collapse li li li li li a {
    padding-left: 70px;
  }
  #navbar-collapse a {
    display: block;
    padding: 4px 14px 2px;
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
    text-decoration: none;
    margin: 0;
  }
  #navbar-collapse a:before {
    font-family: FontAwesome;
    content: "\f105";
    padding-left: 10px;
    padding-top: 0;
    float: right;
    font-size: 15px;
    line-height: 2em;
    font-weight: normal;
  }
  .navbar-inverse .nav .active > a,
  .navbar .nav .active > a,
  .navbar-inverse .nav .active > a:hover,
  .navbar .nav .active > a:hover, 
  .navbar-inverse .nav .active > a:focus,
  .navbar .nav .active > a:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  /* Navbar Light */

  div.navbar #navbar-collapse li a:hover,
  div.navbar #navbar-collapse li li a:hover,
  div.navbar #navbar-collapse li li li a:hover,
  div.navbar #navbar-collapse li li li li a:hover,
  div.navbar #navbar-collapse li a:focus,
  div.navbar #navbar-collapse li li a:focus,
  div.navbar #navbar-collapse li li li a:focus,
  div.navbar #navbar-collapse li li li li a:focus,
  div.navbar #navbar-collapse li[class^="item-"].current.active,
  div.navbar #navbar-collapse li[class*=" item-"].current.active,
  div.navbar #navbar-collapse li li[class^="item-"].current.active,
  div.navbar #navbar-collapse li li[class*=" item-"].current.active, 
  div.navbar #navbar-collapse li li li[class^="item-"].current.active,
  div.navbar #navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar #navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar #navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #eee!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  div.navbar #navbar-collapse li li:hover,
  div.navbar #navbar-collapse li li li:hover,
  div.navbar #navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar #navbar-collapse li {
    border-top: 1px solid #ddd;
  }
  div.navbar #navbar-collapse a {
    color: #444; 
  }
  div.navbar #navbar-collapse a:before {
    color: #aaa;
  }
  div.navbar #navbar-collapse li a:hover:before,
  div.navbar #navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar #navbar-collapse li[class*=" item-"].current.active a:before, 
  div.navbar #navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar #navbar-collapse li li[class*=" item-"].current.active a:before, 
  div.navbar #navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar #navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar #navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar #navbar-collapse li li li li[class*=" item-"].current.active a:before {
    color: #777;
  }
  div.navbar #navbar-collapse li[class^="item-"].current.active.deeper.parent ul,
  div.navbar #navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {
      color: #333;
      background-color: #fff;
  }
  div.navbar #navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar #navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
      color: #aaa;
  }
  div.navbar #navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar #navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
      color: #444;
  }
  .navbar .btn-navbar .icon-bar {
    background-color: #444;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
  }

  /* Navbar Inverse */

  div.navbar.navbar-inverse #navbar-collapse li a:hover,
  div.navbar.navbar-inverse #navbar-collapse li li a:hover,
  div.navbar.navbar-inverse #navbar-collapse li li li a:hover,
  div.navbar.navbar-inverse #navbar-collapse li li li li a:hover,
  div.navbar.navbar-inverse #navbar-collapse li a:focus,
  div.navbar.navbar-inverse #navbar-collapse li li:focus,
  div.navbar.navbar-inverse #navbar-collapse li li li:focus,
  div.navbar.navbar-inverse #navbar-collapse li li li li:focus,
  div.navbar.navbar-inverse #navbar-collapse li[class^="item-"].current.active,
  div.navbar.navbar-inverse #navbar-collapse li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #navbar-collapse li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #navbar-collapse li li[class*=" item-"].current.active, 
  div.navbar.navbar-inverse #navbar-collapse li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #navbar-collapse li li li[class*=" item-"].current.active,
  div.navbar.navbar-inverse #navbar-collapse li li li li[class^="item-"].current.active,
  div.navbar.navbar-inverse #navbar-collapse li li li li[class*=" item-"].current.active {
    background-color: #333!important;
  }
  div.navbar.navbar-inverse #navbar-collapse li li:hover,
  div.navbar.navbar-inverse #navbar-collapse li li li:hover,
  div.navbar.navbar-inverse #navbar-collapse li li li li:hover {
    background: none;
  }
  div.navbar.navbar-inverse #navbar-collapse li {
    border-top: 1px solid #222;
  }
  div.navbar.navbar-inverse #navbar-collapse a {
    color: #fff; 
  }
  div.navbar.navbar-inverse #navbar-collapse a:before {
    color: #777;
  }
  div.navbar.navbar-inverse #navbar-collapse li a:hover:before,
  div.navbar.navbar-inverse #navbar-collapse li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #navbar-collapse li[class*=" item-"].current.active a:before, 
  div.navbar.navbar-inverse #navbar-collapse li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #navbar-collapse li li[class*=" item-"].current.active a:before, 
  div.navbar.navbar-inverse #navbar-collapse li li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #navbar-collapse li li li[class*=" item-"].current.active a:before,
  div.navbar.navbar-inverse #navbar-collapse li li li li[class^="item-"].current.active a:before,
  div.navbar.navbar-inverse #navbar-collapse li li li li[class*=" item-"].current.active a:before {
    color: #fff;
  }
  div.navbar.navbar-inverse #navbar-collapse li[class^="item-"].current.active.deeper.parent ul,
  div.navbar.navbar-inverse #navbar-collapse li[class*=" item-"].current.active.deeper.parent ul {
    color: #fff;
    background-color: #111;
  }
  div.navbar.navbar-inverse #navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before,
  div.navbar.navbar-inverse #navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before {
    color: #777;
  }
  div.navbar.navbar-inverse #navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before,
  div.navbar.navbar-inverse #navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before {
    color: #fff;
  }
  div.navbar.navbar-inverse .btn-navbar .icon-bar {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }
  #navbar.navbar.navbar-inverse a.btn.btn-navbar { 
    border-color: #040404 #040404 #000;
  }

}

/* LOGO
---------------------------------------------------------------------------- */

#logowrap {  
  	background-image: -webkit-linear-gradient(#e6e6e6 0%, white 100%); 
	background-image: -moz-linear-gradient(#e6e6e6 0%, white 100%); 
	background-image: -o-linear-gradient(#e6e6e6 0%, white 100%); 
	background-image: linear-gradient(#e6e6e6 0%, white 100%);
	margin: 0;
	padding: 35px 0;
	text-align: center;
}
#logo h1 {  
  margin: 0; 
}

#logo img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#logo img:hover {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: tada;
  animation-name: tada;
  }


/* Mobile */
@media (max-width: 1199px) {

  .row #logo {
    width: 100%;
    padding-top: 0;
  }
  #logo { 
    text-align: center;
    float: none;
    width: 100%;
  }

}
@media handheld, only screen and (max-width: 768px) {

  #logo {
    margin-top: 0;
    padding-top: 0;
  }
  #logo.span3 {
    margin-bottom: 0;
  }

}





/* 3. CONTENT BLOCKS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Mobile */
@media handheld, only screen and (max-width: 767px) {

  #slide {  
    padding-top: 0;
    padding-bottom: 0;
  }

}

/*** Slider ***/

#slidewrap .container-fluid {
	padding-left:0px!important;
	padding-right:0px!important;
	
}

#slide {
	background:#fff;
}

#slide .moduletable, div{
	margin:0;
}

/*#slide .moduletable li,
#slide div[class^="moduletable-"] li,
#slide div[class*=" moduletable-"] li { 
  background: none; 
}*/


#slide p {
	margin:0;
}



/* Mobile */
@media (max-width: 767px) {

  #slide .moduletable li ul,
  #slide div[class^="moduletable-"] li ul,
  #slide div[class*=" moduletable-"] li ul { 
    margin-bottom: 0; 
  }

}

.camera_wrap .slide_title {background:#045461 !important;}

/* MAIN
---------------------------------------------------------------------------- */





#messagewrap .row-fluid [class*="span"] { 
  min-height:0; 
}
#system-message {
  margin-top: 10px;
}
#mainwrap .row-fluid [class*="span"] {
  min-height: 10px;
}
#main {
	margin-top:20px;
}

.blog-featured img{
	margin-top:20px;
}
/* BUBBLES
---------------------------------------------------------------------------- */

#bubblewrap {
background-clip: border-box;
    background-color: #000;
    background-image: url(../images/bubbles_bg.png);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
	padding-top:30px;
}

#bubbles p {
	padding:20px;
}

#greenbubble {
	background:#045461;
	color:#fff;
	margin-bottom:50px;
	position:relative;
	border-radius:20px;
	padding:10px 0px;
}

#greenbubble:after{
content: '';
background-image: url(../images/greenbubble.png);
position: absolute;
bottom: -33px;
left:10%;
width: 30px;
height: 33px;
}

#greenbubble .moduletable h3 {
	background:#138394;
}

#darkbubble {
	background: #333;
	position:relative;
	color:#fff;
	margin-bottom:50px;
	border-radius:20px;
	padding:10px 0px;
}

#darkbubble:after{
content: '';
background-image: url(../images/darkbubble.png);
position: absolute;
bottom: -33px;
right:10%;
width: 30px;
height: 33px;
}

#darkbubble .moduletable h3 {
	background:#555;
}

#greybubble {
	background:#ccc;
	position:relative;
	color:#333;
	margin-bottom:50px;
	border-radius:20px;
	padding:10px 0px;
}

#greybubble:after{
content: '';
background-image: url(../images/greybubble.png);
position: absolute;
top: -33px;
left:10%;
width: 30px;
height: 33px;
}

#greybubble .moduletable h3 {
	background:#333;
}

#darkgreenbubble {
	background: #138394;
	position:relative;
	color:#fff;
	margin-bottom:50px;
	border-radius:20px;
	padding:10px 0px;
}

#darkgreenbubble:after{
content: '';
background-image: url(../images/darkgreenbubble.png);
position: absolute;
bottom: -33px;
left:10%;
width: 30px;
height: 33px;
}
/* GREY, DARK & WHITE
----------------------------------------------------------------------------*/

#greywrap {
	background:#ccc;
	color:#333;
	padding-top:40px;
}

#greywrap .moduletable {margin-bottom:0px;}

#whitewrap {
	background-image: -webkit-linear-gradient(white 0%, #e6e6e6 100%); 
	background-image: -moz-linear-gradient(white 0%, #e6e6e6 100%); 
	background-image: -o-linear-gradient(white 0%, #e6e6e6 100%); 
	background-image: linear-gradient(white 0%, #e6e6e6 100%);
	margin-top:30px;
}

#darkwrap {
	background:#222;
	color: #fff;
	padding:30px 0;
}

#darkwrap li, #whitewrap li {
	float: left;
    margin-right: 60px;
	margin-left:0px;
    width: 280px;
}
#darkwrap a{color:#acc53c;}
#whitewrap a{color:#333;}

#darkwrap img:hover {
	box-shadow: 0px 0px 2px rgba(200, 200, 200, 0.9),  0px 0px 5px rgba(243, 243, 243, 0.7);
}

#whitewrap img:hover {
	box-shadow: 0px 0px 2px rgba(100, 100, 100, 0.9),  0px 0px 5px rgba(143, 143, 143, 0.7);
}

li.lastItem {margin-right:0!important;}


/* BACKTOP
---------------------------------------------------------------------------- */

a.backtop i {
  background:none;
  color: #fff;
  font-size: 3em;
  border:0 none;
  padding-right:0;
  display: block;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.backtop i:hover {
  opacity: 0.8;
} 

#backtotopwrap {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

  #backtotop {
	position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 25px;
    float: right;
  }
  
#backtotop .backtop { 
  float: right; 
}

/* @media (max-width: 1199px) {

  #backtotop {
    position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 36px;
    float: right;
  }

}  */

/* Mobile */
@media (min-width: 768px) {
  
  #backtotop-mobile { 
    display: none; 
  }

}
@media handheld, only screen and (max-width: 767px) {

  #backtotop { 
    display: none; 
  }
  #backtotop-mobile { 
    text-align: center; 
    margin-bottom: 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	color:#fff;
	}
    
}

/* IE */
.lt-ie9 #backtotop {
  padding-bottom: 1em;
}
.lt-ie9 #backtotop-mobile { 
  display: none; 
}




/*** Copyrightmenu ***/

#copyrightwrap {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	color:#777;
	padding-top:7px;
}

#copyright a {
	color:#777;
	font-weight:600;
}

#copyright a:hover {
	color:#acc53c;
}


#c-menu ul li {
	float:right;
	margin-left:20px;
}
/* MOBILE PARAMETERS
---------------------------------------------------------------------------- */

@media (max-width: 480px) {
  #main img, 
  .moduletable .custom img,
  div[class^="moduletable-"] div[class^="custom-"] img,
  div[class*=" moduletable-"] div[class*=" custom-"] img,
  .img-left, 
  .img-right { 
    display: inline-block ; 
  }

/*  #logo,
  #slidewrap,
  #showcase1, #showcase2, #showcase3, #showcase4,
  #promo1, #promo2, #promo3,
  #top1, #top2, #top3, #top4,
  #maintop1, #maintop2, #maintop3,
  #sidebar1, #sidebar2,
  #mainbottom1, #mainbottom2, #mainbottom3,
  #bottom1, #bottom2, #bottom3, #bottom4,
  #user1, #user2, #user3,
  #footer1, #footer2, #footer3, #footer4,
  #copyright1, #copyright2,
  #debug { 
    display: block ; 
  }*/
}


/* 4. EXTENSIONS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.carousel {
	margin-top:40px;
	margin-bottom:0px;
}
.carousel-inner > .item {
	margin-bottom:0px;
	padding-bottom:0px;
}

.carousel h4{
	background:none;
	display:block;
	color: #fff;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 300;
	letter-spacing: 0.05em;
    line-height: 1.55em;
	border-bottom:none;
	text-transform:normal;
	text-align:left;
}
.carousel a {color:#fff!important;}

.left.carousel-control {
	background: url('../images/prev.png') no-repeat;
	border:none;
	height:70px;
	opacity:1;
	top:30%;
	line-height:1;
}

.right.carousel-control {
	background: url('../images/next.png') no-repeat;
	border:none;
	height:70px;
	opacity:1;
	top:30%;
	line-height:1;
}

/* 5. CUSTOM STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#download p {
  margin: 0;
}
#download #download-message {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 1.3em;
  float: left;
  padding-top: 15px;
  padding-bottom: 10px;
}
#download #download-btn {
  float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 4px;
}
#download a.btn.btn-primary.btn-large {
	margin-bottom: 9px;
}

/* Mobile */
@media handheld, only screen and (max-width: 1199px) {

 #download #download-message {
    float: none;
    text-align: center;
    padding: 4px 0;
  }
  #download #download-btn {
    float: none;
    font-size: 16px;
    text-align: center;
		bottom: 4px;
		margin-top: 4px;
		position: relative;
  }

}

/* HILFSKLASSEN
----------------------------------------------------------------------*/
@media (max-width: 480px) {
#no-mobile {display:none;}
}

.pulse:hover {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* ANIMATIONEN
----------------------------------------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation
}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}