/* styles.css nessviewer.com copyright by FINESS UG 2009 */
html { -webkit-text-size-adjust:none; }
body { width:984px; margin:0 auto; padding: 5px; background:#f8fafe; }

img { border:0px; }
a { color:#339900;}

a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:underline; }
div.box { margin:0 0 9px; padding:0 32px; background:url(../../global/img/box_bg.gif) repeat-y 0 0; }
div.box .cap { margin:0 -32px; width:984px; background:no-repeat 0 0; }
div.box .cap.top { height:7px; background-image:url(../../global/img/box_bgtop2.gif); }
div.box .cap.bottom { height:9px; background-image:url(../../global/img/box_bgbottom2.gif); background-color:#f8fafe; }
div.box_half { margin:0 0 9px; padding:0 32px; background:url(../../global/img/box_half_bg.gif) repeat-y 0 0; }
div.box_half .cap { margin:0 -32px; width:554px; background:no-repeat 0 0; }
div.box_half .cap.top { height:7px; background-image:url(../../global/img/box_half_bgtop.gif); }
div.box_half .cap.bottom { height:9px; background-image:url(../../global/img/box_half_bgbottom.gif); background-color:#efefef; }

/* HEADER */
#header { position:relative; border-bottom:1px solid #dddddd; padding:1em 0 0.2em; overflow:hidden; width:984px; margin:0 auto; height:100px; }
#header ul { display:inline; float:right; margin:0; }
#header ul li { display:inline; }
#header ul li a { color:#808080; float:left !important; margin-top:1em; margin-left:10px; margin-right:8px; padding:0; text-decoration:none; }
#header ul li a.curr { color:#000000; }
#header ul li a:hover { color:#00cc00; }
#header ul li a:hover.curr { color:#000000; }


/* flag */
#header .flag ul { display:inline; float:left; margin:0; }
#header .flag ul a:hover { border: 1px solid #C0C0C0; padding: 4px; margin: 0px; background: #F2F2F2; background: url('../../global/img/flagge_bg.gif') repeat-x; }
#header .flag tab6col { position:relative; margin:0px 0px 0px; }
#header .flag img.flag_ac { border: 1px solid #C0C0C0; padding: 4px; margin: 0px; }
#header .flag img.flag_ac { background: #F2F2F2; background: url('../../global/img/flagge_bg.gif') repeat-x; }

/* TAB */
.column { float:left; }
.column.first, .column.last { margin-left:0 !important; }
.column.last { float:right !important; }
.tab1col .column { width:100%; margin:0; }
.tab1col:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tab2col .column { margin:0; }
.tab2col:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tab4col .column { width:23%; margin-left:3%; }
.tab4col:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tab5col .column { width:23%; margin-left:3%; }
.tab5col:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tab1col_half .column { width:100%; margin:0; }
.tab1col_half:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.tab6col .column { width:23%; margin-left:-35px; }

/* TYPE */
body { font:12px/18px "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; }
td { font:12px "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; }

/*--- intro --- */
#intro { text-align:center; margin-top:30px; margin-bottom:30px; }
#intro span.intro { color:#797c80; font-size:20px; font-weight:normal; }
#intro span.intro h1 { color:#797c80; font-size:20px; font-weight:normal; }

#intro .screen_nav { position:relative; width:100%; height:15px; top:-30px; margin:0; padding:0; bottom:0; text-align:center; overflow:hidden; }
#intro .screen_nav ul { display:inline; }
#intro .screen_nav li a { position:absolute; width:15px; height:45px; top:0; left:0; outline:none; background:url(../../global/img/screen_nav.png) no-repeat; z-index:1; }
#intro .screen_nav li a:hover { top:-15px; }
#intro .screen_nav li a:active { top:-30px; }

#intro .screen_action { position:relative; width:984px; top:-50px; left:150px; }


/*--- mainintro (content of header links) --- */
#mainintro { text-align:center; margin-top:30px; margin-bottom:30px; }
#mainintro span.intro { color:#797c80; font-size:28px; font-weight:bold; }
#mainintro span.intro h1 { color:#797c80; font-size:24px; font-weight:normal; margin-top:25px; }
#mainintro span.subintro { color:#797c80; font-size:16px; font-weight:bold; line-height:25px; }
#mainintro span.subintro h1 { color:#797c80; font-size:16px; font-weight:bold; line-height:25px; }

#mainintro .screen_action { position:relative; width:984px; top:-50px; margin-bottom:-25px; }
#mainintro .screen_action_idevice { position:relative; top:-50px; left:-20px; margin-bottom:-25px; }

#mainintro-sub { text-align:left; margin-top:30px; margin-bottom:5px; }
#mainintro-sub span.subintro { color:#797c80; font-size:18px; font-weight:bold; }

/*--- subintro (content of footer links) --- */
#subintro { text-align:left; margin-top:30px; margin-bottom:30px; }
#subintro span.intro { color:#797c80; font-size:28px; font-weight:bold; }

/*--- features ---*/
#features .tab4col { position:relative; margin:20px 0 15px; background:url(../../global/img/tab_line.gif) repeat-y 50% 50%; }
#features .tab4col .column { margin-left:50px; width:200px; padding-bottom:10px; }
#features .tab4col .column h2 { margin-top:0; font-size:14px; }
#features .tab4col .column h3 { margin-top:0; font-size:14px; }

#features .tab4col .column.centered { margin-left:0px; width:200px; padding-bottom:10px; }
#features .tab4col .column.spacer { margin:0; width:40px; height:100%; padding-bottom:10px; }

#features a.header { color:#000000; text-decoration:none; }
#features a.more { color:#339900; white-space:nowrap; padding-right:10px; background:url(../../global/img/morearrow.gif) no-repeat 100% 50%; zoom:1; }
#features .tab5col { position:relative; margin:20px 0 15px; background:url(../../global/img/tab_line.gif) repeat-y 50% 50%; }
#features .tab5col .column { margin-left:20px; width:290px; padding-bottom:10px; }
#features .tab5col .column h2 { margin-top:0; font-size:14px; }
#features .tab5col .column h3 { margin-top:0; font-size:12px; }

#features .tab1col { }
#features .tab1col .column.ticker { position:absolute;width:930px;height:18px;overflow:hidden;clip:rect(0px, auto, 18px, 0px); }
#features .tab1col .column.ticker .ticker_text { position:absolute;width:5000px;height:18px; }
#features .tab1col .ticker_text_calc { position:relative;visibility:hidden;width:auto;height:18px;whiteSpace:nowrap; }
#features .tab1col .ticker_text_width { position:absolute;visibility:hidden;top:0px;left:0px;width:5000;height:18px;whiteSpace:nowrap;clip:rect(0px, auto, 18px, 0px); }
#features .tab2col .column { width:45%; margin-left:60px; padding-top:10px; padding-bottom:5px; }

/*--- about ---*/
#about .tab2col .column { width:45%; margin-left:60px; padding-top:10px; padding-bottom:5px; }
#about h2 { clear:both; color:#000; font-size:18px; font-weight:normal; padding-top:.8em; margin-bottom:0.8em; margin-top: 0em; border-top:0px solid #bcbcbc; }
#about h3 { clear:both; color:#000; font-size:18px; font-weight:normal; padding-top:.8em; margin-bottom:0.8em; margin-top: 0em; border-top:0px solid #bcbcbc; }

#about ul { margin-top:4px; margin-left:-20px; margin-bottom:0px; }
#about li { margin-bottom:2px; }

/*--- tutorials ---*/
#tutorials .tab4col { position:relative; margin:20px 0 20px; background:url(../../global/img/tab_line.gif) repeat-y 50% 50%; }
#tutorials .tab4col .column { margin-left:60px; width:185px; padding-bottom:10px; }
#tutorials .tab4col .column h3 { margin-top:0; font-size:14px; }
#tutorials p { margin-top:0; padding-left:9px; margin-bottom:7px; background:url(../../global/img/morearrow.gif) no-repeat 0 5px; zoom:1; }
#tutorials a { color:#000000; }
#tutorials h3 { margin-top:10px; }
#tutorials .tab1col_half { position:relative; margin:0 0 5px; }
#tutorials .tab1col_half .column { margin-left:60px; width:450px; padding-bottom:10px; }
#tutorials .tab2col { position:relative; margin:0 0 5px; }
#tutorials .tab1col .column.first { }
#tutorials .tab2col .column.first { width:190px; padding-top:10px; padding-bottom:5px; }
#tutorials .tab2col .column.second { width:670px; margin-left:60px; padding-top:0px; padding-bottom:5px; }
#tutorials .tab2col .column.last {  margin-left:0px; margin-right:0px; padding-top:10px; padding-bottom:0; }
#tutorials .tab1col a { color:#339900; }
#tutorials .tab2col a { color:#339900; }
#tutorials img.right { float:right; margin-right:-20px; margin-bottom:5px; border:thin solid gray; }

/*--- extensions ---*/

#extensions .tab4col .column.first { width:180px; padding-bottom:10px; }
#extensions .tab4col .column.second { width:250px; padding-bottom:10px; }
#extensions .tab4col .column.third { width:60px; margin-left:110px; padding-bottom:10px; }
#extensions .tab4col .column.last { width:250px; padding-bottom:10px; }

/*--- promos ---*/
#promos .tab1col { position:relative; text-align:right; margin:0 0 -5px; }
#promos .tab2col .column.last { position:relative; text-align:right; margin:5px 0 -5px; }

/*--- donate ---*/
#donate .tab3col { position:relative; height:55px; }
#donate .tab3col .column.first { text-align:left; }
#donate .tab3col .column.second { margin-left:80px; }
#donate .tab3col .column.second_de { margin-left:60px; }
#donate .tab3col .column.last { text-align:right;  }

/*--- general ---*/
#general ul { margin-top:4px; margin-left:-20px; margin-bottom:0px; }
#general li { margin-bottom:2px; }

#general .tab1col { position:relative; margin:0 0 5px; }
#general .tab2col { position:relative; margin:0 0 5px; }
#general .tab2col .column.first { width:80px; padding-top:10px; padding-bottom:5px; }
#general .tab2col .column.second { margin-left:60px; padding-top:10px; padding-bottom:5px; }
#general select { width:40px; }
#general .updated { color:gray }

/*--- functions ---*/
#functions .tab2col .column.first { width:45%; padding-top:10px; padding-bottom:5px; }
#functions .tab2col .column.last { width:45%; margin-left:60px; margin-right:0px; padding-top:10px; padding-left:10px; padding-bottom:5px; background-color:#ffffff; }
#functions .tab2col .column h2 { margin-top:0; margin-bottom:5px; font-size:14px; }
#functions .tab2col .column h3 { margin-top:0; margin-bottom:5px; font-size:12px; }
#functions ul { margin:0 10px 0; padding:0; } 
#functions li { margin:0 10px 0; padding:0; } 
#functions ul.square { list-style:square outside; }
#functions .tab1col_half { position:relative; margin:0 0 5px; }
#functions .tab1col_half .column { margin-left:60px; width:450px; padding-bottom:10px; }
#functions img.right { float:right; margin-right:-20px; margin-bottom:5px; border:thin solid gray; }
#functions img.right_borderless { float:right; margin-right:-20px; margin-bottom:5px; }

/*--- buy ---*/
#buy .tab2col .column.first { width:750px; padding-top:5px; padding-bottom:5px; }
#buy .tab2col .column.second { padding-top:5px; padding-bottom:5px; }

/*--- download ---*/
#download .tab2col { position:relative; margin:0 0 5px; }
#download .tab2col .column.first { width:40px; padding-top:0; padding-bottom:0; }
#download .tab2col .column.second { margin-left:60px; padding-top:10px; padding-bottom:0; }
#download .tab2col .column.last { margin-right:0px; padding-left:10px; padding-top:10px; padding-bottom:5px; }

#download ul { margin-left:-20px; margin-top:5px; }
#download .anim_img { opacity:1.0; width:64px; height:64px; background-size:64px; }

#download_app .tab2col { position:relative; margin:0 0 5px; }
#download_app .tab2col .column.first { width:45%; padding-top:10px; padding-bottom:0; }
#download_app .tab2col .column.last {  width:45%; margin-left:0px; margin-right:0px; padding-top:10px; padding-bottom:0; }

/*--- news ---*/
#news .cap.top { position:relative; margin-top:60px; margin-bottom:5px }
#news .tab1col { position:relative; margin:0 0 5px }

/*--- tips ---*/
#tips h2 { font-size: 18px; font-weight:normal; }
#tips h3 { font-size: 14px; margin-left: 20px; margin-top: 25px; margin-bottom: 5px; }
#tips p { font-size: 12px; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }

#tips ul { margin:0px; margin-left:0px; }
#tips ul.dec { list-style-type:decimal; }


/*--- footer ---*/
#footer { width:984px; color:#888888; font-size:10px; margin:18px auto; padding-bottom:36px; text-align:left !important; }
#footer .footer-copyright { float:left; width:100%; margin:18px 0 9px; }
#footer .footer-links { float:right; margin:18px 0 9px; }
#footer .footer-links a { padding:0 10px; white-space:nowrap; }
#footer .footer-links a.curr { color:#000000; }
#footer .footer-links a:hover { color:#00cc00; text-decoration:none; }
#footer .footer-links a:hover.curr { color:#000000; }
#footer .footer-links a.last { padding-right:0; float:none !important; width:auto !important; }
#footer ul.piped a { padding:0 0 0 9px; margin-left:6px; margin-right:6px; border-left:1px solid #d0d0d0; }

#footer .footer-community { float:left; margin:18px 0 9px; padding:0px; }
#footer ul.community_list li { display:inline; padding:0px; margin-right:5px; }
#footer ul.community_list li.stumbleupon_button { margin-right:30px; }

#footer .community_buttons { clear:both; border:none; width:500px; height:25px !important; padding-top:15px; } 
#footer .facebook_button_en { border:none; width:100px; height:20px; } 
#footer .facebook_button_de { border:none; width:140px; height:20px; } 
#footer .google_button { border:none; width:120px !important; height:20px; } 
#footer .stumbleupon_button { border:none; padding-right:20px; height:20px; } 
#footer .twitter_button { border:none; width:100px; height:20px; overflow:hidden; } 

/* PIPED LINKS */
.piped { display:block; zoom:1; }
.piped:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.piped li { float:left; display:inline; }
.piped a { border-left:1px solid #797c80; padding:0 0 0 0.75em; margin-left:0.75em; }
.piped a.first { border-left:0 !important; padding-left:0; margin-left:0 !important; }


/* menue2-overview */
#menuebody {
  background:#f8fafe;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.5em Arial,Serif;
  font-size:small;
  } html>menuebody {font-size:small;}


#menuetab {
  float:left;
  width:982px;
  background:#DAE0D2 url("../../global/img/bg.png") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#menuetab ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#menuetab li {
  float:left;
  background:url("../../global/img/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#menuetab a {
  float:left;
  display:block;
  background:url("../../global/img/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menuetab a {float:none;}
/* End IE5-Mac hack */
#menuetab a:hover {
  color:#333;
  }
#menuetab #current {
  background-image:url("../../global/img/left_on.gif");
  }
#menuetab #current a {
  background-image:url("../../global/img/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }
/* end - menue2- overview */


/* nv_function  begin--------------------------------------------------- */

#function a.more { color:#3b3b3b; font-weight:bold; white-space:nowrap; padding-right:10px; background:url(../../global/img/morearrow.gif) no-repeat 100% 50%; zoom:1; }
#function ul, li { margin:0; padding:0; } 
#function ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:18px; }
#function ul { margin-bottom: 18px; list-style: none outside; }
#function ul ul.circle, ul ul.square { margin-top:4px; margin-bottom:5px; }
#function ul.circle { list-style: circle outside; }
#function ul.horizontal li, ol.horizontal li { display: inline; }
#function ul.square { list-style: square outside; }
#function ul.square, ul.circle { margin-left: 2em; }

#function img.left { float: left; margin: 2px 20px 16px 0; }
#function img.right { float: right; margin: 2px 0 16px 20px; }
#function img.across { margin: 2px 0 16px 0; }
#function img.flushleft { margin-left: -20px; }
#function img.flushright { margin-right: -20px; }

#function { width: 984px; margin: 0 auto; position: relative; }
#function.fbox { width: 984px; position: relative; }
#function, #fcontent, .ftab2col2, { zoom: 1; }

#fcontent { padding: 18px 20px; position: relative; color: #333; font-size:12px; line-height:16px; }
#fcontent .first h2 { clear:both; color:#000; font-size:18px; font-weight:normal; padding-top:0px; margin-bottom:0.8em; margin-top: 0em; border-top:1px solid #bcbcbc; }
#fcontent h2.first { border:0; margin-top: .6em;}
#fcontent.break { background:transparent url(../../global/img/content_break_bg.gif) repeat-y scroll 0 0; margin:0 -2px 20px; padding:35px 40px 20px; }
#fcontent.break .fcap.top { background:transparent url(../../global/img/box_bgtop2.gif) no-repeat scroll 0 0; top:0; }
#fcontent.break .fcap { font-size:1px; height:8px; left:0; position:absolute; width:984px; z-index:15; }
#fcontent.break .fmenuecap.top { background:transparent url(../../global/img/box_bgtop2.gif) no-repeat scroll 0 0; top:0; }
#fcontent.break .fmenuecap { left:0; position:absolute; width:984px; z-index:15; }

/* fcontent / break outline */
#fcontent.break { padding:35px 40px 20px; margin:0 -2px 20px; background:url(../../global/img/content_break_bg.gif) repeat-y 0 0; }
#fcontent.break .fcap { width:984px; height:8px; position:absolute; font-size:1px; left:0; z-index:15; }
#fcontent.break .fcap.top { top:0; background:url(../../global/img/box_bgtop2.gif) no-repeat 0 0; }
#fcontent.break .fcap.bottom { bottom:0; background:url(../../global/img/box_bgbottom2.gif) no-repeat 0 0; }

/* setting column widths */
#function .ftab2col2 .column { margin:0; }
#function .ftab2col2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#function .ftab2col2 .column.first { width:600px; }
#function .ftab2col2 .column.last { width:272px; } 
#function .ftab3col2 .column { margin:0; }
#function .ftab3col2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#function .ftab3col2 .column.first { width:600px; }
#function .ftab3col2 .column.last { width:272px; } 

#fcontent .ftab2col2 .column.first ul { position:relative; width:550px; }
#fcontent .ftab2col2 .column.first img.right { margin-left:0; }
#fcontent .ftab2col2 .column.first ul ul { width:550px; margin-left:0px; }
#fcontent .ftab2col2 .column.first ul ul li { margin-left: 20px; } 
#fcontent .ftab2col2 .column.first ul.left { float:left; }
#fcontent .ftab2col2 .column.first ul.right { float:right; }
#fcontent .ftab2col2 ul li { margin-bottom:0.5em; }
#fcontent .ftab2col2 ul ul { margin-top:0.5em; }
#fcontent .ftab2col2 ul li img { margin-top: 1em;}
#fcontent div.ftab2col2 a.toplink { color:#77d71b; font-size:1.1em; float:right; margin:-30px 0 0; }
#fcontent .ftab3col2 .column.first ul { position:relative; width:289px; }
#fcontent .ftab3col2 .column.first ul.wide { clear:both; position:relative; width:600px; }
#fcontent .ftab3col2 .column.first img.right { margin-left:0; }
#fcontent .ftab3col2 .column.first ul ul { width:273px; margin-left:0px; }
#fcontent .ftab3col2 .column.first ul ul li { margin-left: 20px; } 
#fcontent .ftab3col2 .column.first ul.left { float:left; }
#fcontent .ftab3col2 .column.first ul.right { float:right; }
#fcontent .ftab3col2 ul li { margin-bottom:0.5em; }
#fcontent .ftab3col2 ul ul { margin-top:0.5em; }
#fcontent .ftab3col2 ul li img { margin-top: 1em;}

#fcontent .ftab2col2 .column.first_wide { position:relative; width:800px; font-size:12px; }
#fcontent .first_wide h2 { position:relative; width:800px; font-size:18px; font-weight:normal; }

#fcontent a.pdf { position:relative; zoom:1; }
#fcontent .sidebox ul.square li { margin-bottom:0.4em; }
#fcontent div.ftab3col2 a.toplink { color:#77d71b; font-size:1.1em; float:right; margin:-30px 0 0; }
#fcontent a.pdf { position:relative; zoom:1; }
#fcontent .sidebox ul.square li { margin-bottom:0.4em; }

/* sidebar */    
#function #fcontent .sidebar { width:272px; font-size:11px; line-height:1.4em; }
#function #fcontent .sidebar .sidebox { position:relative; background:#f1f3ee url(../../global/img/sidebox_topcap.gif) no-repeat 0 0; width:222px; padding:18px 25px 5px; margin-bottom:18px; } 
#function #fcontent .sidebar .sidebox .bottomcap { clear:both; position:absolute; bottom:0; left:0; background:#f2f2f2 url(../../global/img/sidebox_botcap.gif) no-repeat 0 100%; padding:0; margin:0; width:272px; height:3px; }
#function #fcontent .sidebar .sidebox h2 { font-size:18px; font-weight:normal; margin-bottom:.6em; color:#333; line-height: 1.2em;}
#function #fcontent .sidebar .sidebox h3 { font-size:14px; font-weight:normal; margin-bottom:.6em; color:#333; line-height: 1.2em;}
#function #fcontent .sidebar { font-size:11px; line-height:1.4em; width:272px; }
#function .sidebar { color:#686868; font-size:10px; line-height:18px; }

/* setting column widths */
#function .ftab2col2 .column.first { width:600px; }
#function .ftab2col2 .column.last { width:272px; } 
#function .ftab2col2 .column.first .column.last { width:287px; }

/* nv_function  end--------------------------------------------------- */