/* 			iasim.de: iasim.css								*/
/*				author: use-art.de								*/
/*				eMail: info@use-art.de							*/
/*				date: 2006/06/04									*/

/* 			inhaltsverzeichnis (reihenfolge und suchhilfe):					*/
/* 			layout ist in layout.css + 3cols.css für die hp  und 2cols.css für den rest		*/
/* =n 		navigationen											*/
/* =c 		children													*/
/* =s 		specials													*/
/* =t 		backend													*/
/* =g			global styles und helferlein						*/

*{
	font-size:100%;
}

img { 
	border:none;
	margin: 0;
	padding: 0;
	}

body {
	font:78% verdana, arial, helvetica, sans-serif;
	color:#333;
	margin-top: 26px;
	padding: 0;
	background: #eee;
	}
	
	
h1 { position:absolute; left:-2000px; }
	
h2 {
	font-size:100%; 
	font-weight:100;
	margin: 0;
	padding: 10px;
	text-transform: uppercase;
	line-height:150%;
	}
	
h3 {
	font-size:100%; 
	font-weight:100;
	margin: 0 0 0 0;
	padding: 10px 20px 10px 0;
	line-height:150%;
	}
	
p, dl, ul, dd, dt, li { 
	margin: 0;
	padding: 0;
	line-height:150%;
	}
	
textarea, input { 
	margin: 0;
	padding: 2px 0;
	line-height:150%;
	font: 90% verdana, arial, helvetica, sans-serif;
	}

a:link {text-decoration:none; color:#333; background-color:transparent; font-weight: 700; padding: .15em 0 .3em 0; line-height:150%;}
a:visited {text-decoration:none; color:#333; background-color:transparent; font-weight: 700; padding: .15em 0 .3em 0; line-height:150%;}
a:focus {text-decoration:none; color:#333; background-color:#3f0; font-weight: 700;  padding: .15em 0 .3em 0; line-height:150%;}
a:hover {text-decoration:none; color:#333; background-color:#3f0; font-weight: 700;  padding: .15em 0 .3em 0; line-height:150%;}
a:active {text-decoration:none; color:#333; background-color:transparent; font-weight: 700; padding: .15em 0 .3em 0; line-height:150%;}

.left {
	float: left; 
	}
	
.right {
	float: right; 
	}
	
.hide {position:absolute; left:-2000px;}


	

	
/* =n			navigationen		*/


#helpNav {
	position:absolute;
	width: 100%;
	top: -2000px;
	left: -2000px;
	z-index: 20;
	width: 100%;
	}
	
#helpNav dd {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#helpNav a {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 100%;
  font-weight: bold;
  padding: 0 1em;
  margin: 0;
}

#helpNav a:focus, #helpNav a:active {
  position: absolute;
  z-index: 20;
  top: 1976px;
  left: 2000px;
  color: #333;
  background: #3f0;
  width: 20em;
  padding: 0 1em;
  margin: 0;
}






/* =mainNav Q: http://www.thevisualprocess.com/dev/rollover/		*/

		#mainNav dl {
			list-style: none;
			float: left;
			}
			
		#mainNav dt {
			position:absolute; left:-2000px;
			}
			
		#mainNav dd {
			float: left;
			clear: none;
			}
		
		#mainNav a#roll_iasim {
			display: block;
			position: relative;
			width: 326px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#333;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNav a#roll_news {
			display: block;
			position: relative;
			width: 73px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#333;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNav a#roll_leistungen {
			display: block;
			position: relative;
			width: 120px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#333;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNav a#roll_angebote {
			display: block;
			position: relative;
			width: 103px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#333;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNav a#roll_wir {
			display: block;
			position: relative;
			width: 51px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#333;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNav a#roll_kontakt {
			display: block;
			position: relative;
			width: 87px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#333;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		
		
/* =mainNavHelp für alle Seiten ohne Kategorie					*/



		#mainNavHelp dl {
			list-style: none;
			float: left;
			}
			
		#mainNavHelp dt {
			position:absolute; left:-2000px;
			}
			
		#mainNavHelp dd {
			float: left;
			clear: none;
			}
		
		#mainNavHelp a#roll_iasim {
			display: block;
			position: relative;
			width: 326px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNavHelp a#roll_news {
			display: block;
			position: relative;
			width: 73px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNavHelp a#roll_leistungen {
			display: block;
			position: relative;
			width: 120px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNavHelp a#roll_angebote {
			display: block;
			position: relative;
			width: 103px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNavHelp a#roll_wir {
			display: block;
			position: relative;
			width: 51px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		#mainNavHelp a#roll_kontakt {
			display: block;
			position: relative;
			width: 87px;
			height: 36px;
			background-color: #eee;
			text-decoration: none;
			color:#808080;
			font-weight:bold;
			margin: 0;
			padding: 0;
		}
		
		
		/* und noch mehr für mainNavHelp		*/
		
		
		
		#mainNavHelp a:hover#roll_iasim, #mainNavHelp a:focus#roll_iasim {
			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;
			}
		
		#mainNavHelp a:hover#roll_news, #mainNavHelp 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;
			}
		
		#mainNavHelp a:hover#roll_leistungen, #mainNavHelp 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;
			}
		
		#mainNavHelp a:hover#roll_angebote, #mainNavHelp 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;
			}
		
		#mainNavHelp a:hover#roll_wir, #mainNavHelp 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;
			}
		
		#mainNavHelp a:hover#roll_kontakt, #mainNavHelp 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;
			}
		
		
		
		#mainNavHelp a#hover span .iasim { background-position: 0 -72px; }
		#mainNavHelp a#roll_iasim:hover span { background-position: 0 -72px; }
		
		#mainNavHelp a#focus span .iasim { background-position: 0 -72px; }
		#mainNavHelp a#roll_iasim:focus span { background-position: 0 -72px; }
		
		#mainNavHelp a#active span .iasim { background-position: 0 -72px; }
		#mainNavHelp a#roll_iasim:active span { background-position: 0 -72px; }
		
		
		
		#mainNavHelp a#hover span .news { background-position: 0 -72px; }
		#mainNavHelp a#roll_news:hover span { background-position: 0 -72px; }
		
		#mainNavHelp a#focus span .news { background-position: 0 -72px; }
		#mainNavHelp a#roll_news:focus span { background-position: 0 -72px; }
		
		#mainNavHelp a#active span .news { background-position: 0 -72px; }
		#mainNavHelp a#roll_news:active span { background-position: 0 -72px; }
		
		
		
		#mainNavHelp a#hover span .leistungen { background-position: 0 -72px; }
		#mainNavHelp a#roll_leistungen:hover span { background-position: 0 -72px; }
		
		#mainNavHelp a#focus span .leistungen { background-position: 0 -72px; }
		#mainNavHelp a#roll_leistungen:focus span { background-position: 0 -72px; }
		
		#mainNavHelp a#active span .leistungen { background-position: 0 -72px; }
		#mainNavHelp a#roll_leistungen:active span { background-position: 0 -72px; }
		
		
		
		#mainNavHelp a#hover span .angebote { background-position: 0 -72px; }
		#mainNavHelp a#roll_angebote:hover span { background-position: 0 -72px; }
		
		#mainNavHelp a#focus span .angebote { background-position: 0 -72px; }
		#mainNavHelp a#roll_angebote:focus span { background-position: 0 -72px; }
		
		#mainNavHelp a#active span .angebote { background-position: 0 -72px; }
		#mainNavHelp a#roll_angebote:active span { background-position: 0 -72px; }
		
		
		
		#mainNavHelp a#hover span .wir { background-position: 0 -72px; }
		#mainNavHelp a#roll_wir:hover span { background-position: 0 -72px; }
		
		#mainNavHelp a#focus span .wir { background-position: 0 -72px; }
		#mainNavHelp a#roll_wir:focus span { background-position: 0 -72px; }
		
		#mainNavHelp a#active span .wir { background-position: 0 -72px; }
		#mainNavHelp a#roll_wir:active span { background-position: 0 -72px; }
		
		
		
		#mainNavHelp a#hover span .kontakt { background-position: 0 -72px; }
		#mainNavHelp a#roll_kontakt:hover span { background-position: 0 -72px; }
		
		#mainNavHelp a#focus span .kontakt { background-position: 0 -72px; }
		#mainNavHelp a#roll_kontakt:focus span { background-position: 0 -72px; }
		
		#mainNavHelp a#active span .kontakt { background-position: 0 -72px; }
		#mainNavHelp a#roll_kontakt:active span { background-position: 0 -72px; }
		
		
		
		#mainNavHelp 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 0 -36px;
			overflow: hidden;
		}
		
		#mainNavHelp 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;
		}		
		
		#mainNavHelp 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;
		}
		
		#mainNavHelp 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;
		}
		
		#mainNavHelp 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;
		}
		
		#mainNavHelp 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;
		}
			
		


/* =subNav					*/

#subNav {
	margin: 0;
	padding: 0;
	background: url(../img/bg_col3_shadow_eee.jpg) right bottom no-repeat;
	}
	
#subNav dl {
	margin: 0;
	padding: 0;
	}
	
#subNav dd {
	margin: 0;
	padding: 0;
	}
	



/* =footNav					*/

#footNav dl {
	margin: 0;
	padding: 0;
	}
	

#footNav dd {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 1em;
	}


/* =c children				*/

#header {
	width: 760px;
	margin: 0;
	padding: 0;
	}
	
#header h1{
	color:#000;
	background:#ccc;
	font: 220% georgia, times, serif;
	margin: 0;
	padding: 0;
	}
	
#footer {
	text-align: center;
	margin:0;
	padding: 0 0 45px 0;
	color: #333;
	background: #eee url(../img/bottom_comic_eee.gif) top left no-repeat;
	}
	
#footer dl {
	margin: 0;
	padding: 45px 0 0 0;
	}
	
#footer p {
	margin: 3px 100px 38px 100px;
	padding: 0;
	color: #666;
	font-size: 90%;
	background-color: #eee;
	}


/* =s					specials					*/

.inline {
	display: inline;
	}
	
.date { 
	font-size: 90%;
	margin: 0;
	padding: 0;
	line-height:150%;
	color: #333;
	}
	
blockquote {
	clear:both;
	position:relative;
	background: #eee url("../img/quote_open_eee.gif") top left no-repeat;
	padding:20px 10px 20px 0;
	margin:0 0;
	color: #333;
}

blockquote p {
	padding:0 0 0 0;
	margin: 0;
	background: url("../img/quote_close_eee.gif") bottom right no-repeat;
}

.cite {
	margin: 10px 0 0 0;
	padding: 0;
	font-style:italic;
	display: block;
	}

.img_link a:link {padding: 0; margin: 0; line-height:100%; background-color:transparent;}
.img_link a:visited {padding: 0; margin: 0; line-height:100%; background-color:transparent;}
.img_link a:hover {padding: 0; margin: 0; line-height:100%; background-color:transparent;}
.img_link a:active {padding: 0; margin: 0; line-height:100%; background-color:transparent;}

#block_1 #freischalt {
	margin: 10px 50px 20px 10px;
	padding: 0 10px 15px 10px;
	border: 1px solid #ccc;
	background: transparent url("../img/gradient_small.gif") 0 0 repeat;
	}
	
#block_1 #freischalt input {
	margin: 10px 5px 0 0;
	padding: 2px;
	}
	
	
input:focus, input:hover, input:active,
select:focus, select:hover, select:active,
textarea:focus, textarea:hover, textarea:active {
  background-color: #C1F8B0;
}

.freischaltcode { 
	font-weight: 700;
	color: #c3f;
	}
	
	
#block_1 p .ausz { 
	font-weight: 700;
	color: #c3f;
	}
	
#block_1_index p .ausz { 
	font-weight: 700;
	color: #c3f;
	}
	
#block_1_index h3 .ausz { 
	font-weight: 700;
	color: #c3f;
	}


	
.pdficon { 
	background: transparent url("../img/pdf_icon_small.gif") 0 0 no-repeat;
	margin: 0;
	padding: 0 0 0 20px; }
	
.comic_line { 
	background: transparent url("../img/comic_line.gif") 0 0 no-repeat;
	margin: 30px 0;
	padding: 0;
	height: 3px;}
	

/* =g 		global styles und helferlein						*/