/* ----------------------------------------------------------------
www.oneallservices.ch
oneallservices - the software division
2015-10-28
---------------------------------------------------------------- */

html {
width:100%;
height:100%;
}
body {
margin:0px 0px 0px 0px;
width:100%;
height:100%;
font-family: Arial, "helvetica",sans-serif;;
background:#FFFFFF;
color:#000040;
overflow-x:hidden;
}
#menu {
position:absolute;
top:0px;
width:100%;
height:72px;
overflow:hidden;
z-index:1;
background:#3F81CC;
}
b {
color:#3F81CC;
}
div.text1{
letter-spacing:1px;	
font-size:1.2em;
line-height:1.4em;
}
div.texts{
letter-spacing:1px;	
font-size:.8em;
line-height:1.25em;
}
#menul {
position:fixed;
bottom:0px;
padding:0px 6px 0px 6px;
font-size:.8em;
height:34px;
overflow:hidden;
z-index:1;
color:white;
background:#3070B8;
width:100%;
}
.menul1 {
float:left;
height:24px;	
padding:8px 16px 2px 16px;
margin:0px 8px 0px 0px;
cursor:pointer;
}
div.menul1:hover {
background:#3070B8;
}

#logo {
position:absolute;
top:0px;
right:0px;
z-index:2;
width:256px;
height:72px;
background:#3070B8;
background-image:url("/img/s10s.jpg");
}
a.menu{
color:#FFFFFF;	
display:block;
float:left;
width:140px;
height:48px;
overflow:hidden;
padding-top:24px;
text-align:center;
text-decoration:none;
}
a.menu:hover {
background:#3070B8;
}
a.selected  {
background:#3070B8;
}

#content {
position:absolute;
top:90px;
width:98%;
clear:both;
padding:0px 16px 16px 16px;
}

h1 {
color:#3F81CC;
letter-spacing:2px;
}
h4 {
color:#3F81CC;
font-weight:normal;
letter-spacing:1px;
font-size:.8em;
}
.p {
cursor:pointer;
}

.color1 {color:#000000}
.color2 {color:#404040}
.color3 {color:#808080}
.color4 {color:#E0E0E0}
.color5 {color:#FF0000}
.color6 {color:#FFFF00}
.color7 {color:#FC7917}
.color8 {color:#71FF6F}

div.halfleft {
width:48%;
height:100%;
float:left;
margin-right:1%;
}
div.halfright{
width:48%;
height:100%;
float:left;
}
img.logo1 {
width:100%;	
}
hr {
clear:both;	
}
div.space {
clear:both;
height:32px;
}
div.links {
border:solid #808080 1px;
border-radius:12px;
width:264px;
text-align:center;
padding-top:4px;
cursor:pointer;
float:left;
margin:8px;
}
div.links:hover {
box-shadow:0 0 20px #808080;
}
img.links {
width:256px;
height:72px;
}
div.link1 {
font-weight:bold;
letter-spacing:1px;
padding:4px;
}
div.link2 {
color:#808080;
padding-bottom:4px;
}