@charset "utf-8";

/* =========================================================
CSS Document für unisono
Kunde: Michela Dulz
Datum: dez 2016
Datei: kunisono.css
Autor: pd prangedesign, Daniela Prange
===========================================================*/
@import url(unisono.css);
@import url(flexslider.css);
/* =========================================================
body 
===========================================================*/

* { padding: 0; margin: 0;}




html {
height: 101%;
width: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;}



body {
	font-family:'Raleway', sans-serif;
	font-size: 20px;
	color: #999;
	background-color: ;
	height: 100%;
	width: 100%;}
/* =========================================================
top
===========================================================*/	

#head1 {height: 37px;
        width: 100%;
        background-color: #CCCCCC;
}


#headnavigation {
       width: 1000px;
       height: 30px;
       margin: auto;
}


#headnavigation ul li {
	text-decoration: none;
	list-style-type:none;
	float: right;
	font-size: 10px;
	color: #FFFFFF;
	margin-left: 30px;
	padding-top: 10px;
}



#logo {width: 200px;
       height: 105px;
       margin: 2px auto 20px auto;
	   background-image: url('logo/logo.png');
}


#head 2 {width: 1000px;
         height: auto;
         margin: auto;
	
}


/* =========================================================
überschriften
===========================================================*/

h1 {color: #CC3399;
        font-size: 15px;
        text-align: center;
        letter-spacing: 0.7em;  
}

h2 {font-family: 'Space Mono', monospace;
        color: #333333;
        font-size: 26px;
        text-align: center;
        letter-spacing: -1px;  
}


h3 {font-family: 'Space Mono', monospace;
	color:#333333;
	font-size: 17px;
	letter-spacing: 0.1em;
	text-align: center; 
}

h4 {
	font-size: 12px;
	}


h5 {font-family: 'Space Mono', monospace;
        color: #333333;
        font-size: 26px;
        text-align: center;
margin-bottom: 15px;
}


/* =========================================================
navigation
===========================================================*/

#navigationoben {width: 1000px;
                 margin: auto;
                 margin-bottom: 4px;
                 background: #fff;
                 color: #333;
                 text-transform: ;
                 font-size: 15px;
                 box-shadow: 10px 10px 30px grey;
}

.menu-link { display: none;}

.menu { 
  margin: auto;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 1000pxpx; 
  z-index: 600;
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
  z-index: 7000;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
	background-color: #999;
	border: 1px solid #CCCCCC;
	z-index: 8000;
}
.menu ul li { padding: 7px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #666666; font-size: .9em; }
.menu ul li > a { height:10px; padding: 19px 12px; }
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 110px;
  background-color: F6F6F6;
  border-left: 1px solid #cccccc;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #F6F6F6; }
.menu ul ul > li a:hover { background-color: #F6F6F6; color: #999999; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

@media all and (max-width: 768px) {
  .example-header .container { width: 100%; }
  
  a.menu-link { display: block; color: #fff; background-color: #333; float: right; text-decoration: none; padding: 19px 10px;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #CCCCCC; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:58px; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}
					 
			
					
					


/* =========================================================
content
===========================================================*/
a, a:link, a:visited, a:active { color: #333333;
                                 text-decoration: none;                               	
}



 #content {
	width: 1000px;
	height: 1540px;
	margin:  0 auto 130px auto;
	box-shadow: 10px 20px 30px grey;
}

#contentueberschrift {
	width: 1000px;
	height: auto;
	padding: 65px 0;
	background-color:#fff;
	text-align: center;
	line-height: 1.9em;
	margin-bottom: 7px;}


#content1 {width: 1000px;
           height: auto;
           background: #fff;}

#box2 {width: 380px;
      height: 300px;
      float: left;
      background-color:#fff;
            text-align: center;
}


#box1 {width: 460px;
      height: 200px;
      float: right;
      background-color:#edefef;
      color: #333333;
      line-height: 1.3;
      padding: 80px 80px 20px 80px;
            text-align: center;
}

#box3 {width: 220px;
      height: 200px;
      float: left;
      background-color:#edefef;
      color: #333333;
      line-height: 1.3;
      padding: 80px 80px 20px 80px;
      text-align: center;
}

#box4 {width: 620px;
      height: 300px;
      float: left;
      background-color:#fff;
}



#boxbild {
	width: 620px;
	height: 300px;
}

#boxtext {
	width: 220px;
	height: 300px;
}

#list ul,li  {
	margin-bottom: 7px;
}
	
	
#content1 a {
border: 1px solid #666;
padding: 10px;
}


/* =========================================================
aktion
===========================================================*/
	
	
	
/* =========================================================
footer
===========================================================*/

#footer {display: none;
width: 1000px;
margin: auto;
background: rgba(255, 255, 255); /* Fallback */
background-color: rgba(255, 255, 255, 0.4);
color: rgba(255, 255, 255, 0.4);	
height: 200px;
position: relative;
}

#footercontainer {
    width: 50%;
    margin: 0px auto;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #666;
    font-size: 12px;
}