/*---------------------------------*/
/* IDB Stylesheet                  */
/* Rene Rossi rossi@co-de.de       */
/* @computational-design           */
/* cms_idb_bs2                     */
/*---------------------------------*/





    








  







@page { size:portrait; }
.searchform { border:1 px solid #ccc; }

.heightdummy {
    border:0px solid red;
    width:0px;
    height:3px;
    display:block;
    position:relative;
    float:right;

}


/*-----------------
  Farbwerte
  -----------------
Home / Wir über uns #2D4F70
Aktuelles           #830335
Presse              #126412
Schulformen         #684002
Infos               #6A2F6B
Service             #0000C0
Links               #B10307
*/

BODY {
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  /*font-family:  Arial, Verdana, Helvetica, sans-serif;*/
  font-size:0.7em;
  font-weight:normal;
  text-align:center;
  color:#209f20;
}

.bodytext {
   color:#0c0c0c;
   margin-left: 0px;
   text-indent: 0px;
} HTML > BODY #bodytext {
   color:#0c0c0c;
   margin-left: 0px;
   text-indent: 0px;
}

#clickpath {
font-size:12px;
font-weight:bold;
color:#2D4F70;
}
/*-----------------
  Main page setup
  -----------------*/
 .coordinaten { position:absolute;display:block; float:left; top:5px; left:5px;}
 .coordinaten form input { border:0px; }

 .x {top:2px; left:100px; }

#frame {
    border:0px solid #787878;
    position:relative;
    display:block;
    width: 750px;
    min-width: 760px;
    max-width: 760px;
    padding:0px 0px 10px 0px ;
    margin:0px auto 0px auto;
    height: auto;
    float: none;
    text-align:left;
}

#head {
  background-image:url('http://www.idb-deutschland.com/s_site_gfx//logo.jpg');
  float:none;
  position:relative;
  margin:0px;
  padding:0px;
  height:78px;
  width:730px;
  min-width:754px;
  max-width:754px;
  background-repeat:no-repeat;
}

#inhalt {
    background-color:#fff;
    display:table;
    float:none;
    margin:0px;
    top:30px;
    padding:0px;
    position:relative;
    z-index:2;
    width:750px;
    min-width:752px;
    max-width:752px;
    border:0px solid red;
} HTML > BODY #inhalt {
    width:739px;
    min-width:752px;
    max-width:752px;
}


#lefthome, #left {
  float: left;
  position: relative;
  width: 170px;
  min-width: 159px;
  max-width: 159px;
  padding: 12px 0px 0px  0px;
  border:0px;
  height:auto;
  min-height:400px;
  /* margin-right: 0px !important; */
  margin-right: 0px;
  z-index:0;
} HTML > BODY #lefthome, HTML > BODY #left {
  width: 160px;
  padding: 0px 10px 0px  0px;
}
#middle {
  float: right;
  position: relative;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  /* width: 563px; */
  width: 571px;
  clear:right;
  overflow:hidden;
top:1px;
} HTML > BODY #middle {
  padding: 10px 0px 0px 0px;
  /*   width: 563px; */
  width: 571px;
  clear:right;
}

#right {
  float: left;
  position: relative;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  overflow: hidden;
  margin: 40px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  padding-left: 3px;
  border: 0px solid red;
}

#middlehome {
  float:left;
  position:relative;
  height:auto;
  overflow:hidden;
  margin:5px 0px 0px 0px;
  padding:10px 0x 0px 0px;
  width:540px;
  min-width:540px;
  max-width:540px;
  border:0px solid red;
} HTML > BODY #middlehome {
  margin:5px 0px 0px 0px;
  outline:0px solid red;
}

.homecontent {
outline:0px solid red;
margin: 5px 0px 0px 0px;
}
#lefthome { /* rechter bereich hier */
    float:right;
    width:180px;
    min-width: 180px;
    max-width: 180px;
    outline:0px solid red;
    padding:0px;
    margin:5px 0px 0px 0px;
}

#middlehome .bodytext {
 padding:0px 0px 0px 5px;
}

#middle2 {
  float: right;
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 565px;
  left:1px;
  border: 0px dotted gray;
} HTML > BODY #middle2 {
  width: 570px;
}

#middle3 {
  float: left;
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 35px 0px 0px 0px;
  padding: 12px 9px 0px 10px;
  width: 480px;
  min-width: 480px;
  max-width: 480px;
  border: 0px solid red;
} HTML > BODY #middle3 {
  margin: 35px 0px 0px 0px;
}


#right3 {
  float: left;
  position: relative;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  overflow: hidden;
  margin: 40px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  border: 0px solid red;
}

#end {
  font-size:0.8em;
  color: #009F00;
  border:0px solid red;
  clear:left;
  float:none;
  width:759px;
  text-align:left;
  margin:0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  border-top:1px solid #009F00 ;
} BODY > HTML #end {
  font-size:1.4em;
}

#end a {
  color: #009F00;
}
#fuss {
  position:relative;
  visibility:hidden;
  color:#000;
  background-color:#fff;
  float:none;
  clear:left;
  text-align:right;
  width:740px;
  max-width:740;
  padding:0px 0px 0px 0px;
  height:50px;
}

a.homelink {
  display:block;
  float:none;
  position:absolute;
  height:40px;
  width:350px;
  z-index:999;
}

.headimg {
  float:right;
  position:absolute;
  top:43px;
  right:0px;
  z-index:100;
  padding:0px;
  margin:0px;
  right:-1px;
}  HTML > BODY .headimg {
  top:67px;
  right:0px;
}
/*---------------------------
  obere navigation als liste
  ---------------------------*/
ul#topbar {
  position:absolute;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:1.0em;
  font-weight:bold;
  width:740px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  float:left;
  z-index:400;
  height:23px;
  border-bottom:1px solid #009F00;
} HTML > BODY ul#topbar {
  width:100%;
  margin:0px;
  z-index:999;
}


ul#topbar li.first {
  position:relative;
  float:left;
  border-left:0px;
  display:block;
  padding:0px;
  margin:0px;
  text-align:center;
} HTML > BODY ul#topbar li.first {
}

ul#topbar li.next {
  position:relative;
  float:left;
  display:block;
  padding:0px;
  margin:0px;
  border:0px;
  border-right:0px solid #fff;
  margin-right:1px;
  text-align:center;
} HTML > BODY ul#topbar li.next {
}

ul#topbar li a {
  display:block;
  text-decoration:none;
  padding:3px 10px 4px 10px;
  height:13px;
  margin:0px;
  border-right:1px solid #009F00;
  border-top:1px solid #009F00;
  border-left:1px solid #009F00;
  border-bottom:1px solid #009F00;
  background-color:#009F00;
  text-align:center;
  color:#ffffff;
  width:110px;
} HTML > BODY ul#topbar li a {
  width:auto;
  height:18px;
  padding:2px 5px 2px 5px;
  padding:2px 5px;
}

#topbar .inactive {
  visibility: hidden;
  height:0px;
}

ul#topbar li a:hover, #topbar .ACT {
  border-top:1px solid #009F00;
  border-left:1px solid #009F00;
  border-right:1px solid #009F00;
  border-bottom:1px solid #ffffff;
  color:#009F00;
  background-color:#fff;
} HTML > BODY ul#topbar li a:hover,  HTML > BODY #topbar .ACT {

}



/*------------
  toolbar
  ------------*/
.toptools {
  color:#009F00;
  position:absolute;
  float:right;
  right:0px;
  height:30px;
  padding:5px 5px 5px 5px;

}

.toptools img {
  border:0px;
  vertical-align:middle;
}

.toptools a {
  padding:2px 6px;
  vertical-align:middle;
}

.searchbar {
   position:absolute;
   top:30px;
   right:0px;
   float:right;
   height:35px;
   padding:8px 5px 2px 5px;
}
.searchbar input {
  font-size:0.8em;
  border:2px inset #ccc;
}
.searchbar input.searchbutton {
      padding:0px 0px 0px 10px;
      border:0px;
}

/*---------------------------
	formulardaten
  ---------------------------*/
.eingabeformular {
	color:#009f00;
	position:relative;
	border:0px solid red;
	padding:0px;
	margin:0px;
	height:auto;
    border:0px dotted gray;
    width:400px;
	}
.eingabeformular h1 {
    border:0px;
    font-size:12px;
    padding:0px;
    }
.eingabeformular .kontaktintro {
    color:#0c0c0c;
    float:left;
    width:40%;
    border-right:0px solid #009f00;
    z-index:999;
    height:90px;
}
.eingabeformular .kontaktinfo {
    color:#0c0c0c;
    padding:0px 0px 0px 2px;
    width:140px;
    border-left:1px solid #009f00;
    float:right;
z-index:999;
}
.eingabeformular .kontaktinfo h1 {
    color:#009f00;
}
form.formular {
	font-size:11px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	border:0px solid red;
	width:100%;
	clear:left;
    position:relative;
    width:400px;
	}

.formular fieldset {
	border:0px solid #000;
	margin:0px;
	padding:0px;
	left:1px;
	width:400px;
	overflow:hidden;
	border:0px solid red;
}

.formular h1 {
	font-size:11px;
	font-weight:bold;
	width:400px;
	max-width:400px;
	height:18px;
	min-height:16px;
	max-height:16px;
	padding:4px 0px 0px 6px;
	margin:0px;
	position:relative;
	left:1px;
} HTML* .formular h1 {
	left:-6px;
}

.formular legend {
	width:100%;
	display:block;
	padding:0px;
	margin:0px;
}

.formular select, .formular input {
	height:18px;
	min-height:18px;
	max-height:18px;
	line-height:18px;
	font-size:10px;
	border:0px;
	margin:0px 0px 0px 0px;
	border:0px solid red;
} HTML* .formular select,HTML* .formular input {
	height:18px;
	min-height:18px;
	max-height:18px;
	line-height:14px;
    padding:0px 0px 0px 0px;
}

.formular input {
    line-height:17px;
    border:0px solid red;
    padding:3px 0px 0px 0px;
	height:17px;
	min-height:17px;
	max-height:17px;
	color:#009f00;
} HTML* .formular input {
	color:#009f00;
	height:17px;
	min-height:17px;
	max-height:17px;
    padding:2px 0px 0px 0px;
}

.formular .data2 .innerframe, .formular .data .innerframe {
	width:313px;
	min-width:307px;
	max-width:307px;
	border:1px solid #009f00;
	background-color:#FFF;
	height:20px;
	margin:2px;
	padding:0px 5px 0px 5px;
}

.formular .labelfake {
	width:60px;
	min-width:60px;
	max-width:60px;
	height:30px;
	min-height:24px;
	max-height:24px;
	border:0px;
	border-right: 1px solid #fff;
	font-weight:bold;
	float:left;
	clear:left;
	padding:3px 0px 0px 5px;
	margin:0px 0px 0px 3px;
} HTML > BODY .formular .labelfake {
	border-right: 1px solid #fff;
	padding:3px 0px 0px 5px;
	margin:0px 0px 0px 0px;
}

.formular .data {
	position:relative;
	clear:left;
	height:27px;
	float:none;
	width:100%;
	padding:0px;
	margin:0px;
	border:1px solid #fff;

}

.formular .data2 {
	position:relative;
	clear:left;
	float:none;
	border:0px solid red;
	background-color:#EEF1F4;
}

.formular label.inner2, .formular label.inner {
	width:40px;
	min-width:55px;
	max-width:55px;
	height:10px;
	min-height:15px;
	max-height:15px;
	border:0px solid #fff;
	font-weight:normal;
	background-color:#fff;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
} HTML > BODY .formular label.inner2, HTML > BODY .formular label.inner {
	clear:none;
	padding:0px;
	margin:0px;
}

.formular label.label2 {
	width:100%;
	min-width:60px;
	max-width:60px;
	height:10px;
	min-height:13px;
	max-height:13px;
	border:0px solid #fff;
	font-weight:normal;
	float:left;
	padding:0px 0px 10px 10px;
	margin:0px;
	line-height:18px;
	display:block;
} HTML > BODY .formular label2 {
}

.inputframe_type1 input.checkbox {
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
}


.formular label {
	width:60px;
	min-width:60px;
	max-width:60px;
	height:30px;
	min-height:24px;
	max-height:24px;
	border:0px;
	border: 0px solid #ccc;
    color:#009F00;
	font-weight:bold;
	float:left;
	clear:left;
	padding:3px 0px 0px 5px;
	margin:0px 0px 0px 3px;
} HTML > BODY .formular label {
	border-right: 1px solid #fff;
	padding:3px 0px 0px 5px;
	margin:0px 0px 0px 0px;
}

.formular .inputframe {
	display:block;
	position:absolute;
	left:68px;
	height:30px;
	min-height:27px;
	max-height:27px;
 	width:325px;
 	min-width:325px;
 	max-width:325px;
	padding: 0px 0px 0px 10px;

}

.formular input.button {
	border:1px outset gray;
    background-color:#009f00;
    color:#fff;
	height:16px;
	margin:5px 0px;
	padding:0px 0px 10px 0px;
}HTML* .formular input.button {
	height:16px;
	min-height:20px;
}

.formular textarea {
	border:0px;
    height:91px;
    padding:1px;
    margin:0px;
    max-height:93px;
    min-height:93px;
    width:400px;
    max-width:310px;
    min-width:310px;
	overflow:auto;
}HTML* .formular textarea {
    padding:0px;
    padding-left:4px;
    max-height:96px;
    min-height:96px;
    width:300px;
    max-width:306px;
    min-width:306px;
}

.formular select.select_typ1 {
	margin-top:3px; margin-left:2px;
	width:317px;
	height:18px;
	max-height:18px;
	min-height:18px;
	border:1px solid #000;
	line-height:16px;
}

.formular select.select_typ1day {
	margin-top:3px; margin-left:2px;
	width:100px;
	height:18px;
	max-height:18px;
	min-height:18px;
	border:1px solid #000;
	line-height:16px;
}

.formular select.select_typ1month {
	margin-top:3px; margin-left:2px;
	width:317px;
	height:18px;
	max-height:18px;
	min-height:18px;
	border:1px solid #000;
	line-height:16px;
}

.formular input.input_type1 {
	width:300px;
	border:0px solid red;
	color:#009f00;
}
.formular .inputframe_type1 {
	width:331px;
	border:0px solid red;
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
}
.formular .data_textarea {
	height:202px;
	min-height:202px;
	background-color:#EEF1F4;
	padding:0px 0px 0px 0px;
	}

.formular .data_textarea2 {
	position:relative;
	height:102px;
	min-height:102px;
	background-color:#EEF1F4;
	padding:0px 0px 0px 0px;
	}

.formular .inputframe_textarea {
	min-height:194px;
	padding:0px 0px 0px 13px;
	max-width:316px;
	min-width:316px;
	float:left;
}

.formular .inputframe_textarea2 {
	min-height:100px;
	padding:0px 0px 0px 13px;
	max-width:316px;
	min-width:316px;
	float:left;
}


.formular .innerframe_textarea {
	min-height:194px;
	padding:0px;
	max-width:316px;
	min-width:316px;
}

.formular .innerframe_textarea2 {
	border:1px solid gray;
	background-color:#fff;
	height:98px;
	min-height:98px;
	max-height:98px;
	padding:0px;
	max-width:412px;
	min-width:412px;
}

.formular label.inner { width:20px;max-width:50px;min-width:50px;background-color:#fff; font-weight:normal;padding:0px;height:16px;max-height:16px;min-height:16px;float:left;clear:none;}
HTML > BODY .formular label.inner { width:50px;max-width:50px;min-width:50px;background-color:#fff; font-weight:normal;padding:0px;height:16px;max-height:16px;min-height:16px;}
.formular label.inner2 { width:59px;max-width:59px;min-width:59px;float:left; background-color:#fff; font-weight:normal;padding:0px;height:16px;max-height:16px;min-height:16px;}

.formular input#internet { width:374px; }
.formular input#vorname { float:left; width:144px; }
.formular input#nachname { float:left; width:144px; margin-left:8px;}
.formular input#vorwahlfon { float:left; width:144px; }
.formular input#rufnummerfon { float:left; width:144px; }
.formular input#vorwahlfax { float:left; width:144px; }
.formular input#rufnummerfax { float:left; width:144px; }
.formular input#zip { float:left; width:47px; padding-right:4px;}
HTML > BODY .formular input#zip { float:left; width:57px; padding-right:10px;}
.formular input#country { float:left; width:144px;}
HTML > BODY .formular input#country { float:left; width:164px;}

.formular input#vorwahlphone { float:left; width:27px; padding-right:4px;}
HTML > BODY .formular input#vorwahlphone { float:left; width:37px; padding-right:10px;}
.formular input#rufnummer_phone { float:left; width:134px;}
HTML > BODY .formular input#rufnummer_phone { float:left; width:154px; }

.formular input#vorwahl { float:left; width:27px; padding-right:4px;}
HTML > BODY .formular input#vorwahl { float:left; width:37px; padding-right:10px;}
.formular input#rufnummer { float:left; width:134px;}
HTML > BODY .formular input#rufnummer { float:left; width:154px; }


/* selectboxes height:68px;min-height:68px;min-width:430px;width:428px;padding:5px 0px 0px 15px;*/

/* inputframe datum ...padding:5px 8px 0px 12px*/


/* inner height:103px;min-height:103px;max-width:425px; */
/* input min-height:96px;padding:0px;max-width:416px;min-width:416px;" */

.height1, label.height1 { height:30px; max-height:30px; min-height:30px; }
.height2, label.height2 { height:100px; max-height:100px; min-height:100px; }
.height3, label.height3 { height:199px; max-height:199px; min-height:199px;}
.height4, label.height4 { height:330px; max-height:330px; min-height:330px; }
.height5, label.height1 { height:60px; max-height:46px; min-height:46px; }

/*---------------------------
  linke navigation als liste
  ---------------------------*/
#subnavigation {
  position:relative;
  color:#009F00;
  font-size:1.1em;
  width:160px;
  font-weight:normal;
  padding:5px 0px 0px 0px;
  margin:0px;
  z-index:10;
}

ul#subnav1 {
  position:relative;
  color:#009F00;
  top:0px;
  left:0px;
  font-size:1.0em;
  font-weight:normal;
  padding:0px 0px 0px 0px;
  margin:0px;
  z-index:10;
}

ul#subnav1_1 {
  position:absolute;
  color:#009F00;
  top:0px;
  left:0px;
  font-size:1.0em;
  font-weight:normal;
  padding:0px 0px 15px 0px;
  margin:0px;
  z-index:10;
}

ul#subnav1_2 {
  position:relative;
  color:#009F00;
  left:0px;
  font-size:1.0em;
  font-weight:normal;
  padding:0px 0px 0px 0px;
  margin:0px;
  z-index:10;
  float:none;
  clear:left;
}
ul#subnav1 h1, ul#subnav1_2 h1 {
    padding:0px 0px 3px 3px;
    font-size:1.0em;
    margin:0px;
    text-decoration:none;
    border:0px;
    color:#fff;
}

ul#subnav2 {
  position:relative;
  color:#009F00;
  top:0px;
  left:0px;
  font-size:1.0em;
  font-weight:normal;
  width:100%;
  padding:0px 0px 15px 0px;
  margin:0px;
  z-index:10;
}
ul#subnav3 {
  position:relative;
  left:0px;
  font-size:1.0em;
  font-weight:normal;
  min-width:150px;
  max-width:150px;
  padding:0px 0px 0px 0px;
  margin:0px;
  z-index:10;
  float:none;
  clear:left;
  list-style-type: none;
} HTML > BODY ul#subnav3 { left: 8px; }

ul#subnav3 .subnav3_n {
  position:relative;
  background-color:#fff;
  display:block;
  padding:0px;
  padding:0px 0px 0px 0px;
  margin:0px;
} HTML > BODY ul#subnav3 .subnav3_n { padding:0px 0px 0px 0px; left: 8px; }

ul#subnav3 .subnav3_l  {
  position:relative;
  background-color:#fff;
  display:block;
  padding:0px;
  padding:0px 0px 0px 0px;
  margin:0px;
  border:0px;
} HTML > BODY ul#subnav3 .subnav3_l { padding:0px 0px 0px 0px; left: 8px;}


ul#subnav1_1 li, ul#subnav1_2 li, ul#subnav1 li {
  position:relative;
  border-bottom:0px solid gray;
  display:block;
  padding:0px;
  padding:0px 0px 0px 0px;
  margin:0px;
  text-align:left;
} HTML > BODY ul#subnav1_1 li, HTML > BODY ul#subnav1_2 li, HTML > BODY ul#subnav1 li {
  padding:0px 0px 0px 0px;
}

ul#subnav1_1 li a, ul#subnav1_2 li a, ul#subnav1 li a {
  text-decoration:none;
  height:18px;
  left:0px;
  z-index:999;
  padding:3px 0px 3px 13px;
  border-bottom:1px solid #009F00;
  margin:0px;
  display:block;
  color:#009F00;
} HTML > BODY ul#subnav1_2 li a, HTML > BODY ul#subnav1 li a {
  height:auto;
  padding:5px 5px 1px 13px;
}

ul#subnav1_2 li a:hover, ul#subnav1 li a:hover, ul#subnav1 a .ACT {
  text-decoration:underline;
}

.SUBACT {
   background: url('http://www.idb-deutschland.com/s_site_gfx//square.jpg') left -5px no-repeat;
} HTML > BODY .SUBACT {
   background: url('http://www.idb-deutschland.com/s_site_gfx//square.jpg') left -4px no-repeat;
}


ul#subnav2 li.subnav2_l a, ul#subnav2 li.subnav2 a, ul#subnav2 li.subnav2_n a, ul#subnav2 li.subnav2_1 a {
    border:0px;
}

ul#subnav2 li.subnav3_l a, ul#subnav2 li.subnav3 a,.SUB ul#subnav2 li.subnav3_n a, ul#subnav2 li.subnav3_1 a {
    border:0px;
}


ul#subnav2_n .SUBACT,ul#subnav2 .SUBACT {
   font-weight:bold;
   background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat;
}
ul#subnav3 .SUBACT,ul#subnav3 .SUBACT {
   font-weight:bold;
   background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat;
}

ul#subnav4 {
  list-style-type: none;
  padding:0px;
  margin-left:15px;
  text-indent:0px;
} HTML > BODY ul#subnav4 { left: 8px; }


/*---------------------------
  linke navigation als liste auf der Homepage
  ---------------------------*/
ul.homenav   {
  position:relative;
  display:block;
  background-color:#F6F6F5;
  top:51px;
  left:5px;
  font-size:1.0em;
  font-weight:normal;
  width:232px;
  min-width:244px;
  max-width:244px;
  padding:0px;
  margin:0px 0px 0px 31px;
  z-index:10;
  height:auto;
} HTML > BODY ul.homenav {
  min-width:232px;
  max-width:232px;
  left:5px;
}

ul.homenav h1  {
  background-color:#2D4F70;
  border:0px;
  color: #fff;
  font-size:1.1em;
  line-height:1em;
  border:0px;
  padding:3px 0px 3px 10px;
  margin:0px 0px 0px 0px;
  z-index:10;
  width:234px;
} HTML > BODY ul.homenav h1 {
  min-width:222px;
  max-width:222px;
}

ul.homenav li {
  position:relative;
  background-color:#F6F6F5;
  color: #000;
  border:0px;
  display:block;
  padding:0px 0px 0px 0px;
  margin:3px;
  text-align:left;
  width:226px;
  min-width:224px;
  max-width:224px;
} HTML > BODY ul.homenav li {
  padding:0px 0px 0px 0px;
}

ul.homenav li a {
  text-decoration:none;
  color: #000;
  left:0px;
  z-index:999;
  padding:3px 5px 3px 13px;
  padding-top:0px;
  margin:0px;
  display:block;
  width:226px;
  min-width:224px;
  max-width:224px;
  background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat;
} HTML > BODY ul.homenav li a {
  padding:3px 5px 3px 13px;
  padding-top:0px;
}
ul.homenav li a.more {
  background: url('');
}


ul.homenav li a:hover {
  text-decoration:underline;
}
#lefthome ul#subnav1 li {
    visibility:hidden;
}
/*---------------------------
  default elements
  ---------------------------*/
a.more { background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat; padding:3px 5px 3px 8px;}


a           { text-decoration:none; color:#009F00; }
a:hover     { text-decoration:underline; }
a:focus     { text-decoration:underline; }
a:link      {}
a:active    {}

#middlehome .bodytext a { background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat; padding:3px 5px 3px 12px; font-weight:bold; }


img {
  border:0px;
}

.rrConBox1 img { margin:0px 8px;}
h1 {
  color: #009F00;
  font-size:1.2em;
  line-height:1em;
  padding:0px 0px 0px 4px;
  margin:10px 0px 6px 0px;
}

h2 {
  color: #009F00;
  font-size:1.1em;
  line-height:14px;
  margin:0px 0px 0px 0px;
}

h3 {
  color: #009F00;
  font-size:1.1em;
  line-height:1em;
  margin:20px 0px 0px 0px;
}

h4 {
  color: #009F00;
  font-size:1.0em;
  line-height:1em;
  margin:20px 0px 0px 0px;
}

h5 {
  color: #009F00;
  font-size:1.1em;
  line-height:1em;
  margin:20px 0px 0px 0px;
}

h6 {
  color: #009F00;
  font-size:1em;
  line-height:1em;
  margin:20px 0px 0px 0px;
}

h1.sitemap  { font-size:14px; padding: 0px 0px 5px 0px; }
h1.sitemap_sub { font-size:14px; padding: 5px 0px 5px 0px; }
h2.sitemap  { font-size:13px; padding: 5px 0px 5px 5px; }
h3.sitemap  { font-size:12px; padding: 5px 0px 5px 10px; }
h4.sitemap  { font-size:11px; padding: 5px 0px 5px 0px; }
h6.sitemap  { font-size:10px; padding: 5px 0px 5px 0px; }

a:hover h1.sitemap  { text-decoration:underline; }
a:hover h1.sitemap_sub { text-decoration:underline; }
a:hover h2.sitemap { text-decoration:underline; }
a:hover h3.sitemap { text-decoration:underline; }
a:hover h4.sitemap { text-decoration:underline; }

.sitemap_col1 { border:0px solid red;}
.sitemap_col2 { border:0px solid red;}
.sitemap_col3 { border:0px solid red;}

.COLOR1 { color:#fff;  background-color:#009F00;}
.COLOR2 { color:#fff;  background-color:#830335;}
.COLOR3 { color:#fff;  background-color:#126412;}
.COLOR4 { color:#fff;  background-color:#684002;}
.COLOR5 { color:#fff;  background-color:#6A2F6B;}
.COLOR6 { color:#fff;  background-color:#0000C0;}
.COLOR7 { color:#fff;  background-color:#B10307;}
/*------------------------------------------------
  navigations Klassen
  ------------------------------------------------*/
a.COLOR1 { color:#fff;  background-color:#2D4F70; }
a.COLOR1:active { color:#fff;  background-color:#2D4F70; }
a.COLOR1ACT, a.COLOR1:hover, a.COLOR1:focus { color:#fff;  background-color:#555;}
a.COLOR1ACT:active {color:#fff;  background-color:#555;}

a.COLOR2 { color:#fff;  background-color:#2D4F70;}
a.COLOR2ACT, a.COLOR2:hover, a.COLOR2:focus { color:#fff;  background-color:#830335;}

a.COLOR3 { color:#fff;  background-color:#2D4F70;}
a.COLOR3ACT, a.COLOR3:hover, a.COLOR3:focus { color:#fff;  background-color:#126412;}

a.COLOR4 { color:#fff;  background-color:#2D4F70;}
a.COLOR4ACT, a.COLOR4:hover, a.COLOR4:focus { color:#fff;  background-color:#684002;}

a.COLOR5 { color:#fff;  background-color:#2D4F70;}
a.COLOR5ACT, a.COLOR5:hover, a.COLOR5:focus { color:#fff;  background-color:#6A2F6B;}

a.COLOR6 { color:#fff;  background-color:#2D4F70;}
a.COLOR6ACT, a.COLOR6:hover, a.COLOR6:focus { color:#fff;  background-color:#0000C0;}

a.COLOR7 { color:#fff;  background-color:#2D4F70;}
a.COLOR7ACT,  a.COLOR7:hover, a.COLOR7:focus { color:#fff;  background-color:#B10307;}
/*------------------------------------------------
  subnav Klassen
  ------------------------------------------------*/
a.SUBCOLOR1ACT { color:#009F00; }
a.SUBCOLOR1ACT:active {}
a.SUBCOLOR1ACT:hover {}

a.SUBCOLOR2ACT, a.SUBCOLOR2ACT:hover {  color:#830335; background-color:#fff;}

a.SUBCOLOR3ACT, a.SUBCOLOR3ACT:hover {  color:#126412; background-color:#fff;}

a.SUBCOLOR4ACT, a.SUBCOLOR4ACT:hover {  color:#684002; background-color:#fff;}

a.SUBCOLOR5ACT, a.SUBCOLOR5ACT:hover {  color:#6A2F6B; background-color:#fff;}

a.SUBCOLOR6ACT, a.SUBCOLOR6ACT:hover {  color:#0000C0; background-color:#fff;}

a.SUBCOLOR7ACT, a.SUBCOLOR7ACT:hover {  color:#B10307; background-color:#fff;}


/*---------------------------------------------------
  infoblocks
  ---------------------------------------------------*/
.COLOR1 { color:#2D4F70; border-color:#2D4F70;}
.COLOR2 { color:#830335; border-color:#830335; }
.COLOR3 { color:#126412; border-color:#126412; }
.COLOR4 { color:#684002; border-color:#684002; }
.COLOR5 { color:#6A2F6B; border-color:#6A2F6B; }
.COLOR6 { color:#0000C0; border-color:#0000C0; }
.COLOR7 { color:#B10307; border-color:#B10307; }



.missingNavImg {display:none;}

/*---------------------------------------------------
  News / Aktuelles
  ---------------------------------------------------*/
.newsblock { clear:left; border:0px solid red; display:block; height:auto; float:none; padding: 5px 0px 5px 0px;}
.newsimage { clear:left; float:left;}
.newsimage img { width: 92px;}
h1.newsdate { left:100px; background-color: #E8F6E5; width:283px; padding:6px 0px; text-align:left; }
.newsblock h2 { font-size:11px; padding:5px 0px 0px 10px;  background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left 5px no-repeat; }
.newscontent { margin-left:110px; float:none; padding: 5px 0px 5px 0px;}
.newsblock .border_after { border-bottom:1px solid #009F00; }
.morelink { clear:left; float:none;}
/*---------------------------------------------------
    produktsuche
  ---------------------------------------------------*/

.produkt_suche form {
    padding:0px;
    margin:0px;
}
.produkt_suche {
    border:1px solid #009F00;
    margin:6px 0px 0px 0px;
    padding:5px 15px 10px 10px;
    width:270px;
    max-width:240px;
    min-width:240px;
    float:left;
}

.dioxin_hinweis {
    border:1px solid #009F00;
    margin:0px 0px 0px 0px;
    padding:5px 15px 10px 10px;
    width:513px;
    max-width:513px;
    min-width:513px;
    float:left;
}

.produkt_suche h1 {
    font-size:1.4em;
    letter-spacing:1.5px;
    line-height:1.4em;
    font-weight:normal;
    padding:0px 0px 3px 0px;
    margin:0px;
}
.produkt_suche h2 {
    padding:0px 0px 3px 0px;
    margin:0px;
    font-size:1.1em;
    line-height:1.1em;
    color:#3c3c3c;
}

.produkt_suche select {
    width:200px;
    font-size:1.1em;
    margin:0px 0px 0px 0px;
    padding:0px;
} HTML > BODY .produkt_suche select {
    width:200px;
    font-size:1.1em;
    margin:0px 0px 3px 0px;
    padding:0px;
}


h4.h4_produkte {
    background-color:#E6F7E7;
    padding:2px;
    margin:0px;
}


.headline_blue {
font-size:16px;
border-bottom:2px solid #009F00;
width:100%;
display:block;
margin: 0px 0px 20px 0px;
}
/*---------------------------------------------------
  infoblocks
  ---------------------------------------------------*/
.infoblock {
  padding:0px 0px 0px 0px;
  list-style-image: url('http://www.idb-deutschland.com/s_site_gfx//bigdot.jpg');
} HTML > BODY .infoblock {
  padding:0px 0px 0px 20px;
}

.infoblock li {
  border-bottom:1px solid gray;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.infoblock li h2 {
  color: #365D84;
  font-size:1.0em;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:none;
}

.infoblock a {
  background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat;
  padding: 0px 0px 0px 10px;
  margin: 0px 22px 0px 10px;
}
/*---------------------------------------------------
  right content
  ---------------------------------------------------*/
#right h1 {
  background-color:#830335; /* DTML Abhängig */
  color: #fff;
  font-size:1.1em;
  line-height:1em;
  border:0px;
  padding:3px 3px 3px 10px;
  margin:0px 0px 0px 0px;
  width:100%;
}

#right h2 {
  color: #365D84;
  font-size:1.1em;
  line-height:1em;
  border:0px;
  padding:3px 3px 0px 14px;
  margin:0px 0px 0px 0px;
  background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') 5px 5px no-repeat
}

#right h2 p{
  color: #000;
  font-size:11px;
  font-weight:normal;
  line-height:11px;
  border:0px;
  margin:0px;
  padding:0px 0px 0px 0px;
}

#lefthome .news,
#left .news, #right .news {
  padding:0px 0px 4px 10px;
  margin:0px 0px 20px 0px;
  border:0px solid red;
  display:block;
  width:100%;
}
#lefthome .news h2, #right .news h2 {
  background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left top no-repeat;
  outline:0px sollid red;
  font-size:1em;
  font-weight:normal;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 10px;
}
#lefthome .news .date {
    color:#000;
    padding:0px 0px 10px 10px;
}

#lefthome .news h1, #right .news h1 {
  outline:0px sollid red;
  font-size:1.3em;
  margin:4px 0px 4px 0px;
  padding:0px 0px 0px 0px;
  border:0px solid red;
}

/*---------------------------------------------------
  Formular Elemente
  ---------------------------------------------------*/
.formular {width:100%;margin:0px auto 0px auto;}
LABEL { clear:left; display:block; width:144px; float:left; line-height:1.8em;}
.rot { position:relative; float:left; margin:0px; padding:0px; color:#990033;}
form input { }
.textfeld_kontakt { width:100%; min-width:62%; max-width:100%;}
.textarea_kontakt { width:100%;padding:0px; margin:0px; min-width:100%; max-width:100%; }
.t_extarea_kontakt { overflow:scroll; width:95%; min-width:66%; max-width:66%;}
.short1 { width:69%; min-width:210px; max-width:210px; }
.short2 { width:20%; min-width:60px; max-width:60px; }


/*---------------------------------------------------
  Produkt Klassen
  ---------------------------------------------------*/

.technische_daten {
  margin:0px;
  border-left-style:solid;
  border-left-color:#CCCCCC;
  border-left-width:1px;
  border-right-style:solid;
  border-right-color:#CCCCCC;
  border-right-width:1px;
  border-top-style:solid;
  border-top-color:#CCCCCC;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#CCCCCC;
  border-bottom-width:1px;
  width:100%;
  max-width:100%;
  min-width:100%;
}

.tp_td { background-color: #CCCCCC; width:9px; max-width:9px; min-width:9px; }
.tp_td1 { background-color: #E8F6F6; width:9px; max-width:9px; min-width:9px; }
.tp_td2 { background-color: #E8F6F6; width:153px; max-width:153px; min-width:153px; }
.tp_td3 { background-color: #E8F6F6; width:9px; max-width:9px; min-width:9px; }
.tp_td4 { background-color: #FFFFFF; width:184px; max-width:184px; min-width:184px; }



p.htsearch {
  font-size:0.7em;
  font-weight:normal;
  color:#000000;
}

span.htsearch_browselinks {
  font-size:0.7em;
  font-weight:normal;
}


span.smallfont_grau {
    border:0px solid red;
    display:block;
    position:absolute;
    top:-50px;
    float:right;
    clear:right;
    vertical-align:top;
    position:relative;
    width:50%;
}

#prodTitle {
    height:115px;
    width:194px;
    padding:13px 3px 3px 3px;
} HTML > BODY #prodTitle {
    height:95px;
    padding:13px 3px 3px 3px;
}HTML* #prodTitle {
    height:115px;
    max-width:194px;
    padding:13px 3px 3px 3px;
}

#prodcontent {
    height:154px;
    position:relative;
    width:193px;
    padding:4px 3px 3px 4px;
    overflow:hidden;
} HTML > BODY #prodcontent {
    height:154px;
    position:relative;
    width:193px;
}

a#prodLink {
    display:block;
    position: absolute;
    height:190px;
    width:110px;
    left:207px;
    top:10px;
    
}


.alignleft { float:left; clear:left;}
.alignright { float:left; }

a.emaillink {
   background: url('http://www.idb-deutschland.com/s_site_gfx//pfeil.gif') left center no-repeat;
   padding-left:10px;
}
/* dtml-var css_tmp.css */
/*---------------------------------------------------
  Zope Ultima Definitionen
  ---------------------------------------------------*/
		.langlink img { border:0px; }
		a.langlink { padding:1px; vertical-align:middle;}
		td.langlink { float:left; padding:1px; white-space:nowrap;}

    div.treeview    { overflow:hidden; max-width:600px; width:600px; }
    div.treeobject  { overflow:hidden; margin:10px 20px 0px 15px; border:1px solid #FBAF17;  height:auto;border-left:1px solid #ccc;}
    div.tree        { border-left:0px solid green; clear:left; position:relative; display:block; float:none;}
    div.tree img    { vertical-align:middle; background-color:#fff; }
    div.level0      { padding:4px 0px 4px 0px; margin:0px 80px 0px 0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
    div.level1      { padding:1px 0px 4px 0px; margin:0px 80px 0px 15px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
    div.level2      { padding:1px 0px 4px 0px; margin:0px 80px 0px 30px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
    div.level3      { padding:1px 0px 4px 0px; margin:0px 80px 0px 45px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
    div.level4      { padding:1px 0px 4px 0px; margin:0px 80px 0px 60px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
    div.level5      { padding:1px 0px 4px 0px; margin:0px 80px 0px 75px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
    div.tools       { position:absolute;width:80px;display:inline; margin:0px;padding:0px; right:1px; top:1px;float:right}

    #debug          { font-size:10px; position:absolute; overflow:scroll; height:64px; width:700px; background-color:#eee;clear:left;right:1px; border-left:1px solid gray; cursor:move; top:1px;text-align:left;}
    #debug *        { font-size:11px; line-height:10px;text-align:left;}
    .debugframe     { border:1px solid red;text-align:left;margin-left:5px;padding-left:2px; border-left:10px solid #333;}
    .debugframe h1  { color:#fff; background-color:#333;margin:0px;padding:2px;}
    .debugframe1    { border:1px solid red;text-align:left;margin-left:5px;padding-left:2px; border-left:10px solid #333;}
    .debugframe1 h1 { color:#fff; background-color:#333;margin:0px;padding:2px;}
    .debugframe2    { border:1px solid #33f;text-align:left;margin-left:5px;padding-left:2px; border-left:10px solid #33f;}
    .debugframe2 h1 { color:#fff; background-color:#333;margin:0px;padding:2px;}

    .magicdebug     { text-align:right;font-size:8px;color:#00ff00;background-color:#000000;position:relative;clear:left; width:100%; border-bottom:1px solid #fff; border-right:4px solid #fff;}
/*---------------------------------------------------
  error Classes
  ---------------------------------------------------*/
		.exceptionACT { color:#000; border:1px solid #f00; }
		.exception { color:#000; border:1px solid #f00; }
		.missingNavImg { color:#000; border:#f00; }
		.error {}
		.NavClass_error {color:#000;border:1px solid red;}
		.BGColor_error {color:#000;border:1px solid red;}
		.FGColor_error {color:#000;border:1px solid red;}


/*---------------------------------------------------
  Allgemeine Spalten und Boxen definitionen
  Unteranderem zur Positionierung der Flexprodukte (Spalten)
  WICHTIG !!!
  ---------------------------------------------------*/
    /* ACHTUNG Diese Boxen dürfen kein Border, Margin und Padding enthalten */
        .rrConBox0 { margin:0px; position:relative; padding: 0px 0px 0px 0px; display:block; height:auto; min-height:10px; border:0px solid red; max-width:100%; width:100%; outline 1px solid blue; clear:left;overflow:hidden;}
        HTML > BODY .rrConBox0 { margin:0px; position:relative; padding: 0px 0px 0px 0px; display:block; height:auto; min-height:10px; border:0px solid red; max-width:100%; width:100%; outline 1px solid blue; clear:left;overflow:hidden;}
        .rrConBox1 { display:block; height:auto; position:relative; float:left; padding: 0px 0px 0px 0px; margin: 0px -1px 0px -1px; width:100%; border:0px solid blue; outline 1px solid green; overflow:hidden;}
        HTML > BODY .rrConBox1 { display:block; height:auto; position:relative; float:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:100%; border:0px solid blue; outline 1px solid green; overflow:hidden;}
/*---------------------------------------------------
  Contentbereich Überschriften
  ---------------------------------------------------*/
h1 { margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h2 { margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h3 { margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h4 { margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h5 { margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/*---------------------------------------------------
  Contentbereiche
  ---------------------------------------------------*/
    /* ACHTUNG bodytext überschreibt settings für pfeil neben... e.t.c. also vorher stehen lassen. */
    /* .bodytext sollte jedes Textelement mit div umschließen */
        .bodytext    { padding:0px 0px 0px 0px; display:block; }
        .innerborder { display:block;  position:relative; height:auto;margin:0px; padding:0px; float:left; border:1px solid green; }

    /* Klassen für Pfeil vorher, Linie danach, Umbruch danach e.t.c. */
    /* werden in das umschließende Div element als Klasse eingefügt. */
        .border-bottom  { border-bottom:1px solid gray; }
        .center         { margin:0px auto 0px auto; }
        .pfeil          { background: url('http://www.idb-deutschland.com/Pfeil_link.gif') left top no-repeat; padding-left:25px; }
        .umbruch        { display:block; width:100%; border:0px solid red;height:1px; margin:0px;padding:0px; clear:left; }
        hr.trennstrich  { border:1px solid gray; }
        .bildvorschau   { width:88%; height:300px; max-height:300px; min-height:300px; overflow:auto;}
	    .anker          { visibility:hidden; color:red; z-index:999; background-color:#FFFF99; position:absolute; padding:2px; font-weight:bold; }
	    a.pfeil         { background: url('http://www.idb-deutschland.com/Pfeil_link.gif') left top no-repeat; padding-left:15px;}
	    a.pfeilnach     { background: url('http://www.idb-deutschland.com/Pfeil_link.gif') right top no-repeat; padding-right:15px;}

/*---------------------------------------------------
  Allgemeine Spalten und Boxen definitionen
  ---------------------------------------------------*/
        .toolbar            { border:0px; border-right:1px solid #fff; border-left:1px solid #333; float:left; height:52px; }
        .toolbar a          { display:block; float:left; border:0px; border-left:1px solid #D2D0D1; border-right:1px solid #D2D0D1; }
        .toolbar a:hover    { background-color:#DEE3E9; border:0px; border-left:1px solid #fff; border-right:1px solid #333; }