/* Created by Nexanet Gmbh */

body,h1,h2,h3,form,div { margin:0; padding:0; }
body { background:#FFF url(body.gif) repeat-y left; font:11px Verdana,sans-serif; color:#333; }

h1 { font-size:13px; font-weight:bold; color:#FFF; background:#339; padding:3px 10px; border-bottom:5px solid #FFF; }
.monitoring h1 { background:#339; }
.hosting h1 { background:#C60; }
.security h1 { background:#900; }
.connectivity h1 { background:#393; }
.development h1 { background:#639; }
.support h1 { background:#990; }
.company h1 { background:#630; }

h2 { font-size:12px; font-weight:bold; color:#339; margin:2em 0 1em 0; clear:both; }
h2.f { margin-top:0; }
h3 { font-size:11px; font-weight:bold; margin:1em 0 .5em 0; clear:both; }
a { color:#339; text-decoration:underline; }
a:hover { color:#D00; }
a img { border:0; }
a.pdf { padding-left:18px; background:url(pdf.gif) no-repeat 0 1px;}
img { border:1px solid #EBEBEB; }
img.t { border:none; }
img.r { float:right; margin:0 0 1em 2em; }
img.l { float:left; margin:0 2em 1em 0; }
p { margin:.5em 0 1em 0; }
p.c { clear:both; }
table { border:0; }
th { font-weight:bold; text-align:left; vertical-align:top; padding-right:2em; }
td { vertical-align:top; padding-right:2em; }
table.t th { border-bottom:1px solid #DDD; }
table.t td { border-bottom:1px dashed #DDD; }
table.v th, table.v td { padding-bottom:.5em; }
p.note { color:#D00; border:1px solid #D00; border-width:1px 0; padding:.3em 0; }
p.comment { color:#999; font-size:10px; }

form p { margin:.5em 0; }
form p.error { font-weight:bold; color:#D00; }
form p.error label { font-weight:normal; color:#333; }
form span { color:#D00; }
input,textarea,select { border:1px solid; border-color:#BBB #999 #999 #BBB;  padding:2px; font:11px Verdana,sans-serif; }
input:focus,textarea:focus,select:focus { border-color:#77D #228 #228 #77D; }
input.r, input.c { border:0; padding:0; }
input.b { border-color:#CCC #888 #888 #CCC; background:#999 url(menu.gif); color:#FFF; font-weight:bold; }
input.b:hover { cursor:pointer; border-color:#77D #228 #228 #77D; background:#339 url(menu.gif) 0 -24px; }

#logo { position:absolute; top:25px; left:780px; }

#head { padding:100px 0 20px 0; min-width:930px; background:#FFF url(head.gif) repeat-x bottom; }
#top { margin-left:180px; width:750px; height:160px; background:url(top.jpg) no-repeat; }
.monitoring #top { background-image:url(top.jpg); }
.hosting #top { background-image:url(top1.jpg); }
.security #top { background-image:url(top2.jpg); }
.connectivity #top { background-image:url(top5.jpg); }
.development #top { background-image:url(top3.jpg); }
.support #top { background-image:url(top4.jpg); }
.company #top { background-image:url(top6.jpg); }

#nav { position:absolute; top:100px; left:0; width:160px; padding:10px; background:url(nav.gif) no-repeat; }

#menu { margin:0 0 20px 0; padding:0; list-style:none; line-height:24px; min-height:150px;}
* html #menu { height:150px; }
#menu a { display:block; width:140px; padding:0 10px; background:#999 url(menu.gif) 0 0; color:#FFF; font-weight:bold; text-decoration:none; }
#menu a.a, #menu a:hover { background:#339 url(menu.gif) 0 -24px; }
#menu ul { margin:0; padding:0; list-style:none; }
#menu ul a { width:125px; padding:0 10px 0 25px; background:#CCD url(menu.gif) 0 -48px; color:#006; font-weight:normal; }
#menu ul a.a, #menu ul a:hover { background:#EEE url(menu.gif) 0 -72px; }

#address { margin:0 0 20px; padding:0 10px; border-top:1px solid #FFF; border-bottom:2px solid #FFF; font-size:9px; color:#999; }
#address p { margin:10px 0; }
#address a { color:#999; }
#address a:hover { color:#D00; }

#partner { padding:0 10px; border-top:1px solid #FFF; border-bottom:2px solid #FFF; font-size:9px; color:#999; }
#partner p { margin:10px 0; }

#main { margin-left:180px; width:550px; }
#content { padding:10px; margin-bottom:20px; line-height:1.3em; }
#content ul {  margin:.5em 0 1em 3px; padding:0; list-style-type:square; list-style-position:inside; }

#news { position:absolute; top:260px; left:740px; width:190px; border-top:20px solid #EBEBEB; border-bottom:5px solid #FFF; font-size:10px; }
#news div { border-top:5px solid #FFF; padding:5px 0; }
#news h3 { margin:0; padding:0 10px 5px 10px; }
#news p { margin:0; padding:5px 10px 0 10px; background:#FFF url(news.jpg) repeat-y; line-height:1.3em; }
#news em { display:block; margin-top:3px; text-align:right; font-style:normal; font-size:9px; color:#AAA; }

#time { position:absolute; top:248px; left:740px; width:189px; text-align:right; font-size:9px; color:#BBC; }
.connectivity #time { color:#556; }
.support #time, body.company #time { color:#889; }

#banner { position:absolute; top:0; left:0; width:740px; height:100px; padding:10px; background:url(banner.gif) no-repeat; }

@media print {
body { background:none; }
h1 { color:#339; background:none; padding:0; border:0; margin-bottom:1em; }
#head, #nav, #news, #time, #banner { display:none; }
#logo { top:0; left:390px; }
#main { margin:100px 0 0 0; width:530px; }
#content { padding:0; margin:0; }
}

/* streamweb */
.stream h1 { background:#C60; }
.stream #top { background-image:url(top1.jpg); }
.stream th, .stream td { padding-right:1em; }
.stream .bar1 { overflow:hidden; height:6px; background:url(bar.gif); }
.stream .bar2 { overflow:hidden; height:6px; background:url(bar.gif) 0 -6px; margin-top:1px; }