#newhome {
	width: 959px;
}
.htopteaser {
	width: 959px;
	height: 326px;
	float: left;
}
.anyclass {
	display:inline;
	list-style: none;
}
.hbreak {
	clear: both;
}
.bestellablauf {
	width: 270px;
	height: 326px;
	float: right;
}
#bestellablauftitel {
	height: 23px;
	background-image: url(http://www.expocomdesign.de/images/bestellablauf-titel.png);
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	background-repeat: no-repeat;
}
.bestellablauf1 {
	height: 90px;
	background-image: url(http://www.expocomdesign.de/images/bestellablauf-schritt1-auswaehlen.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 37px;
}
.bestellablauf2 {
	height: 94px;
	background-image: url(http://www.expocomdesign.de/images/bestellablauf-schritt1-versenden.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	text-align: center;
}
.bestellablauf3 {
	height: 73px;
	background-image: url(http://www.expocomdesign.de/images/bestellablauf-schritt3-erhalten.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	text-align: center;
}
.steptitle {
	font-weight: bold;
	padding-bottom: 5px;
}
.homeline2 {
	padding-top: 25px;
}
.homeline3 {
	padding-top: 25px;
}
#homeline4 {
	padding-top: 25px;
}
#homeline4 .left {
	width: 3px;
	float: left;
}
#homeline4 .left .lefttopcorner {
	width: 5px;
	height: 235px;
	background-image: url(http://www.expocomdesign.de/images/hcontent-left-top.png);
	background-repeat: no-repeat;
}
#homeline4 .left .leftbottomcorner {
	width: 5px;
	height: 5px;
	background-image: url(http://www.expocomdesign.de/images/hcontent-left-bottom.png);
	background-repeat: no-repeat;
}
#homeline4 .left .spacer {
	background-color: #F4F4F4;
}
#homeline4 .right {
	float: left;
}
#homeline4 .right .righttopcorner {
	width: 5px;
	height: 235px;
	background-image: url(http://www.expocomdesign.de/images/hcontent-right-top.png);
	background-repeat: no-repeat;
}
#homeline4 .right .rightbottomcorner {
	width: 5px;
	height: 5px;
	background-image: url(http://www.expocomdesign.de/images/hcontent-right-bottom.png);
	background-repeat: no-repeat;
}
#homeline4 .right .spacer {
	background-color: #F4F4F4;
}
#homeline4 .content {
	background-color: #F4F4F4;
	height: 240px;
	float: left;
	width: 949px;
}
#homeline4 .contentitem {
	width: 189px;
	float: left;
}
#homeline4 .hcontentheadline {
	padding: 30px 0px 0px 20px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
#homeline4 .hcontentheadline a:link { color: #333; text-decoration: none; }
#homeline4 .hcontentheadline a:visited { color: #333; text-decoration: none; }
#homeline4 .hcontentheadline a:hover { color: #333; text-decoration: underline; }
#homeline4 .hcontentheadline a:active { color: #333; text-decoration: underline; }
#homeline4 .hcontentheadline a:focus { color: #333; text-decoration: underline; }
#homeline4 .hcontentitems {
	line-height: 1.6;
}
#homeline4 .hcontentitems a:link { text-decoration: none; color: #666; }
#homeline4 .hcontentitems a:visited { text-decoration: none; color: #666; }
#homeline4 .hcontentitems a:hover {	text-decoration: none; color: #CC001E; }
#homeline4 .hcontentitems a:active {	text-decoration: none; color: #CC001E; }
#homeline4 .hcontentitems a:focus {	text-decoration: none; color: #CC001E; }
#homeline4 .hcontentitems ul {
	list-style-type: none;
	padding-left: 20px;
}
#homeline5 {
	padding-top: 25px;
}
#homeline5 .hfooterleft {
	width: 9px;
	height: 41px;
	background-image: url(http://www.expocomdesign.de/images/footer-border-left.png);
	background-repeat: no-repeat;
	float: left;
}
#homeline5 .hfootercontent {
	height: 41px;
	background-color: #353535;
	color: #FFF;
	float: left;
	width: 943px;
}
#homeline5 .hfooterright {
	width: 7px;
	height: 41px;
	background-image: url(http://www.expocomdesign.de/images/footer-border-right.png);
	background-repeat: no-repeat;
	float: right;
}
#homeline5 .hcopyright {
	font-size: 12px;
	float: left;
	padding: 12px 0px 0px 10px;
}
#homeline5 .footnav {
	text-align: right;
	float: right;
	padding: 6px 10px 0px 0px;
}
.hfooterrightall {
	float: right;
	width: 240px;
	padding-top: 7px;
}
#homeline5 .footnav a:link { color: #FFF; text-decoration: none; font-size: 12px; }
#homeline5 .footnav a:visited { color: #FFF; text-decoration: none; font-size: 12px; }
#homeline5 .footnav a:hover { color: #FFF;	text-decoration: underline; font-size: 12px; }
#homeline5 .footnav a:active { color: #FFF;	text-decoration: underline; font-size: 12px; }
#homeline5 .footnav a:focus { color: #FFF;	text-decoration: underline; font-size: 12px; }
.smallteaser {
	width: 222px;
	height: 132px;
	float: left;
	margin-right: 25px;
}
.smallteaserend {
	width: 222px;
	height: 132px;
	float: right;
}
#hproductslider {
	width: 675px;
	height: 138px;
	background-image: url(http://www.expocomdesign.de/images/productslider-background.png);
	background-repeat: repeat;
	float: left;
}
#hproductslider .lborder {
	width: 10px;
	height: 138px;
	background-image: url(http://www.expocomdesign.de/images/productslider-border-left.png);
	float: left;
	background-repeat: no-repeat;
}
#hproductslider .rborder {
	width: 10px;
	height: 138px;
	background-image: url(http://www.expocomdesign.de/images/productslider-border-right.png);
	float: right;
	background-repeat: no-repeat;
}
#hproductslider .slider {
	float: left;
	width: 649px;
	height: 138px;
}
.hsearchfield {
	width: 246px;
	height: 118px;
	float: right;
	background-image: url(http://www.expocomdesign.de/images/hsearchfield-background.png);
	background-repeat: no-repeat;
	padding: 10px;
}
.hsearchtitle {
	background-image: url(http://www.expocomdesign.de/images/icon-lupe.png);
	background-repeat: no-repeat;
	padding: 0px 0px 20px 30px;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	margin-bottom: 20px;
}

/* example_3 css */  
 #example_3 {  
     position: relative; /* important */  
     overflow: hidden; /* important */  
     width: 650px; /* important */  
     height: 110px; /* important */  
     margin: 0px;  
 }  
   
 #example_3_frame {position: relative}  
 #example_3_previous {float: left; padding-top: 55px;}  
 #example_3_next {float: right; padding-top: 55px;}  
 #example_3_content {  
     position: absolute;  
     top: 0;  
     margin-left: 20px;  
 }  
   
 #example_3_content  
 #example_3_content li {  
     list-style: none;  
     margin: 0;  
     padding: 0;  
 }  
     #example_3_content {  
         width: 5418px;  
     }  
     #container_bd #example_3 ul li {  
         display: block;  
         float: left;  
         margin: 5px;  
         padding: 5px;  
     }  
   
 #container_bd #example_3 ul li img {  
     display: block;  
 }  
      
	
	
	/* Anpassungen Ben    */
/**/
/**/
/**/
/**/
body {
	background-image: url(http://www.expocomdesign-messebau.de/images/mw-bg.gif);
	background-repeat: repeat-x;
}
/*IE 6 - Hack*/
* html body {
	background-image: url(http://www.expocomdesign-messebau.de/images/mw-bg-ie6.gif);
	background-repeat: repeat-x;
}
/**/
/**/
/* Ben Startseite */
#body .welcome {float:left;width:900px; margin:0px 0px 10px 0px;padding:0px;}
/**/
/**/
/* Ben Header */
#header div.bar .fixed {min-width:184px;border-right:1px solid #D33D4A;float:left;}
/**/
/**/
/* Ben Navigation */
div.bar.categories   { background-image:url(http://www.expocomdesign-messebau.de/images/nav-bg.gif); background-repeat:repeat-x; border-bottom: 1px solid #FFF;} /*Navigationsebene 1 außer Home */
div.bar.categories a { min-width:50px;text-align:center;line-height:1;color:#ffffff; text-decoration: none; display:block; padding: 10px;font-weight: bold;font-size:11px;}
div.bar.categories li a.more{ background: transparent url(bg/oxid_ce_.gif) no-repeat 5px -125px;text-indent: 10px;}
div.bar.categories li a.exp.more { background-position: 5px -625px;}
div.bar.categories li.open a.more{ background-position: 5px -150px;}
div.bar.categories a.fixed { padding: 10px 0; text-align: center; background-image:url(http://www.expocomdesign-messebau.de/images/nav-bg.gif); background-repeat:repeat-x; color:#ffffff; margin-bottom: 25px} /*Navigationsebene 1 nur Home */
div.bar.categories a.fixed:hover, a.fixed:focus, a.fixed:active {background-image:url(http://www.expocomdesign-messebau.de/images/nav-active-home.gif); background-repeat :no-repeat; color:#FFF;text-decoration: underline; }
div.bar.categories li.open a, div.bar.categories li a.exp{ background-image:url(http://www.expocomdesign-messebau.de/images/nav-active-home.gif); background-repeat :no-repeat; color:#FFF;text-decoration: none; }

div.bar.categories ul.menue.horizontal  li {float:left; border-right : 1px solid #D33D4A;}
div.bar.categories ul.menue.vertical    li {float:none; border-top   : 1px solid #FFF; border-right: 1px solid #FFF;}
div.bar.categories ul.menue.vertical    li a { text-align:left;padding: 7px 10px; background: #e2e2e2;color:#555555;font-weight: normal;}
div.bar.categories ul.menue.vertical    li a:hover { background-color:#D33D4A;color:#FFF;}
/**/
/**/
/* Ben Footer */
div.bar.copy{ height:13px;background:#333;border-top:2px solid #ffffff;color:#ffffff;padding:5px 10px 5px 200px;}
/**/
/**/
/* Ben eigene Textklassen */
#startseitenmodule h2 {
	font-size: 13px;
	color: #666;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#startseitenmodule p {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	/*text-align: justify;*/
}
#startseitenmodule a {
	color: #CD0021;
	text-decoration: none;
}
#startseitenmodule a:hover {
	text-decoration: underline;
}
#startseitenmodule h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666;
	margin: 30px 0 20px 0;
}

.homebox {
	margin-bottom: 15px;
}
/**/
/**/
/* Ben Kontaktformular */
.kontaktformular {
	width: 554px;
}
.kontaktlinks {
	width: 150px;
	float: left;
	text-align: right;
}
.kontaktrechts {
	width: 390px;
	float: right;
}
.kontaktlistright {
	width: 220px;
	float: right;
	text-align: left;
	padding-right: 50px;
}
.kontaktclear {
	clear: both;
}
.kontaktlistleft {
	width: 120px;
	float: left;
}
body,td,th {
	font-size: 12px;
}
/* Gestaltung der Eingabefelder*/
               input, textarea {
                    border: 1px solid #CCC;
               }
span.required {
	/* Markierung des Eingabefeldes, das ausgefüllt werden soll */
	color: #333;
	font-size: 1.2em;
}
			   
               .kontaktformular #vorname,
               .kontaktformular #nachname,
               .kontaktformular #telefon,
               .kontaktformular #fax,
			   .kontaktformular #email,
			   .kontaktformular #firma,
			   .kontaktformular #strasse,
			   .kontaktformular #plz,
			   .kontaktformular #ort,
			   .kontaktformular #website,
			   .kontaktformular #veranstaltungsinformationen,
			   .kontaktformular #veranstaltungsbeginn,
			   .kontaktformular #veranstaltungsende,
			   .kontaktformular #standflaeche,
			   .kontaktformular #sonstiges,
			   .kontaktformular #system,
			   .kontaktformular #bemerkung
			   {
                    width: 80%;
                    padding: 5px; 
                    color: #CCC;
                    font: 0.9em Arial, "Trebuchet MS", Verdana, sans-serif; 
               }
			   			   
               #subm {
                    /* Versenden-Schaltfläche */
                    font: 0.9em "Trebuchet MS", Verdana, sans-serif; 
                    width: 310px;
                    border: 1px solid #A40018;
                    padding: 2px 3px 2px 3px;
                    color: #fff;
                    background-color: #CC001E;
                    font-weight: bold;
               }

/* Icons für Kontaktformular*/

/*.kontaktformular #vorname,
.kontaktformular #nachname,
.kontaktformular #telefon,
.kontaktformular #fax {
    background: #FFF url(buddy.png) no-repeat left;
	padding-left: 30px;
               }
.kontaktformular #email {
	background: #FFF url(email.png) no-repeat left;
               }
.kontaktformular #website {
    background: #FFF url(house.png) no-repeat left;
               }*/
.kontaktformular #veranstaltungsinformationen, #bemerkung {
	width: 80%;
	background: #FFF url(comment.png) no-repeat bottom right; 
               }

/* Hover-Zustände für jeweilige Eingabefelder */
              
.kontaktformular #vorname:hover,
.kontaktformular #nachname:hover,
.kontaktformular #telefon:hover,
.kontaktformular #fax:hover,
.kontaktformular #email:hover,
.kontaktformular #firma:hover,
.kontaktformular #strasse:hover,
.kontaktformular #plz:hover,
.kontaktformular #ort:hover,
.kontaktformular #website:hover,
.kontaktformular #veranstaltungsinformationen:hover,
.kontaktformular #veranstaltungsbeginn:hover,
.kontaktformular #veranstaltungsende:hover,
.kontaktformular #standflaeche:hover,
.kontaktformular #sonstiges:hover,
.kontaktformular #system:hover,
.kontaktformular #bemerkung:hover
			   {
                    border: 1px solid #D33D4A;
                    color: #333;
               }
			   
.kontaktformular #vorname:focus,
.kontaktformular #nachname:focus,
.kontaktformular #telefon:focus,
.kontaktformular #fax:focus,
.kontaktformular #email:focus,
.kontaktformular #firma:focus,
.kontaktformular #strasse:focus,
.kontaktformular #plz:focus,
.kontaktformular #ort:focus,
.kontaktformular #website:focus,
.kontaktformular #veranstaltungsinformationen:focus,
.kontaktformular #veranstaltungsbeginn:focus,
.kontaktformular #veranstaltungsende:focus,
.kontaktformular #standflaeche:focus,
.kontaktformular #sonstiges:focus,
.kontaktformular #system:focus,
.kontaktformular #bemerkung:focus
			   {
                    border: 1px solid #333;
                    color: #666;
               }
			  
.kontaktformular .wrong #email {
	/* Gestaltung der Felder mit Fehlermeldungen */
	background: #fff url(warning.png) no-repeat left;
	color: #333;
	border: 1px solid #990000;
	padding-left: 25px;
}

.kontaktzeile {
	margin: 7px 0 5px 0;
               }

.kontaktlinks, .kontaktrechts {
	font: 1.1em "Trebuchet MS", Verdana, sans-serif;
}

.kontaktheadline {
	font: 1.5em "Trebuchet MS", Verdana, sans-serif;
	margin: 30px 0 15px 0;
}

/* Galerie */

.galclr {
	clear: both;
}
.galwrapper {
	width: 546px;
	margin: 0 auto;
}
.galheadline h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.galdemo {
	width: 152px;
	height: 95px;
	text-align: center;
	float: left;
	padding-right: 30px;
	margin-bottom: 10px;
}
.galdemo img {
	border: solid #999 1px;
}
.galwrapper {
	width: 554px;
}
#rokbox-wrapper.rokbox-light{}
#rokbox-wrapper .clr {clear:both;}
#rokbox-close{height:30px;width:20px;display:block;background:url(http://www.expocomdesign-messebau.de/images/gallery/close.png) 0 0 no-repeat;clear:both;}
#rokbox-close span{display:none;}
/* Table for border look and feel */
#rokbox-top.rokbox-left{background:url(http://www.expocomdesign-messebau.de/images/gallery/tl.png) 0 0 no-repeat;clear:both;}
#rokbox-top .rokbox-right{background:url(http://www.expocomdesign-messebau.de/images/gallery/tr.png) 100% 0 no-repeat;}
#rokbox-top .rokbox-center{background:url(http://www.expocomdesign-messebau.de/images/gallery/top.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;}
#rokbox-middle {overflow: hidden;}
#rokbox-middle.rokbox-left{background:url(http://www.expocomdesign-messebau.de/images/gallery/left.png) 0 0 repeat-y;clear:both;}
#rokbox-middle .rokbox-right{background:url(http://www.expocomdesign-messebau.de/images/gallery/right.png) 100% 0 repeat-y;}
#rokbox-middle .rokbox-center{background:#fff;margin-left:20px;margin-right:20px;}
#rokbox-bottom.rokbox-left{background:url(http://www.expocomdesign-messebau.de/images/gallery/bl.png) 0 0 no-repeat;}
#rokbox-bottom .rokbox-right{background:url(http://www.expocomdesign-messebau.de/images/gallery/br.png) 100% 0 no-repeat;}
#rokbox-bottom .rokbox-center{background:url(http://www.expocomdesign-messebau.de/images/gallery/bottom.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;}
/* Object/Image container */
#rokbox-container{}
/* Spinner class that gets added when loading content and removed when loaded */
#rokbox-container.spinner{background:url(http://www.expocomdesign-messebau.de/images/gallery/ajax-loader.gif) 50% 50% no-repeat;}
/* Warning class that gets added when erroring */
#rokbox-container.warning{background:url(http://www.expocomdesign-messebau.de/images/gallery/warning.png) 50% 50% no-repeat;}
#rokbox-container.warning h1 {position: absolute;text-align: center;margin-left: -20px;}
/* Arrows wrapper (for previous and next when visible) */
#rokbox-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;}
#rokbox-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;}
/* Previous arrow and its text span */
#rokbox-arrows #rokbox-previous{background:url(http://www.expocomdesign-messebau.de/images/gallery/prev.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-previous span{display:none;}
/* text wrapper,useful to set as display none when using images */
/* Next arrow and its text span */
#rokbox-arrows #rokbox-next{background:url(http://www.expocomdesign-messebau.de/images/gallery/next.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-next span{display:none;}
/* text wrapper,useful to set as display none when using images */
#rokbox-arrows #rokbox-previous.inactive,
#rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;}
/* Captions wrapper and titles and descriptions */
#rokbox-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;}
#rokbox-caption h2{/* titles */
margin:0 0 10px 0;padding:0;color:#333;font-size:18px;font-weight:bold;}
#rokbox-caption p{/* description */
margin:0;color:#999;font-size:12px;}



.seomargin {
	margin: 0px 0px 8px 0px;
}
.seostrong {
	text-decoration: none;
	font-weight: normal;
}

.seoboxben {
	border: 1px solid #CBCBCB;
	background-image: url(bg/seobox.gif);
	background-repeat: repeat-y;
	margin: 20px 0px 10px 0px;
	padding: 5px 5px 0px 30px;
}
.seoboxben p {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}
a.seoboxheadline {
	font-size: 10px;
	font-weight: bold;
	color: #CC001E;
	margin-bottom: 10px;
	padding-top: 25px;
}

.seregular {
	font-size: 10px;
	font-weight: normal;
}

/************************************************
	      NEUER VERSUCH	
************************************************/

#hproductslider {
	width: 675px;
	height: 138px;
	background-image: url(images/productslider-background.png);
	background-repeat: repeat;
	float: left;
}
#hproductslider .lborder {
	width: 10px;
	height: 138px;
	background-image: url(images/productslider-border-left.png);
	float: left;
	background-repeat: no-repeat;
}
#hproductslider .rborder {
	width: 10px;
	height: 138px;
	background-image: url(images/productslider-border-right.png);
	float: right;
	background-repeat: no-repeat;
}
#hproductslider .slider {
	float: left;
	width: 649px;
	height: 138px;
}
       /* Data Viewer */
    #Viewer { position:absolute; left:300px; top:30px;  border:2px solid #555555; width:320px; height:250px; background-color:#ffffff; padding:10px; width:510px; height:470px; }
    #Cmd_NextItem { position:absolute; right:0px; top:-20px; text-decoration:underline; color:#fff; z-index:3; cursor:pointer;}
    #Cmd_PreviousItem { position:absolute; left:0px; top:-20px; text-decoration:underline; color:#fff; z-index:3; cursor:pointer;}

    /* Generic Carousel Properties */
    .carousel {
	position:relative;
	clear:both;
	left:20px;
	margin-top:10px;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:no-repeat ; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { }
    
    /* Hide data items from selector */
    #Carousel .item .email {display:none;} 

    /* Horizontal Carousel */
    #Carousel2 {
	height:110px;
	width:610px;
}
    #Carousel2 .container { left:26px; top:12px; width:560px; height:120px; }        
    #Carousel2 .items { top:0; left:2px; width:4000px;}
    #Carousel2 .item { height:70px;  width:113px; float:left; clear:right; }
    #Carousel2 .item .icon img { position:relative; left:0px; width:107px !important; height:107px; cursor:pointer;}
    #Carousel2 .navButton { position:absolute; bottom:45px; width:17px; height:17px; }
    #Carousel2 .navButton.previous {  left:0px; background-image:url('../../../../images/button-left-slide.jpg'); background-repeat: no-repeat; }
    #Carousel2 .navButton.next { right:0px; background-image:url('../../../../images/button-right-slide.jpg'); background-repeat: no-repeat; }

    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}