/* ===================================================
Stylesheet
Datei: screen.css
Datum  26/01/09
Autor: wquadrat medien gmbH
=================================================== */

.hide { display: none; }

#container { background: url("../../media/bilder/_layout/main-bg.gif") no-repeat 0 125px; position: relative; width: 974px; margin: 20px auto 0; }

h1#logo { text-indent: -9999px; margin: 0 0 0 14px; }
h1#logo a { display: block; width: 143px; height: 57px; background: url("../../media/bilder/_layout/logo.gif") no-repeat; }
h1#logo img { display: none; }

#form { color: #ffffff; position: absolute; top: 130px; right: 0; width: 190px; padding: 15px; }
#form button.primaryAction { background: url("../../media/bilder/_layout/search-btn.gif") no-repeat left top; border: 0; text-indent: -9999px; display: block; width: 30px; height: 30px; padding: 0; }
#form form { background: url("../../media/bilder/_layout/red-gradient.gif") repeat-x #be0002; border: 2px solid #ffffff; border-width: 2px 0; margin: 0 -15px 0 -23px; padding: 10px 10px 10px 20px; }
#form .ctrlHolder { float: left; width: 160px; }
#form .textInput { font-size: 100%; color: #333333; width: 148px; border: 1px solid #888888; padding: 5px; }
#form .buttonHolder { float: left; width: 30px; margin-left: 5px; }

#results { margin: 671px 0 0; }
#results p.intro { background: url("../../media/bilder/_layout/red-gradient.gif") repeat-x #be0002; color: white; padding: 12px 15px; }
#results ul { list-style: none; margin: 0; }
#results li { padding: 0; margin: 0 0 1em; float: left; width: 33%; } /* #1671 min-height: 135px; */
#results li div { padding-left: 50px; }
#results h3 { font-size: 1em; color: #cc0000; margin: 0; position: relative; }
#results h3 img { position: absolute; left: -40px; }

#legend { background: #f2f2f2; width: 100%; height: 40px; position: absolute; top: 83px; left: 0; margin: 0; }
#legend dt, #legend dd { float: left; margin: 2px 0 0 15px; }
#legend dd { color: #cc0000; padding: 10px; margin-left: 0; }

#overview { position: absolute; top: 400px; right: 10px; }

#map { position: absolute; top: 133px; left: 8px; border: 2px solid white; }
#map h3 { color: #cc0000; font-size: 1.2em; font-weight: bold; }

#footer { font-size: 0.8em; color: #666666; text-align: center; padding: 1em 0 2em; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }