/* Navigation on top */
/* mimics Apple Macintosh Menu style*/
@font-face { font-family: 'Lucida';
             src: url('../fonts/LucidaGrande.ttf') format('truetype'); }
@font-face { font-family: 'LucidaBold';
             src: url('../fonts/LucidaGrandeBold.ttf') format('truetype'); }


*{
        box-sizing: border-box;
        margin:0;
}

.wrapper {
        box-sizing: border-box;
        margin:0px;
}

.logoline {
        box-sizing: border-box;
    /*position:fixed;*/
    z-index:1;
    margin-top:40px;
    margin-right: 10%;
        margin-left: 10%;
    height: 130px;


}

.nav {
        /*box-sizing: border-box;*/
        margin:0px;
        font-family: 'Lucida';
        font-size:14px;
        text-shadow: 0.05em 0.05em 0.05em grey;
        position: fixed;
        z-index:2;
        left: 0px;
        top: 0px; /* should be height of .logoline */
        right:0px;
        height:24px;
        /*margin-left:10%;*/
        padding: 0px;
        
        /*font-size: 12px;*/
        text-transform: none;
        letter-spacing: 0;
        line-height:1.4em;
        /*background:rgba(198,198,198,0.7);*/
        background-image: linear-gradient(0deg, grey,lightgrey);
        cursor:default;
        box-shadow: 0px 0px 15px black;

}

/* Horizontal Drop-Down menu */

.nav_menu {
        /*box-sizing: border-box;*/
        /*background:rgba(80,80,80,0.7);*/
        padding:0px;
        margin:0px;
        list-style-type:none;
        height:24px;
        border-bottom: 1px solid black;
        text-shadow: 0.05em 0.05em 0.05em grey;

}
.nav_menu li {
        /*box-sizing: border-box;*/
        /*background:rgba(198,198,198,0.7);*/
        float:left;
        padding:2px 10px;
        display:block;
        color:black;
        text-decoration:none;
		text-shadow: 0.05em 0.05em 0.05em grey;


}
.nav_menu li:not(:last-child) {
        /*border-right:1px solid silver;*/
}
.nav_menu li ul li {
        border-right: none !important;
        /*important is necessary to remove border not only from last submenu item but all*/
}
.nav_menu li a, .nav_menu li {
        /*padding:2px 10px;*/
        /*display:block;*/
        color:black;
        text-decoration:none;
        /*font:14px arial, verdana, sans-serif;*/
        /*border-right:1px solid silver;*/
        height:23px;
}


/* Submenu */
.nav_menu ul {
        position:absolute;
        left:-9999px;
        top:-9999px;
        list-style-type:none;

}
.nav_menu li:hover {
          position:relative;
          /*background:#4352F2;*/
          background-image: linear-gradient(0deg, royalblue,lightblue);
          color:white !important; }
.nav_menu li ul li{
          background-color:white;
          padding:0px;
          width:160px;
          padding-left:15px;
          }
.extrawide { width: 400px !important;
       }

.nav_menu li:hover ul {
        /*box-sizing: border-box;*/
        left:0px;
        top:23px;
        background-color:white !important;
        /*background:#45b3c0;*/
        padding:0px 0px 4px 0px;
        /*border: 1px solid lightgrey;*/
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
		 box-shadow: 0px 0px 15px black;
}

.nav_menu li:hover ul li a {
        padding:0px;
        /*display:block;*/
        width:168px;
        text-indent:15px;
        color:black;
        /*background-color:white ;*/
        border-right:0px;

}
.nav_menu li:hover ul li a:hover {
		/*background:blue;*/
		/*background-image: linear-gradient(0deg, royalblue,lightblue);*/
          color:white;
          }




.content{
        /*position:absolute;*/
        box-sizing: border-box;
        margin-left:10%; /* should be width of .nav */
        margin-top: 0px; /* should be height of .logoline */
        margin-right: 25%; /* should be width of .widgets */
        padding: 1px;
   box-shadow: 3px 3px 10px black;
}
.middlePart {
  position: relative;
  width: 100%;

}

.widgetstart{
        box-sizing: border-box;
        position:absolute;
        left:75%; /* should be width of .nav + .content */
        top: 0px; /* should be height of .logoline */


}
.widgets{
        box-sizing: border-box;
        /*position:relative;*/
        left:75%; /* should be width of .nav + .content */
        top: 10px; /* should be height of .logoline */
        padding: 1px;
		box-shadow: 3px 3px 10px black;
}

.footer{
        box-sizing: border-box;
        margin-top:10px;
        margin-left:10%;
        margin-right: 15px;
        margin-bottom:15px;

        height: 40px;
        box-shadow: 3px 3px 10px black;
}

.singleimageleft {

        float: left;
        margin:10px;
        border: 1px solid #D0D0D0;
        background: #F0F0F0;
        padding: 10px 10px 10px 10px;
        text-align:center;
		box-shadow: 3px 3px 10px black;
}

.singleimageright {

        float: right;
        margin:10px;
        border: 1px solid #D0D0D0;
        background: #F0F0F0;
        padding: 10px 10px 10px 10px;
        text-align:center;
		box-shadow: 3px 3px 10px black;
}

.clearfix{
        clear:both;
}
.singleimage {
        float:left;
        width:auto;
        diplay:block;
        margin:10px;
        border: 1px solid #D0D0D0;
        background: #F0F0F0;
        padding: 10px 10px 10px 10px;
        text-align:center;
		box-shadow: 3px 3px 10px black;
}

/* Search */
.searchform {
  position: relative;

}
.searchform .field {
  width: 200px;
  margin: 0;
  margin-left:15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  border-radius: 15px;
  padding: 7px 35px 8px 15px;
}
.searchform #searchsubmit {
  vertical-align: top;
  position: relative;
  right: 40px;
  bottom: 0;
  background: url(search2.png) no-repeat 0 -1px;
  border: none;
  padding: 0;
  width: 35px;
  height: 30px;
  box-shadow: none;
  overflow: hidden;
  text-indent: -100px;
  font: 0/0 a;
  color: transparent;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.searchform #searchsubmit:hover {
  background-position: 0 -34px;
}
.searchform .screen-reader-text {
  padding: 0 0 0 15px;
  font-style: italic;
  color: #5b5b5b;
  font-size: 15px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;
}