body { width: 100%;margin: 0px 0px 50px 0px; padding: 0px; background: url(../img/_bg_body.jpg) repeat-x #008400; color: #333; font-family: Verdana, Geneva, Helvetica, sans-serif !important; }
body99 { width: 100%;margin: 0px 0px 50px 0px; padding: 0px; background-color: #006400; color: #333; font-family: Verdana, Geneva, Helvetica, sans-serif !important; }
body.iframe { width: 100%;margin: 0px 0px 50px 0px; padding: 0px; background-color: #fff; color: #333; font-family: Verdana, Geneva, Helvetica, sans-serif !important; }
div#container{ position: relative; width: 860px; margin: 15px auto 15px auto; background-color: #fff;  }

div { display: block; padding: 0px; margin: 0px; border: 0px; }

div#header_x   { height: 130px; width: 780px; background-image: url(../img/_bg_head.gif); background-repeat: no-repeat; clear: both; background-color: #eee; }
div#header   { height: 130px; width: 100%; background-color: #1c2; background: #FFF url(../img/bg_color.jpg) repeat-x top left; }
div#virus_x    { position: absolute; top:113px; left: 130px;  font-size: 70%; }
div#virus_x    { position: absolute; top:113px; left: 130px; width: 650px; font-size: 70%; }
div#virus    { position: absolute; top:91px; left: 25px;  font-size: 70%; }
div#footer   { position: relative; overflow: hidden; height: 20px;  }
div#topnav_x   { position: absolute; top:91px; left: 150px; color: #fff; width: 471px; z-index: 1; }
div#topnav   { position: absolute; top:113px; left: 170px; color: #fff; font-weight: bolder;}

div#subnav   { position:absolute;width: 125px; top: 140px; padding: 25px 0px 0px 25px; }
div#subnav2a   { position:absolute;width: 125px; top: 135px; padding: 5px 0px 0px 25px}
div#subnav2   { position:absolute;width: 145px; top: 155px; padding: 25px 0px 0px 25px; }
div#subnav_2   { width: 125px; padding: 25px 0px 0px 25px; float:left;}
div#metanav_x  { position: absolute; top: 90px; left: 0px; width: 765px; text-align: right; color: #fff; font-size: 70%; }
div#metanav  { position: absolute; top: 80px; right:25px; width:100%; text-align: right; color: #333; font-size: 70%; }
div#rightnav_x { position:absolute; left: 630px; top: 155px; border-left: 2px dotted #ccc; width: 150px; float:left;}
div#rightnav { margin-top: 30px !important; border-left: 2px dotted #ccc; width: 150px; margin-right: 10px !important; padding: 0px !important; }
div#rightnav2 { width: 150px; margin-left: 2px ; margin-top: 10px; background: #eee; padding: 4px;  }
div#content_x  { top: 80px;margin: 25px; padding: 0px; min-height: 400px; width: 420px; overflow: visible; z-index: 1;  float:left; }
div#content  { top: 80px; margin: 25px 25px 25px 225px; max-width: 490px; padding: 0px; min-height: 400px; overflow: visible; z-index: 1;  }
div#google   { visibility:hidden; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px;}
div#description   { visibility:hidden; position: absolute; top: 0px; left: 0px; width: 1px; height: 1px;}
div.full  	 { width: 520px !important; }
div#leftbox { position:absolute; width: 190px; top: 165px; margin-left: 15px ; padding-top: 10px; background: #eee;  }
div#vstat2 { position:absolute;  top:0px; left: 150px;  }

iframe.buy {width: 420px; height: 550px;background: #fff;}

/* image styles */
img{ border: none;}
img#logo_x{ position: absolute; top: 15px; left: 25px; width: 88px; height: 117px; }
img#logo{ position: absolute; top: 15px; left: 25px; width: 119px; height: 60px; }

img.left { float: left; margin-right: 8px; }
img.right { float: right; margin-left: 8px; }

/* paragraph styles */
h1 { margin: 15px 0px 15px 0px; font-size: 100%; line-height: 120%; color: #060; font-weight: bold; }
h2 { margin: 15px 0px 5px 0px; font-size: 80%; line-height: 110%; color: #060; font-weight: bold; }
p  { padding: 0px; margin: 10px 0px 0px 0px; color: #333; font-size: 70%; font-weight: normal; line-height: 125%; }
p.bottom{ vertical-align:text-bottom !important; }
p.footer{ margin: 15px 0px 0px 0px; font-size: 70%; color: #999; line-height: 125%; }
p.nothing {margin: 0px 0px 0px 0px; font-size: 0%; line-height: 0px;}
p.right {margin: 0px 0px 0px 0px; font-size: 0%; line-height: 0px;vertical-align:right !important;text-align:right !important;}

p.hr { height: 1px; width: 100%; margin: 15px 0px 15px 0px; font-size: 2px; border-bottom: 1px solid #090; }

/* list styles */
ol { margin: 4px 0px 4px 30px; }
ul { margin: 4px 0px 4px 18px; padding: 0px; list-style-image: url(../img/_li.gif); }
li { margin: 0px 0px 0px 0px; padding: 0px; font-size: 70%; line-height: 125%; }
ul li ul li { margin-left: 0px; margin-bottom: 2px; font-size: 100%; line-height: 125%; }

/* form styles */
form {margin: 0px 0px 0px 0px; padding: 0px;}
form.inline { border: 1px solid #060; width: 470px; display: block; font-size: 70%; font-weight: bold; }
input.search { width: 100px; border: 1px inset #060; background-color: #fff; font-size: 70%;color: #333; }
input.hidden { border: 0px; width:0px; height:0px; }

input.text { border: 1px solid #ccc; width: 280px; font-size: 100%; }
input.text30 { width: 30px; border: 1px solid #ccc; font-size: 100%; }
input.submit { border: 1px outset buttonface; background-color: buttonface; font-size: 100%; }

input.lvl2 { border: 0px; background-color: #eee;  border-left: 5px solid #999; width: 145px; font-size: 70%;margin: 3px 0px 0px 0px;padding: 0px 3px 0px 5px; font-family: Verdana, Geneva, Helvetica, sans-serif;}
input.lvl2a { border: 0px; border-left: 5px solid #060; width: 145px; background-color: #eee; font-size: 70%;margin: 3px 0px 0px 0px;padding: 0px 3px 0px 5px; font-family: Verdana, Geneva, Helvetica, sans-serif;}


textarea.text { width: 280px; border: 1px inset #060; height: 50px; }
select.text { width: 280px; font-size: 100%;  }
select.text2 { width: 40px; font-size: 100%; }
select.text210 { width: 210px; font-size: 100%; }
select.text360 { width: 360px; font-size: 100%;  }

/* tables */
table {  }
table.std_trans td { font-size: 70%; padding: 1px; border: none; vertical-align: top !important; margin: 0px 0px 0px 0px;}
table.standard td { font-size: 70%; padding: 5px; border: none; vertical-align: middle; background-color: #eee; }
table.standard2 { width: 420px; }
table.standard2 td { font-size: 70%; padding: 5px; border: none; vertical-align: top; background-color: #eee; }
table.content td { padding: 5px 5px 5px 0px; 	border: none; }
table.standard3 { width: 420px; vertical-align:top; }
table.standard3 td { font-size: 100%; padding: 5px; border: 1px; vertical-align: top; background-color: #eee; }
table.standard3 h1 { margin: 10px 0px 0px 0px; font-size: 100%; line-height: 110%; color: #060; font-weight: bold; }
table.standard3 h2 { margin: 5px 0px 5px 0px; font-size: 80%; line-height: 110%; color: #060; font-weight: bold; }

table.standard4 { width: 410px; }
table.standard4 td { font-size: 70%; padding: 5px; border: none; vertical-align: top; background-color: #eee; }



table.news {margin: 5px 5px 5px 5px; border: none;}

table.news td { padding: 8px; font-size: 70%; vertical-align: top;background: #e0e0e0;}


table.tabtab { width:100%;vertical-align:top; }
table.tabtab td { font-size: 100%; padding: 1px; border: 0px;margin: 0px 0px 0px 0px; vertical-align: top; background-color: #eee; }
table.tabtab h2 { margin: 5px 0px 5px 0px; font-size: 80%; line-height: 110%; color: #060; font-weight: bold; }
table.tabbot { width:100%;vertical-align:bottom !important; }
table.tabbot td { font-size: 100%; padding: 5px; border: 1px; vertical-align:bottom !important; background-color: #eee; }

table.myversions { border-left: 1px solid ThreedLightShadow; border-right: none; border-top: 1px solid  ThreedLightShadow; width: 500px; }
table.myversions th { background: buttonface; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99ffffff,endColorStr=#00ffffff); font: menu; padding: 2px; text-align: left; }
table.myversions td { background: #fff; border: none; border-bottom: 1px solid ThreedLightShadow; border-right: 1px solid ThreedLightShadow; font: 10px ms sans serif; height: 16px; }

/*invoice*/
table.invoice {border: 1px solid #060;width: 650px }
table.invoice td { font-size: 70%; padding: 5px; vertical-align: top; background-color: #eee; border: 1px }
table.invoice_kopf {border-bottom: 2px dotted #ccc;  width: 650px }
table.invoice_footer {border-top: 1px dotted #000000;  width: 650px }

table.anschrift { font-size: 80%; padding: 5px; vertical-align: top; width: 650px }
p.invoice {font-size: 60%;}

table.form { font-size: 70%; border-left: 1px solid #eee; }
table.form td {  background-color: #eee; padding: 3px; border-bottom: 1px solid #fff; }
table.form td.form_error { color: #f00; font-weight: bold; }
table.form td.panel { border-bottom: 0px; background-color: #eee; }

table.form3 { font-size: 70%; border-left: 1px solid #eee; width: 420px; vertical-align:top; }
table.form3 td {  background-color: #eee; padding: 3px; border-bottom: 1px solid #fff; }
table.form3 td.form_error { color: #f00; font-weight: bold; }
table.form3 td.panel { border-bottom: 0px; background-color: #eee; }

table.right{ border-bottom: 2px dotted #ccc; margin: 0px 0px 25px 15px; width: 135px;  font-size: 70%;}
table.right th{ padding: 2px 2px 2px 5px; text-align:left; font-weight: normal; background-color:#ccc;}
table.right td.login{ padding: 5px 2px 5px 5px;background-color:#eee; }
table.right td{ padding: 2px 2px 2px 5px; }

table.standiv{ }
table.standiv td {padding: 0px; margin: 0px; border: 0px; font-size: 70%; }
/* Links */

a { font-size: 70%; color: #333; text-decoration: none; display: block; }
a:visited{ color: #333; }
a.lvl1, a.lvl1:hover, a.lvl1:visited, a.lvl1a  { margin-right: 8px; padding: 2px; color: #fff; font-size: 70%; line-height: 16px;display:inline; }
a.lvl1a, a.lvl1a:visited { background-color: #EAFED1;color: #000; }
a.lvl1:hover { background-color: #EAFED1;color: #000;}

a.lvl2, a.lvl2a{ background-color: #EAFED1; border-left: 5px solid #999; width: 125px; margin: 3px 0px 0px 0px; padding: 3px 5px 3px 5px; }
a.lvl2a{ background-color: #EAFED1; border-left: 5px solid #060; width: 125px; }

a.lvl3, a.lvl3a, input.lvl3 ,input.lvl3a { background-color: #EAFED1;  border-left: 5px solid #999; width: 115px; margin: 3px 0px 0px 0px; padding: 3px 5px 3px 15px; }
a.lvl3a, a.lvl3a:visited { color: #060; border-left: 5px solid #060; }

a.lvl4, a.lvl4a  { margin-left: 15px; padding: 3px 5px 3px 18px; background: url( ../img/_bullet.gif) no-repeat; background-position: 0px 3px; }
a.lvl4a { color: #060; }

a.lvl2:hover, a.lvl2a:hover, a.lvl3:hover, a.lvl3a:hover { color: #060; background-color: #fff; }
a.lvl4:hover{ color: #060;}

a.metanav { display: inline; color: #333; }
a.metanav:hover { color: #0f0; }

/* inline */
a.inline, a.download, a.metanav, a.visited { display: inline; font-size: 100%;  }
a.inline { color: #060; }
a.inline:hover { background-color: #eee; }
a.inline:visited { color: #060; }

/* info */
.info { cursor:help; }

#help {position: relative;top: 0px;left: 0px; }
#help a {width: 100%; height: 15px; font-size: 100%; }
#help a:hover {width:100%; height:15px; padding: 0px; color: #333; font-size: 100%; font-weight: normal;}
#help a .showhelp2 {display: none; }
#help a:hover .showhelp2 {position: absolute; display: block; width: 150px; top: 0px; left: 460px; font: 1.1em Verdana, Geneva, Helvetica, sans-serif; font-size: 100%; color: #888888; background: transparent; }

/* virustest */
div#virustest{ position: relative; width: 600px; margin: 10px; padding: 5px; background-color: #fff;  }
/* 
table.virustest{width: 300px; height: 150px; background-image: url(../img/background_scan_de.png); background-repeat: no-repeat; } } 
*/
table.virustest{width: 300px; height: 150px;}
input.virustest { width: 250px; font-size: 60%; }
div.fileinputs { position: relative; } 
div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; } 
input.file { position: relative; text-align: right; font-size: 60%; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } 

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
