/*
Farbpalette
#00456c Grundblau 100%
#336a89 Blau 80%
#c0d1db Blau 25%
#e1e9ee Blau 12%
#ffffff Weiß
*/


html { height: 100% }
body { margin: 0px; padding: 0px; background-color: #ffffff; height: 100%; }
#screen { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
#vollehoehe { width: 960px; height: 100%; position: relative; background-color: #ffffff; background-image:url(grafik/hintergrund_vollehoehe.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; overflow: hidden; }
#seite { width: 840px; padding-left: 60px; padding-right: 60px; position:relative; top: 0px; margin-left: auto; margin-right: auto; background-color: #ffffff; background-image: url(grafik/hintergrund_vollehoehe.gif); background-repeat:repeat-y; }

img { border: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00456c; vertical-align: middle }
img#zaehler { display: none }
img#singpause { margin-bottom: 5px; }
img.web { border: solid 2px #c0d1db; }

h1, h2, h3, p.footer { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1, h2, h3 { font-size: 13px; margin: 0px; }
p.footer { font-size: 11px; line-height: 17px; margin: 51px 0px 0px 0px; }
h1, p.footer { color: #ffffff; background-color: #00456c; text-align: center; }
h1 { line-height: 21px; }
h2, h3 { color: #00456c; line-height: 51px; }
h2 { text-align: center; border-bottom: solid 2px #c0d1db; }

#web { height: 566px; width: 548px; }

a { color:#00456c; text-decoration:none; background-color:#e1e9ee; }
a:hover { background-color: #c0d1db; }
a.inline { padding: 0px 2px 0px 2px; }
a.web { font-family: Arial, Helvetica, sans-serif; font-size: 2000px; font-weight: normal; margin: 0px 10px 10px 0px; display: block; width: 256px; height: 157px; padding: 2px; float: left; border: solid 2px #c0d1db; overflow: hidden; }
a.web:hover { font-size: 13px; color: #00456c; }
a#wiegmann { background-image: url('grafik/wiegmann.jpg'); }
a#wiegmann:hover { background-image: url('grafik/wiegmann_hell.jpg'); }
a#klt { background-image: url('grafik/klt.jpg'); }
a#klt:hover { background-image: url('grafik/klt_hell.jpg'); }
a#klinik { background-image: url('grafik/klinik.jpg'); }
a#klinik:hover { background-image: url('grafik/klinik_hell.jpg'); }
a#sru { background-image: url('grafik/seniorenrat.jpg'); }
a#sru:hover { background-image: url('grafik/seniorenrat_hell.jpg'); }
a#clh { background-image: url('grafik/clh.jpg'); }
a#clh:hover { background-image: url('grafik/clh_hell.jpg'); }
a#steinberg { background-image: url('grafik/steinberg.jpg'); }
a#steinberg:hover { background-image: url('grafik/steinberg_hell.jpg'); }
h1 a { background-color: transparent; color: #e1e9ee; }
h1 a:hover { background-color: transparent; color: #c0d1db; }

#flickr_badge_uber_wrapper { width: 251px; float: right; }
.flickr_badge_image { margin: 0px 7px 7px 0px; float: left; }
.flickr_badge_image img { border: 2px solid #c0d1db !important; }
#flickr_badge_image3, #flickr_badge_image6, #flickr_badge_image9 { float: left; margin-right: 0px !important; }