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

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

h1, h2, h3, h4 { font-weight: normal; margin-bottom: .5em; }
h1, h2 { letter-spacing: -.05em; line-height: 1em; }
h3, h4 { line-height: 1.2em; }
h1 { font-size: 3.2em; }
h2 { font-size: 2.4em; }
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, #hotline, #key, #credits, #partner { position: absolute; }
#madeby { position: fixed; }

/* LAYOUT
----------------------------------------------------------------------------------------------------  */
#wrapper  { text-align: left; min-height: 100%; }
#wrapper, .wrap { margin: auto; }
.wrap { width: 760px; }

#header { background-repeat: no-repeat; background-position: center 100px; height: 300px; }
#header .wrap { background: url(../img/head-bg-anniversary.png) no-repeat left 32px; width: 780px; height: 300px; }
* html #header .wrap { background-image: url(../img/head-bg-anniversary.gif); } /* IE6 */

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

#header .globalnav { width: 82%; top: 2.2em; left: 1em; }
#header .globalnav ul { color: #16408e; }

.globalnav ul { font-size: 1.2em; }
.globalnav li { padding-left: .5em; border-left: 1px solid; margin-right: .25em; display: inline; }
.globalnav a { color: #16408e; }
.globalnav a:hover { color: #393; text-decoration: underline; }
.globalnav .active a { color: #393; }

#hotline { color: #fff; top: 7.8em; right: 13em; z-index: 10; display: none; }
#hotline p { font-size: 1.2em; background: url(../img/ico-phone.gif) no-repeat left center; padding-left: 1em; }
#hotline span { display: none; }

.mainnav { width: 190px; top: 3em; left: 0; z-index: 10; }
.mainnav .top { background: url(../img/mainnav-top.png) no-repeat top; height: 14px; }
.mainnav .bottom { background: url(../img/mainnav-bottom.png) no-repeat bottom; height: 14px; }
.mainnav ul { font-size: 1.3em; background: url(../img/mainnav-bg.png) repeat-y; }
.mainnav li { background-color: #fafafa; border-top: 1px solid #fff; border-bottom: 1px solid #f2f2f2; margin: 0 10px; }
.mainnav a { color: #16408e; height: 2em; line-height: 2em; padding: 0 1em; display: block; }
.mainnav a:hover, .mainnav .active a { color: #fff; background: #90c194 url(../img/mainnav-o.png) no-repeat center top; }
.mainnav .active a { font-weight: bold; }
* html .mainnav .top, * html .mainnav .bottom, * html .mainnav ul { background-image: none; } /* IE6 */

#key { width: 760px; height: 200px; overflow: hidden; top: 100px; left: 10px; }

#body { }

#footer { color: #5283cc; text-align: left; background: #16408e url(../img/footer-bg.png) repeat-x; margin: -225px auto auto auto; overflow: hidden; }
* html #footer { height: 225px; } /* IE6 */
#footer .wrap { height: 225px; }
#footer .globalnav { top: 7em; }
#footer ul { height: 1em; line-height: 1em; }
#footer li { border-left: 1px solid; }
#footer a { color: #5283cc; }
#footer a:hover { color: #fff; }
#footer .active a { color: #fff; }

#credits { top: 7em; right: 0; }
#credits p, #credits ul { font-size: 1.2em; }

#partner { bottom: 0; right: 0; }
#partner img { background: none; }

/* Made By */
#madeby { right: 0; bottom: 20px; }
#madeby a { background: url(../img/madeby.png) no-repeat center left; width: 21px; height: 45px; display: block; text-indent: -999em; cursor: pointer; overflow: hidden; }
#madeby a:hover { background-position: center right; }
.ie6 #madeby { display: none; } /* IE6 */

/* CONTENT
----------------------------------------------------------------------------------------------------  */
.colset { margin-bottom: 2em; }
.col { width: 50%; float: left; overflow: hidden; }

#content { padding-top: 4em; margin: 0 auto 225px 190px; }
#content h1 { color: #16408e; }
#content h2, #content h3, #content h4 { color: #6ca671; }
#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: 10px; */padding-left: 10px; }
#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 table p, #content table ul, #content table ol, #content table input, #content table select, #content table textarea { font-size: 1em; }
#content table p, #content table ul, #content table ol { padding-right: 0; padding-left: 0; }
#content caption, #content legend { font-size: 1.8em; padding: .3em 10px; }
#content table, #content form { margin: 0 0 2em 0/*10px*/; }

#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 55%; padding-right: .9em; }
#content p a[target=_blank]:hover { background-image: url(../img/ico-extern-ogif); }

#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 { border: 1px solid #e5e5e5; margin: 0 0 2em 1em; float: right; }
#content table img { background: none; border: 0; margin: 0; float: none; }

.advantages { padding-bottom: 1em; border-bottom: 1px solid #e5e5e5; margin-bottom: 1em; min-height: 8em; }
#content .advantages h4 { float: left; }
#content .advantages ul { margin-left: 285px; }
#content .advantages li { }

.fax em { font-style: normal; display: -moz-inline-box; display: inline-block; width: 5.5em; }

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

/* TABLE
----------------------------------------------------------------------------------------------------  */
#content table { clear: both; }
#content caption { color: #fff; background: #153f8d url(../img/thead-bg.png) repeat-x top; padding: .15em 10px; }
#content th, #content td { padding: .3em 10px; }
#content tr { border-bottom: 1px solid #ccc; }
#content th, #content td { border: 1px solid; }
#content th[colspan], #content td[colspan] { }

#content thead { color: #fff; background: #153f8d url(../img/thead-bg.png) repeat-x top; }
#content thead th { font-weight: bold; border-color: transparent #062d75 transparent #325aa6; }
#content thead th em { color: #73ace5; }

#content tbody tr { background-color: #f2f7ff; }
#content tbody tr:hover th, #content tbody tr:hover td { }
#content tbody tr:hover th { border-right-color: #bfd4ff; border-left-color: #f2f7ff; }
#content tbody tr:hover td  { background-color: #e5eeff; border-color: #fff #d9e5ff #d9e5ff #fff; }
#content tbody th { color: #16408e; font-weight: bold; background-color: #d9e5ff; border-color: #fff #bfd4ff #bfd4ff #fff; width: 30%; }
#content tbody td { border-color: #fff #e5eeff #e5eeff #fff; }

#content tfoot { color: #6688cc; background-color: #f7faff; border: 0 none; }
#content tfoot th, #content tfoot td { border: 0 none; text-align: right; }
#content tfoot a { color: #6688cc; display: block; }
#content tfoot a:hover, #content tfoot strong { color: #16408e; }
#content tfoot strong { font-size: 1.1em; }

#content table table { font-size: .75em; margin: -.5em 0; width: 100%; }
#content table table td { padding-right: 0; padding-left: 0; background: transparent; border-right: 0; border-left: 0; }

#content .even { }
#content .odd { background: #e5eeff; }

.seminar th { width: 30%; }
#content .seminar tbody tr:hover th, #content .seminar tbody tr:hover td { color: inherit; }
#content .seminar tbody tr:hover th { background: #bfd4ff; border-color: #f2f7ff #bfd4ff #bfd4ff #f2f7ff; }
#content .seminar tbody tr:hover td { background: #e5eeff; border-color: #fff #d9e5ff #d9e5ff #fff; }
#content .seminar table tbody tr:hover th, #content .seminar table tbody tr:hover td { color: #004080; background-color: #e6f3ff; }
#content .seminar table col[span="2"] { width: 8em; }
#content .seminar table col { width: 16em; }

.archive tbody td { color: #8f9bb3; }
/*.archive col { width: 16.67%; }*/
.archive span { font-size: .7em; font-weight: bold; vertical-align: super; }
.news th, .news td { width: 33.33%; }

.contacts { }
#content .contacts a { /*background: url(../img/ico-mail.gif) no-repeat left 55%; padding-left: 1em; */white-space: nowrap; }

#content .calendar tfoot a, #content tfoot .pagenavi a { display: inline; }
#content .calendar th, #content .calendar td { width: 14.29% !important;}
#content .calendar tfoot a { padding: 0 .2em; }
#content .empty { }
#content .sunday, #content .today { font-weight: bold; }
#content .today { color: #16408e; background-color: #e5eeff; }
#content .sunday { color: #8f9bb3; }

.frame, .tbhead, .tbheadhl, .tbcontent, .tbcontenthl { color: #000; background-color: #f0f; }
#content table td p { color: #0f0; }

/* FORM
----------------------------------------------------------------------------------------------------  */
#content form .row, #content fieldset .row { background-color: #f7f7f7; padding-top: .3em; padding-bottom: .3em; border-top: 1px solid #fff; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #fff; }
#content .group { border-bottom: none; display: inline-block; }
#content  .row .group { border-bottom: none; }
#content form h3, #content form p {  }
/*#content form p, #content fieldset p,
#content form ul, #content fieldset ul,
#content form span, #content fieldset span { font-size: 1.3em; background-color: #4cd2ff; padding: .3em .4em; margin: .25em 0; display: inline-block; }*/
#content form li, #content fieldset li { background: none; padding: 0; }
#content form img { background-image: none; margin: 0; }
#content fieldset { margin-bottom: 2em; }
#content legend { }
/*#content label, #content label.radio, #content label.checkbox { font-size: 1.3em; display: inline-block; }*/
#content label { padding-top: .4em; display: -moz-inline-box; display: inline-block; width: 12em; vertical-align: top; }
#content td label { font-size: 1em; }
/*#content label.radio, #content label.checkbox { padding: .5em .25em; margin-right: .325em; display: inline; }*/
#content label em { color: #0f0; font-weight: bold; }
#content input, #content select, #content textarea { color: #363d4d; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; }
#content input[type=text], #content input[type=password], #content select, #content textarea { border: 1px solid #ccc; }
#content input[type=text], #content input[type=password], #content textarea { background: #fff url(../img/input-bg.png) repeat-x top; padding: .3em; }
#content input[type=text], #content input[type=password] { width: 14em; }
#content textarea { width: 25em; height: 10em; }
#content input[type=submit] { margin-left: 15px; }
#content input[type=hidden] { display: none; }
#content select { padding: .15em 0; width: 14.7em; }

#content div.tooltip { display: inline; position: relative; }
#content span.tooltipbox { background: #66d9ff; font-weight: bold; display: inline-block; width: 1em; text-align: center; cursor: help; }
#content div.tooltip span.tooltip { display: none; width: auto; }
#content div:hover.tooltip span.tooltip { background: #003; display: inline-block; width: 10em; position: absolute; bottom: 1em; left: 1.5em; z-index: 10; }
#content div:hover.tooltip span.tooltip h1, #content div:hover.tooltip span.tooltip h2,
#content div:hover.tooltip span.tooltip h3, #content div:hover.tooltip span.tooltip h4,
#content div:hover.tooltip span.tooltip p { font-size: 1em; background: none; display: inline-block; width: auto; padding: 0; }

div.error { }
.error h3 { font-size: 1.3em !important; }
.error ul { }
.error ul li { margin-bottom: 0; background: url(../img/ico-error.gif) no-repeat right center; }
.error input[type=text] { font-size: 1.1em; }
.error strong { color: #e2001a; }

.affirmmsg, .errormsg { color: #fff; padding: 1em 0; border-bottom: none; }
#content .affirmmsg h3, #content .affirmmsg h4, #content .affirmmsg p, #content .affirmmsg ul,
#content .errormsg h3, #content .errormsg h4, #content .errormsg p, #content .errormsg ul { padding-top: 0; margin-top: 0; margin-bottom: 0; }

.errormsg { background: #153f8d; }
#content .errormsg h3 { color: #5c93e5; }
#content .errormsg strong { color: #fff; }
#content .errormsg ul, #content .errormsg li { margin: 0; width: auto; }
#content .errormsg li { background: url(../img/ico-error.gif) no-repeat left top; padding-left: 1.5em; }
#content form .errormsg li { font-size: .909em; }
#content .errormsg a { color: #fff; }

.affirmmsg { background: #ACE5B1; }

#content form div.error { background: #39c url(../img/ico-error.gif) no-repeat 99% center; }
#content form .error label { color: #fff; font-weight: bold; }
#content form .error label em { }
#content form .error input[type=text], #content form .error input[type=password], #content form .error select #content form .error textarea
{ font-weight: bold; border-color: #0cf; }
#content form .error [type=text], #content form .error input[type=password] { background-position: 98% center; }
#content form .error textarea { background-position: 98% 5%; }

/* MISC
----------------------------------------------------------------------------------------------------  */
.noborder { border: none !important; }
.nobg { background-color: transparent; background-image: none !important; }
.smallprint { color: #808080; }

.button { color: #8a9399 !important; font-weight: bold; margin-top: .25em; margin-right: 1em; margin-bottom: 1.5em; height: 28px; line-height: 28px; }
.button:hover { color: #737b80 !important; }
a.button, #content a[target=_blank].button { background-image: url(../img/button.png) !important; background-position: right top; padding-right: 14px; display: block; float: left; }
* html a.button { background-image: url(../img/button.png) !important; background-position: right top; padding-right: 14px; display: block; float: left; } /* doppelt wg IE6 */
a.button span { background: transparent url(../img/button.png) no-repeat; display: block; line-height: 28px; padding-left: 14px; } /*sliding doors padding */
a.button:hover, #content a[target=_blank].button:hover { background-position: right -28px; }
* html a.button:hover { background-position: right -28px; } /* doppelt wg IE6 */
a.button:hover span { background-position: left -28px; }
a.button, a.button:hover, a.button span, a.button:hover span { border: 0 !important; } /* overwrites general a:hover rule */

.bar { padding-top: .25em; border-top: 1px solid #f2f2f2; margin: 1em 1.5em 2em 1.5em; clear: left; }
.bar a { color: #003d8f !important; padding-left: 1.5em; }
.bar a:hover { color: #e2001a !important; }

.pdf, .pdf:hover { background-repeat: no-repeat; background-position: 0 50%; }
.pdf { background: url(../img/ico-pdf.gif) }
.pdf:hover { background: url(../img/ico-pdf-o.gif) }

p.pdf, p.pdf:hover { background: none; }
p.pdf a { font-weight: bold; background: url(../img/ico-big-pdf.gif) no-repeat 0 center; padding-left: 1.5em; }
p.pdf a:hover { background-image: url(../img/ico-big-pdf-o.gif); }
p.pdf em { color: #666; font-size: .85em; font-style: normal; }

div.artice_gallery {text-align: center; }
div.artice_gallery img {float: none !important; }