@import url(fonts.css);
@import url(forms.css);

/******FULLSCREEN******/
/*#box-1 {
    left: 0;
    position: fixed;
    top: 0;
    z-index: -10;
}

#box-1 img, #box-1 a {
    display: none;
    height: 100%;
    width: 100%;
}

.holder {
width: 100%;
height: 100%;
position: fixed;  
}                   */

/****************** background slider ******************/
#hp-slider {
}

.control {
	z-index: -10;	
}

#slider-holder {
	position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: -10;
}

	#hp-slider ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	width: 20000px;
	}
	
	#hp-slider ul li {
	    list-style-type: none;
		float: left;
	    display: block;
		position: relative;    
	}
	
	#hp-slider ul li a {
	    width: 100%;
	    height: 100%;
	    display: block;
	}
	
	#hp-slider ul li a img {
		width: 100%;
		height: 100%;
	}
	  	
	#hp-slider .control a {
	    background-repeat: no-repeat;
	    height: 56px;
  	  	margin: 170px 0 0 0;
    	position: absolute;
    	text-decoration: none;
    	width: 42px;
    	z-index: 11;
	}
	
	#hp-slider .control a.prev {
    	background-image: url("pics/home-teaser-left.png");
      left: 12px;
	}
	
	#hp-slider .control a.next {
    	background-image: url("pics/home-teaser-right.png");
    	right: 12px;
	}
	
	#hp-slider .control a.prev:hover, .xhp-front #home-teaser .control a.next:hover {
    	opacity: 1;
	}
	
	#hp-slider .control a span {
    	visibility: hidden;
	}

/****************** content *******************/

body {
	margin: 0;
	padding: 0;
	font-family: 'OpenSans', Arial;
	color: #333333;
	font-size: 13px;
	line-height: 140%;
}

strong {
	font-family: 'OpenSans', Arial;
	font-weight: bold;
}

a,
a:visited {
  color: #1392B0;          
}

  a:hover {
    color: #00B2D5;         
  }

h2,
h3,
h4 {
	font-family: OpenSans;
}

#box-2 .inner h2,
#box-3 h2,
#h2,
.xnot-front #layout-box--content-- h2,
#tree ul li a.depth-2 {
font-family: OpenSans;
}

#hd-1-hd {
font-family: OpenSans;
}
        
#menu a,
#hd-1-hd strong {
font-family: OpenSans;
}
       
.xnot-front #layout-box--content--right-- h3 {
font-family: OpenSans;
}



#socials {
	position: fixed;
	left: 0;
	top: 160px;
	width: 26px;
	height: 79px;
	padding: 6px 2px 6px 8px;
	background: url(pics/socials.png) no-repeat 0 0;
}

	#socials a {
		height: 22px;
		width: 22px;
		display: block;
		margin: 0 0 1px;
	}

#layout {
	width: 100%;
}

#layout-box--head-- {
	background: #333;
	height: 65px;
  width: 100%;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
}

	#layout-box-inner--head-- {
		width: 996px;
		margin: 0 auto;
		padding: 0 14px;
		position: relative;
	}

	#logo {
		float: left;
		display: block;
		width: 126px;
		height: 55px;
		margin: 10px 30px 0 0;
	}
	
		#logo a {
			display: block;
			background: url(pics/logo.png) no-repeat 0 0;
			display: block;
			width: 126px;
			height: 55px;
			text-decoration: none;
		}
		
			#logo a span {
				display: none;
			}

	#menu {
		float: right;
		margin: 24px 0 0;
	}

	#menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
		#menu ul li {
			float: left;
			margin: 0 0 0 30px;
		}
		
			#menu a {
				font-size: 16px;
				color: #FFF;
				text-decoration: none;
				text-transform: lowercase;
			}
			
	#layout-box--content-- {

	}			  
	
		#layout-box-inner--content-- {
    
		}
		
			#layout-box--footer-- {
				width: 100%;
				min-height: 300px;
				background: #333;
			}
			
			#layout-box--footer-- a {
				color: #FFF;
			}			
			
				#layout-box-inner--footer-- {
				  width: 100%;	
          max-width: 996px;
					margin: 0 auto;
					padding: 30px 14px;
					color: #FFF;
				}
				
					#copy {
						font-size: 11px;
						clear: none;
						float: left;
						width: 260px;
						margin: 0 30px 0 0;
					}
					
					#footer-menu,
					#sites {
						float: left;
						margin: 0 44px 0 0;
						clear: none;
					}

						#footer-menu ul,
						#sites ul {
							list-style-type: none;
							padding: 0;
              margin: 0;
						}
            
            #footer-menu ul {
              margin: 25px 0 0;
            }
						
							#footer-menu ul a,
							#sites ul a {
								font-size: 12px;
								text-decoration: none;
								text-transform: uppercase;
							}
							
							#sites ul a {
								font-weight: bold;	
							}
							
					#map {
						float: left;
						clear: none;
					}
					
					#map p,
					#sites p {
						margin: 0;
					}
					
					
/**** subpage kategorie ****/
#layout-box--content-category-wide-- {
	margin-top: 185px;
}

#layout-box--content-category-wide--{
	width: 100%;
}

#layout-box--content-category-wide--bottom-- {
	width: 100%;
	margin: 37px 50px 0 0; 
}

#layout-box--content-category-wide--top-- {
	width: 100%;
}

	#layout-box-inner--content-category-wide--top-- .item .title {
		display: none;
	}
	
	#layout-box-inner--content-category-wide--top-- .item {
		width: 10%;
		float: left;
		position: relative; 
	}
	
	  #layout-box-inner--content-category-wide--top-- .item .icon a,
		#layout-box-inner--content-category-wide--top-- .item .icon span {
			display: block;
			margin: 0;
			padding: 0;
			height: auto;
			overflow: hidden;
		}
		
		#layout-box-inner--content-category-wide--top-- .item .icon img {
      width: 100%;
      display: block;
		}

a#right-reference-link {
    background: none repeat scroll 0 0 #1392B0;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    padding: 10px 40px 10px 0;
    position: fixed;
    bottom: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    width: 443px;
}

#category-boxes .box {
	width: 138px;
	height: 90px;
	background: #1392B0;
	color: #fff;
	float: left;
	margin: 15px 30px 15px 0;
	padding: 10px;
}

	#category-boxes .box ul {
		visibility: hidden;
	}
	
	#category-boxes .box h3 {
		font-weight: normal;
		font-size: 17px;
	}
	
		#category-boxes .box h3 a {
			color: #fff;
			text-decoration: none;
		}

/*#layout-box--content-category-wide--top-- #hd-sub-holder {
  position: absolute;
  top: 100px;
  z-index: 20;
  display: block;
  width: 100%;
}*/ 

#layout-box--content-category-wide--top-- h2 {
  position: absolute;
  top: 100px;
  background: #1392B0;
  color: #fff;
  padding: 30px;
  z-index: 20;
  font-size: 70px;
}

/*content page*/
.contentpage img#top-bcg {
  width: 100% !important;
}

.contentpage #layout-box--content-category-wide--top-- h2 {
  background: none;
  color: #fff;
}

.contentpage #layout-box--content-category-wide--top-- {
  height: 400px;
  overflow: hidden;
}
         
/* news */
#layout-box--wide-- {
  margin-top: 75px;
}

#news-fullwidth .list_item {
  /*width: 287px;*/
  float: left;
  background: #17B0D7;
  color: #fff;
  overflow: hidden;
  position: relative;
  margin: 10px 1%;
  width: 18%;
  border: 0px solid #2E2E2E; 
}

#news-fullwidth a {
  color: #2E2E2E;
}

  #news-fullwidth a:hover {
    color: #fff;
  }
  
  #news-fullwidth .list_item h3 {
    background: #17B0D7;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    background: #2E2E2E; 
  }
  
    #news-fullwidth .list_item h3 a {
      color: #fff;
      text-decoration: none; 
    }
    
  #news-fullwidth .perex-body {
    padding: 15px;
  }
  
  #news-fullwidth a img {
    width: 100%;
  }
  
#layout-box-inner--content-category-wide--bottom-- {
  margin: 0 auto;
  padding: 0 14px;
  position: relative;
  max-width: 996px;
  /*text-align: center;*/
  overflow: hidden;
}

#layout-box--content-category-wide--bottom-- #text-perex {
  font-size: 25px;
  line-height: 35px;
}
  
/* masonry - pinterest lyout */
#layout-box-inner--wide--,
#news-fullwidth {
  width: 100%;
  height: auto;
  padding: 0%;
}


@media screen and (max-width: 1400px) {
#layout-box--content-category-wide--top-- h2 {
  font-size: 50px;
}
}

@media screen and (max-width: 960px) {
#layout-box--content-category-wide--top-- h2 {
  font-size: 30px;
}
}

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

}