@charset "utf-8";
/* maxxbizz (v2), Start: 04.05.2009 */

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */
body { font-family: Arial, Helvetica, sans-serif; color: #4c4c4c; background: #808080 url(../img/bg.png) repeat-y center top; }

h1, h2, h3, h4 { font-weight: bold; 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.4em; font-weight: bold; }
h1 em, h2 em, h3 em, h4 em { font-weight: normal; font-style: normal; }

/* POSITION
----------------------------------------------------------------------------------------------------  */
#wrapper, .wrap, #header, #body, #content, #footer { position: relative; }
#logo, #key, .globalnav, .mainnav, .language-switcher, #credits { position: absolute; }
#madeby { position: fixed; }

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

#header, #header .wrap  { height: 148px; }
#header .wrap { background: #040408 url(../img/header-bg.png) no-repeat center top; }
#header img, #header a img { color: #fc0; }

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

#key { top: 0; left: 440px; }

.language-switcher { top: 20px; right: 20px; }
.language-switcher img { margin-left: .4em !important; float: left !important; }

#body { }
#body .wrap { }

#footer, #footer .wrap { height: 120px; }
#footer { color: #040408; text-align: left; margin: -120px auto auto auto; overflow: hidden; }
#footer .wrap { background: #fc0 url(../img/footer-bg.png) repeat-x; }
#footer ul { height: 1em; line-height: 1em; }
#footer li { }
#footer a { color: #040408; }
#footer a:hover { }
#footer .active a { }

#credits { top: 8em; left: 14em; }
#credits p, #credits ul { font-size: 1.1em; }

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

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

#content { background: #fff url(../img/content-bg.png) repeat-x; padding-top: 0; margin: auto auto 120px auto; }
#content h1 { color: #ffb111; }
#content h2, #content h3, #content h4 { color: #ffb111; }
#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-left: 10px;*/ }
#content p, #content ul, #content ol, #content th, #content td, #content label { font-size: 1.4em; }
#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 !important; }
#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: #ffb111; }
#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: 18px; }
#content li { background: url(../img/ico-list.gif) no-repeat left top; padding-left: 1em; }

#content img { border: 1px solid #4c4c4c; margin: 0 0 2em 1em; float: right; }
#content li img, #content table img { background: none; border: 0; margin: 0; float: none; }

.box { margin-bottom: 2em; }
#content .box img { margin-left: 0; float: none; }
#dashboard .box { background: #fefefe; border: 1px solid #ccc; margin-bottom: 1em; margin-right: 10px; float: left; width: 306px; min-height: 180px; }
#dashboard .box h3, #dashboard .box h4 { padding-right: 8px; padding-left: 8px; }
#dashboard .box table { margin-bottom: 0; }
#dashboard .full { float: none; width: auto; margin-right: 14px; }

#vcard { margin: 0 29px; }
#content #vcard .mediaspace { background: url(../img/img-bg.png) repeat-x bottom; padding-bottom: 20px; float: none; }
#content #vcard img { padding: 0; border: 1px solid #333; }
#content #vcard p { font-size: 1.1em; padding-left: 0; height: 6em; }

#terms-conditions { font-size: 1.4em; line-height: 1.3em; }
#terms-conditions em { color: #808080; font-style: normal; }
#terms-conditions h3 { font-size: 1.4em; }

#zielgruppe { }
#zielgruppe tfoot td { }
#zielgruppe tfoot a { display: inline; font-weight: bold; }

#col3 p { font-size: 1.1em; }
#col3 p .button { font-size: 1.272em; }

#homepage { position: absolute; top: 5em; right: 9px; }

/* OLD STUFF
----------------------------------------------------------------------------------------------------  */
#col1, #col2, #col3 { padding-top: 50px; padding-left: 20px; min-height: 55px; float: left; }
#col1, #col3 { width: 200px; }
#col1 { }
#col2 { width: 640px; }
#col3 { overflow: hidden; }

#content p em, #content table em { font-style: normal; }
#content p em { color: #808080; }
#content table em { color: #999681; }

#content #col2 ul { margin: 1.4em; }
#content #col2 li { background: url(../img/ico-list.png) no-repeat; padding: 0 1em; }
#content #col3 h3 { color: #fff; background: #000; padding: .15em; }
#content #col2-2col { width: 49%; float:left; }
#content #col2-2col ul { margin: 0; }
#content #col2-2col li { background: transparent; padding: 0; }

th { width: 50px; }
tbody th { width: 180px; }
thead, th, td { padding: .3em .4em; }
thead td { padding-left: .5em; font-weight: bold; }
td { border-bottom: 1px solid #ededed; }
tr:hover { background-color: #fafafa; } 
acronym { cursor: help; border-bottom: #144b93 1px #bbb; }
thead em, td em { font-weight: normal; }
thead, thead tr:hover { background-color: #fffacc; }
tfoot, tfoot tr:hover { background-color: transparent; }
tfoot { text-align: right; }
tfoot input { float: right; }
.tbhead { }

#content p input, #content p textarea { font-size: 1em; }

#bar { font-size: 1.1em; padding-top: .25em; margin: 1em 0 2em 0; clear: both; }
#bar a { color: #ccc; padding: .15em .15em 0 1.8em; border: none; }
#bar a em { font-style: normal; }
#bar a:hover { color: #6e6e6e; padding: .15em .15em 0 1.8em; border: none; background-color: transparent; }

.back { float: left; background: url(../img/ico-back.gif) no-repeat 0 50%; }
.back:hover { float: left; background: url(../img/ico-back-o.gif) no-repeat 0 50%; }

/* 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: #4c4c4c;  }
#content .mediaspace a:hover img { border-color: #000; }

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

/* TABLE
----------------------------------------------------------------------------------------------------  */
#content table { clear: both; }
#content caption { color: #040408; background: #ffb111 url(../img/footer-bg.png) no-repeat -126px -60px; padding: .15em 10px; }
#content th, #content td { /*padding: .3em 10px;*/ }
#content tr { }
#content th, #content td { }
#content th[colspan], #content td[colspan] { }

#content thead { }
#content thead th { font-weight: bold; }
#content thead th em { }

#content tbody tr { }
#content tbody tr:hover th, #content tbody tr:hover td { }
#content tbody tr:hover th { }
#content tbody tr:hover td  { }
#content tbody th { color: #ffb111; font-weight: bold; width: 30%; }
#content tbody td { }

#content tfoot { border: 0 none; }
#content tfoot th, #content tfoot td { border: 0 none; text-align: right; }
#content tfoot a { display: block; }
#content tfoot a:hover, #content tfoot strong { color: #ffb111; }
#content tfoot strong { }

#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; }

/* 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 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 { padding-top: .4em; display: -moz-inline-box; display: inline-block; width: 12em; vertical-align: top; }
#content td label { font-size: 1em; }
#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] { }
#content input[type=hidden] { display: none; }
#content select { padding: .15em 0; /*width: 14.7em;*/ }

div.error { }
.error h3 { font-size: 1.3em !important; }
p.error { font-weight: bold; }
.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; font-size: 0.85em; }

.mp-status, .mp-status tr:hover { background-color: #fffacc; }

/* IE6 BUG - I don'T understand!! riesiger Abstand zum nächsten Button -> ebenso im admin.css */
* html #content .button { margin-bottom: 0; } /* IE6 */
* html #col3 p { border: 1px solid #fff !important; } /* IE6 */

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

#content .alternative, #content .alternative:hover { color: #040408 !important; font-weight: normal; }
#content .alternative { background-position: right -60px !important; }
#content .alternative:hover { background-position: right -90px !important; }
* html #content span.alternative { background-position: right -60px !important; } /* IE6 */
* html #content span.alternative:hover { background-position: right -90px !important; } /* IE6 */
#content .alternative span { background-position: left -60px !important; }
#content .alternative:hover span { background-position: left -90px !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; }