/* css  //
// allgemeine notationen */

body, html {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
div {
position: relative;
}
p {
	font-size: 14px;
}
p > a,a:hover {
	color: #333;
}
p a,a:hover {
	text-decoration: underline;
	/* text-transform: uppercase; */
	color: #333;
}
dl {
	margin-left: 30px;
}

div h1 {	
	 font-weight: bold;
	 padding: 10px;
  font-size: 20px;
  font-family:Georgia, "Times New Roman", Times, serif;
}

div h2 {
	 font-weight: bold;
	 padding: 10px;
  font-size: 16px;
    font-family:Georgia, "Times New Roman", Times, serif;
}
div h3 {
	 font-weight: bold;
	 padding: 10px;
  font-size: 16px;
    font-family:Georgia, "Times New Roman", Times, serif;
}
div h4 {
	font-weight: bold;
	 padding: 10px;
  font-size: 16px;
}

/* navi */
.navigation li {
border-left: 1px solid white;

}
.navigation li:last-child {
      border-right: 1px solid white;
    }
/* top */
.top {
	background:url(../img/sw-regenbogen.jpg) 0 repeat-x;
	background-size: cover;
	height: 39px;
	background-color: #3366cc; /* blue */
	width: 100%;
	border-bottom: #fad839 3px solid; /* ccf74b lime */
}
.toptitle {
	min-height: 77px;
	/* background:url(../img/logos.jpg) 120px no-repeat; */
	border-bottom: #3366cc 3px solid;	
	font-size:24px;
	color: black;
}	
.head {
	font-size: 20px;
  	/* margin-left: 264px;
    padding-top: 26px; */
	margin-left: 120px;
	padding-top: 18px;
	}	
.header {
	width: 100%;
	background-color: #333;
	height: 70px;
}	

/* main */
.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  color: white;
  font-family: Arial,sans-serif;
  background-color: #b8b8b8; /* orangef8df94; */
}
.neunsechsnull {
	display: flex;
	flex-direction: row;
	width: 1144px; /*960px;*/
	left:120px;
}
/* side */
.left,.right {
padding: 40px;  /* 20px; */
display: table-cell !important;
vertical-align: bottom !important;
margin-bottom: 0px;
line-height:130%;
color: #333;
border: #777 1px solid;	
margin-top: 20px;
margin-bottom: 20px;
}
.left > ul {
	margin-left: 30px;
	}
/* footer */
.footer,.navigation ul li > a, a:active {
color: #ffffff;
}
.footer {
	width:100%;
	background:url(../img/sw-regenbogen.jpg) 0 repeat-x;
	background-size: cover;
	background-color: #000;
	height: 40px;
	border-bottom: #3366cc 10px solid;
	color: #000;
}
.footer a  {
	color: #000;
	}
.footer > p {
	padding-left: 170px;
	padding-top: 10px;
	font-size: 12px;
}
.footer > p > a {
	text-transform: none;
}


.textlink > a,a:hover {
	color: #333;
	text-transform: none;
}


	
div > p {
	padding: 10px;
}
.left {
float: left;
width: 690px; 
background-color: white;
}
.right {
  width: 222px;
  margin-left: 20px;
  background-color: whitesmoke;
}

.wrapper {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
background: url(../img/sw-footer-bg.jpg) repeat-x;
/* bunt 
background: url(../img/regenbogen.jpg) no-repeat;
*/
background-size: cover;

/* background-color: #3366cc; */
}
.navigation {
  margin-left: 120px; 
  font-size: 120%;
  height: 80px;
}
.navigation ul {
display: flex;
flex-direction: row;
position: relative;


}
.navigation ul li {
color: white;
font-family: sans-serif;
font-size: 80%;
list-style: none;
padding: 10px;
margin-top: 22px;	
}
.navigation ul li a:hover {
	color: #fad839;
	
}
.navigation ul li a {
	text-decoration: none;
}
.navigation ul li a.active {
    border-bottom: 3px solid #fad839;
	}
/* nur für breiten Screen */
@media only screen and (min-width: 768px and max-width: 967px)
{
    .navigation ul {
      display: flex;
     flex-direction: row;
     flex-wrap: wrap;
 height: 20px;
margin-top: 30px;
    }
    .navigation ul li {
      color: white;
      font-family: sans-serif;
      font-size: 80%;
      list-style: none;
      padding: 10px;
margin-top: 10px;
    }
    .navigation li {
      border-left: none;
    }
    .navigation li:last-child {
      border-right: none;
    }
	.navigation li:first-child {
      border-top: none;
    }

}
/* media queries für kleinen Screen  */
@media only screen and (max-width: 880px)
  {	
  	.toptitle {
	height: auto;
	/* background:url(../img/logos.jpg) 20px no-repeat;*/
	}
	.neunsechsnull {
		flex-direction: column;
	}
	.head {
		margin-left: 20px;
	}
      .navigation {
        margin-left: 0px;
		height: auto;
      }
        .navigation ul {
          left: 0px;
          flex-direction: column;
          position: relative;
		  margin-left: 20px;
        }
        .navigation ul li {
			margin: 0;
        }
		.navigation ul li a {
			text-decoration: none;
		}
        .navigation li {
          border-top: 1px solid white;
			margin-top: 8px;
			border-left: none;
        }
        .navigation li:last-child {
          border-bottom: none;
		  border-right: none;
        }
		.navigation li:first-child {
          border-top: none;
		  border-right: none;
        }
        .neunsechsnull {
		width: auto;
	left: 2px;
	right: 2px;
          }
		  
	.left,.right {
		display:table-column;
		width:auto;
		float: left;
		padding: 10px;
		margin: 5px;
		  }
	.footer > p {
    padding-left: 20px;
	}
}