@charset "utf-8";
/* INNUNG (v2.0.2), Start: 02.12.2008 */

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */
body { font-family: Arial, Helvetica, sans-serif; color: #363d4d; background: #d3e2e7 url(../img/bg.png) repeat-x; }

h1, h2, h3, h4 { font-weight: normal; margin-bottom: .5em; }
h1, h2 { line-height: 1em; }
h3, h4 { line-height: 1.2em; }
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.3em; font-weight: bold; }
h1 em, h2 em, h3 em, h4 em { font-weight: normal; }

/* POSITION
----------------------------------------------------------------------------------------------------  */
#wrapper, .wrap, #header, #body, #content, #footer { position: relative; } /* #wrapper und #footer MÜSSEN beide die gleiche Positionierung haben, das die Footer-Links im FF sonst nicht wählbar sind */
#logo, .globalnav, .mainnav, #credits { position: absolute; }
#madeby { position: fixed; }

/* LAYOUT
----------------------------------------------------------------------------------------------------  */
#wrapper, .wrap { margin: auto; }
#wrapper { text-align: left; margin-bottom: 100px; }
.wrap { width: 980px; }

#header, #header .wrap { height: 120px; }
#header { background-repeat: no-repeat; background-position: center 10em; }
#header .wrap { background: url(../img/head-bg.png) no-repeat center bottom; }

#logo { top: 13px; left: 0; z-index: 1; }
#logo img { background-image: none; }
#logo h1 { text-indent: -999em; cursor: pointer; display: none; }

#body { background: url(../img/wrapper-bg.png) repeat-y center; }
* html #body { background-image: url(../img/wrapper-bg.gif); } /* IE6 */

#footer, #footer .wrap { height: 10em; }
#footer .wrap { width: 960px; }
#footer { color: #026ab3; background: url(../img/footer-bg.png) no-repeat center top; margin: -100px auto auto auto; overflow: hidden; }
* html #footer { background-image: url(../img/footer-bg.gif);} /* IE6 */
#footer a { color: #026ab3; }
#footer a:hover { color: #007ed9; }

#credits { width: 960px; top: 50px; text-align: center; }
#credits p, #credits ul { font-size: 1.2em; }

#madeby { right: 0; bottom: 10px; }
#madeby p { background: url(../img/madeby.png) no-repeat; width: 16px; height: 36px; text-indent: -999em; cursor: pointer; overflow: hidden; }
#madeby p:hover { background-position: -16px top; }
* html #madeby p { display: none; } /* IE6 */

/* CONTENT
----------------------------------------------------------------------------------------------------  */
.colset { margin-bottom: 2em; }
.col, .col-33, .col-66 { float: left; overflow: hidden; }
.col { width: 50%; }
.col-33, .col-66 { padding-top: 2em; }
.col-66 .col-33 { padding-top: 0; }
.col-33 { background: url(../img/content-bg.png) repeat-x; width: 320px; min-height: 480px; }
.col-66 { width: 640px; }

#content { padding: 0 10px; margin: 0 auto; }
#content h1 { color: #16408e; }
#content h2, #content h3, #content h4 { color: #0077cc; }
#content h2 em, #content h3 em { font-size: .85em; }
#content h2,#content h3 { padding-top: .5em; }

#content h1, #content h2, #content h3, #content h4, #content p, #content ul, #content ol, .row { padding-right: 20px; padding-left: 20px; }
#content p, #content ul, #content ol, #content th, #content td, #content label { font-size: 1.3em; }
#content p, #content ul, #content ol, #content th, #content td { line-height: 1.4em; }
#content ul, #content table, #content form { margin-bottom: 2em; }
#content p, #content ul, #content ol { margin-bottom: 1em; }

#content a { color: #16408e; }
#content p a { font-weight: bold; }
#content p a:hover, #content td a:hover { text-decoration: underline; }
#content p a[target=_blank] { background: url(../img/ico-extern.gif) no-repeat right 70%; padding-right: .9em; }
#content p a[target=_blank]:hover { background-image: url(../img/ico-extern-o.gif); }

#content ul ul, #content ol ol { font-size: 1em; }
#content ul { }
#content ol { list-style: decimal; margin-left: 2em; }
#content ul li { background: url(../img/ico-list.gif) no-repeat left top; padding-left: 1em; }
#content ol li { }

#content img { margin: 0 0 2em 10px; float: right; }
#content table img { background: none; border: 0; margin: 0; float: none; }

.foo { min-height: 15em; background-image: none; }

#innungsgebiete { }
#innungsgebiete object { margin-left: 20px; }
#innungsgebiete object object { margin-left: 0; }
#innungsgebiete img { float: none; }


/* MEDIA
----------------------------------------------------------------------------------------------------  */
.mediaspace { float: left; }
#content .mediaspace img { background: #fff url(../img/loading.gif) no-repeat center center; margin: 0; display: block; float: none; }
#content .mediaspace img, .mediaspace a img { color: #999;  }
#content .mediaspace a:hover img { border-color: #3c9; }

.gallery { margin-left: 10px; }
#content .gallery .mediaspace img { margin: 0 10px 1em 0; }