/*
(c)2014, Michael W. Gries
creation date: 2013-02-15
2016 modified: 2016-02-05
2017 modified: 2017-06-05
2017 modified: 2019-01-01 (location ip-Client due to IPv6 length)
2021 modified: 2021-01-05 (Layout)
2022 modified: 2022-03-16
2023 modified: 2023-02-15 (Layout: Tools)
last modified: 2023-02-15 (current version)
*/
 html, body,{
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 }

 h1, h2, h3 {
 margin: 16px 0px 4px 0px;
 }

 form {
 margin: 5px 0px 5px 0px;
 color: #00B582; 
 }
 

 #hintergrund {
 width: 100%;
 height: 100%;
 position: relative;
 z-index: 1;
 }

 #logo {
 position: absolute;
 top: 2%;
 left: 0%;
 width: 100%;
 height: 100%;
 max-width: 262px ;
 max-height: 86px;
 z-index: 2;
 overflow: hidden;
}

#copyright {
 position: absolute;
 top: 97%;
 left: 10px;
 color: #808080;
 z-index: 2;
 font-size: 80%;
 font-family: Helvetica, Arial, sans-serif;
}

#client_ip {
 position: absolute;
 top: 97%;
 left: 15%;
 color: #808080;
 z-index: 2;
 font-size: 80%;
 font-family: Helvetica, Arial, sans-serif;
}

#content {
 position: absolute;
 top: 0;
 margin-left: 20px;
 max-width: 500px ;
 left: 360px;
 width: 100%;
 height: 100%;
 z-index: 2;
 }
  
#headerSegment4 {
 position: absolute;
 top: 3%;
 left: 25%;
 width: 300px;
 z-index: 2;
 
}

#headerSegment4a {
 position: absolute;
 top: 3%;
 left: 40%;
 width: 300px;
 z-index: 2;
}

#headerSegment4b {
 position: absolute;
 top: 6%;
 left: 58%;
 width: 380px;
 z-index: 2;
}

#headerSegment4c {
 position: absolute;
 top: 3%;
 left: 58%;
 width: 200px;
 z-index: 2;
}

/* Tools */
#segment3 {  
 position: absolute;
 top: 12%;
 left: 12%;
 width: 200px;
 z-index: 2;
}

/* B.Braun Melsungen AG */
#segment4 {
 position: absolute;
 top: 12%;
 left: 27%;
 z-index: 2;
}

#segmentIFRAME {
 position: absolute;
 top: 16%;
 left: 30%;
 z-index: 2;
}

#footer4 {
 position: absolute;
 top: 94%;
 left: 30%;
 z-index: 2;
}

#segment5 {
 position: absolute;
 top: 16%;
 left: 83%;
 width: 140px;
 z-index: 2;
}

#footer5 {
 position: absolute;
 top: 94%;
 left: 83%;
 width: 150px;
 z-index: 2;
}

#segmentiframe {
 position: absolute;
 top: 18%;
 left: 24%;
 z-index: 2;
}

#iFrameMap {
 position: absolute;
 top: 0;
 z-index: 2;
} 
 
 a:link    { color:#00B582; }
 a:visited { color:#00B582; }
 a:active  { color:#00A680; }
 
@media only screen and (min-width:600px) (max-width: 980px){
	body { width: 100%;
	}
}

@media only screen and (max-width:599px) {
	body { width: 320px; font-size: 0.8em; 
	}
}