/* ================================================================ 
    Script für IOM - Ingenieurbüro Dip.-Ing. Oliver Müschen -
					 Sittarder Strasse 1 | 52525 Heinsberg
					 Fon: 02452-988540 | Fax: 02452-988541
					 mail@iom-ing.de | www.iom-ing.de
					 	
	Programmierung:	 j2komm - agentur für kommunikation
					 Oderlandstraße 26  | 41564 Kaarst
					 Fon: 02131.1769743  | Fax: 02131.1769745
					 www.j2komm.de  | email: post@j2komm.de
=================================================================== */
html, body  {
	width: 100%;
	height: 100%;
}


* {
	padding:0;
 	margin: 0; 
 	
}

body#ioming  {
 	background: url('../images/iombg3.png') no-repeat;
 	font-size: 62.5%;
 	font-family: Arial, Verdana, Tahoma;
 	font-weight:normal;
 	font-style:normal;
	line-height:180%;
	text-align: right;
    color:#333;
}

#pageregionTop{
	position:absolute;
	width:800px;
	height:320px;
	background: url('../images/iombg3.png') top left;
}

.text1 {
    color: #fff;
}


h1 {
    color: #fff;
    font-size: 10px;
    font-weight: normal;
}

h2 {
    color: #000;
    font-size: 10px;
    font-weight: normal;
}

h3 {
    color: #000;
    font-size: 10px;
    font-weight: normal;

}


/* ===========================SLIDESHOW===================================== */


#MainSlideshow {
	position:relative;
	top:0;
	left:0;
	width:900px;
	height:420px;
	overflow:hidden;
	clear:both;
	margin:0px 0px 0px 0;
}
#MainSlideshow.widescreen {
	height:420px;
}

#FaderHolder {
	position:relative;
	top:0;
	left:0;
	width:900px;
	height:420px;
	overflow:hidden;
	float:left;
	background:#2F2F2F;
}

#DiaShow #FaderHolder {
	background:#2F2F2F;
	float:none;
	border:none;
}
#DiaShow  ul#ImageFade,
#DiaShow  ul#ImageFade li{
	background:#2F2F2F;
	border:none;
}

.widescreen #FaderHolder {
	width:1000px;
	float:none;
}

ul#ImageFade {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	height:370px;
	width:auto;
	overflow:hidden;
	list-style:none;
	border:1px solid #CCC;
	border-bottom:none;
}
ul#ImageFade li{
	position:relative;
	height:370px;
	width:100%;
	background:#2F2F2F;
	text-align:center;
	vertical-align:bottom;
}

ul#controller{
	position:relative;
	margin:0;
	padding:0;
	height:30px;
	width:auto;
	overflow:hidden;
	list-style:none;
	background:#333333;
}
ul#controller li{
	width:40%;
	margin:0;
	padding:0 1em;
	float:left;
	color:white;

}
.widescreen ul#controller li{
	width:45%;
}
ul#controller li a{
	color:white;
}

ul#controller li a.red{
	color:#B6CC5F;
}

#thumbs {
	position:relative;
	top:0;
	left:0;
	width:420px;
	height:319px;
	overflow:hidden;
	float:right;
}
.widescreen #thumbs {
	width:600px;
	height:65px;
	top:20px;
	float:none;
}

#thumbs ul {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

#thumbs ul li {
	list-style:none;
	width:90px;
	height:90px;
	overflow:hidden;
	margin:0 0px 26px 0; 
	float:left;
}
.widescreen #thumbs ul li,
.widescreen #thumbs ul li img{
	width:65px;
	height:65px;

}

select, input, textarea
{
	border: 1px solid #7C7C7C;
}
input.button{
	border:medium none;
	color:#333333;
	font-size:1.4em;
	text-align:center;
	height:30px;
	line-height:30px;
	width:153px;
	background:url('button.jpg') no-repeat left top;
}

/* ===========================CONTENT===================================== */


th, td{
	text-align:left;
}

div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin: 0 10px 0 0;
	
	}

/* ===========================NAVIGATION===================================== */

/* define defaults for IE */
a {color:#000;}
a:visited {color:#111;}
a:hover {color:#222;}
#container {position:relative; z-index:1;}

#outer {padding:0; text-align:left; margin:0; width:900px; background:url('../iomimages/1iomback.png'); height:36px; position:relative; z-index:1}
#outer ul {margin:0; float:left; padding:0 0 0 20px; list-style-type:none; height:36px; border-right:0px solid #aaa;}
#outer ul li {float:left;}
#outer ul li a {font-family:arial, verdana, tahoma, sans-serif; float:left; font-size:12px; text-decoration:none;text-align:left; line-height:32px; display:block; height:36px; padding:0px 35px; white-space:nowrap; color:#000; border-left:0px solid #aaa;}
#outer ul li a.down {background:url('../iomimages/1iomdown.png') no-repeat left;}
#outer ul li a:hover {color:#fff; background:#D3D0BB;}

#outer ul li#ul_1 a.down:hover {color:#fff; background:#D3D0BB url('../images/down_over.png') no-repeat right center;}

#outer ul li a:focus {outline:0;}
#outer ul li#li_1.shrink a.down {color:#fff; background:#A0A07D url('../iomimages/1iomdown_over.png') no-repeat left center;}
#outer ul li#li_2.shrink a.down {color:#fff; background:#76923C url('../iomimages/1iomdown_over.png') no-repeat left center;}
#outer ul li#li_3.shrink a.down {color:#fff; background:#938953 url('../iomimages/1iomdown_over.png') no-repeat left center;}
#outer ul li#li_4.shrink a.down {color:#fff; background:#365F91 url('../iomimages/1iomdown_over.png') no-repeat left center;}
#outer ul li#li_5.shrink a.down {color:#fff; background:#E36C0A url('../iomimages/1iomdown_over.png') no-repeat left center;}
#outer ul li#li_6.shrink a.down {color:#fff; background:#DFA800 url('../iomimages/1iomdown_over.png') no-repeat left center;}

#submenus {width:150px; background:#6a849f; position:absolute; top:0px; left:0; z-index:0;}
#submenus div {height:0px; position:absolute; top:34px; left:0; width:150px; overflow:hidden;}
#submenus div#ul_1 {background:#A0A07D; width:142px;}
#submenus div#ul_2 {background:#76923C; width:105px;}
#submenus div#ul_3 {background:#938953; width:133px;}
#submenus div#ul_4 {background:#365F91; width:147px;}
#submenus div#ul_5 {background:#E36C0A; width:151px;}
#submenus div#ul_6 {background:#DFA800; width:125px;}


#submenus div ul {padding:0; margin:0; list-style:none; position:absolute; left:5px; bottom:6px; height:auto; width:150px;}
#submenus div ul li {float:left;}
#submenus div ul li a {font-family:arial, verdana, tahoma, sans-serif; float:left; font-size:12px; color:#fff; text-decoration:none;text-align:left; line-height:22px; display:block; height:auto; width:140px; padding:10px 10px 0 4px;}
#submenus div ul li a:hover {color:#fff; text-decoration:underline;}