/*Design & Code by 
Verve - Webdesign und Grafik
Aathalstrasse 84, CH-8610 Uster, Switzerland
Tel. +41-43-399 0392, Fax. +41-43-399 0562, info@verve.ch, www.verve.ch
Letzte Aenderung: 06.11.2006

Copyright ©2006 Verve Webdesign und Grafik - Switzerland. All Rights Reserved.
All content from this site may not be reproduced without prior written permission.
All characters, titles and plublication names on this site are the intellectual property 
of their respective owners/creators.

<BASE HREF=http://www.tonilumiella.com>*/
/* basic css by miss monorom at www.monorom.com*/
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en  */

* html #content {
   height:305px;
}
/* Hide from IE5-Mac. Only IE-Win sees this \*/
* html p {height:1%;margin-left:0px;}
* html #left {margin-right:-3px;}
/* End hide from IE5/Mac */

/* Reset all */
*{padding:0; margin:0; border:0;}

html>body #left li {
display: block; /* korrekte Anweisung für alle ausser IE */
} 

#ng_bitflux_org, body {
  background:url(/files/images/bg.jpg) top left repeat;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
  color:#242424;  
  padding:0px;
  margin: 0px;
  background-color:#FFFFFF;
  }

/* =Structure
-------------------------------------------------------------------------*/
#container {
  width: 875px;
  margin:5px auto 0px auto;
  background-color: #dde7e9;
  background:url(/files/images/container_bg.jpg) top left repeat-y;
  }
#banner {
  padding:0px;
  margin:0px;
  background-color:transparent;
 }
#metanavi {
  position:absolute;
  padding:40px 0px 0px 50px;
  margin: 0px;
  background-color:transparent;
  }
#sprachwahl {
  float:left;
  display:inline;
  width:100px;
  padding:40px 0px 0px 0px;
  margin:0px;
  background-color:transparent;
  }
#topnavi {
  background-color: #384F4F;
  margin: 0px;
  padding: 2px 0px;
  border-bottom: 5px solid #ffffff;
  }
#content {
  float:right;
  width:690px;
  padding:0px;
  margin:40px 0px 0px 0px;
  min-height:305px;
  background-color:transparent;
  display:inline;
  }
#contentindex {
  padding:0px;
  margin:0px 233px 0px 0px;
  min-height:305px;
  background-color:transparent;
  }
#left {
float:left;
width:185px;
height:255px;
margin:0px;
padding:50px 0px 0px 0px;
background:url(/files/images/left_bg.jpg) top left no-repeat;
background-color:transparent;
}
#right {
float:right;
width:233px;
height:255px;
margin:0px;
padding:50px 0px 0px 0px;
background:url(/files/images/right_bg.jpg) top left no-repeat;
background-color:transparent;
}
#footer {
  clear: both;
  height:30px;
  padding:0px 0px 0px 0px;
  color: #dde7e9;
  margin:0px;
  background-image:url(/files/images/footer.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  background-color:#211810;
  }

  /* =Nav
-------------------------------------------------------------------------*/
a {color: #242424;text-decoration: underline;}
a:visited {color:#242424;}
a:hover {color: #908373;text-decoration:none;}
a:active { color:#242424;}
#metanavi a {
  color:#242424;
  margin:0px;
  padding:0px;
  text-decoration:none;
  }
#metanavi a:hover {color:#646464;}
#sprachwahl a {
  text-decoration: none;
  color: #211810;
  display:block;
  margin:0px;
  padding:5px 0px 5px 30px;
  background:url(/files/images/rollover.gif) center left no-repeat;
  }
#sprachwahl a:hover {background:url(/files/images/rollover.gif) center left no-repeat;padding:5px 0px 5px 30px;font-weight:bold;}
#topnavi a {
   color: #dde7e9;
  text-decoration: none;
  font-weight:bold;
  margin: 0px;
  padding: 2px 15px;
  }
#topnavi a:visited {color:#dde7e9;}
#topnavi a:hover {color: #5F9EA0;}
#mainnavi a:active {color:#dde7e9;}
#container  #topnavi a.selected {
  background-color: #ffffff;
  color: #5F9EA0;
  }
#left a {
  text-decoration: none;
  color: #211810;
  display:block;
  margin:0px;
  padding:0px 0px 0px 30px;
  }
#left li a:hover {background:url(/files/images/rollover.gif) center left no-repeat;padding:0px 0px 0px 30px;font-weight:bold;}
#left li a.selected {background:url(/files/images/rollover.gif) center left no-repeat;font-weight:bold;font-style:italic;padding:0px 0px 0px 30px;}
#left a.selected {text-decoration: none;}
#left li a {
  padding:0px 0px 0px 30px;
  color:#211810;
  display:block;
  }
#left ul ul li a {
  margin:0px;
  padding:0px 0px 0px 10px;
  background-color:transparent;
  font-weight:normal;
  }
#left ul ul li a:hover,  #left ul ul li a.selected {color:#211810;background-color:transparent;background-image:none;padding:0px 0px 0px 10px;}
#right a {
  margin:0px;
  padding:0px 0px 0px 0px;
  text-decoration: none;
  color:#646464;
  }
#right a:hover {text-decoration:none;color:#242424;}}
#footer a {color: #dde7e9;}

/* =Lists
--------------------------------------------------------------------------------*/
#left ul {
  list-style-type:none;
  margin:0px 0px 0px 20px;
  padding:0px;
  }
#left ul li {
  margin:0px;
  padding:0px;
  line-height:24px;
  font-size:12px;
  display:inline; /* entfernt im IE die Abstaende */
  }
#left ul ul li {
  margin:0px;
  padding:0px;
  line-height:18px;
  font-size:11px;
  }
#right ul {
  list-style-type: none;
  margin: 0px 15px 20px 25px;
  padding: 0px;
  } 
#right li {
  margin-bottom: 8px;
  list-style-type:none;
  }

/* =Headings de
---------------------------------------------------------------------------------*/
h1{font-size:18px;}
h2{font-size:18px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:10px;}
h6{font-size:8px;}
#right h3 {
  margin: 0px 0px 5px 0px;
  padding:0px 0px 0px 25px;
  }
#content h1, #content h2, #content h3, #content h4 {
  padding: 0px 25px 0px 25px;
  margin:0px 0px 15px 0px;
  color:#333333;
  }

/* =Forms
---------------------------------------------------------------------------------*/
form{
  padding: 0px;
  margin: 0px;
  }
.form a:hover {color: #242424;text-decoration:none;}
.form{
  padding: 0px;
  margin: 5px 15px 15px 25px;
  }
textarea, .formgenerell input, input.formgenerell {
  width:300px;
  border: 1px dashed #908373;
  margin-top: 5px;
  padding: 2px;
  background-color:transparent;
}
.formgenerellkurz input {
  width:20px;
  border: 1px dashed #908373; 
  margin-top:5px;
  padding:2px;
  background-color:transparent;
  }

.formbutton {
  border: 1px dashed #908373;
  background-color:transparent;
  padding:2px;
  cursor:pointer;
}
.agb {font-size:10px;}
.textarea{height: 80px;}
textarea{height: 50px;}
.cheight {height:20px;}
.imp {
  font-size:1.1em;
  font-weight:bold;
  }
.captcha {
width:100px;
margin-top: 5px;
padding:2px;
border: 1px dashed #908373;
background-color:transparent;
}

/* patforms filter */
.formErrors {
    margin: 5px 25px 25px 25px;
    padding: 5px 5px 5px 5px;
    border: 1px solid ;
    background-color:transparent;
}
.formlabelerror {
    color: #FFFFFF;
    font-weight: bold;
}

/* =Misc.
---------------------------------------------------------------------------------*/
img {border:none;}
.flash {
  margin:0px;
  padding:0px;
  }
#content p {
  line-height: 18px;
  padding: 0px 25px 0px 25px;
  margin:0px 0px 15px 0px;
  }
#content .floatright {
  width:167px;
  float:right;
  display:inline;
  margin:0px 50px 20px 20px;
  padding:0px;
  }
#contentindex .floatleft {
  float:left;
  display:inline;
  margin:0px;
  padding:0px 90px 0px 0px;
  }
.pub_floatleft {
  margin:0px;
  padding:0px;
  float:left;
  display:inline;
  }
#content .floatleftnews {
margin:0px;
padding:0px 20px 0px 0px ;
float:left;
display:inline;
}
#content .box1 { 
width:615px;
padding: 0px;
margin: 0px 0px 20px 25px;
}
#content .box1 p { 
padding:0px;
margin:0px 20px 0px 215px;
}
.antifloatleft {
clear:left;
/*visible: hidden;*/
}

/* =Gallery
---------------------------------------------------------------------------------*/
#content #gallerie{
        float:left;
        padding: 0px 0px 10px 25px;
        margin:0px 0px 20px 0px;
}
#content .thumbnail{
        float:left;
display:inline;
        width:117px;
        margin: 15px 10px 0px 0px;
        padding: 0px;
}
#content .thumbnail img{
        padding:0px;
}
#content  br.antileft {
        clear: left;
}
#content br.antifloatright {
clear:right;
}
.antifloat {
        clear: both;
        visibility: hidden;
}
#content p.center {
text-align:left;
}


/* elements for the gallery_preview-plugin
--------------------------------------------*/
#gallerie_preview{
        padding: 0px 10px 10px 25px;
        margin:0px 20px 20px 20px;
        border: 1px solid #778899;
}
#gallerie_preview .thumbnail{
        float:left;
        width:100px;
        margin: 10px 10px 0px 0px;
        padding: 0px;
}
#gallerie_preview .thumbnail img{
        border: 1px solid #778899;
        padding: 1px;
}
#gallerie_preview_navi {
        margin-top: 10px;
}
#gallerie_preview_info {
        margin-top: 10px;
        visibility: visible;
}
#right p{
	padding: 0px 15px 15px 25px;
	margin:0px;
}
#footer p {
margin:0px;
padding:10px 10px 10px 0px;
color:#FFFFFF;
text-align:right;
font-size:11px;
font-weight:bold;
}

/* Blog
---------------------------------------------------------------------------------*/
#content .post_title {
        color: #333;
        border-bottom: 1px dashed #333333;
        margin: 0px 15px 3px 25px;
        padding: 0px 0px 5px 0px;
}
#content .post_title a {
    color: #333;
}
.post_meta_data {
        font-size: 11px;
        padding-top: 0px;
        margin: 5px 15px 15px 25px;
}
.right {
        float: right;
}
.post_content {
        line-height: 18px;
        padding-top: 0px;
        margin: 5px 25px 15px 25px;
}

#content .post_content p {
        padding: 0px 0px 15px 0px;
        margin: 0px;
}
.post_content_extended {
        line-height: 18px;
        padding-top: 0px;
        margin: 5px 25px 15px 25px;
}
#content .post_content_extended p {
        padding: 0px 0px 15px 0px;
        margin: 0px;
}
h3.blog, #right  h3.blog {
        color: #333;
        margin-bottom: 5px;
}
.post_links, .post_tags, .post_related_entries {
        text-align: right;
        font-family:Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
        font-size: 10px;
        padding: 0px 25px 20px 25px;
        margin: 0px;
}
.post_more {
    float: left;
}

.post_tags, .post_related_entries {
    padding-bottom: 10px;
}
.blog_pager{
        padding-top: 0px;
        margin: 5px 25px 15px
}
#right .blog li {
        line-height:  15px;
        padding: 0px 15px 3px 15px;
        margin: 0px;
        text-indent: -1em;
}
#livesearch {
        margin: 0px 15px 15px 15px;
        padding:0px;
        width: 140px;
        display: block;
}
#right input#livesearch  {
        padding:1px;
        width: 120px;
        border: 1px solid #aaaaaa;
}
.formurl {
        display: none;
}


/* =Tables
---------------------------------------------------------------------------------*/
/* for iePC */
td { 
  font-size: 12px;
  vertical-align:middle;
  }
#table {
width:650px;
        border-collapse: collapse;
        margin:0px 0px 20px 0px;
        font: 100%/130% Verdana,Arial, Helvetica, sans-serif;
}
#table caption{
        background: #F6F4F1;
        color: #110;
        border: 1px dashed #908373;
        font-size: 110%;
        letter-spacing: .1em;
        padding: .5em;
}
#table th {
        background:transparent;
       /*  border: 1px dashed #908373;*/
        color: #242424;
        font-weight:200; 
        padding: .4em;
        text-align: left;
      /*  text-transform: capitalize;*/
font-weight:200;
}
#table th[scope="col"]{
background: #110;
}
th[scope="row"]{
background: #A58F6C;
}
#table th[scope="row"] a {
color: #242424;
}
#table td a:link{
color: #242424;text-decoration:underline;
}
#table th a:hover, td a:hover{
text-decoration:none;color:#A58F6C;
}
#table td{
        background:transparent;
        color: #110;
        border: 1px dashed #908373;
        padding: .4em;
vertical-align:top;
}
#table tr.odd td{
        background:transparent;
}
#table tfoot th, tfoot td{
        background: #110 !important;
        color: #F5F4F1;
}