/* ioa-online.at

   blau:			#00799e; Logofarbe(teil), Schriftfarbe bei Links hover u. activated,
   dunkel-grau:			#6f7072; Schrift auf weißem Hintergrund (Hautpmenuoben, menuganzoben
   hell-grau:  		 	#B7B7B8; Logofarbe(teil), bgcolor bei menu-right
   hell-hell-grau:      	#d8d9da; bgcolor contentbereich
   hell-hell-hell-grau:	 #e1e4e8; bei listen für zeileneinfärbung
   hell-hell-hell-hell-grau:	 #f0f3f5; bei listen für zeileneinfärbung
   ca. blaugrünschwarz:	#25515F; für active Menüpunkte im left-menu
   schwarz:    			#1f1d21; Schriftfabe auf hellgrauem Hintergrund
   weiss:			#ffffff; Schriftfarbe bei grauem u. dunkelgrauem hintergrund
*/

/* -------------------------------- basic elements ------------------------------- */

html, body, div, p, h1, h2, h3, h4, h5, h6,
span, a, table, td, form, img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
 /* nur zu Test-Zwecken 
 border:1px dotted #fff; */
	}

body {
	/*Schriftfamilien: ar,he,ve,lu(Familie-Names); sans-serif(generic-family=allg.,generell) */
	font-family: arial,helvetica,verdana,lucida,sans-serif;
	/* Schriftart: Schrifthöhe/Zeilenhöhe */
	font: 10px/15px verdana;
	/* allg. Hintergrundfarbe */
	color: #1f1d21;
	border:0px solid;
	background: #fff;
	background-image:url(/_images/_layout/body_bg.gif);
	/* Abstand zu: ob re un li */
	margin: 0 0 0 0;
	}
.table {
  padding:0px;
  }
	
.odd {
  background: #f0f3f5;
}

.even {
  background: #e1e4e8;
}

/* -------------------------------- logo, header-img, header-img-color --------------- */

#banner-160x600 {
	position: absolute;
	z-index:99;
	top:12px;
	left:820px;
	width:160px;
	height:600px;
	}

#grey-colorbox {
	position: absolute;
	z-index:1;
	background-color: #d8d9da;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 540px;
	border: 50px;
    }

#darkgrey-colorbox-2 {
	position: absolute;
	z-index:6;
	background-color:#9b9c9d;
	top: 341px;
	left: 0px;
	width: 180px;
	height: 72px;
	border: 0;
    }

#white-colorbox {
	position: absolute;
	z-index:2;
	background-color: #fff;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 140px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
    }

#logo {
	position: absolute;
	z-index:10;
	background: transparent;
	top: 15px;
	left: 15px;
	width: 153px;
	height: 153px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
    }

#logo-2 {
	position: absolute;
	z-index:10;
	background: transparent;
	top: 13px;
	left: 35px;
	width: 95px;
	height: 95px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
    }

#logo-fachverband {
	position: absolute;
	z-index:10;
	background: transparent;
	top: 498px;
	left: 41px;
	width: 100px;
	height: 75px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
    }

#header-image-1 {
	position: absolute;
	z-index:8;
	background: #fff;
	top: 140px;
	left: 0px;
	width: 740px;
	height: 201px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	white-space:nowrap;
    }

#header-image-2 {
	position: absolute;
	z-index:8;
	background: #fff;
	top: 140px;
	left: 180px;
	width: 560px;
	height: 201px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	white-space:nowrap;
    }

#line-bold-2 {
	position: absolute;
	z-index:10;
	top: 120px;
	left: 0px;
	}

#header-farbblock {
	position: absolute;
	z-index:11;
	background-image:url(/_images/_layout/transparent.gif);
	background-repeat: no-repeat;
	/* background-color: Wird im Template eingetragen */
	top: 140px;
	left: 740px;
	width: 40px;
	height: 201px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#mastertitel {
	position:absolute;
	z-index:20;
	top:70px;
	left:207px;
    width: 450px;
    font: 20px/30px verdana;
	font-style: normal;
	font-weight: normal;
	color: #BFC1C4;
	text-transform: none;
	text-align: left;
    white-space: nowrap;
	letter-spacing: 0px;
	list-style-type: none;
	margin: 0 0 20 0;
	padding: 0 0 0 0;
		}


/* -------------------------------- top-top-menu ------------------------------- */

#top-top-menu {
	position:absolute;
	z-index:5;
	top:5px;
	left:0px;
	font-size: 10px;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-align: center;
	letter-spacing: 0px;
	list-style-type: none;
	width: 740px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
		}

#top-top-menu a:link, #top-top-menu a:visited {
	color:#6f7072;
	text-decoration: none;
		}

#top-top-menu a:hover, #top-top-menu a:active {
	color:#00799e;
		}

#top-top-menu li {
	float: right; width:70px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(/_images/_layout/top-top-menu_seperator.gif) 0 50% no-repeat;
	background-position: right;
	list-style: none;
	display: inline;
	}

/* -------------------------------- top-menu ------------------------------- */


#top-menu {
	position: absolute;
	z-index:5;
	top: 120px;
	left: 0px;
	font-size: 10px;
	font-family: verdana;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0px;
	list-style-type: none;
	width: 740px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
		}

#top-menu a:link, #top-menu a:visited {
	color:#6f7072;
	text-decoration: none;
		}

#top-menu a:hover, #top-menu a:active {
	color:#00799e;
		}

#top-menu li {
	float: right;
	width:140px;
	margin: 0 0 0 0;
	border:0px solid #00799e;
	padding: 1px 0 0 0;
	height: 17px;
	background-image: url(/_images/_layout/top-menu_seperator.gif);
	background-repeat: no-repeat;
	background-position: right top;
	list-style: none;
	display: inline;
	}

/* -------------------------------- left-menu-startpage ------------------------------- */

#left-menu {
	position: absolute;
	top: 224px;
	left: 0px;
	font-size: 10px;
	font-family: verdana;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	text-align: left;
	letter-spacing: 0px;
	list-style-type: none;
	width: 180px;
	height: 260px;
	margin: 0 0 0 0;
	padding: 30px 0 5px 0;
	background-color: #9B9C9D;
		}

#left-menu a:link, #left-menu a:visited {
	color:#fff;
	text-decoration: none;
		}

#left-menu a:hover, #left-menu a:active {
	color:#00799e;
	border:0px dotted #000000;
		}
#left-menu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:0px dotted green;
	}

#left-menu li {
	float: right; width:141px;
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
	height: 25px;
	background-image: url(/_images/_layout/left-menu_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style: none;
	display: inline;
	}


/* -------------------------------- left-menu-secondpage ------------------------------- */

/* left-menu-2 wird als Kindelement von top-menu in der Navigation implementiert; daher den
   absoluten Abstand von oben (eigentlich 140px) reduzieren um 117px (=top-Abstand des Elternelements
   auf 140-117=23
*/

#left-menu-2 {
	position: absolute;
	z-index:20;
	top: 20px;
	left: 0px;
	font-size: 10px;
	font-family: verdana;
	font-style: normal;
	font-weight: 500;
	text-transform: none;
	text-align: left;
	letter-spacing: 0px;
	list-style-type: none;
	width: 180px;
	height: 186px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background-color: #9B9C9D;
	border:0px dotted #fff;
		}

#left-menu-2 a:link, #left-menu-2 a:visited {
	color:#fff;
	text-decoration: none;
		}

#left-menu-2 a:hover, #left-menu-2 a:active {
	color:#00799e;
		}

#left-menu-2 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#left-menu-2 li {
	float: left;
	width:145px;
	height: 19px;
	margin: 0 0 0 15px;
	padding: 2px 0 0 20px;
	background-image: url(/_images/_layout/left-menu_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: top;
	list-style: none;
	display: inline;
	border:0px solid #fff;
	}
	
#left-menu-2 li ul {
	position: absolute;
	z-index:20;
    top: 266px;
    left: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #D8D9DA;
	border-right:0px dotted #6F7072;
	}
<!-- -->	
#left-menu-2 li ul li {
	z-index:30;
	float: left;
	width: 145px;
	height: 50px;
	margin: 2px 0 0 15px;
	padding: 5px 0 0 20px;
	/* background-image: url(/_images/_layout/left-menu_icon.gif); */
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: top;
	list-style: none;
	display: inline;
	border:0px solid red;
	}

#left-menu-2 li ul li a:link, #left-menu-2 li ul li a:visited {
	color: #00799e;
	font-weight: bold;
		}

#left-menu-2 a:hover, #left-menu-2 a:active {
	color:#00799e;
	text-decoration: bold;
		}


/* ---------------global attribut for top-menu & left-menu------------------ */

#top-menu-current-item {
	font-weight: 700;
	color: #00799e;
	}
	
#left-menu-current-item {
	font-weight: 700;
	color: #25515F;
	}

/* -------------------------------- Content Startpage------------------------------- */
#content-startpage {
	position: absolute;
	z-index:5;
	top: 307px;
	left: 180px;
	width: 564px;
	height: 235px;
	padding: 55px 5px 0px 31px;
	background-color: #d8d9da;
		}

#title-startpage {
	font-size:24px;
	font-weight:bold;
	}

#contenttext-startpage {
	padding: 24px 0 0 0;
	font: 12px/18px arial;
	}

#themenlinie-oben p {
	margin: 20px 0 0 0;
	border:0px solid #00799e;
	padding: 0 0 0 3px;
	background-image: url(/_images/_layout/themenlinie_oben.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

/* -------------------------------- Content Secondpage------------------------------- */
#themenlinie-lang {
	position: absolute;
	z-index:6;
	top: 357px;
	left: 180px;
	}

#content-2 {
	position: absolute;
	z-index:3;
	top: 341px;
	left: 180px;
	width: 384px;
	height: 260px;
	padding: 30px 5px 0px 31px;
	background-color: #d8d9da;
		}

#title-2 {
	font-size:14px;
	font-weight:bold;
	}

#contenttext-2 {
	padding: 24px 0 0 0;
	font: 12px/18px arial;
	}

#themenlinie-oben-2 p {
	margin: 20px 0 0 0;
	border:0px solid #00799e;
	padding: 0 0 0 3px;
	background-image: url(/_images/_layout/themenlinie_oben.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#icon-list {
	position: absolute;
	z-index:7;
	top: 341px;
	left: 0px;
		}

#block-left {
	position: absolute;
	z-index:2;
	top: 341px;
	left: 0px;
	width: 180px;
	height: 240px;
	background-color: #d8d9da;
	margin: 0 0 0 0;
	padding: 45px 0 5px 0;
		}

/* -------------------------------- Downloads-Column ------------------------------- */
#downloads-column {
	position: absolute;
	z-index:900;
	top: 420px;
	left: 600px;
	width: 180px;
	height: 600px;
	font-size: 10px;
	line-height:11px;
	font-family: arial;
	vertical-align: bottom;
	background-color: #d8d9da;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:0px dotted  #00799e;
		}

#downloads-column a:link, #downloads-column  a:visited {
	color:#6f7072;
	text-decoration: none;
		}

#downloads-column a:hover, #downloads-column  a:active {
	color:#00799e;
		}
#downloads-column ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#downloads-column li {
	float: left; width:140px;
	margin: 0 0 0 0;
	padding: 0 0 0 27px;
	height: 55px;
	background-image: url(/_images/_layout/downloads_separator.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	list-style: none;
	display: inline;
	border:0px solid #000;
	}

#downloads-column-textposition {
	position: relative;
	height:55px;
	border:0px solid #fff;
	}

#downloads-column-textposition p {
	position: absolute;
	bottom: 2px;
	border:0px dotted #000;
	}
	
	/* -------------------------------- Download-Herbstkonferenz09 ------------------------------- */
#downloads-Herbstkonferenz09-column {
	position: absolute;
	z-index:900;
	top: 670px;
	left: 211px;
	width: 180px;
	height: 300px;
	font-size: 10px;
	line-height:11px;
	font-family: arial;
	vertical-align: bottom;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:0px dotted  #00799e;
		}

#downloads-Herbstkonferenz09-column a:link, #downloads-column  a:visited {
	color:#6f7072;
	text-decoration: none;
		}

#downloads-Herbstkonferenz09-column a:hover, #downloads-column  a:active {
	color:#00799e;
		}
#downloads-Herbstkonferenz09-column ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#downloads-Herbstkonferenz09-column li {
	float: left; width:140px;
	margin: 0 0 0 0;
	padding: 0 0 0 27px;
	height: 35px;
	background-image: url(/_images/_layout/downloads_separator.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	list-style: none;
	display: inline;
	border:0px solid #000;
	}

#downloads-Herbstkonferenz09-column-textposition {
	position: relative;
	height:35px;
	border:0px solid #fff;
	}

#downloads-Herbstkonferenz09-column-textposition p {
	position: absolute;
	bottom: 2px;
	border:0px dotted #000;
	}

	/* -------------------------------- Downloads-Symposium09-column ------------------------------- */
#downloads-Symposium09-column {
	position: absolute;
	z-index:900;
	top: 670px;
	left: 371px;
	width: 180px;
	height: 300px;
	font-size: 10px;
	line-height:11px;
	font-family: arial;
	vertical-align: bottom;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border:0px dotted  #00799e;
		}

#downloads-Symposium09-column a:link, #downloads-column  a:visited {
	color:#6f7072;
	text-decoration: none;
		}

#downloads-Symposium09-column a:hover, #downloads-column  a:active {
	color:#00799e;
		}
#downloads-Symposium09-column ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#downloads-Symposium09-column li {
	float: left; width:140px;
	margin: 0 0 0 0;
	padding: 0 0 0 27px;
	height: 35px;
	background-image: url(/_images/_layout/downloads_separator.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	list-style: none;
	display: inline;
	border:0px solid #000;
	}

#downloads-Symposium09-column-textposition {
	position: relative;
	height:35px;
	border:0px solid #fff;
	}

#downloads-Symposium09-column-textposition p {
	position: absolute;
	bottom: 2px;
	border:0px dotted #000;
	}

/* -------------------------------- Kontakt Formular ------------------------------- */

.formError{
  color: red;
  border-color: red;
}

/* -------------------------------- div. elements ------------------------------- */

/* -------------------------------- Publikationen ------------------------------- */

.title-buch {
	font-size:12px;
	font-weight:bold;
	}
/* -------------------------------- Publikationen ------------------------------- */

/*
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-table;}
*/