/*
	TelCube CSS Main File
	(c) 2007 CC Computer Consultants GmbH
	Development Michael Kromer <michael.kromer@computergmbh.de>
	            Jan Engelhardt <jengelh@computergmbh.de>
*/

/* Hints...
 * margin mit 1: obenuntenlinksrechts
 * margin mit 2: obenunten linksrechts
 * margin mit 3: oben linksrechts unten
 * margin mit 4: oben rechts unten links
 * ebenso für padding
 * font: [bold|italic] fontsize family[, family, ...]
 */

/*
 * base-header
 */
.maincontent {
	background: #1c2532 url(../images/body_bg3.png) top left repeat-x; 
	font: 80% Arial, Helvetica, sans-serif;
}
a:link {
    text-decoration: none;
    color: #FFD593;
}

a:visited {
    text-decoration: none;
    color: #FFD593;
}

a:hover {
    text-decoration: underline;
    color: #FFC97E;
}

a:active {
    text-decoration: underline;
    color: #FFAA23;
}
ul, li {
    list-style-type:square;
}
body {
	margin: 0;
	padding: 0;
	background: #1c2532 url(../images/body_bg3.png) top left repeat-x; 
	margin: 0;
	color: #ffffff;
	font: 8pt Arial, Helvetica, sans-serif;
}

.virusnews {
	color: #ffffff;
	font: 8pt Arial, Helvetica, sans-serif;
}

.boxtext {
	color: #ffffff;
	font: 8pt Arial, Helvetica, sans-serif;
}

.bigboxtext {
	color: #ffffff;
	font: 9pt Arial, Helvetica, sans-serif;
}

.maintext {
	color: #ffffff;
	font: 90% Arial, Helvetica, sans-serif;
}

.smallmaintext {
	color: #ffffff;
	font: 80% Arial, Helvetica, sans-serif;
}

.maintitle {
	color: #FFBB88;
	font: 100% Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.boxtitle {
	color: #D38200;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.bigboxtitle {
	padding: 6pt;
        color: #D38200;
	font: 12pt Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*
 * base-topbar
 */
.topbar {
	position:relative;
	top:-1px;
	left:1px;
        /* background-color: #000000; */
}

/*
 * base-footer
 */
.copyright {
	font: 7pt Arial, Helvetica, sans-serif;
	color: #EEEEEE;
	text-align: center;
}
.italicnormal {
	font: italic 12pt Arial, Helvetica, sans-serif;
}
.logininfo {
	color: #CCCCCC;
	font: xx-small Arial, Helvetica, sans-serif;
}
.headertitle {
	color: #FFC61A;
	font: bold medium Arial, Helvetica, sans-serif;
	text-align: left;
}

.groupcontent {
	border-left: 1px dotted #888888;
	border-right: 1px dotted #888888;
	border-bottom: 1px dotted #888888;
}

/*
 * base-navigation
 */
.navbar1 {
	border: 1px solid #945512;
	border-bottom: 1px solid #D07F00;
	background-color: #222222;
}
table.navbar1 td a {
	font: bold 10pt Arial;
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
}
table.navbar1 td.current {
	background-color: #D07F00;
	color: #000000;
	border: 1px solid #FFC83C;
	border-bottom: none;
}
div.navbar2 {
	display: none;
	border-left: 1px solid #FFC83C;
	border-right: 1px solid #FFC83C;
	background-color: #D07F00;
}
div.navbar2 td {
	background-color: #D0F000;
	border-right: 1px solid #FFC83C;
}
div.navbar2 td a {
	font: 9pt Arial;
	color: #FFFFFF;
	padding: 10px;
	display: block;
	background-color: #D07F00;
}
div.navbar2 td a:hover {
	background-color: #FFCC33;
	color: #000000;
}



.navbar1-Home {
	border: 1px solid #945512;
	border-bottom: 1px solid #D07F00;
	background-color: #222222;
}
table.navbar1-Home td a {
	font: bold 10pt Arial;
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
}
table.navbar1-Home td.current {
	background-color: #D07F00;
	color: #000000;
	border: 1px solid #FFC83C;
	border-bottom: none;
}
div.navbar2-Home {
	display: none;
	border-left: 1px solid #FFC83C;
	border-right: 1px solid #FFC83C;
	background-color: #D07F00;
}
div.navbar2-Home td {
	background-color: #D0F000;
	border-right: 1px solid #FFC83C;
}
div.navbar2-Home td a {
	font: 9pt Arial;
	color: #FFFFFF;
	padding: 10px;
	display: block;
	background-color: #D07F00;
}
div.navbar2-Home td a:hover {
	background-color: #FFCC33;
	color: #000000;
}

.navbar1-Software {
	border: 1px solid #35547b;
	border-bottom: 1px solid #24364d;
	background-color: #222222;
}
table.navbar1-Software td a:hover {
	color: #000000;
}
table.navbar1-Software td a.language:hover {
	color: #ffffff;
}
table.navbar1-Software td.current a {
	color: #000000;
}
table.navbar1-Software td.current {
	background-color: #6ba8f4;
	color: #000000;
	border: 1px solid #8bc8f4;
	border-bottom: none;
}
table.navbar1-Software td a {
	font: bold 10pt Arial;
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
}
div.navbar2-Software {
	display: none;
	border-left: 1px solid #35547b;
	border-right: 1px solid #35547b;
	background-color: #24364d;
}
div.navbar2-Software td {
	background-color: #24364d;
	border-right: 1px solid #6ba8f4;
}
div.navbar2-Software td a {
	font: 9pt Arial;
	color: #FFFFFF;
	padding: 10px;
	display: block;
	background-color: #24364d;
}
div.navbar2-Software td a:hover {
	background-color: #6ba8f4;
	color: #000000;
}

.navbar1-Hardware {
        border: 1px solid #52a85b;
        border-bottom: 1px solid #1d3b20;
        background-color: #222222;
}
table.navbar1-Hardware td a:hover {
        color: #000000;
}
table.navbar1-Hardware td a.language:hover {
	color: #ffffff;
}
table.navbar1-Hardware td.current a {
        color: #000000;
}
table.navbar1-Hardware td.current {
        background-color: #59b663;
        color: #000000;
        border: 1px solid #66cf70;
        border-bottom: none;
}
table.navbar1-Hardware td a {
        font: bold 10pt Arial;
        color: #FFFFFF;
        margin-left: 5px;
        margin-right: 5px;
}
div.navbar2-Hardware {
        display: none;
        border-left: 1px solid #52a85b;
        border-right: 1px solid #52a85b;
        background-color: #1d3b20;
}
div.navbar2-Hardware td {
        background-color: #1d3b20;
        border-right: 1px solid #59b663;
}
div.navbar2-Hardware td a {
        font: 9pt Arial;
        color: #FFFFFF;
        padding: 10px;
        display: block;
        background-color: #1d3b20;
}
div.navbar2-Hardware td a:hover {
        background-color: #59b663;
        color: #000000;
}

.navbar1-Solutions {
        border: 1px solid #5a3b7b;
        border-bottom: 1px solid #342247;
        background-color: #222222;
}
table.navbar1-Solutions td a:hover {
        color: #000000;
}
table.navbar1-Solutions td a.language:hover {
        color: #ffffff;
}
table.navbar1-Solutions td.current a {
        color: #000000;
}
table.navbar1-Solutions td.current {
        background-color: #9460c9;
        color: #000000;
        border: 1px solid #b274f3;
        border-bottom: none;
}
table.navbar1-Solutions td a {
        font: bold 10pt Arial;
        color: #FFFFFF;
        margin-left: 5px;
        margin-right: 5px;
}
div.navbar2-Solutions {
        display: none;
        border-left: 1px solid #5a3b7b;
        border-right: 1px solid #5a3b7b;
        background-color: #342247;
}
div.navbar2-Solutions td {
        background-color: #342247;
        border-right: 1px solid #9460c9;
}
div.navbar2-Solutions td a {
        font: 9pt Arial;
        color: #FFFFFF;
        padding: 10px;
        display: block;
        background-color: #24364d;
        background-color: #342247;
}
div.navbar2-Solutions td a:hover {
        background-color: #9460c9;
        color: #000000;
}

.navbar1-Support {
        border: 1px solid #722b2b;
        border-bottom: 1px solid #501e1e;
        background-color: #222222;
}
table.navbar1-Support td a:hover {
        color: #000000;
}
table.navbar1-Support td a.language:hover {
        color: #ffffff;
}
table.navbar1-Support td.current a {
        color: #000000;
}
table.navbar1-Support td.current {
        background-color: #b64444;
        color: #000000;
        border: 1px solid #cb4c4c;
        border-bottom: none;
}
table.navbar1-Support td a {
        font: bold 10pt Arial;
        color: #FFFFFF;
        margin-left: 5px;
        margin-right: 5px;
}
div.navbar2-Support {
        display: none;
        border-left: 1px solid #722b2b;
        border-right: 1px solid #722b2b;
        background-color: #501e1e;
}
div.navbar2-Support td {
        background-color: #501e1e;
        border-right: 1px solid #b64444;
}
div.navbar2-Support td a {
        font: 9pt Arial;
        color: #FFFFFF;
        padding: 10px;
        display: block;
        background-color: #501e1e;
}
div.navbar2-Support td a:hover {
        background-color: #b64444;
        color: #000000;
}

.navbar1-Services {
        border: 1px solid #2f5f58;
        border-bottom: 1px solid #1b3632;
        background-color: #222222;
}
table.navbar1-Services td a:hover {
        color: #000000;
}
table.navbar1-Services td a.language:hover {
        color: #ffffff;
}
table.navbar1-Services td.current a {
        color: #000000;
}
table.navbar1-Services td.current {
        background-color: #58b0a3;
        color: #000000;
        border: 1px solid #68d1c1;
        border-bottom: none;
}
table.navbar1-Services td a {
        font: bold 10pt Arial;
        color: #FFFFFF;
        margin-left: 5px;
        margin-right: 5px;
}
div.navbar2-Services {
        display: none;
        border-left: 1px solid #2f5f58;
        border-right: 1px solid #2f5f58;
        background-color: #1b3632;
}
div.navbar2-Services td {
        background-color: #1b3632;
        border-right: 1px solid #58b0a3;
}
div.navbar2-Services td a {
        font: 9pt Arial;
        color: #FFFFFF;
        padding: 10px;
        display: block;
        background-color: #1b3632;
}
div.navbar2-Services td a:hover {
        background-color: #58b0a3;
        color: #000000;
}

.navbar1-Contact {
        border: 1px solid #545454;
        border-bottom: 1px solid #2a2a2a;
        background-color: #222222;
}
table.navbar1-Contact td a:hover {
        color: #000000;
}
table.navbar1-Contact td a.language:hover {
        color: #ffffff;
}
table.navbar1-Contact td.current a {
        color: #000000;
}
table.navbar1-Contact td.current {
        background-color: #b4b4b4;
        color: #000000;
        border: 1px solid #dfdfdf;
        border-bottom: none;
}
table.navbar1-Contact td a {
        font: bold 10pt Arial;
        color: #FFFFFF;
        margin-left: 5px;
        margin-right: 5px;
}
div.navbar2-Contact {
        display: none;
        border-left: 1px solid #545454;
        border-right: 1px solid #545454;
        background-color: #2a2a2a;
}
div.navbar2-Contact td {
        background-color: #2a2a2a;
        border-right: 1px solid #b4b4b4;
}
div.navbar2-Contact td a {
        font: 9pt Arial;
        color: #FFFFFF;
        padding: 10px;
        display: block;
        background-color: #2a2a2a;
}
div.navbar2-Contact td a:hover {
        background-color: #b4b4b4;
        color: #000000;
}





/*
 * regular page content
 */
.error {
	color: #C00000;
}
a {
	text-decoration: none;
}
div.htinfobox {
	border: 1px dotted #666666;
	margin: 6pt 1pt;
	padding: 6pt;
}
div.htinfobox table {
	font: 9pt Arial;
}
div.htinfoboxsmall {
	border: 1px dotted #666666;
	margin: 1pt 1pt;
	padding: 1pt;
}
div.htinfoboxsmall table {
	font: 8pt Arial;
}

div.alertbox {
	background-color: #FFD88C;
}
div.alertbox table {
	color: #900000;
}
div.criticalbox {
	background-color: #FF8C8C;
}
div.criticalbox table {
	color: #900000;
}
div.infobox {
	background-color: #C3E5B7;
}
div.infobox table {
	color: #414C3D;
}
div.helpbox {
	background-color: #CCE1FF;
}
div.helpbox table {
	color: #49515B;
}
h1 {
	background-color: #666666;
	border-bottom: solid 2px #181818;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #181818;
	border-top: solid 1px #FFFFFF;
	color: #FFFFFF;
	font: bold 100% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 5pt 0pt 3pt;
	text-decoration: none;
	white-space: nowrap;
}
input[type="text"], input[type="password"] {
	font-size: 10pt;
	background-color: #F1F1F1;
	border: 1px solid #777777;
}
textarea {
	font-size: 10pt;
	background-color: #F1F1F1;
	border: 1px solid #777777;
}
textarea:hover {
	background-color: #FFFCD8;
	border: 1px solid #777777;
        color: #000000;
}
textarea:focus {
	background-color: #FFE6B2;
	border: 1px solid #777777;
        color: #000000;
}
input[type='submit'], input.submit {
        font-size: 10pt;
        color: #ffffff;
        background-color: #003D84;
        border: 1px solid #777777;
}
input:hover {
	background-color: #FFFCD8;
	border: 1px solid #777777;
        color: #000000;
}
input:focus {
	background-color: #FFE6B2;
	border: 1px solid #777777;
        color: #000000;
}
input.inputlogin {
	font-size: 8pt;
	background-color: #F1F1F1;
	border: 1px solid #777777;
}
input.btnlogin {
	font-size: 8pt;
	color: #ffffff;
	background-color: #003D84;
	border: 1px solid #777777;
}
select {
	font-size: 10pt;
	background-color: #F1F1F1;
	border: 1px solid #777777;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
table.groupbox {
	border: 1px dotted #444444;
	border-collapse: collapse;
	margin-top: 5pt;
	margin-bottom: 5pt;
}
table.groupbox td.caption {
	border: 1px solid #444444;
	background: #FFC20F url(../images/groupbox.gif) top left repeat-x; 
}
table.valigntop td {
	vertical-align: top;
}
table.fineborder, table.fineborder td, table.fineborder th {
	border: 1px solid #909090;
}
table.simpleborder, table.simpleborder td, table.simpleborder th {
	/* HTML-style border (border=1 cellspacing=0) */
	border: 2px ridge #AAAAAA;
}
table.fineborder td, table.fineborder th, table.simpleborder td, table.simpleborder th {
	padding: 3px;
}
table.noborder, table.noborder td {
	/* This is useful for a <table noborder> inside a <table border> */
	border: none;
}
table th {
	background-color: #333333;
	color: #DDDDDD;
	font: bold 75% Arial, Helvetica, sans-serif;
}
/* Some alternating table row colors */
table tr.e0 td {
	background-color: #FFF9C9;
}
table tr.d0 td {
	background-color: #A3A3A3;
}
table tr.d1 td {
	background-color: #B3B3B3;
}
table tr.s0 td {
	background-color: #CFF9C5;
}
table tr.s1 td {
	background-color: #E4F9DF;
}
/* Form Validation styles */
table tr.fok td {
	background-color: #CFF9C5;
}
table tr.fbad td {
	background-color: #FF8C8C;
}

/* Lightbox CSS Style */

#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Arial, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        }

#imageData{     padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }

/* CSS needed for AJAX Tooltip */

#ajax_tooltipObj{
        z-index:1000000;
        text-align:left;
}
#ajax_tooltipObj div{
        position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{   /* Left div for the small arrow */
/*        background-image:url('../images/arrow.gif'); */
        width:1px;
        position:absolute;
        left:-178px;
        top:-50px;
        background-repeat:no-repeat;
        background-position:center left;
        z-index:1000005;
        height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
        border:2px solid #317082;       /* Border width */
        left:10px;      /* Same as border thickness */
        top:-75px;
        position:absolute;
        width:320px;    /* Width of tooltip content */
        height:265px;   /* Height of tooltip content */
        background-color:#FFF;  /* Background color */
        padding:5px;    /* Space between border and content */
        font-size:0.8em;        /* Font size of content */
        overflow:auto;  /* Hide overflow content */
        z-index:1000001;
}