/* ... IN VALID CODE WE TRUST ...http://www.intensivstation.ch */
/* css created by miss monorom 2008 http://www.monorom.to */
/* @import url(bx-additions.css); */

/*body element, you can overwrite that with a custom stylesheet for example in mozilla*/

html{height:101%;}

#ng_bitflux_org, body {
background-color: #ffffff;
font-size: 13px;
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
color:#000000;  
padding:0;
margin: 0;
min-height:100%;
}

textarea {
    font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 13px;
}

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

a {color: #324C7B; text-decoration: none;}
a:visited {color:  #324C7B;}
a:hover {color: #da3843;}
a:active { color:  #324C7B;}

h1 {font-size:26px; font-weight: normal; color:#da3843;}
h2 {font-size:19px; font-weight: normal; color:#1F3A77; line-height:23px; padding-top:10px}
h3 {font-size:13px; color:#1F3A77; line-height:16px; padding-top:6px}
h4 {font-size:13px;color:#1F3A77; padding-top:6px}
h6 {font-size:13px; color:#1F3A77; padding-top:6px}

form, form#suchfeld {padding: 0; margin: 0;}
form#suchfeld.formincontent { width:367px; }


/* search forms
-------------------------------------- */

#search {
    margin:20px 0;
}

form#suchfeld input.suchfeld {
font-size:10px;
padding: 0px 0px 1px 2px;
margin:0 0 0 25px;
width:100px;
border: 1px solid #aaaaaa; }

form#suchfeld .formincontent input.submitbutton { width: 57px; }

form#suchfeld input.suchfeld_big {
font-size:19px;
vertical-align:bottom;
padding: 1px 0px 0px 2px;
margin: 0;
width:300px;
height: 28px;
border: 2px solid #aaaaaa; 
background-color:#eeeeee; }


form.filterform{
display:inline;
padding: 0 5px 0 5px;
}

select.artikelfilter {
width:110px;
padding: 0 10px 0 0;
}

#filter{
width:460px;
border: 1px solid #aaaaaa;
padding:10px;
height:50px;
margin:0 0 10px;
}

#filter div {
}

#filter div.filter1 {
margin: 0 0 0;
}

#filter div.filter2 {
margin: 10px 0 0 0;
}

#filter a {
border: 1px solid #aaaaaa;
background-color: #eeeeee;
padding: 2px;
margin:5px;
}

img.filterimage {padding: 20px 0;}
 
.form{
padding: 0;
margin: 5px 0 15px;
}

#content p.link_fachartikel {
background-color:#dddddd; 
padding:2px 10px;
font-weight: bold;
}

#content p.searchfield_title { margin: 0; padding: 0; position: relative; top: 20px; }

textarea, .formgenerell input, input.formgenerell,  .formgenerell textarea {
width:300px;
border: 1px solid #aaaaaa; 
margin-bottom: 2px;
padding: 1px;
}
 .formgenerell textarea  { min-height:100px; }

.field {
font-size: 11px;
border: 1px solid #aaaaaa; 
margin-bottom: 2px;
padding: 1px;
}
input {
font-size: 11px;
border: 1px solid #aaaaaa; 
margin-bottom: 2px;
padding: 1px;
}
#email, textarea#message  {
width:400px;
border: 1px solid #aaaaaa; 
margin-bottom: 2px;
padding: 1px;
font-size: 11px;
}

.formbutton, .buttn {
width:100px;
border: 1px solid #aaaaaa; 
}
 .buttn {
width:150px;
border: 1px solid #aaaaaa; 
}

/* patforms filter */
.formErrors {
    margin: 5px 0px 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: 960px;
margin: 0 0 0 30px;
}
#metanavi { 
text-align: right;
font-size: 11px;
padding: 0;
margin: 5px 5px 0 0;
background-color: #ffffff;
}


#metanavi a.meta-sprache{ margin: 0 0 0 30px;}


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

#banner a, #metanavi a{ color: #1F3A77; text-decoration:none; }
#banner  a:hover {color: #C20065;}

#banner h1 { padding: 0; margin: 0; }

/*main-navi
-------------------------------------- */
#topnavi {
margin: 0;
padding: 0;
}
#topnavi ul{
list-style-type: none;
margin:  0;
padding: 0;
}
#topnavi li{
width:235px;
float: left;
margin:  0 5px 0 0;
padding: 0;
}
#topnavi li a {
display:block;
color: #fff;
font-size: 17px;
background-color: #1F3A77;
white-space:nowrap;
margin: 0;
padding: 8px 10px 5px;
}

#topnavi a:visited {color:#fff;}
#topnavi a:hover { color: #fff; background-color: #da3843;}
#topnavi a:active { color:#fff;}

#ng_bitflux_org #topnavi ul li a.selected { color: #fff; background-color: #da3843;}

.clr-links {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;}

#topnavi a.hellblau { background-color: #6379B0; } /* vorher: #3266a5 */
#topnavi a.hellblau:hover { color: #fff; background-color: #da3843;}

#landing{ 
margin:0 0 0 240px;
padding:0;
height:195px;
background-repeat:no-repeat;
background-position: left bottom;
}

.firmenkunden{ background-image:url(/themes/bb-08/images/landing-pages/firmenkunden.jpg);}
.ueberuns {background-image:url(/themes/bb-08/images/landing-pages/firmenkunden.jpg);} 
.privatkunden{ background-image:url(/themes/bb-08/images/landing-pages/postit_img_0019_web.gif);}
.vorsorgeeinrichtungen{ background-image:url(/themes/bb-08/images/landing-pages/vorsorgeeinrichtungen.jpg);}

/* content elements
-------------------------------------- */
#content {
padding: 25px 0 0;
margin:0 245px 0 240px;
}

#content  { min-height:450px; }
#container #content.main { min-height:190px; padding: 25px  0; margin:0 275px 0 0;}
#container #content.big { min-height:450px; padding: 25px  0; margin:0 0 0 240px;}

#content h1 { padding: 0; margin:0 0 15px;}
#content h2 { padding: 0; margin:0 0 10px; line-height: 24px;}
#content h3, #content h4 { padding: 0 0; margin:0; line-height: 19px; }
#content h6 { padding: 0; margin:0 0 10px;}


#content p{
line-height: 19px;
padding: 0;
margin: 0 0 10px;
}
blockquote {
line-height: 19px;
color: #555555;
border-top:1px solid #d4d7de;
padding: 10px 0 0;
margin:0;
}

.smallPrint{
font-size:11px;
line-height: 17px;}

#content  .downloads {
border-top:1px solid #B8B8B8;
padding: 10px 0;
margin: 0 5px 0 0;
}
#content  .downloads h3{ padding: 0 0 10px 0;}

#content  .downloads img {
float: left; 
padding: 0;
margin: 0 5px 0 0; 
border: 1px solid #B8B8B8;
}

#content ul {
line-height: 19px;
padding: 0 0 0 15px;
margin:0 0 10px;
}
#content ol {
line-height: 19px;
padding: 0px 0 0px 20px;
margin:0 0 10px;
}
#content ul ul {
padding: 0px 0 0px 17px;
margin:0;

}
#content ol ul{
padding: 0px 0 0px 27px;
margin:0;
}

#content ul.team {
list-style-type: none;
padding: 0;
margin:0;
}
#content ul.team ul {
list-style-type: none;
padding: 5px 0 0;
margin:0;
}
#content ul li a.selected {
font-weight: bold;
color:#000000;
}
#content .glossar  {
line-height: 19px;
list-style-type: none;
padding: 5px;
margin:0;
background-color: #eeeeee;
}
#content .glossar  p{
line-height: 18px;
padding: 0px;
margin:0px 0px 15px 0px;
}

#content ul.articles {
list-style-type: none;
margin: 0;
padding: 0;
}

#content ul.articles li {
border-top:1px solid #003366;
margin:6px 0 5px;
padding:3px 0 0;
}

#inhaltrahmen, .inhaltrahmen  {
list-style-type: none;
padding: 5px 5px 0;
margin:0px 0 15px 0;
background-color: #eeeeee;
}
#inhaltrahmen ul, #content .inhaltrahmen ul {
line-height: 16px;
padding: 0px 50px 0px 17px;
margin:0px 0px 10px 0px;
}


#inhaltrahmen  p, #content .inhaltrahmen p {
padding: 0px 0px 8px 0px;
margin:0 5px 2px 0;
}
#content .inhaltrahmen h3, #inhaltrahmen  h3, #content .inhaltrahmen h2, #inhaltrahmen  h2 {
padding: 0px 0px 8px 0px;
margin:0 5px 2px 0;
}

 line-height:16px;



a.schliessen {
font-size:11px;
padding: 0px 3px 1px 3px;
margin: 0 5px 0 0;
color: #ffffff;
background-color: #324C7B;
}

#content p.center {text-align:center; }
#content p.rechts {text-align:right; font-size:10px;}

#content table {
padding: 0;
margin:0 0 10px;
}
#content table td {vertical-align: top;}

#content table td h2, #content table td h3, #content table td h4, #content table td h5, #content table td h6 {
padding: 0px;
margin:0px 0px 10px 0px;
}
#content .box {
padding: 0;
margin: 0 0 18px;
}

/*
#content li .box { 
float:left; 
width: 550px;
padding: 0;
margin: 0;
height:110px;
}
*/

#content li .box {
background-color:#EEEEEE;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
float:left;
height:120px;
margin:0 0 10px;
padding: 0 5px 10px 0;
width:477px;
}
 
#content .box p{ 
padding: 0;
margin: 0px 0px 10px 120px;
 }
#content .box h2{ 
padding: 0;
margin: 0px 0px 10px 120px;
}
#content .box h3{ 
padding: 0;
margin: 0px 0px 0px 120px;
}

.bild { 
float: left; 
padding: 0px;
margin: 0px; }

.clr{ clear: left; }

#content #fix {
float: left;
padding: 0px;
margin: 0px;
}

#content ul.colums-two {
   list-style-type: none;
   margin: 0;
   padding: 0 0 10px 0;
}

li.innen {
   width: 235px;
   float: left;
   margin: 0 5px 0 0;
   padding: 0 0 10px;
}
      
li.aussen {
   float: left;
   margin: 0;
   padding: 0 0 10px 0;
   width: 235px; }


/* mt für marken-toolbox logo-download */
#content ul.mt {
   list-style-type: none;
   margin: 0;
   padding: 0 0 10px 0;
   line-height:0px;
}

#content ul.mt li.innen {
   width: 235px;
   float: left;
   margin: 0 5px 0 0;
   padding: 0 0 5px;
}
      
#content ul.mt li.aussen {
   float: left;
   margin: 0;
   padding: 0 0 5px 0;
   width: 235px; }

li.clr {
   display: inline;
   margin: 0;
   padding: 0;
   width: 1px;
 }

br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }
div.clr {
   clear: left;
   font-size:1px;
   margin: 0 0 15px;
   padding: 5px 0 0;
   overflow:hidden;
border-bottom:1px solid #B8B8B8;
 }

/* sitemap
-------------------------------------- */
#content ul.sitemap {
list-style-type: none;
line-height: 18px;
padding: 0;
margin:0 0 10px;
background-bottom: #f5f5f5;
}
#content ul.sitemap li a {
font-size: 17px;
padding: 0;
}
#content ul.sitemap ul{
background-color: #fff;
line-height: 20px;
 padding: 0 0 0 15px;
margin:0;
border: none; 
}
#content ul.sitemap ul li a {
font-size: 13px;
padding: 0;
}

#content ul.sitemap ul li li a { font-weight:normal;}


/* elements for the gallery
-------------------------------------- */
#content #gallerie{
float:left;
padding: 0 0 10px;
margin:0px 0px 20px 0px;
}
 
#content .thumbnail{
float:left;
width:100px;
margin: 10px 10px 0px 0px;
padding: 0px;
}
#content .thumbnail img{
border: 0px solid #778899;
padding: 0px;
}
.right { float: right; }

#content  br.antileft {
clear: left;
}
.antifloat {
clear: left;
height:1px;
overflow: hidden;
}
/* elements for the gallery_preview-plugin
--------------------------------------------*/
gallerie_preview{

padding: 0px 10px 10px 25px;
margin:0px 20px 20px 20px;
border: 0px solid #778899;
}

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

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

/* -----elements for left and right navigation----- */
#left {
float: left;
width: 200px;
padding: 30px 0 0;
margin: 0;
border-bottom:1px solid #B8B8B8;
font-size: 12px;
}


#left ul {
list-style-type: none;
margin: 0;
padding: 0;
} 
#left li { margin: 0px; }

#left ul ul li a {
padding: 2px 0 2px 20px;
margin: 0;
border:none;
} 

#left ul ul ul li a {
padding: 2px 5px 2px 45px;
margin: 0px;
} 

#left a {
display: block;
text-decoration: none;
padding: 3px 5px 3px;
margin:0;
color:#1F3A77;  
border-top:1px solid #B8B8B8;
}
#left a:visited {color:#1F3A77;}
#left a:hover {color: #da3843;}
#left a:active {color: #da3843;}

#left .selected { font-weight:bold; color:#1F3A77;}



#right {
float: right;
width: 225px;
margin: 0 5px 0 0;
padding: 0;
font-size: 12px;
}

#right ul {
list-style-type: none;
margin: 0;
padding: 0;
} 
#right li { 
margin:15px 0 5px; 
padding:5px 0 0;
border-top:1px solid #003366;}

#right h3{
margin: 30px 0 0;
padding: 0;
color:#003366;  
font-size:17px;
font-weight: normal;
}

#wettbewerbright,  #wettbewerb_thanks_right {
width: 225px;
}

#wettbewerbright #jubilee {
    position: absolute;
    top: 140px;
    left: 730px;
    margin: 20px 20px;
    overflow: visible;
}

#wettbewerb_thanks_right #jubilee {
    position: absolute;
    top: 140px;
    left: 730px;
    width:235px;
    margin: 20px 20px;
    overflow: hidden;
}

#right #jubilee {
    margin: 20px 0 0 -10px;
    width: 235 px;
    overflow: hidden;
}

#right #jubilee .small-link {
    font-size:10px;
}

/*footer partner logos
-------------------------------------- */
#footer_partner_logos {
	margin: 100px 0 0;
	padding: 8px 0 0;
	border-top:1px solid #B8B8B8;
}
#footer_partner_logos ul {
	list-style-type:none;
	margin: 0;
	padding:0;
}
#footer_partner_logos li {
	float:left;
	margin: 0;
	padding:0pt;
}

#footer_partner_logos li a img{
	margin: 14px 0 0;
}
.profond{width:157px;}
.allvor{width:135px;}
.profond_fl{width:185px;}
.euvidea{width:235px;}


/*footer
-------------------------------------- */
#footer {
clear: both;
padding: 25px 0 50px 240px;
color: #1F3A77;
margin:  0;
font-size: 11px;
}

#footer.main{
clear: both;
padding: 0;
color: #1F3A77;
margin: 25px 0 50px;
font-size: 11px;
}

#footer a {color:#1F3A77;}
#footer a:visited {color:#1F3A77;}
#footer a:hover {color: #da3843;}
#footer a:active {color: #da3843;}

/*Kommentare */

fieldset, form {
border:0 none;
margin: 0;
padding: 0;
}

.required, #email.required{
	background-color: #fff; 
        border:1px solid #DA3843;
}

.requiredText {
	font-weight:bold; 
	color:#DA3843;
}

.freischalt {
	color: #bb0000;
color: #DA3843;

}

.sbsLabel {
float:left;
margin:0 1em 0.5em 0;
}

.formurl {display: none;}
/* .secondUl { height:300px;} */

/*
#fullartikel {
    width:600px;
}
*/

a img {
	border: 0px;
}