/* Screen CSS 4 Chemisches-Gewerbe.or.at by kessler.at */
body{ margin:0; padding:0;
background: #EEE url(../pix/hg-body.jpg) top center fixed no-repeat; 
text-align:center; font-family: Arial, sans-serif;
}
.skiplinks{
position: absolute; left: -1000px; top: -1000px;
width: 0px; height: 0px; overflow: hidden;
display: inline; font-size:0.7em;
}
img{ border:0; }
.clear{ clear:both; }
.foto{ float:left; margin-right:1em; margin-bottom:1em; }

#page{ margin:0 auto; width:960px; text-align:left; position:relative; }
#logo{ margin:15px 0; padding:0; font-size:1em; width:680px; height:95px; overflow:hidden; position:relative; text-indent:-9999px; }
#logo span{ position:absolute; left:0; top:0; width:680px; height:95px; background:url(../pix/logo-chemische-gewerbe-noe.gif) no-repeat; cursor:pointer; }
#logo a{ color:#690; text-decoration:none; }
#content{ float:right; width:720px; line-height:1.1em; }
#text{ float:left; background:url(../pix/hg-box.png) repeat-y; width:470px; }
#text.big{ width:720px; }
#sub{ float: right; background:url(../pix/hg-box.png) repeat-y; width:230px; }
/* Texte */
#content h2{ margin:0; margin-bottom:-10px; padding:0 10px; font-size:1em; color:#FFF; font-weight:normal; letter-spacing:1px; background:url(../pix/hg-balken.gif) no-repeat; height:39px; line-height:30px; overflow:hidden; }	
#content h3{ clear: left; }
#content h3, #content p{ margin-right:10px; margin-left:20px; }
#content ul, #content ol{ margin:0 15px; }
#content h3{ font-size:1em;	color:#F09;}	
#content p, #content li, #content td{ font-size:0.8em;	font-family: Arial, sans-serif; }	
/* Links */
#content a{ text-decoration:none; border-bottom: 1px solid #690; color:#000; }
#content a:visited{ color:#666;	}
#content a:hover{ color:#690; border: 0; }
#content h2 a{ text-decoration:none; border-color:#FFF; color:#FFF; }
#content h2 a:visited{ color:#EEE;	}
#content h2 a:hover{ border:0; color:#FFF; }
/* Formulare */
label b{ display:block; float:left; width:6em; margin-right:0.5em; font-weight:normal; }
.textnormal{ background-color: #EEE; border: 1px solid #999; color: #333; }
.textfocus{ background-color: #FFF; border: 1px solid #B00; color: #000; }
.button{ border: 1px solid #690; background-color: #9C3; color: #FFF; font-weight:bold; padding:2px; }
/* Tabellen */
table{ padding:0; margin:0 20px; }
th{ padding:3px 5px; text-align:left; background:#9C3 url(../pix/hg-balken.gif) repeat-x; color:#FFF; font-size:0.9em; }
.zeilehell td{ border-bottom:1px dashed #CCC; }
.zeiledunkel td{ border-bottom:1px dashed #999; }
.zeilehell:hover td, #content .zeiledunkel:hover td{ border-bottom:1px solid #000; }
.zeilehover td{ border-bottom:1px solid #000; }

#map_canvas { width:690px; height:480px; margin-left:20px; }
.accordion_toggle { display: block; cursor: pointer; }
.accordion_content{ overflow: hidden; }

#navi{ float:left; position:relative; z-index:1; list-style-type:none;
margin:0; padding:0; line-height:1.5em; width:220px; }
#navi dt{ font-size:1em; font-weight:bold; margin:0; margin-top:10px; padding:0; width:100%; }
#navi dt a{ display:block; padding: 0.4em 0.6em; border:2px dashed #FFF; text-decoration:none; color:#666; }
#navi dd{ font-size:0.8em; margin:0; padding:0; padding-left:20px; }
#navi dd a{ display:block; text-decoration:none; color:#000; }
#navi a:visited{ color:#555; }
#navi a:hover{ color:#690; }

.linktel{ background:url(../pix/icons.gif) 0 0 no-repeat; padding-left:24px; line-height:16px; margin-top:10px; cursor:default; }
.linkmail{ background:url(../pix/icons.gif) 0 -24px no-repeat; padding-left:24px; line-height:16px; margin-top:10px; }
.linkrss{ background:url(../pix/icons.gif) 0 -48px no-repeat; padding-left:24px; line-height:16px; margin-top:10px; }

#home #dthome a, #lehre #dtlehre a, #bilder #ddbilder a, #ausbildung #ddausbildung a, #schule #ddschule a, #meister #ddmeister a, #innung #dtinnung a, #aufgaben #ddaufgaben a, #ausschuss #ddausschuss a, #personen #ddpersonen a, #preis #ddpreis a, #kontakt #dtkontakt a{ color:#690; border-color:#9C3; }
#bilder #dtlehre a, #ausbildung #dtlehre a, #schule #dtlehre a, #meister #dtlehre a, #aufgaben #dtinnung a, #ausschuss #dtinnung a, #personen #dtinnung a, #preis #dtinnung a{ border-color:#9C3; }

#banner{ float:right; width:750px; list-style-type:none; margin:0 auto; padding:0; }
#banner li{ display:inline; margin:0; padding:0; text-align:right; }
#banner a{ display:block; float:right; margin:15px 0; margin-left:26px; }
#banner img{ border:1px solid #999; background:url(../pix/hg-box.png) 100% repeat-y; padding:4px; }
#bottom{ padding:1.5em;	clear:both;	text-align:center; list-style-type:none; margin:0 auto; font-size:0.7em; letter-spacing:1px; }
#bottom li{ display:inline; line-height:2.5em; margin:5px; padding:0; }
#bottom a{ color:#666; text-decoration:none; border-bottom: 1px solid #9C3; }
#bottom a:visited{ color:#555;  }
#bottom a:hover{ color:#000; border: 0; }

#alexa{ position:absolute; left:-999em; top:-999em; width:0; height:0; overflow:hidden; }#schule #page #content #text p strong {
	color: #F3F;
}
.unterschrift {
	font-family: "Comic Sans MS", cursive;
}