/*
 *  fabrique d'images ebusiness gmbh
 *  css.css
 *  15.04.2009 mpez
 */

/* init reset  */
* { margin:0; padding:0; border:0; }
ol, ul { list-style: none; }
html { min-height: 101%; } /* scrollbar firefox */
body { color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 16px;text-align: center; }
.voila_rep_id {display:none; font-size:0px;}

/* helper */
.meta { display: none; }
.clear { clear: both; }
.spanHover { color:#666 !important; }
.teaser1,.teaser2,.teaser3,.curTeaser { display:block; height:1px; }

/* Links */
.highlight a:link,.highlight a:visited { color:black; text-decoration:underline; font-weight:normal; }
.highlight a:hover { color:#85C442; text-decoration:none; }
.highlight a:active { color:#ccc; text-decoration:none;  }
#forPrint { display:none; }


#refResult .reference .a a { display:block; text-indent:12px; background:url(../../../gfx/refArrow.gif/$file/refArrow.gif) no-repeat center left; float:left; display:inline; }
#refResult .reference .a a:link,#refResult .reference a:visited{ text-decoration:underline; font-weight:normal; }
#refResult .reference .a a:hover { text-decoration:none; }
#refResult .reference .a a:active { color:#ccc; text-decoration:none;  }

#footer a:link, #footer a:visited { color:#666; text-decoration:none; display: block;}
#footer a:hover, #footer a:active { text-decoration:underline; }

#historynav a:link, #historynav a:visited { color:white; text-decoration:none; }
#historynav a:hover, #historynav a:active { text-decoration:underline; }

#historynav2 a:link, #historynav2 a:visited { color:#333333; text-decoration:none; }
#historynav2 a:hover, #historynav2 a:active { text-decoration:underline; }

#content a:link, #content a:visited { color:#000000; text-decoration:underline; }
#content a:hover, #content a:active { color:#85C442; text-decoration:none; }

#content #taggingcloud a:link, #content #taggingcloud a:visited, #content #taggingcloud a:hover, #content #taggingcloud a:active {color:#; text-decoration:none; }

#sidebar a:link, #sidebar a:visited { color:white; text-decoration:none; }
#sidebar a:hover { text-decoration:underline; }
#sidebar a:active { color:#ccc; }

a.more:link, a.more:visited { color:#85C442; text-decoration:none;}
a.more:hover, a.more:active { text-decoration:underline; }


/* Layout global */
#nav_access { position: absolute; top: -9999px; margin: 0; }
#wrap { margin: auto; text-align: left; width: 980px; line-height: 18px; }

div#header { height: 170px; }



    #logo { float:left;display:inline;margin-top: 20px; text-indent: -9999px; background: transparent url(../../../gfx/voila_logo2.jpg/$file/voila_logo2.jpg) no-repeat 0 0; width:290px; height:53px; }
        #logo a { display: block; width: 100%; height: 100%; outline: none; }
    #partner { float:right; display:inline; margin-top:28px; width:384px; }
        #partner img { float:left; display:inline; margin-right:15px; }

    div#navigation { margin-top: 45px; height: 28px; float:left; display:inline; width:100%; }
        /*div#navigation li { display: inline; }*/
	#search { float:left; display:inline; width:191px; }
		#search img { float:left; display:inline; }
		#search #searchInput { background:url(../../../gfx/searchBG2.gif/$file/searchBG2.gif) repeat-x top left; float:left;height:22px;padding-top:6px;padding-left:5px;display:inline; display:none; width:155px; }

		* html #search #searchInput { padding-top:0px; line-height:28px; height:28px; }
		*+html #search #searchInput { padding-top:0px; line-height:28px; height:28px; }


div#contentContainer { color: #F9F9F9; float: left; display: inline; clear: both; width: 980px; }
    #teaser { float:left; background:no-repeat top left; width:100%; height:254px;  }
        #historynav { color:#ffffff; float:right; display:inline; width:640px; margin-top:5px; font-size:11px; }
        #historynav2 { color:#000000; float:right; display:inline; width:640px; margin-top:5px; font-size:11px; }

        .headline { clear:right; float: right; text-align:left; width: 653px; padding:10px 0 10px 8px; background: #85c442; margin-top:7px;  }
            .headline h1, .headline p { float:left;display:inline; font-size:24px; line-height:30px; font-weight:bold; text-align:left; width:653px; }

        .highlight { clear:right; font-weight:normal; float: right; display:inline; width: 646px; padding: 7px 7px 7px 8px; background:#F9F9F9; margin-top:10px;  color: #000000; }
			.highlight ul { float:left; display:inline; }
			.highlight li { clear:left; line-height:18px; }
			.highlight a { display:block; color:white; text-indent:12px; background:url(../../../gfx/highlightArrow_voila.gif/$file/highlightArrow_voila.gif) no-repeat center left; float:left; display:inline; }
			.highlight .none { display:inline !important; text-indent:auto !important; background:none !important; float: none !important; padding:none !important; margin-top:none !important;}
			.highlight img { float:left; display:inline; margin-right:9px; }


     #sidebar { position:absolute; top:20px; left:0px; }
	       #sidebar a { display:none; background:#484848; color:white; width:150px; padding-left:5px; height:24px; line-height:24px; text-align:left; z-index:500; }
			#print, #pdf, #fav, #p, #tell, #handy, #color { position:absolute; top:0; left:0; }
			#printImg {position:absolute; top:0px;left:0px; width:28px; }
			#printLink { position:absolute;top:0px;left:28px; }
            #favImg { position:absolute; top:26px;left:0px; width:28px;}
     		#favLink { position:absolute;top:26px;left:28px; }
            #pImg { position:absolute; top:52px;left:0px; width:28px;}
     		#pLink { position:absolute;top:52px;left:28px; }
            #handyImg { position:absolute; top:78px;left:0px; width:28px;}
     		#handyLink { position:absolute;top:78px;left:28px; }
            #tellImg { position:absolute; top:104px;left:0px; width:28px;}
     		#tellLink { position:absolute;top:104px;left:28px; }
            #pdfImg { position:absolute; top:130px;left:0px; width:28px;}
     		#pdfLink { position:absolute;top:130px;left:28px; }
			#colorImg { position:absolute; top:156px; left:0px; width:28px; }
			#colorLink{position:absolute; top:156px; left:28px;}

	#startTeaser { position:relative; height:280px; background:#efefef; }
		#imageNavi { width:280px; height:300px; }
		#startTeaser #imageNavi li { float:left; display:inline; width:280px; margin:0; border-top:1px solid white; border-bottom:1px solid #d2d2d2; }
		#startTeaser #imageNavi li.first { border-top:1px solid #efefef; }
		#startTeaser #imageNavi li.last { border-bottom:1px solid #efefef; }
			#imageNavi span { color:#85C442; font-size:14px; font-weight:bold; display:block; margin-bottom:4px; background:url(../../../gfx/arrow.gif/$file/arrow.gif) no-repeat center left; text-indent:12px; line-height:18px; }
			#imageNavi span { color:#85C442; font-size:14px; font-weight:bold; display:block; margin-bottom:4px; background:url(../../../gfx/arrow.gif/$file/arrow.gif) no-repeat center left; text-indent:12px; line-height:18px; }
			#imageNavi li:hover span { color:#666; }
			#imageNavi span.active { color:#666; }
			#startTeaser #imageNavi a { display:block; margin:15px 25px; color: #666; text-decoration:none; }
			#startTeaser #imageNavi a:focus { outline: 0; }
			#startTeaser .highlight { width: 647px; height:185px;}

    #content {  clear:both; float:left; background-color: #f9f9f9; color: black; width:980px; position:relative; padding-bottom:18px; font-size:12px;}
        /* Alte Farbe { color:#99C233} */
        #content h2 { color:#000000; font-size:20px; margin-top:18px; line-height:20px; z-index:10; }
        #content h3 { color:#000000; font-size:14px; line-height:28px; }
		#content h4 { color:#000000; font-size:14px; line-height:20px; }
		#content h4 a { text-decoration:none; color: #85C442 }
		#content h4 a:link { text-decoration:none; color: #85C442 }
		#content h4 a:hover { text-decoration:none; color: #85C442; }
		#content h4 a:active { text-decoration:none; color: #85C442; }
		#content h4 a:visited { text-decoration:none; color: #85C442; }
        #content p { margin-top:5px; }

		#content .tip { text-decoration:underline;}
		#content #taggingcloud .tip { letter-spacing:0px !important; text-decoration:none !important; }

        #content1 { clear: both; float: left; display:inline; width: 510px; margin:0 0 0 53px; }
        #content2 { float: right; width: 355px; }
            #references img { margin-right:20px; height:28px;}

#footer { clear: both; background: #fefefe url(footer_verlauf.jpg) repeat-x top left; overflow:hidden; color:#333; margin-bottom: 50px; }
    #footer div { float:left; display:inline; margin:10px 0 25px 25px; line-height:20px; }
    #footer div.left {margin-right: 10px;}
    #footer ul { margin-left:49px; font-size:11px; }
    #footer li { display: inline; margin-right:18px; }

/* Linkliste */
.linklist { margin-top:9px; float:left; display:inline; }
.linklist div { float:left; display:inline; background:url(../../../gfx/vlistSep.gif/$file/vlistSep.gif) no-repeat bottom left; margin-top:9px;padding-bottom:9px; width:355px; }
    .linklist img { float:left; display:inline; margin:0 14px 0 0; height:28px; }
    .linklist h3 { color:#db5504; float:left; display:inline; font-size:14px; line-height:28px; }
    .linklist p { float:left; display:inline; clear:both; margin:0 15px 0 0; width:325px; font-size:11px; }
    .linklist ul { font-size:11px; }

/* Teaserliste */
.teaserliste { clear:both; float:left; display:inline; margin-top:15px; width:100%; }
    .teaserliste img { float:left; display:inline; margin-top:1px; }
    .teaserliste div { float:right; display:inline; width:425px; }
    .teaserliste h2 { margin-top:0 !important; }

/* Layout für Unterseite2 */
.box { float:left; display:inline; width:100%; clear:both; }
    .box img { float:left;display:inline;margin-top:10px;margin-right:10px; }
     /* .box img {float: left;} */

/* Referenzseite */
#ref { margin-left:52px; }
#refForm { float:left; display:inline; padding-left:52px; background:#484848; margin-top:5px; line-height:32px; height:32px; font-size:11px; }
* html #refForm { padding-top: 5px; height:27px; }
    #refForm select { margin-right:10px; }
        #refForm #alphaRef { margin-left:6px; }
        #refForm #projectRef { margin-right:4px; }
    #refResult { clear:both; margin-top:20px; float:left; display:inline; margin-left:52px; width:928px; }
        .reference { float:left; display:inline; width:295px; margin:0 8px 33px 0; }
            .reference img { float:left; display:inline; margin-right:14px; }
            .reference div { float:left; display:inline; width:105px; line-height:16px; }
                #refResult .reference div p { margin-top:0; }
                #refResult .reference div h3 { line-height:18px; }

/*Auflistungen im Content */

#content ul li {
    background: url(../../../gfx/highlightArrow_voila.gif/$file/highlightArrow_voila.gif) no-repeat 0 6px;
    padding-left: 13px;
    clear:both;
}

#content ul li ul li {
    background: url(../../../gfx/highlightArrow_voila.gif/$file/highlightArrow_voila.gif) no-repeat 0 6px;
    padding-left: 13px;
    clear:both;
    margin-left:7px;
}

/* Bookmarks */

#bookmarks {
    margin-top: 20px;
    clear:both;
    display:inline;
    float:left;
    width:100%;
    }

#bookmarks ul {
  height: 20px;
  list-style-type: none;
  display: inline;
  margin-left: -10px;
}

#bookmarks ul li {
  display: inline;
  list-style: none !important;
  background: none;
}

/* Bookmarks */

#bookmarks {
    background:url(http://www.fdi.de/fdi/web.nsf/gfx/vlistSep.gif/$file/vlistSep.gif) no-repeat top left;
    margin-top: 20px;
    clear:both;
    display:inline;
    float:left;
    width:100%;
    }

#bookmarks ul {
    height: 20px;
    list-style-type: none;
    display: inline;
   }

#bookmarks ul li {
    background: none;
    clear: none;
    float: left;
    list-style: none !important;
    margin-top: 20px;
}

/* Referenzen */

ul.a li {
padding-left: 0px !important;
}


.downloadDiv { line-height:16px; overflow:hidden; margin-bottom:3px; }
.downloadDiv  div.downImg { background:#E2E2E2; margin-right:2px; float:left; display:inline; height:23px; width:23px; margin-right:1px; }
.downloadDiv  div.downImg img { margin:3px 0 0 3px; }
.downloadDiv  .downLink { background:#E2E2E2; line-height:23px; height:23px; float:left; display:inline; padding-left:5px; width:871px;}
.downloadDiv  .downLink2 { background:#E2E2E2; line-height:23px; height:23px; float:left; display:inline; width:481px; padding-left:5px; }


/* Sitemap */

#sitemap { margin-top: 20px;}

.sitemap1 {margin-top: 10px; margin-left: 5px; }
.sitemap2 {margin-top: 10px; margin-left: 50px;}
.sitemap3 {margin-left: 60px;}

.sitemap3 {
  color: #000000;
}


blockquote {
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}



/* voilà-Druckversion */

#wrap2 { text-align:left; color:black; }
    #wrap2 h1, #wrap2 h2,#wrap2 h3,#wrap2 h4,#wrap2 h5,#wrap2 h6 { color: #9D182B; }
    #wrap2 #contentContainer { color:black; }
    #wrap2 .headline, #wrap2 .headline h1, #wrap2 .highlight { display:block; float:none; width:auto; color:black; background:none;}
    #wrap2 .headline h1 { background:#ccc; }
    #wrap2 .highlight a { color:black; background:none; text-indent:0px; }
    #wrap2 .highlight table { width:500px; }
    #wrap2 .highlight td { float:left; }
    #wrap2 #content { background:none; }
    #wrap2 #content1 { float:none; display:block; margin-left:8px; width:100%;}
    #wrap2 #content2 { float:none; display:block; margin-top:20px; width:100%;}
    #wrap2 .linklist div, #wrap2 .linklist h3, #wrap2 .linklist p { float:none; display:block; width:100%; }
    #wrap2 .linklist div { background-repeat:repeat-x; }
    #wrap2 a.more { color:black !important; }

/*---------- Modalfenster Lightbox  -----------*/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../../../gfx/ajaxLoader.gif/$file/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../../../gfx/close.gif/$file/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../../../gfx/prev.gif/$file/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(../../../gfx/next.gif/$file/next.gif) right 20% no-repeat;
}



/* Formulare */


#content1 input, textarea, select{
  background-color: #CBCBCB;
  border: 1px solid #9A9A9A;
  color: #000000;
  padding: 3px;
}

#content1 input {
  width: 250px;
}


#content1 select{
  width: 100px;
}

#content1 textarea {
  width: 400px;
}

#content1 legend {
 color: #99C233;
 font-size: 14px;
 line-height: 20px;
 padding-top: 20px;
 padding-bottom: 5px;

}

#content1 label, #content1 select, #content1 input[type=checkbox], #content1 input[type=radio], #content1 input[type=button], #content1 input[type=submit] {
  cursor: pointer;
  cursor:hand;
  }

#send {
  margin-top: 20px;
}


#send a, #send a:hover, #send a:active, #send a:link {
  background-color: #99C233;
  border: 1px solid #9A9A9A;
  color: #000000;
  text-decoration: none;
  padding: 5px;

}

/* Auto-Complete */

.ac_results {
	padding: 0px;
	border: 1px solid #ccc;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
    color:#333;
    width:182px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	/*background-color: #eee;*/
}

.ac_over {
	background-color: #333;
	color: #85C442;
}

/*
 *  fabrique d'images ebusiness gmbh
 *  dropdown.css
 *  27.01.2009 jr
 */

#jsddm { margin:0;background-color: #333; padding:0 0 0 25px; font-size:12px; float:left; width:764px; display:inline; font-weight:bold; color:white;  }
	#jsddm li {	float: left; display:inline; }
	#jsddm li a { display: block; padding: 0px 10px 0px 12px; margin-right:2px; text-decoration: none; line-height:28px;
					color: white; white-space: nowrap;  }
	#jsddm li a:hover {	background:#85C442;}
		#jsddm li ul{ position: absolute; padding:0; visibility: hidden; border-top:0; z-index:100; margin:0; background:#85C442; }
			#jsddm li ul li{ float: none;display: inline }
                #jsddm li ul li a:link, #jsddm li ul li a:visited { display:block; background:url(../../../gfx/highlightArrow_voila3.gif/$file/highlightArrow_voila3.gif) no-repeat center left !important; /*text-indent:12px;*/
				margin-left: 12px; color:white; text-decoration:none; line-height:22px; }
				/*#jsddm li ul li a { border:0; width: auto; color:white; line-height:23px; font-size:11px; text-decoration:underline; z-index:100; }*/
				#jsddm li ul li a:hover{ /*color:#c0838a;*/ text-decoration:underline; }
				#jsddm li ul li a:active{ color:#ccc; text-decoration:underline; }
	.activeMenu { background:url(../../../gfx/activeMenu2.gif/$file/activeMenu2.gif) repeat-x top left !important; color:#99C233 !important; }
	.activeTop { background:url(../../../gfx/activeMenu2.gif/$file/activeMenu2.gif) repeat-x top left !important; color:#99C233 !important; }