/*
** style sheet for CSS2-capable browsers.
** Web-Site: www.46developments.de
** Copyright FORTYSIXDEVELOPMENTS - http://www.46developments.de/
*/

body {
   background-color:#DDDDDD;
   font-size: 16px;
   color:white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 22px;
   height: 100%;
  }

.fett {
   font-weight: bold;
   }

.kursiv {
   font-style: italic;
   }

.main {
   padding: 0px 0px !important;
	 margin-left: 20%;
	 margin-right: 20%;
	 margin-top: 25px;
	 max-width:1100px;
   background-color:#DDDDDD;
   height:100%;
   position:absolute;
   }

.ccontainer {
	border-top: 1px solid #0000000;
  /*padding: 45px;*/
  padding-bottom: 45px;
  padding-top: 5px;
  text-align: left;
  background-color:#888;
  background-image: url(../gfx/koepfe_angeschnitten_transparent.png);
  background-position: left 0px bottom 0px;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.oben {
	padding: 5%;
	font-size: 20px;
  line-height:20px;
  background-color:#646363;
  height:90px;
  border-bottom: 2px solid #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.spacer_grey_allg {
    background-color:#888;
    /*margin-left:50px;*/
    margin-left: 15%;
    margin-right:6%;
    margin-bottom:15px;
}

.navigation {
		font-size:14px;
    font-weight:bold;
    list-style:none;
    padding-bottom:15px;
    border-bottom: 2px solid #FFFFFF;
}

ul#topnavi li {
	font-size:15px;
  font-weight:bold;
  list-style:none;
  color: #860000;
	margin-left:-35px;
}

a {
  text-decoration: none;
  color: #FFF;
}

.headline {
  font-weight: bold;
  font-size:26px;
  line-height: 28px;
  color: #000;
  }

.oben a {
	text-decoration: none;
  color: #FFF;
}

#schriftzug {
	width:500px;
	float:left;
	height:auto
}

#logo{
	width:140px;
	height:auto;
	float:right;
	/*margin-right:30px;*/
}

.rand {
	/*margin:70px;*/
	margin:15%;
	margin-top:5px;
}

@media screen and (max-width:1280px) {
	#schriftzug {
	width:380px;
   }
}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:1020px) {

	#logo{
		width:100px;
	}

	.main {
		margin-left: 15%;
		margin-right: 15%;
		}

	.rand {
		/*margin:35px;*/
		margin:8%;
		margin-top:5px;
	}

	.spacer_grey_allg {
   /* margin-left:25px;*/
   margin-right:8%;
   margin-left:8%;
	}

}


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

	#schriftzug {
	width:240px;
   }
}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {

	.oben {
		 height:70px;
	}

	#logo{
		width:75px;
		margin-right:10px;
	}

	.main {
		margin-left: 2%;
		margin-right: 2%;
	}

	.rand {
		/*margin:0;*/
		margin-right:6%;
		margin-left:6%;
		margin-top:5px;
	}

	.spacer_grey_allg {
    /*margin-left:5px;*/
    margin-right:6%;
   margin-left:6%;
	}

}

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

	#schriftzug {
	width:200px;
   }
}