/* 	iasim.de: 3cols.css								*/
/*		author: use-art.de								*/
/*		eMail: info@use-art.de								*/
/*		date: 2006/06/04								*/
/* 	template: http://www.fu2k.org/alex/css/onetruelayout/example/interactive	*/
/* 	baut 3cols (=layout der hp)							*/

	
#block_1
	{
	float: left;
	width: 235px;
	margin: 7px 0 0 0;
	padding:0;
	}
#block_2
	{
	float: left;
	width: 235px;
	margin: 0;
	padding: 46px 0 0 0;
	}

#block_3
	{
	float: left;
	width: 290px;
	color: #333;
	margin: 2px 0 0 0;
	padding:0 0 10px 0;
	background: #eee url(../img/bg_col3_shadow_eee.gif) bottom left no-repeat;
	}
	
#block_1 p {
	margin: 0 10px 0 0;
	padding: 10px 30px 10px 10px;
	}

	
#block_3 h3 {
	margin: 0;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font-weight: 100;
	}
	
#block_3 dl {
	margin: 0 0 0 0;
	padding: 0 30px 20px 20px;
	}
	
#block_3 p {
	margin: 0;
	padding: 20px 0 0 20px;
	}
	
#block_3  h3#index_bg {
	margin: 0;
	padding: 15px 0 0 20px;
	background: #eee url(../img/bg_col3_shadow_eee.gif) top right no-repeat;
	}
	
#block_3 a:link {text-decoration:none; color:#333; background-color:#dfdfdf; font-weight: 700; padding: .15em 0 .3em 0;}
#block_3 a:visited {text-decoration:none; color:#333; background-color:#dfdfdf; font-weight: 700; padding: .15em 0 .3em 0;}
#block_3 a:focus {text-decoration:none; color:#333; background-color:#3f0; font-weight: 700;  padding: .15em 0 .3em 0; }
#block_3 a:hover {text-decoration:none; color:#333; background-color:#3f0; font-weight: 700;  padding: .15em 0 .3em 0;}
#block_3 a:active {text-decoration:none; color:#333; background-color:#dfdfdf; font-weight: 700; padding: .15em 0 .3em 0;}



/* mainNav für index */
		
		#mainNav a:hover#roll_news, #mainNav a:focus#roll_news {
			cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
			background-color: #3f0;
			}
		
		#mainNav a:hover#roll_leistungen, #mainNav a:focus#roll_leistungen {
			cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
			background-color: #3f0;
			}
		
		#mainNav a:hover#roll_angebote, #mainNav a:focus#roll_angebote {
			cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
			background-color: #3f0;
			}
		
		#mainNav a:hover#roll_wir, #mainNav a:focus#roll_wir {
			cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
			background-color: #3f0;
			}
		
		#mainNav a:hover#roll_kontakt, #mainNav a:focus#roll_kontakt {
			cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
			background-color: #3f0;
			}
		
		
		
		#mainNav a#hover span .iasim { background-position: 0 0; }
		#mainNav a#roll_iasim:hover span { background-position: 0 0; }
		
		#mainNav a#focus span .iasim { background-position: 0 0; }
		#mainNav a#roll_iasim:focus span { background-position: 0 0; }
		
		#mainNav a#active span .iasim { background-position: 0 0; }
		#mainNav a#roll_iasim:active span { background-position: 0 0; }
		
		
		
		#mainNav a#hover span .news { background-position: 0 -72px; }
		#mainNav a#roll_news:hover span { background-position: 0 -72px; }
		
		#mainNav a#focus span .news { background-position: 0 -72px; }
		#mainNav a#roll_news:focus span { background-position: 0 -72px; }
		
		#mainNav a#active span .news { background-position: 0 -72px; }
		#mainNav a#roll_news:active span { background-position: 0 -72px; }
		
		
		
		#mainNav a#hover span .leistungen { background-position: 0 -72px; }
		#mainNav a#roll_leistungen:hover span { background-position: 0 -72px; }
		
		#mainNav a#focus span .leistungen { background-position: 0 -72px; }
		#mainNav a#roll_leistungen:focus span { background-position: 0 -72px; }
		
		#mainNav a#active span .leistungen { background-position: 0 -72px; }
		#mainNav a#roll_leistungen:active span { background-position: 0 -72px; }
		
		
		
		#mainNav a#hover span .angebote { background-position: 0 -72px; }
		#mainNav a#roll_angebote:hover span { background-position: 0 -72px; }
		
		#mainNav a#focus span .angebote { background-position: 0 -72px; }
		#mainNav a#roll_angebote:focus span { background-position: 0 -72px; }
		
		#mainNav a#active span .angebote { background-position: 0 -72px; }
		#mainNav a#roll_angebote:active span { background-position: 0 -72px; }
		
		
		
		#mainNav a#hover span .wir { background-position: 0 -72px; }
		#mainNav a#roll_wir:hover span { background-position: 0 -72px; }
		
		#mainNav a#focus span .wir { background-position: 0 -72px; }
		#mainNav a#roll_wir:focus span { background-position: 0 -72px; }
		
		#mainNav a#active span .wir { background-position: 0 -72px; }
		#mainNav a#roll_wir:active span { background-position: 0 -72px; }
		
		
		
		#mainNav a#hover span .kontakt { background-position: 0 -72px; }
		#mainNav a#roll_kontakt:hover span { background-position: 0 -72px; }
		
		#mainNav a#focus span .kontakt { background-position: 0 -72px; }
		#mainNav a#roll_kontakt:focus span { background-position: 0 -72px; }
		
		#mainNav a#active span .kontakt { background-position: 0 -72px; }
		#mainNav a#roll_kontakt:active span { background-position: 0 -72px; }
		
		
		
		#mainNav a span.iasim {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 36px 0 0 0;
			background: url(../img/iasim_home.gif) no-repeat;
			overflow: hidden;
		}
		
		#mainNav a span.news {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 36px 0 0 0;
			background: url(../img/iasim_news.gif) no-repeat 0 -36px;
			overflow: hidden;
		}		
		
		#mainNav a span.leistungen {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 36px 0 0 0;
			background: url(../img/iasim_leistungen.gif) no-repeat 0 -36px;
			overflow: hidden;
		}
		
		#mainNav a span.angebote {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 36px 0 0 0;
			background: url(../img/iasim_angebote.gif) no-repeat 0 -36px;
			overflow: hidden;
		}
		
		#mainNav a span.wir {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 36px 0 0 0;
			background: url(../img/iasim_wir.gif) no-repeat 0 -36px;
			overflow: hidden;
		}
		
		#mainNav a span.kontakt {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 0;
			padding: 36px 0 0 0;
			background: url(../img/iasim_kontakt.gif) no-repeat 0 -36px;
			overflow: hidden;
		}