/* css created by miss monorom 2008 http://www.monorom.to */
/* This css is made specialy for www.eb-zuerich   */

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

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

html { height: 100% } 

body, body#ng_bitflux_org {
font-size: 9pt;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
color:#000;  
padding:0;
margin: 0 20px;
min-height: 101%;	
}

td, th {font-size: 9pt;	}


a { 
color: #445d76; text-decoration:none;}
a:visited {color:#445d76;}
a:hover {color: #e34b0d; text-decoration: underline;}
a:active { color:#e34b0d;}

h1 {font-size:22pt; font-weight: normal; line-height:29px; font-family: Georgia, Times New Roman, Times, serif;}
h2 {font-size:16pt; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif;} 
h3 {font-size:13pt; font-family: Georgia, Times New Roman, Times, serif;  line-height:20px; }
h4 {font-size:10pt;}

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

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

textarea, .formgenerell input, input.formgenerell, select.formgenerell {
width:350px;
border: 1px solid #858585; 
margin-top: 5px;
padding: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
input.city {
width:200px;
border: 1px solid #858585; 
margin-top: 5px;
padding: 1px;
}

input.zip {
width:80px;
border: 1px solid #858585; 
margin-top: 5px;
padding: 1px;
}

input, select {
font-size: 12px;
border: 1px solid #858585; 
margin: 0px;
margin-top: 5px;
padding: 1px;
}

input.kurssuche {
font-size: 12px;
border: none; 
border: 1px solid #858585; 
width:130px;
margin: 0;
padding: 2px;
vertical-align:bottom;
}

.formbutton {
font-size: 12px;
width:100px;
border: 1px solid #858585; 
}

/* patforms filter */
.formErrors {
    margin: 5px 50px  25px 0;
    padding: 5px;
border: 2px solid #e34b0d;;
    background-color: #f5f5f5;
}

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

input.imagesubmit {border:0;}

.prevnextbutton {
border:0px;
color:#e34b0d;
}

/* banner container for logo and metanavi
-------------------------------------- */
#banner {
width: auto;
padding: 0;
margin: 0;
}

#banner h1 {
width: auto;
padding:0;
margin: 0;
}
#metanavi  {display: none;}


/*main-navi
-------------------------------------- */
#topnavi  {display: none;}


/* container to center the layout
-------------------------------------- */
#container {
width: auto;
padding:0;
margin: 0;
}

/* content elements
-------------------------------------- */
#content {
padding: 40px 0 30px;
margin: 0 0 0 0;
min-height:500px;
}

#content h1, #content h2 {
padding: 0 50px 0 0;
margin:0 0 15px;
color:#2b74bb;
}
#content h3 {
padding: 0 50px 0 0;
margin:0 0 10px;
}
#content h4 {
padding: 0 50px 0 0;
margin:0 0 3px;
}
#content p{
line-height: 1.6em;
padding: 0 50px 0 0;
margin:0 0 15px;
}
#content  p.rand{
border-bottom:1px solid #858585;
margin: 0 15px 15px 0;
padding:0 0 10px;
}

#content  p.background{
background-color:#EFEFEF;
border-bottom:1px solid #858585;
margin: 0 15px 15px 0;
padding:0 0 2px;
}
#content div.right {
text-align:right;
margin: 0 25px 15px 0;
padding:0px 0px 2px 0px;
}
#content p.sicherheit{
font-size: 10pt;
border:1px solid #e34b0d;
margin: 0 15px 15px 0;
padding:2px 10px;
}
#content ul, #content ol {
padding: 0 15px;
margin:0 0 15px;
line-height: 1.6em;
}

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

#content  .tage{width:150px; float:left;}
#content p.center{text-align:center; }
#content .center{text-align:center; }
#content p.right{ text-align:right;}

#content p.textright{ text-align:right;}

#flashcontent  {
margin: 0px 15px 20px;
margin-left: 50px;}


/* for zal layout */
.kursdetail {
background-color: #f5f5f5;
padding:10px 15px ;
margin:0 0 30px;
}
.detail {
background-color: #f5f5f5;
}

.overview {
padding:0;
margin:0 0 30px;
}
.overview td{
vertical-align: top;
padding:5px 15px 0 0;
}
/* sprachenportfolio
-------------------------------------- */
#sprachenportfolio{
font-weight:bold;
margin: 0 15px 15px 0;
padding:0px;
}
#sprachenportfolio a {
font-weight:normal;
background-color: #f0f0f0;
border:1px solid #858585;
margin: 0px 1px;
padding:0px 10px
}
#sprachenportfolio a:hover {background-color: #cccccc;}
#content #sprachenportfolio a.selected {
background-color: #ffffff;
color: #e34b0d;
}
#content  p.sprachenportfolio{
border:1px solid #858585;
margin: 0 15px 15px 0;
padding:10px 10px 10px 10px;
}
/* last-minute
-------------------------------------- */
table.last-minute{
width: 690px;
padding: 0;
margin:0 0 25px 0;
}
table.last-minute th{
text-align:left;
padding: 5px 10px 5px 0;
margin:0;
border-bottom:1px solid #ccc;
}
table.last-minute td{
vertical-align:top;
padding: 5px 10px 5px 0;
margin:0;
border-bottom:1px solid #ccc;
}
.preis, table.last-minute th.preis { width: 50px; text-align: right;}
.datum {width: 150px; }
.nr {width: 80px; }

/* kurs tabellen
-------------------------------------- */
table.kurs{
width: 650px;
padding: 0px;
margin: 0 0 15px;
}
table.kurs th{
background-color: #f0f0f0;
text-align:left;
font-size: 9pt;
padding: 3px 5px 3px 0px;
margin:0;
}
table.kurs td{
vertical-align:top;
font-size: 10pt;
padding: 5px 5px 5px 0;
margin:0;
border-bottom:1px solid #858585;
}
#content table.kurs td.noborder {
border-bottom: none;
}
#content table.kurs td h3{
font-size: 10pt;
padding: 5px 0px 0px 0px;
margin:0px;
border-bottom: none;
}

/* Suchresultate tabellen 
-------------------------------------- */
table.results{
width: 580px;
padding: 0px;
margin:0 0 15px 0;
}
table.results th{
background-color: #f0f0f0;
border-bottom:1px solid #dde7e9;
border-top:1px solid #dde7e9;
text-align:left;
padding: 3px 10px 3px 0px;
margin:0px;
}
table.results td{
vertical-align:top;
padding: 5px 10px 5px 0px;
margin:0px;
border-bottom:1px solid #858585;
}
#content table.results td.noborder {
border-bottom: none;
}
/* zahlen tabellen
-------------------------------------- */
table.zahlen{
padding: 0;
margin:0 0 15px;
}
table.zahlen th{
text-align:left;
padding: 0 10px 10px 0;
margin:0;
}
table.zahlen td{
vertical-align:top;
font-size: 13px;
padding: 2px 25px 2px 0;
margin:0;
}
table.zahlen input.adresse, table.zahlen textarea.adresse{
width:275px;
border: 1px solid #858585; 
margin: 5px 0 0;
padding: 1px;
}
table.zahlen td.strasse{
padding: 2px 0;
margin:0;
}
table.zahlen input.ort{
width:195px;
border: 1px solid #858585; 
margin: 5px 0 0;
padding: 1px;
}
table.zahlen input.short_inline {
width:150px;
border: 1px solid #858585;
margin: 5px 0 0;
padding:1px;
float:right;
}
table.zahlen  input.zip {
width:55px;
border: 1px solid #858585; 
margin-top: 5px;
padding: 1px;
}
/* norm tabellen
-------------------------------------- */
table {
padding: 0;
margin:0 0 15px;
}
table th{
text-align:left;
padding: 0 10px 10px 0;
margin:0;
}
table td{
vertical-align:top;
padding: 1px 10px 1px 0;
margin:0;
}

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

.right { float: right; }

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

#content  br.antileft {
clear: left;
}
.antifloat {
clear: both;
visibility: hidden;
}
.antiright {
clear: right;
visibility: hidden;
}

/* -----elements for left navigation----- */
#left {display: none;}



/*footer
-------------------------------------- */
#footer {
clear: left;
background-color: #fff;
padding: 10px 0 20px;
font-size: 10pt;
}

#footer p{
margin: 0 0 0 0;
padding: 0;
}

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

li.one { display: none; }

#content ul.colums-two li.innen {
   width: 250px;
   float: left;
   margin: 0;
   padding: 0; }

ul.colums-two li.aussen {
   float: left;
   margin: 0;
   padding: 0 0 5px 0;
   width: 150px; }
  
br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
 }
ul.colums-two li.clr {
   display: inline;
   margin: 0;
   padding: 0;
   width: 1px;
 }


/* --------------  accordion  -----------*/

ul#kurskategorien {
padding: 0;
margin:0 0 10px 0;
border-top:1px solid #6B757F;
}

ul#kurskategorien li {list-style-type: none;}
ul#kurskategorien li a{ text-decoration:none;}

.accordion {
	margin: 0;
	padding: 0;
	border-bottom:1px solid #6B757F;
}

ul#kurskategorien .closed h2 {
font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:  0;
	font-size:1.1em;
	background-color:#ffffff;
	}
ul#kurskategorien .open h2 {
font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size:1.1em;
	background-color:#f0f0f0;
	}
ul#kurskategorien li.closed h2 a.toggle {
	display:block;
	margin:0;
	padding: 1px 0 2px 20px;
	background:url(/themes/eb/images/icons/plus-mini.gif) no-repeat center left;
}
ul#kurskategorien li.open h2 a.toggle {
display:block;
	margin:0;
	padding: 1px 0 2px 20px;
       background:url(/themes/eb/images/icons/minus-mini.gif) no-repeat center left;
	border-bottom:1px solid #ccc;
}
.closed a.toggle:hover { background-color:#E2E5E8; }

h2 .sub, .sub {
float: right;
font-size: 10pt;
color:#000;
text-align:right;
padding: 0 15px 0 20px;
}
h2 .sub-datum, .sub-datum {
color:#000;
float: right;
text-align:left;
width:100px;
font-size: 10pt;
margin: 0;
}
h2 .sub1 {
color:#000;
float: right;
margin:7px 3px 0 0;
padding: 1px 5px;
}

ul#kurskategorien .content  { 
	margin: 0;
	padding:0;
	background-color:#f9f9f9;
}

ul#kurskategorien .content  ul  { 
       line-height:1.6em;
	margin: 0;
	padding:5px 0 5px 25px;
	background-color:#f9f9f9;
}

ul#kurskategorien .content ul  li{ 
	margin: 0;
	padding:0;
}
 .closed2 .content {display: none;} 
.open .hidden_on_open {display: none;}
th { text-align: left;}


/* sitemap
-------------------------------------- */
ul#sitemap {
padding: 0;
margin:0 0 15px;
list-style-type: none;
}

ul#sitemap ul {
color: #5d729b;
padding: 0 15px;
margin:0;
}

ul#sitemap li a {
font-weight: bold;
font-size: 1.2em;
}

ul#sitemap li li a {
font-weight: normal;
font-size: 1.1em;
}
ul#sitemap li li li a {font-size: 1em;}

#flashcontent  {
margin: 0 0 20px;}