@charset "UTF-8";
/**

 */

@media screen, projection
{
  /**
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background url(/files/mjf_ibele/images/bg_ibele.jpg); */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #3A3A3A url(/files/mjf_ibele/images/bg_ibele.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  }

  html * { font-size:100.01%; }

    body {
    font-family: 'PT Sans', arial, serif;
    font-size:75.00%;
    color:#444;
  }


  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#444;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:250%; font-weight: bold; }                       /* 30px */
  h2 { font-size:200%; font-weight: bold;}                       /* 24px */
  h3 { font-size:150%; font-weight: bold;}                       /* 18px */
  h4 { font-size:150%; font-weight: bold; display:inline; color: #999; float: left; padding-top: 3px;}                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */




  #main { background: transparent; padding-top: 170px;}
  body.projekte #main { background: transparent; padding-top: 0px;}
  #main div.inside { background-color: #FFF;}
  #main .mod_article {padding: 10px; padding-right:20px;}
  body.buero #main .mod_article {padding: 25px; padding-top:0;}
  body.buero.kontakt #main .mod_article {padding: 25px; padding-left: 120px; padding-top:0;}
  body.buero.datenschutz #main .mod_article {padding: 25px; padding-left: 120px; padding-top:30px;}
  body.projekte .ce_gallery { padding-top:10px; padding-right:10px;}
  body.projekte .ce_text {float: none; padding-left: 10px; padding-right: 10px;}
  body.buero.mitarbeiter #main {padding-top: 0px;}
  div#mitarbeiter.mod_article.block {padding-left: 0; padding-right: 0;}
    div#mitarbeiter.mod_article.block .ce_text.block { margin-left: 0px; padding-top:10px; padding-right: 25px;}
	    div#mitarbeiter.mod_article.block .ce_headline { padding-left: 30px; width: 170px; float: left;}

div#links.mod_article.block { padding-top: 30px;}
  div#links.mod_article.block .ce_headline { padding-left: 0px; width: 170px; float: left;}
    div#links.mod_article.block .ce_text.block { margin-left: 0px; padding-top:10px; padding-right: 25px;}


  #header {
	  background:url(/files/mjf_ibele/images/head_mjf.gif);
	  background-repeat:no-repeat;
	  background-position: 150px 65px;

	  }


  /*-------------------------PROJEKTE-------------------*/

	body.projekte #header {
	  background-position: 150px 20px;
	  	  }

     body.projekte h3 {

		 margin-top:15px;
		 margin-bottom: 20px;

		 }
body.projekte .mod_customnav {
    color: #CCC;
	padding: 15px 15px 5px 15px;
	}

	body.projekte .mod_customnav li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 180%;
font-weight:bold;
}



body.projekte .mod_customnav ul li a:link {
text-decoration: none;
color: #ccc;
}

body.projekte .mod_customnav ul li a:visited {
text-decoration: none;
color: #ccc;
}

body.projekte .mod_customnav ul li a:hover {
text-decoration: underline;
color:#333;
}

body.projekte .mod_customnav ul li.active {
color:#666;
}

body.projekte .mod_customnav ul {
float: right;
margin:0px;

}



  /*-------------------------HAUPTMENÜ-------------------*/


  #left div.inside {
	padding: 15px;
	padding-top: 170px;
	   }

 body.projekte #left div.inside {
	padding-top: 220px;
	   }




 #left {
	background: url(/files/mjf_ibele/images/dots_buero.gif) transparent;
	background-repeat:no-repeat;
	background-position:top right;
	   }


 body.projekte #left {
	background: url(/files/mjf_ibele/images/dots_projekte.gif) transparent;
		background-repeat:no-repeat;
	background-position:top right;
	   }

	    body.buero #left {
	background: url(/files/mjf_ibele/images/dots_aktuelles.gif) transparent;
		background-repeat:no-repeat;
	background-position:top right;
	   }



   .mod_navigation ul {
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 18px;
	   text-align:right;
	   color: #999;
	   font-weight: bold;
	   }



	   .mod_navigation ul li {
	  font-size: inherit;

	   }

	    .mod_navigation ul.level_1 li {
	 margin: 5px 0;

	   }



   .mod_navigation ul li a {
	   color: inherit;
	   text-decoration:none;

	   }

	      ul.level_2 li {
		   color: #d4d4d4;
		   font-size:14px;
		   }



	.aktuelles.active {

		color: #53ecff;}

	      body.projekte .trail, body.projekte .active.submenu {
	color:#CCFF00;
	   }

	         body.buero .trail, body.buero .active.submenu {
	color:#FF6600;
	   }
	 body.projekte ul.level_2 li.active {
	 color:#CCFF00;

	 }

	       body.buero .trail {
	color:#FFFF00;
	   }
	 body.buero ul.level_2 li.active {
	 color:#FFFF00;

	 }

	       body.kontakt .trail {
	color:#FF6600;
	   }
	 body.kontakt ul.level_2 li.active {
	 color:#FF6600;

	 }





		   #slideshow {

  width: 520px;
  height: 247px;

}


ol {
  color: #999999;

  font-family: Arial, Helvetica, sans-serif;

}

ol li{
 list-style-type: decimal-leading-zero;
 color: #555;
 font-size: 48px;
 font-weight:bold;
 border-bottom: #999 1px dashed;
 padding: 0 10px 0 10px;

}

 ol li p {
 font-size: 13px;
  font-weight:normal;

}

ol li h1  {
font-size: 16px;
position: absolute;
bottom: 0;
float:none;

}
ol li h2  {
font-family: 'PT Sans', helvetica, arial, serif;
font-size: 12px;
float:none;
  font-weightbold;
  margin: 10px 0 12px 0;

}

div.headalign {
	height: 53px;
	position: relative;

	}

body.aktuelles .ce_text {
 font-size: 10px;

	}



ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
  }

ol li {
padding: 10px;

}
ol li:before {
  display: inline-block;
  content: counter(item, decimal-leading-zero) " ";
  counter-increment: item;
  width: 10px;
  float:left;

}

li div.layout_full {
	padding-left: 60px;
	font-family: 'Droid Sans', arial, serif;
	}


li.projekte:before {
	 content: "/";

	}
li.projekte.first:before {
	 content: none;

	}

	.portrait_center div {
		width: 120px;
		margin: 0 auto;

		}

.details {
	color: #999;
	border-top: #666 dashed 1px;
	margin-top: 25px;
	padding-top: 15px;
	margin-left: 10px;


	}

	#slideshow.schubertstrasse {
		width: 521px;

		}

	        #slideshow.kinderhaus_w {
		background: url(../projekte/slideshows/kinderhaus_w/picture1.jpg);

		}
			 #slideshow.bbp_hb {
		background: url(../projekte/slideshows/bbp_hb/picture1.jpg);

		}


			#slideshow.weglang {
		background: url(../projekte/slideshows/weglang/picture1.jpg);

		}

			#slideshow.aufderh {
		background: url(../projekte/slideshows/aufderh/picture1.jpg);

		}

			#slideshow.famb {
		background: url(../projekte/slideshows/barth/picture1.jpg);

		}

			#slideshow.buchen {
		background: url(../projekte/slideshows/buchen/picture1.jpg);

		}

				#slideshow.brunnenstrasse {
		background: url(../projekte/slideshows/brunnenstrasse/picture1.jpg);

		}

					#slideshow.bernhardusstrasse {
		background: url(../projekte/slideshows/bernhardusstrasse/picture1.jpg);
		height: 300px;

		}


					#slideshow.akazienwaeldchen {
		background: url(../projekte/slideshows/akazienwaeldchen/picture1.jpg);

		}

						#slideshow.breitenfeldstrasse {
		background: url(../projekte/slideshows/breitenfeldstrasse/picture1.jpg);

		}

					#slideshow.om_berghausen {
		background: url(../projekte/slideshows/om_berghausen/picture1.jpg);

		}

							#slideshow.rheinstrasse {
		background: url(../projekte/slideshows/rheinstrasse/picture1.jpg);

		}

								#slideshow.rheinau {
		background: url(../projekte/slideshows/rheinau/picture1.jpg);

		}

							#slideshow.lambrecht1 {
		background: url(../projekte/slideshows/lambrecht1/picture1.jpg);

		}

							#slideshow.oetigheim {
		background: url(../projekte/slideshows/oetigheim/picture1.jpg);

		}


        #slideshow.tannenstrasse {
		background: url(../projekte/slideshows/tannenstrasse/picture1.jpg);

		}



						#slideshow.marxturm {
		background: url(../projekte/slideshows/marxturm/picture1.jpg);

		}

							#slideshow.wbweingarten {
		background: url(../projekte/slideshows/wbweingarten/picture1.jpg);

		}

							#slideshow.wallduern {
		background: url(../projekte/slideshows/wallduern/picture1.jpg);


							}

	#slideshow.zimmermann { background: url(../projekte/slideshows/zimmermann/picture1.jpg);}

								#slideshow.beb_nrt {
		background: url(../projekte/slideshows/beb_nrt/picture1.png);

		}

								#slideshow.baul_nrt {
		background: url(../projekte/slideshows/baul_nrt/picture1.png);

		}

								#slideshow.udorfstrasse {
		background: url(../projekte/slideshows/udorfstrasse/picture1.jpg);

		}




   #slideshow {
	background-color: #333;

		}



.framed img{border: #000 solid 1px;}

  #footer {}

  div.mod_newslist div.ce_text {
	  padding-top: 20px;

	  }
a, a:link {
	color:#000;
	}


*+html .mod_navigation ul li a {
    color: #DDDDDD;

}

body.start #main .mod_article.block {
	background-color: none;
	padding: 0;
	padding-top: 30px;
	}



  body.start div#container .ce_text.block.box_full {
  	background: #4f4f4f;
  	width: 740px;
  	float:left;
  	color:#DDD;
  	height:170px;
    padding: 20px;
  	}


body.start div#container .ce_text.block.box140, body.start .mod_newslist.aktuellstart.block {
	background: #4f4f4f;
	width: 130px;
	margin-right: 10px;
	float:left;
	padding: 8px;
	color:#DDD;
	height:220px;
	}

	body.start div#container .ce_text.block.box140.letzter {

	width: 140px;
	margin-right: 0px;

	}

#footer {
  padding-left: 150px;
}

  body.start div#footer .ce_text.block {


  	padding: 8px;
  	color:#DDD;

  	}


body.start .ce_text.block h3, .mod_newslist.aktuellstart.block h3 {
	margin-bottom: 1em;
    color:#53ecff;

	}

body.start div.mod_newslist ol {
font-family: 'PT Sans',arial,serif;
}


body.start .ce_text.block a, body.start .ce_text.block a:hover {
	color:#53ecff;
	text-decoration:none;
	}

body.start div.mod_newslist a, body.start div.mod_newslist.aktuellstart.block a:hover {
	color:#53ecff;
	text-decoration:none;
	}



div.mod_newslist h3 a, div.mod_newslist h3 a:hover {
	color:#53ecff;
		}

body.start .ce_text.block h3 a, body.start .ce_text.block h3 a:hover {
	color:#53ecff;
		}

body.start .ce_text.projekte.block a:link, body.start .ce_text.projekte.block a:visited{
	color: #ccff00;
	}


body.start .ce_text.taetig.block h3 {
	color:#ffff00;
		}




body.start div.ce_text.aktuellstart.block p a, .mod_newslist.aktuellstart.block p a {

	color: #DDD !important;
	}





body.start div.ce_text.aktuellstart.block p a:hover {

	color: #53ecff !important;
	}

body.start div.mod_newslist.aktuellstart.block p a:hover {

	color: #53ecff !important;
	}

body.start div.ce_text.projekte.block p a {

	color: #DDD !important;
	}

body.start div.ce_text.projekte.block p a:hover {

	color: #ccff00 !important;
	}


body.start .ce_text.kontakt.block a:link, body.start .ce_text.kontakt.block a:visited{
	color: #F60;
	}

body.start .ce_text.taetig.block {
	margin-right: 0;
	}

body.start .ce_text.taetig.block a:link, body.start .ce_text.taetig.block a:visited{
	color: #FFFF00;
	}

body.start div.ce_text.taetig.block p a {

	color: #DDD !important;
	}

body.start div.ce_text.taetig.block p a:hover {

	color: #FFFF00 !important;
	}

body.start div.ce_text.kontakt.block p a {

	color: #DDD !important;
	}

body.start div.ce_text.kontakt.block p a:hover {

	color: #f60 !important;
	}

body.start #main div.inside {
background: url(../images/buerofuer.gif);
background-repeat: no-repeat;}

body.start #main {
padding-top: 165px;}

	/* Aktuelles */

div.layout_full.block {
padding: 20px;
border-bottom: 1px dashed grey;

}

div.layout_full.block h1 {
font-size: 150%;

}


}