/* ... IN VALID CODE WE TRUST ...http://www.intensivstation.ch */
/* css created by miss monorom 2005 http://www.monorom.to */
/* This css is made specialy for BX-CMS  */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by/2.0/deed.en  */

/* @import url(bx-additions.css); */

/**
*	Freeflux-CSS 2-col-grey-light
*	by Alain C. Petignat 
*	alain at sequenz dot ch
*/
/*body element, you can overwrite that with a custom stylesheet for example in mozilla*/

#ng_bitflux_org, body {
    background-color: #ffffff;
    background-image: url(../images/bg.png);
    background-repeat:repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
    color:#222;  
    padding:0px;
    margin: 0px;
}

/* for iePC */ td{
    font-size: 12px;
}

table {
    margin-left: 0px;
}

a {
    color: #990000;
    text-decoration: none; 
}

a:visited {
    color: #990000;
        
}

a:hover , a:active {
    color: #000;
}

h1{
    font-size:18px;
}

h2{
    font-size:16px;
}

h3{
    font-size:14px;
}

h4{
    font-size:12px;
}

form{
    padding: 0px;
    margin: 0px;
}

.form{
    padding: 0px;
    margin: 5px 50px 15px 0px;
}

textarea, .formgenerell input, input.formgenerell {
    width:300px;
    border: 1px solid #69f; 
    margin-top: 5px;
    padding: 2px;
}

.formbutton {
    width:100px;
    border: 1px solid #69f; 
}

/* patforms filter */
.formErrors {
    margin: 5px 25px 25px 25px;
    padding: 5px 5px 5px 5px;
    border: 1px solid ;
    background-color: #FFBBBB;
}

.formlabelerror {
    color: #BB1111;
    font-weight: bold;
}

/* container to center the layout
-------------------------------------- */
#container {
    width: 824px;
    margin: 0px;
    
    margin-left: auto;
    margin-right: auto;
    
    background-image: url(../images/starttitel.png); /* starttitel.png, fakestarttitle.png */
    background-repeat: no-repeat;
}

.static #container {
    background-image: url(../images/titel.png);  /* titel.png, faketitle.png */
    background-color: transparent;
}

.wide #content {
    /* width: 520px;*/
width: 420px;
}

/* head container for logo and metanavi
-------------------------------------- */
#banner {
    padding: 0px 0px 0px 14px;
    margin: 0px;
    height: 120px;        
}

#banner a{
    color: #666;
    text-decoration:none; 
    border:0;
}

#banner  a:hover {
    color: #666;
}

#banner h1 {
    font-size: 30px;
    padding: 10px 0px 0px 50px;
    margin: 0px;
    height: 72px;
}

#banner h2{
    color: #999;
    font-size: 14px;
    padding: 5px 0px 25px 50px;
    margin: 0px;
}

#metanavi { 
    float: right;
    padding: 5px 15px 0px 0px;
    margin: 0px;    
}

#startbanner {    
    margin-top: 3px;
    margin-bottom: 10px;
    width: 615px;
    background-color: transparent;
    color: #fff;
    height: 150px;    
}

#content #startbanner img {
    float: right;
    border: 0px;
    padding: 0px;    
}

#content #startbanner h1, #content #startbanner h2{
    padding: 0px 280px 0px 34px;
    margin-bottom: 5px;
}

#content #startbanner h1 {    
    padding-top: 70px;
}

#content #startbanner h2 {    
    font-weight: normal;
}

/*main-navi
-------------------------------------- */
#topnavi {
    border-top: 1px solid #eceae4; 
    
    margin: 0px 5px;
    padding: 9px 0 0 110px;
    height: 33px;
}

#topnavi ul { 
    list-style-type: none;
    margin: -10px 0 0 0;
    padding: 0px 0;
}

#topnavi li { 
    float: left; 
    margin: 0px 0px ;
    padding: 9px 0px;
    border-left: 1px solid #eceae4; 
}

#topnavi a { 
    text-decoration: none; 
    padding: 3px 15px;
}

/* Testing hover in top navigation... #e8e8db */
#topnavi ul li:hover { background-color: #eee; } 
#topnavi ul li.selected:hover { background-color: #980000;color: #ffffff;} 
#topnavi ul li a:hover { color: #000 }
#topnavi ul li.selected a:hover {color: #fff }


#topnavi li.selected {
    background-color: #980000;
    color: #ffffff;
}

#topnavi li.selected a {
    color: #ffffff;
}

/* content elements
-------------------------------------- */
#content {
    padding: 14px  0px;
    margin:0px;
    margin-left:225px;
    margin-right:120px;

    /* margin-right:200px; */
}

.start #content {
    padding: 4px;
    margin-left: 0px;
}
    
#content h1, #content h2, #content h3, #content h4 {
    padding: 0px 0px 0px 0px;
    margin:0px 0px 15px 0px;
}

#content p{
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin:0px 0px 15px 0px;
}

#content ul{
    padding: 0px 0px 0px 25px;
    margin:0px 0px 15px 0px;
}

#content p.center{
    text-align:center;
}

/* elements for the gallery
-------------------------------------- */

#content #gallerie{
    float:left;
    padding: 0px 0px 10px 10px;
    margin:0px 0px 20px 0px;
}

#gallerie a{
    border:0;
} 

#content .thumbnail{
/*
    float:left;
    margin:15px 10px 0px 0px;
    padding:0px;
    width:100px;
*/
    float: left;
    width: 100px;
    margin: 10px 10px 0px 0px;
}

#content .thumbnailStart {
    float:left;
    width:200px;
    margin: 3px 10px 0px 0px;
    padding: 0px;
}

#content .thumbnail img{
    border: 1px solid #666;
    padding: 1px;
}

#content  br.antileft {
    clear: left;
}

.antifloat {
    clear: both;
    visibility: hidden;
}

/* elements for the gallery_preview-plugin
-------------------------------------------*/
gallerie_preview{
    padding: 0px 10px 10px 25px;
    margin:0px 20px 20px 20px;
    border: 1px solid #666;
}

#gallerie_preview .thumbnail{
    float:left;
    width:100px;
    margin: 10px 10px 0px 0px;
    padding: 0px;
}
#gallerie_preview .thumbnail img{
    border: 1px solid #666;
    padding: 1px;
}

#gallerie_preview_navi {
    margin-top: 10px;
}
#gallerie_preview_info {
    margin-top: 10px; visibility: visible;
}

/* elements for left and right navigation
-------------------------------------- */
#left {
    margin: 92px 20px 0px 18px;
    padding: 0px 0px;
    background-color: #e8e8db;
    float: left;
    width: 187px;
	
}

#right {
    float: right;
    width: 182px;
    margin: 6px 6px 0px 0px;
    padding: 0px;
    background-image: url(../images/rightbg.png);
    background-repeat:  repeat-x;
    background-color: #f7f7f3;
    
}

#right p{
    padding: 0px 15px 5px 25px;
    margin:0px;
}

#left a, #right a {
    border:0;
    text-decoration: none;
    
}

#left .selected, #right .selected {
    text-decoration: underline;
}

#left ul, #right ul, #content .frontpage ul {
    list-style-image: url(../images/rotpfeil.png); 
    list-style-type: none;
    padding-left: 25px;
    margin-left: 0px;
    padding-right: 10px;
    margin-top: 0px; 
} 

#left ul {
    list-style-image: none;
    
    padding: 8px 0px 8px 0px;
    border-bottom: dotted 1px #c2bfae;
}

#left ul ul {
    border-bottom: 0px;
    padding: 0px;  
}

#left ul li.sub {
    border: 0px;
    padding-top: 0px;
}

#content .frontpage ul ul {
    margin-top: 10px;
    padding-left: 35px;
}

#content .frontpage li a {
    text-decoration: none;
}


#left li, #right li, .frontpage li.row li {
    border-top: dotted 1px #c2bfae;
    margin-top: 8px;
    padding-top: 8px;
    
}

#left li a {
    font-weight: bold;
    color: #000000;
}

#left li {
    padding-left: 10px;
    padding-right: 0px;
}

#right li.last {
   padding-bottom: 8px;
   border-bottom: solid 1px #c2bfae;

}

#left h3, #right h3{
    margin: 0px 0px 8px 0px;
    padding: 15px 0px 0px 25px;
}

/*footer
-------------------------------------- */
#footer {
    clear: both;
    padding: 5px;
    color: #666;
    margin: 10px 6px 0px 18px;
    background-color: #fff;
    border-top: 1px #c2bfae solid;
}

/* just used vor the blog
-------------------------------------- */
#content .post_title {
    color: #333;
    border-bottom: 1px solid #aaa;
    margin: 0px 50px 3px 0px;
    padding: 0px 0px 5px 0px;
}

.post_title a{
    border:0;
}

.post_meta_data {
    font-size: 11px;
    padding-top: 0px;
    margin: 5px 50px 15px 0px;
}
.right {
    float: right;
}
.post_content, .post_content_extended {
    line-height: 18px;
    padding-top: 0px;
    margin: 5px 50px 15px 0px;
/*    border-bottom: 1px solid #999; */
}

#content .post_content p,#content  .post_content_extended p {
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

#content img{
    border:1px solid #666;
    padding: 2px;

}

h3.blog {
    color: #333;
    margin: 0px;
    margin-bottom: 5px;
}

#right  h3.blog {
    background-image: none;
    color: #333;
    margin: 0px;
    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: 0;
    margin: 0 50px 0 0px;
      padding-bottom: 10px;
/*
    display:box;
    border-bottom: 1px solid #666; */
}

.blog_pager{
    padding-top: 0px;
    margin: 5px 50px 15px
}

#right .blog li {
    line-height:  15px;
    padding: 0px 15px 3px 25px;
    margin: 0px;
    text-indent: -1em;
}

#livesearch {
    margin: 0px 15px 15px 25px;
    padding:0px;
    width: 140px;
    display: block;
}

#right input#livesearch  {
    padding:1px;
    width: 120px;
    border: 1px solid #aaaaaa; 
}

.formurl {
    display: none;
}

#bx_foo {                 
margin-left: 25px;
}

.blog_gravatar {          
        float: right;
}

.post_more {
    float: left;
}

#content .frontpage {
    margin-left: 0px;
    margin-top: 15px;
}

#content .frontpage ul.rowu { 
  list-style: none; 
  margin: 0; 
  padding: 0;
}

#content .frontpage h1 {

  margin: 0px 0px 0px 15px;
  padding: 0 0 0 15px;  
} 

#content .frontpage h2, #content .frontpage h3, #content .frontpage h4,  #content .frontpage p { 
  margin: 0px 0px 0px 15px;
  padding: 0 0 0 0px;  
}
  
#content .frontpage h1 {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding-top: 6px;
    height: 32px;
    background-color: #880000;
    margin-bottom: 5px;
}

#content .frontpage h1.colspan {
    margin: 0px 0px 5px 0px;
}

#content .small h1 {
  height: 18px;
  background-color: #c2bfae;
}

#content .frontpage .row {
  width: 205px;
  background: #fff; 
  float: left; 
  padding: 0 0px 0 0; 
  margin-left: 0px;
}

#content .frontpage #gallerie {
  padding: 0px 0px 0px 15px;
}

/* modifications by beni */

#content #gallerie_preview {
  padding: 0px 10px 10px 25px;
  margin:0px 20px 20px 20px;
  border: 1px solid #778899;
}

#content #gallerie_preview .thumbnail {
  float:left;
  width:100px;
  margin: 10px 10px 0px 0px;
  padding: 0px;
}

#content #gallerie_preview .thumbnail img {
  border: 1px solid #778899;
  padding: 1px;
}

#gallerie_preview_title {}

#gallerie_preview_navi {margin-top: 10px;}