@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*  
    { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

head, body {
	margin:0;
}

body {
	font-family: 'Lato', sans-serif; 
	text-align: left; 
	border: 0; 
	background-color: #000;
	overflow-x: hidden;
	}

.row:before,
.row:after {
  content: ' ';
  display: table;
}

.row:after {
  clear: both;
}

.row {
  *zoom: 1;
  padding:0 5px 0 5px;
}

.inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  background-color:#fff;  
}

[class*="back"] {
	width:100%;
	height:100%;
	-webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -ms-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
	}

.back2 {background:rgba(145, 170, 8, 0);}
.back2:hover {background:rgba(145, 170, 8, 0.3);}

.back3 {background:rgba(193, 140, 9, 0);}
.back3:hover {background:rgba(193, 140, 9, 0.3);}

.back4 {background:rgba(108, 118, 175, 0);}
.back4:hover {background:rgba(108, 118, 175, 0.3);}

.back5 {background:rgba(183, 151, 74, 0);}
.back5:hover {background:rgba(183, 151, 74, 0.3);}

.back6 {background:rgba(95, 165, 117, 0);}
.back6:hover {background:rgba(95, 165, 117, 0.3);}

.back7 {background:rgba(255, 255, 255, 0);}
.back7:hover {background:rgba(255, 255, 255, 0.3);}

.inner > *:first-child {
  margin-top: 0;
}

[class*="col-"] {
	padding:10px;
	padding-bottom:97.5%;
	position: relative;
	width: 100%;
	float: left;
	height: 0;
	overflow: hidden;
	border: 5px solid #e3e3e3;
}

[class*="col-"]:hover {
	cursor:pointer;
	
}

.inner .teaser {
	position:absolute;
	z-index:1;
	bottom:20px;
	padding-right:10px;
	pointer-events: none;
}

.inner h2 {
	font-size:24px;
	font-weight:400;
	letter-spacing:0.04em;
	word-spacing:0.08em;
	line-height:48px;
	color:#fff;
	padding:4px 12px 6px 12px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	display:inline;
	}



.mon {
	display:block !important;
}

.moff {
	display:none !important;
}

#container {
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background:#e3e3e3;
}

#content {
	width:100%;
	min-height:300px;
	float:left;
}

#content div {
	width:50%;
	height:200px;
	float:left;
}

#content div div {
	padding:6px;
	width:100%;
	height:100%;
	background:yellow;
}

#footer {
	float:left;
	width:100%;
	height:auto;
	background:#e3e3e3;
	padding-bottom:10px;
}

#footer p {
	color:#000;
	float:left;
}

#footer img {
	height:77px;
	width:auto;
}

#sitemap {
	margin:20px 0 20px 0;
	float:left;
	width:100%;
	min-height:200px;
	height:auto;
	background:#000;
	padding:0 10px 20px 10px;
	}

#sitemap > ul {
	padding:0;
	display:block;
	width:100%;
}

#sitemap > #ul-eins {
	position:relative;
	top:0;
}

#sitemap > #ul-zwei {
	position:relative;
	top:20px;
}

#sitemap a {
	font-size:14px;
	display:block;
	margin-left:-2px;
	}


#sitemap > ul > li {
	width: 33.33%;
	float: left;
	height:360px;
	display:block;
	padding:0 0 0 12px;
	border-left:1px solid;
	line-height:18px;
}

#sitemap > ul > li > ul {
	padding:2px;
	float: none;
	margin-top:20px;
}

#sitemap > ul > li > ul > li {
	font-size:20px;
	margin-left:2px;
	padding:0 6px 8px 0;
	list-style-position:outside;
	list-style-type:none;
}

#sitemap .act, 
#sitemap > ul > li > ul > li:hover {
	padding:0 6px 8px 0 !important;
	list-style-type:disc;
}

#sitemap > ul > li > ul > li > a {
	text-decoration:none;
}

#sitemap #s-02, #sitemap #s-02 a {
	color:#91aa08;
	}
	
#sitemap #s-03, #sitemap #s-03 a {
	color:#c18c09;
	}
	
#sitemap #s-04, #sitemap #s-04 a {
	color:#6c76af;
	}
	
#sitemap #s-05, #sitemap #s-05 a {
	color:#b7334a;
	}
	
#sitemap #s-06, #sitemap #s-06 a {
	color:#5fa575;
	}
	
#sitemap #s-07, #sitemap #s-07 a {
	color:#fff;
	}
	
#upBtn {
	background:url(up.png) no-repeat 0 0;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 25px;
	z-index: 99;
	border: none;
	outline: none;
	cursor: pointer;
	width:30px;
	height:30px;
}

#upBtn:hover {
	background:url(up.png) no-repeat 0 -30px;
}

.t2 {background-color:#91aa08}
.t3 {background-color:#c18c09}
.t4 {background-color:#6c76af}
.t5 {background-color:#b7334a}
.t6 {background-color:#5fa575}
.t7 {background-color:#333}

.c350, .c420 {
	display:none;
}
	
#start {
	margin-top:-5px;
	z-index:-1;
	}
	
#footer div {
	display:block;
	float:left;
}
	
#footer img {
	height:60px;
	float:none;
}

#footer p {
	font-size:12px;
	margin:10px;
}

.chlaw {
		margin-left:0;
	}
.mclose, .mopen {
	background-position: right center;
	background-repeat:no-repeat;
	width:100%;
	margin-left:0;
}
	
.mclose {background-image:url(close.png)}
.mopen {background-image:url(open.png)}

.tshadow {
    -moz-box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -10px 20px rgba(255, 255, 255, .5);
	-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -10px 20px rgba(255, 255, 255, .5);
	box-shadow: 0 20px 20px rgba(0, 0, 0, .5), 0 -10px 20px rgba(255, 255, 255, .5);
}

.m1 {background-color:#e3e3e3}
.m2 {background-color:#91aa08}
.m3 {background-color:#c18c09}
.m4 {background-color:#6c76af}
.m5 {background-color:#b7334a}
.m6 {background-color:#5fa575}
.m7 {background-color:#333}



#hamb {
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:10px;
	overflow:hidden;
	z-index:100;
}

.ham {
	width:210px;
	height:60px;
	position:relative;
	background-image:url(hamb.gif);
}

.bg1{margin-left:0}
.bg2{margin-left:-30px}
.bg3{margin-left:-60px}
.bg4{margin-left:-90px}
.bg5{margin-left:-120px}
.bg6{margin-left:-150px}
.bg7{margin-left:-180px}

#hamb:hover {
	cursor:pointer;
}

@media (min-width: 351px) {
	
.c350 {
	display:block;
}

}

@media (min-width: 380px) {

.b2 {
	display:none;
}

#sitemap > ul > li {
	height:342px;
}

#sitemap > #ul-eins {
	top:0;
}

#sitemap > #ul-zwei {
	top:20px;
}

}


@media (min-width: 421px) {
.c420 {
	display:block;
}

.t1 {
	display:none;
}

.t1x {
	display:block;
}

}

@media (min-width: 480px) {

.col-3 {width: 50%;padding-bottom:48%;}
.col-6c {width: 100%;padding-bottom:48%;}

.up {
	width: 50%;
	padding-bottom:48%;
}

.wide {
	width: 100%;
}

.b1 {
	display:none;
}

#sitemap > ul > li {
	height:306px;
}

#sitemap > #ul-eins {
	top:0;
}

#sitemap > #ul-zwei {
	top:20px;
}

}


@media (min-width: 768px) {
		
.inner .teaser {
	bottom:25px;
	padding-right:15px;
}

.inner h2 {
	font-size:30px;
	line-height:60px;
	padding:6px 16px 8px 16px;
}

#upBtn {
	bottom: 24px;
	right: 24px;
}
	
#sitemap {
	padding:0 12px 0 12px;
	}
	
#sitemap > ul > li {
	width: 16.66%;
}

	
#sitemap > #ul-eins {
	position:static;
	top:0;
}

#sitemap > #ul-zwei {
	position:static;
	top:0;
}
	
.row {
	padding: 6px;
}

[class*="col-"] {
    border: 6px solid #e3e3e3;
}
	
#footer div {
	display:block;
	float:left;
}
	
#footer img {
	height:77px;
	float:none;
	clear:left;
}

#footer p {
	font-size:14px;
	margin:12px;
}

#sitemap > ul > li {
	height:320px;
}


.b1, .t1 {
	display:inline-block;
}

#sitemap > ul > li {
	height:324px;
}

}

@media (min-width: 970px) {
.b1, .t1 {
	display:none;
}

#sitemap > ul > li {
	height:306px;
}
	
}

@media (min-width: 1025px) {

.col-3 {width: 25%;padding-bottom:24%;}
.col-6 {width: 50%;padding-bottom:33%;}

.up {
	margin-top:-9.1%;
}

.down {
	margin-bottom:9.1%;
}

}


@media (min-width: 1025px) {

.inner .teaser {
	bottom:20px;
	padding-right:10px;
}

.inner h2 {
	font-size:24px;
	line-height:48px;
	padding:4px 12px 6px 12px;
	}
}

@media (min-width: 1240px) {
#menue > form > ul > li > div > ul > li {
	width:46%;
	}
}
	

@media (min-width: 1441px) {
	
.up {
	margin-top:0;
}

#upBtn {
	right: 30px;
	}

.down {
	margin-bottom:inherit;
}

.row {
	padding: 10px;
}

[class*="col-"] {
    border: 10px solid #e3e3e3;
}

.inner .teaser {
	bottom:25px;
	padding-right:15px;
}

.inner h2 {
	font-size:30px;
	line-height:60px;
	padding:6px 16px 8px 16px;
}

	
.col-3 {width: 25%;padding-bottom:19%;}
.col-6 {width: 50%;padding-bottom:19%;}

}
	
@media (min-width: 1921px) {
.inner .teaser {
	bottom:30px;
	padding-right:20px;
}

.inner h2 {
	font-size:36px;
	line-height:75px;
	padding:7px 20px 10px 20px;
}

}