/**
 * @Author: Huenet <heinzzurcher>
 * @Date:   November 6th 2020, 11:15:24
 * @Email:  hzuercher@huenet.ch
 * @Project: collection version 0.7.5
 * @Filename: layout.css
 * @Last modified by:   heinzzurcher
 * @Last modified time: November 6th 2020, 13:24:34
 * @Copyright: (c) 2020 by Huenet AG. All Rights Reserved.
 */

 html {
   font-size: 100.0%;
}
html,body {
	margin:0;
	padding:0;
	/*height:100%; */

	color: #000;
	font-family:"Courier New", Courier, monospace ;
	font-style: normal;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	background-color:#FFF;
}

body { font-size: 62.5%; }

img{border:none;}
a{ color: #000; text-decoration:none; border:none;}
a:hover {color: #000;}

h1 {font-size: inherit; margin: 0;}
h2 {font-size: inherit;}

ul, li, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}

/* ADMIN */
#adminline {background-color:#333; color:#FFF; position:absolute; margin-top:0px; height:100%; width:38px; right:0px; overflow:hidden; z-index:500; border-left:#555 1px solid;
				/*-webkit-border-top-left-radius: 6px;
				-webkit-border-bottom-left-radius: 6px;
				-moz-border-radius-topright: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-top-left-radius: 6px;
				border-bottom-left-radius: 6px;*/
				/*opacity:0.8;
				filter:alpha(opacity=80);*/

}
#adminline img {/*
				-webkit-border-top-left-radius: 6px;
				-webkit-border-bottom-left-radius: 6px;
				-moz-border-radius-topright: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-top-left-radius: 6px;
				border-bottom-left-radius: 6px;*/

}
#adminline a {color:#FFF;text-decoration:none; font-size:12px; font-weight:bold;   }

#main {
margin:0; padding:0;
min-width:1360px;
overflow:visible;
word-spacing: -0.15em;
letter-spacing: 0;
/*
line-height: 1.1em;
font-size: 1.5em;
*/
line-height: 16px;
font-size: 15px;
}

#col1 { float:left; margin:0; padding:0; width:175px;}
#col2 { float:left; margin:0; padding:0; width:220px; }
#col3 { float:left; margin:0; padding:0; width:265px;}
#col4 { float:left; margin:0; padding:0; width:302px; padding-left:10px; }
#col5 { float:left; margin:0; padding:0; width:355px; padding-left:10px; }
.menucolor {color:#5AFA72}
.menucolor a {color:#5AFA72}
.menulinie { border-left:#5AFA72 solid 1px; padding-left:9px; clear:left;}
.menunolinie { padding-left:10px;}

/*.menulinie { float:left; width:1px; height:14px; background-color:#5AFA72; padding-right:5px; }*/
/*.menunolinie { padding-left:6px;}*/
.menutext {float:left;}
.menunolinie a:hover, .menunlinie a:hover, .menulinie a:hover {color:#999}

#colline { float:left; margin:0; padding:0; width:1px; height:190px; background-color:#5AFA72; overflow:hidden;}
#content { position:absolute; top:215px; width:844px;  text-align:right; z-index:100;}
#content a img:hover {opacity: 0.9;}
.logo a img:hover {opacity: 0.5;}
.logomail a img {width:217px; height:auto !important}
.logomail a img:hover {opacity: 0.9;}
.weitereprojekte a {color:#999;}
.weitereprojekte a:hover {color:#000;}

#contentlinie { position:fixed; left:844px; width:1px; background-color:#5AFA72; height:100%; z-index:200}
#topline {position:absolute; height:4px; background-color:#CCC; overflow:hidden;min-width:980px;width:100%;z-index:210; }
.sperren {padding-bottom: 1px; letter-spacing: 0.2em; margin-top:8px;}
.impressum {line-height: 14px; font-size: 12px;}


.hasvideo {
  cursor: pointer;
}
.video-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease-in-out; }
  .video-close:hover {
    opacity: 1; }

.video-close:before, .video-close:after {
  position: absolute;
  left: 10px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #939393; }

.video-close:before {
  transform: rotate(45deg); }

.video-close:after {
  transform: rotate(-45deg); }

.video-close {
  opacity: 0.8; }

.video-close:before, .video-close:after {
  background-color: white; }

.video-slider {
  position: fixed;
  z-index: 500;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: black;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  opacity: 0;
  transition: opacity 500ms ease; }
  .video-slider .videoslider-content {
    background-color: black;
    position: absolute;
    top: 0px;
    right: 20%;
    left: 20%;
    bottom: 0px;
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 960px) {
      .video-slider .videoslider-content {
        right: 10%;
        left: 10%; } }
    @media (max-width: 750px) {
      .video-slider .videoslider-content {
        right: 4%;
        left: 4%; } }