00@charset "utf-8";
/* CSS Document */
body {
}
div {
    box-sizing: border-box;
}

#page {
    /*osition:absolute;  */
    border: #fff 1px solid;font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
    color: #1c1c1b;
background:url('../grafik/fff_75.png') repeat;
	
	position: absolute;
    width: 1250px;
    height: auto:;
    top:0;
    left: 50%;
    margin-top: 3%;
    margin-left: -625px;
    font-size:16px;
    margin-bottom: 3%;

}

a:link, a:visited {
	color:#770e00;
}

a:hover, a:hover {
	color:#b84317;
    text-decoration: none;
}

h1 {
	font-size:26px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color:#770e00;
	padding:0px 0px 0px 0px;
	margin:0px 0px 9px 0px;
	letter-spacing:-1px;
}


p {
	font-family: 'Source Sans Pro', sans-serif;
	padding:0px;
	margin:0px 0px 16px 0px;
	line-height:1.15em;
	text-align: left;
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	
	-moz-hyphenate-limit-chars: auto 5;
	-o-hyphenate-limit-chars: auto 5;
	-webkit-hyphenate-limit-chars: auto 5;
	-ms-hyphenate-limit-chars: auto 5;
	hyphenate-limit-chars: auto 5;
	
	-moz-hyphenate-limit-lines: 2;
	-o-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-lines: 2;
	hyphenate-limit-lines: 2;
}

p:last-of-type {
	margin:0px 0px 0px 0px;
}

span.highlight {
	color:#790103;
}


div.logo img{
	height:150px;
}
div.logo {
	width:auto;
    height:auto;
    background:none;
	float:none;
	margin:0 auto;
    padding:40px 0px 40px 0px;
    text-align: center;
}

div.logo img{
	height:200px;
}


div.sp1 {
    text-align:left;
	width:40%;
    height:100%;
	float:left;
	margin:0px 0px 0px 0px; 
    padding:0% 4% 0% 4%;
    padding-right: 70px;
}

div.sp1 p {
    text-align: left;
}
div.sp2 {
	width:60%;
    height:100%;
	float:left;
	margin:0px 0px 0px 0px; 
     padding:0% 4% 0% 0%;
}


div.footer {
    clear: both;
    width:100%;
    padding:40px 0px 5px 0px;
    font-size:70%;
}
div.footer p{
    text-align:center;
}


div.t1 {
	width:80%;
	float: left;
}

div.t2 {
	float: right;
}
div.clear {
	clear: both;
}


/* extend_stuff */

.toExtend_toTop, .toExtend_toBottom {
	display:none;
	margin:0px 0px 20px 0px;
	padding:10px 0px 0px 10px;
	border-left:#790103 2px solid;
	width:100%;
}

.extendIt_toTop, .isExtended_toTop, .extendIt_toBottom, .isExtended_toBottom {
	cursor: pointer;
	background-color:#790103;
	height:32px;
	color:#f9f9f9;
	padding:6px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:20px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	letter-spacing:-1px;
}
.extendIt_toTop div, .isExtended_toTop div, .extendIt_toBottom div, .isExtended_toBottom div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_side.png) right -3px no-repeat;
}

.extendIt_toBottom, .isExtended_toBottom {
	margin:10px 0px 0px 0px;
	
}
.extendIt_toTop h1, .extendIt_toBottom h1  {
	color:#f9f9f9;
}

.isExtended_toTop div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_up.png) right -3px no-repeat;
}

.isExtended_toBottom div {
	width:100%;
	height:100%;
	background:url(../grafik/arrow_down.png) right -3px no-repeat;
}

/*end extend stuff */

/* scroll stuff */
div.scrollable {
	float:left;
	height:300px;
	width:100%;
}
/*end scroll stuff */






/*responsivness*/
.resp01 {
	display:none;
}
.resp02 {
	display:inline;
}

@media screen and (max-width:1280px) { 
	#page {
    width: 1000px;
    margin-left: -500px;
    
	}
	div.sp1 {
		width:50%;
	}
	div.sp2 {
	 width:50%;
	}
	
}

@media screen and (max-width:1024px) { 
	#page {
    width: 600px;
    margin-left: -300px;
    font-size:14px;
	}
	div.sp1 {
		width:46%;
		padding-right: 20px;
	}
	div.sp2 {
	 width:54%;
	}
	
	div.scrollable {
	 height:350px;
  }
	
	
	.toExtend_toTop, .toExtend_toBottom {
	  padding:7px 0px 0px 7px;
  }

	.extendIt_toTop, .isExtended_toTop, .extendIt_toBottom, .isExtended_toBottom {
			padding:6px 0px 0px 7px;
  }
	

}

@media screen and (max-width:640px) { 
	#page {
    width:100%;
		top:0;
    left: 0;
    margin-top: 0px;
    margin-left: 0px;
	}
  div.sp1 {
     padding-right: 10px;
  }
	div.sp2 {
    padding:0 10px
  }
}

@media screen and (max-width:560px) { 
	#page {
    width:100%;
		top:0;
    left: 0;
    margin-top: 0px;
    margin-left: 0px;
		padding:20px;
	}
	.resp01 {
		display:block;
	}
	.resp02 {
		display:none;
	}
	
	div.sp1 {
    text-align:center;
  	width:100%;
    height:auto;
	  float:none;
	  padding:0px 0px 10% 0px; 
  }

  div.sp1 p {
    text-align: center;
  }
  div.sp2 {
  	width:100%;
    height:auto;
	  float:none;
	  margin:0px 0px 0px 0px; 
    padding:0px 0px 10% 0px;
		text-align: center;
  }
	
	div.sp2 p {
		
	}
	
	div.scrollable {
	 height:auto;
  }
	
	div.footer {
		border-top: #000 1px dashed;
		padding: 10px 0px 0px 0px;
	}
}