/* ergonomia.de - PRINT

   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: #6f7072;  ------------------for print ---------------------- */
	/* Abstand zu: ob re un li */
	margin: 0 0 0 0;
	}
	
.table {
  padding:0px;
  }
	
.odd {
  background: #f0f3f5;
}

.even {
  background: #e1e4e8;
}

#wrapper {
	margin: 5px 15px;
	width: 780px;
	position:relative;
	padding-bottom:20px;
	/* background-image:url(/_images/_layout/body_bg.gif);  ------------------for print ---------------------- */
}

#banner-160x600 {
	/* position: absolute;  ------------------for print ---------------------- */
	/* z-index:99; ------------------for print ---------------------- */
	/* top:12px; ------------------for print ---------------------- */
	/* left:820px; ------------------for print ---------------------- */
	/* width:160px; ------------------for print ---------------------- */
	/* height:600px; ------------------for print ---------------------- */
	display:none;
	}

#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: 16px;
	left: 0px;
	width: 180px;
	height: 72px;
	border: 0;
    }


#header {
	position:relative;
	background-image:url(/_images/_layout/bg_header.gif);
	top: 0px;
	left: 0px;
	width: 780px;
	height: 340px;
    }

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

#top-top-menu {
	position:absolute;
	z-index:5;
	top:5px;
	left:200px;
	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: 540px;
	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;
	background: url(/_images/_layout/top-top-menu_seperator.gif) 0 50% no-repeat;
	background-position: right;
	list-style: none;
	display: inline;
}
/* -------------------------------- //top-top-menu ------------------------------- */



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

#logo { /* logo startseite */ 
	position: absolute;
	z-index:10;
	background: transparent;
	top: 15px;
	left: 15px;
	width: 153px;
	height: 153px;
}

#logo-2 { /* logo weitere seiten */
	position:relative;
	/*position: absolute;
	z-index:10;*/
	top: 13px;
	left: 35px;
	width: 95px;
	height: 95px;
    }

#mastertitel  {
	position:absolute;
	z-index:20;
	top:70px;
	left:186px;
    width:450px;
    font: 19px/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 20px 0;
	padding: 0 0 0 0;
	}
		
#header-image-1 {
	position: absolute;
	z-index:8;
	background: #fff;
	top: 140px;
	left: 0px;
	width: 740px;
	height: 201px;
	white-space:nowrap;
    }

#header-image-2 {
	position:relative;
	/*position: absolute;
	z-index:8;*/
	background: #fff;
	top:45px;
	left: 180px;
	width: 560px;
	height: 201px;
	white-space:nowrap;
    }

#line-bold-2 {
	position: absolute;
	z-index:10;
	top: 120px;
	width:180px;
	border-right:1px solid #9b9c9d;
	height:8px;
	}

#header-farbblock {
	position: absolute;
	z-index:11;
	background-image:url(/_images/_layout/transparent.gif);
	background-repeat: no-repeat;
	/* background-color: Wird in we-Edit in der jeweiligen Dateieingetragen */
	top: 140px;
	left: 740px;
	width: 40px;
	height: 201px;
	}


/* -------------------------------- 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;  ------------------for print ---------------------- */
		}

#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: 191px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	/* background-color: #9B9C9D;  ------------------for print ---------------------- */
	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;  ------------------for print ---------------------- */
	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;
	text-decoration: none;
		}

#left-menu-2 a:hover, #left-menu-2 a:active {
	color:#00799e;
	font-weight: bold;
		}
		
		
#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;
    }


/* ---------------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 ------------------------------- */

#content {
	position:relative;
	/* background-color:black; */
	width:780px;
	border-bottom:1px solid #6f7072;
	margin-bottom:10px;
	padding-bottom:10px;
}

#content #suche {
	list-style-image:url(/_images/_layout/transparent.gif);
}

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

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

#contenttext-startpage {
	position:relative;
	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------------------------------- */

#content-links {
	position:relative;
	float:left;
	/* position: absolute;
	z-index:2;
	top: 341px; */
	left: 0px;
	width: 180px;
	/* height: 240px; */
	/* background-color: #d8d9da;  ------------------for print ---------------------- */
	margin: 0 0 0 0;
	padding: 45px 0 5px 0;
	/* background-color:black; */
		}	

#content-rechts-oben {
	position:relative;
	float:right;
	/* position: absolute;
	z-index:2;
	top: 341px; */
	width: 600px;
	/* height:600px; */
	/* background-color: #d8d9da; */
}

#themenlinie-lang {
	position:relative;
	top:16px;
	
	}
		
#content-rechts {
	position:relative;
	float:right;
	/* position: absolute;
	z-index:2;
	top: 341px; */
	width: 600px;
	min-height:280px;
	/* height:600px; */
	/* background-color: #d8d9da; */
	/* background-color: cyan; */
}

#content-rechts-spalte-1 {
	position:relative;
	float:left;
	/* position: absolute;
	z-index:2;
	top: 341px; */
	width: 420px;
	/* height:300px; */
	/* background-color: #d8d9da; */
	/* background-color: green; */
}

#content-rechts-spalte-2 {
	position:relative;
	float:right;
	/* position: absolute;
	z-index:2;
	top: 341px; */
	width: 180px;
	/* heigth:400px; */
	/* background-color: #d8d9da; */
	/* background-color: orange; */
}




#content-2 {
	position:relative;
	/* position: absolute;
	z-index:3; */
	/* top: 341px; */
	/* left: 180px; */
	width: 384px;
	/* height: 260px; */
	padding: 30px 5px 0px 31px;
	margin-top:20px;
	/* background-color: #d8d9da;  ------------------for print ---------------------- */
		}
		
#content-2 a[href$='.pdf'] {
	padding: 5px 5px 5px 30px;
	background: transparent url('/_images/_icons/icon_pdf.gif') no-repeat center left;
	border:0px;
	}


 /* weil ie6 die obere definition f?r pdf nicht versteht; */
 
#content-2 .pdf-link { 
	padding: 5px 5px 5px 30px;
	background: transparent url('/_images/_icons/icon_pdf.gif') no-repeat center left;
	}
	

	

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

#contenttext-2 {
	position:relative;
	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: relative;
	top:-45px;
		}



/* -------------------------------- Downloads-Column ------------------------------- */
#downloads-column {
	/* position: absolute;
	z-index:900;
	top: 341px;
	left: 600px; */
	position:relative;
	top:20px;
	width: 180px;
	/* height: 600px; */
	
	font-size: 10px;
	line-height:11px;
	font-family: arial;
	vertical-align: bottom;
	/* background-color: #d8d9da;  ------------------for print ---------------------- */
	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;
	}
	´
/* -------------------------------- Footer ------------------------------- */

#footer {
	position:relative;
	height:20px;
	width:780px;
	color:white;
}

#footer-links {
	float:left;
	margin-left:20px;
	}
	
#footer-rechts {
	float:right;
	margin-right:20px;
}
	

/* -------------------------------- 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;}
*/

.clearfix {
	clear:both;
}