/* SeIT Office Solutions GmbH
 * Stylesheet for medium devices (min-width 640px) (max-width 899px)
 * V1.0, 20150501
 * Lizenziert unter CC BY-SA 4.0
 */

/* KOPFZEILE
 */
div#title
{
 height:6em;
 margin:5em 0em 1em 0em;
}

div#logo
{
 background:#EBEBFB;
 border:1px solid #BBBBBB;
 border-radius:0.75em;
 box-shadow:0em 0em 0.5em 0.2em #4488FF;
 float:none;
 height:5em;
 margin:0em auto;
 padding:0.5em 0.5em;
 position:relative;
 top:-5em; left:0em;
 width:15em;
 z-index:5;

 -moz-border-radius:0.75em; -webkit-border-radius:0.75em; 
}

div#navigation
{
 height:5em;
 margin:1em auto 0em auto;
 padding:0em 0em;
 width:38.75em;
}

/* NAVIGATION
 * Menueelemente und Menuestruktur
 */
ul.menu
{
 border:0px;
 border-radius:0em;
 font-family: Arial;
 font-size:1.2em;
 /* font-weight:bold;*/
 list-style-type:none;
 margin:0.25em 0em 0em 0.25em;
 overflow:visible;
 padding:0em 0em 0em 0em;
 position:absolute;
 top:6.5em;
 text-align:left;
}

ul.menu a, ul.menu a:visited
{
 color:#EEEEEE;
 display:block;
 float:left;
 padding:0em 0.25em 0em 0.25em;
 text-align:left;
 text-decoration:none;
 text-transform:none;
 width:98.5%;
}

ul.menu > li
{
 background:#1111AA;
 border:1px solid #1111AA;
 border-radius:0.25em;
 box-shadow:0em 0em 0.25em 0.1em #4488FF;
 float:left;
 margin:0em 0.5em 0em 0em;
 padding:0.5em 0.25em 0.5em 0.25em;
 position:static;
 transition:initial;
 white-space:nowrap;

 -moz-border-radius:0.25em; -webkit-border-radius:0.25em; 
 -moz-transition:initial; -webkit-transition:initial; -o-transition:initial;
}

ul.submenu
{
 background:#E9E9FF;
 border:0px;
 border-radius:0.25em;
 box-shadow:0em 0em 0.25em 0.1em #4488FF;
 display:none;
 filter:alpha(opacity=95);
 float:left;
 font-size:1em;
 height:inherit;
 list-style-type:none;
 margin:0em 0em 0em 0em;
 opacity:0.95;
 overflow:hidden;
 padding:0.25em 0em 0.25em 0em;
 position:absolute;
 top:2.35em; left:0em;
 width:98%;
 z-index:9;

 -moz-border-radius:0.25em; -webkit-border-radius:0.25em;
}

ul.submenu a, ul.submenu a:visited
{
 color:#EEEEEE;
 display:block;
 float:left;
 padding:0em 0.25em 0em 0.25em;
 text-align:left;
 text-decoration:none;
 text-transform:none;
 width:98.5%;
}

ul.submenu li
{
 background:#1111AA;
 border:1px solid #1111AA;
 border-radius:0.25em;
 float:left;
 box-shadow:0em 0em 0.1em 0.05em #4488FF;
 margin:0em 0em 0.5em 0.5em;
 padding:0.25em 0.25em 0.25em 0.25em;
 position:static;
 transition:initial;
 white-space:nowrap;
 width:95%;

 -moz-border-radius:0.25em; -webkit-border-radius:0.25em; 
 -moz-transition:initial; -webkit-transition:initial; -o-transition:initial;
}

ul.subsubmenu
{
 background-color:#E9E9FF;
 border:1px solid #000000;
 border-radius:0.25em;
 box-shadow:0em 0em 0.1em 0.05em #4488FF;
 filter:alpha(opacity=95);
 float:left;
 font-size:1em;
 height:inherit;
 list-style-type:none;
 margin:0em 0em 0.25em 0em;
 opacity:0.95;
 overflow:hidden;
 padding:0em 0em 0em 0em;
 position:relative;
 left:0em; top:0.25em;
 visibility:visible;
 width:98%;

 -moz-border-radius:0.25em; -webkit-border-radius:0.25em;
}

ul.subsubmenu li
{
 background-color:#1111AA;
 border:1px solid #1111AA;
 border-radius:0.25em;
 box-shadow:0em 0em 0.1em 0.05em #4488FF;
 float:left;
 margin:0.25em 0.25em 0.25em 0.25em;
 padding:0.25em 0.25em 0.25em 0.25em;
 position:relative;
 transition:initial;
 white-space:nowrap;
 width:94%;

 -moz-border-radius:0.25em; -webkit-border-radius:0.25em; 
 -moz-transition:initial; -webkit-transition:initial; -o-transition:initial;
}
 
#navigation ul li #s1:target + ul.submenu,
#navigation ul li #s2:target + ul.submenu,
#navigation ul li #s3:target + ul.submenu,
#navigation ul li #s4:target + ul.submenu,
#navigation ul li #s5:target + ul.submenu
{
 display:block;
 visibility:visible;
 z-index:8;
}

/* SIDEBAR
 * Diverse Elemente zur Strukturierung und Formatierung der Webseite
 */
div#content
{
 float:none;
 margin:0em 0em;
 width:auto;
}

div#newsfeed
{
 clear:both;
 float:none;
 margin:0em auto;
 padding:1.5em 0em 0em 0em;
 width:85%;
}

div#news
{
 float:left;
 width:49%;
}

div#tech, div#tips
{
 float:right;
 width:49%;
}