#lastUpdate { display: none; }

@media screen, projection {

/* meyerweb.com: reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* bitdesign styles */
body { background: #fff url(../bilder/hintergrund.jpg) no-repeat fixed 0 -20px; }

/* prevent layout problem using tracking images */
img.axel { position: absolute; }

/* contentbox */
#container {
margin-top: 160px;
width: 980px;
overflow: hidden;
background: transparent url(../bilder/containerBG_neu.png) repeat-y;
}
#inhalt {
float: left;
width: 755px;
/* background: transparent url(../bilder/containerBG.png) repeat fixed bottom left; */
padding-left: 25px;
}


/* navigationbox */
#menucontainer {
float: left;
margin: 64px 0;
/* background: #fff url(../bilder/menu/first.jpg) repeat-y scroll top left; */
overflow: hidden;
vertical-align: top;
}

/* Inhaltscontainer */
#teaserBox { float: left; width: 198px; padding-top: 55px; overflow: hidden; }

#goldenContent {
float: left;
padding-bottom: 50px;
width: 540px;
padding-left: 15px;
}

#fullContent { padding-bottom: 50px; overflow: auto; }

#grafiken {
position: relative;
left: -200px;
top: 0;
width: 586px;
padding-bottom: 20px;
padding-top: 20px;
background: white;
}


/* ShoppingCart */
#ShoppingCart {
margin-top: 30px;
background: #f2f8fc;
border: 1px dotted #022892;
overflow: hidden;
}


/* Kopfzeile */
#kopf {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 149px;
background: #fff url(../bilder/kopf/background.gif) repeat-x scroll 0 0;
overflow: hidden;
}
#kopf h1 {
color: #fff;
font-size: 18px;
font-family: Verdana, Geneva, sans-serif;
margin-top: 115px;
margin-left: 11px;
}

#kopf #koepfecontainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 111px;
overflow: hidden;
clip: rect(0 99% 111px 0);
}
#koepfecontainer #koepfe {
position: absolute;
top: 0;
left: 0;
width: 2600px;
height: 111px;
}

#packshot {
position: absolute;
top: 86px;
left: 600px;
width: 214px;
height: 86px;
background: transparent url(../bilder/kopf/packshot200.png) no-repeat;
cursor: move;
}
#packshotClassic {
position: absolute;
top: 86px;
left: 600px;
width: 214px;
height: 86px;
background: transparent url(../bilder/kopf/packshotClassic.png) no-repeat;
cursor: move;
}

#derExperte {
position: absolute;
top: 149px;
left: 0;
width: 200px;
height: 75px;
background: #009cde url(../bilder/kopf/logo.gif) no-repeat;
}


/* Fußzeile */
#copyright {
padding: 4px 20px;
font: 9px/1.0 Verdana, Arial, Helvetica, sans-serif;
background: #fff url(../bilder/footerBG.jpg) repeat-y;
border-top:1px solid #fff;
overflow: hidden;
}



#kontaktLink {
position: absolute;
top: 119px;
left: 824px;
width: 150px;
height: 20px;
}

#hilfsnavigation {
float: left;
margin: 0;
overflow: hidden;
padding: 2px 2px 2px 0;
}

#breadcrumb {
position: absolute;
top: 160px;
left: 230px;
width: auto;
height: 15px;
overflow: hidden;
}

.clearfix { clear: both; }
div.clearfix { width: 100%; height: 1px; overflow: hidden; padding: 0; margin: 0; }


#ZoomFrame {
position: fixed;
top: 0;
right: 0;
width: 470px;
height: 590px;
background: white;
border: 5px solid #009cde;
}

#LoesungFrame { 
position: fixed; 
top: 0;
right: 0;
width: 320px;
height: 400px;
background: white;
border: 5px solid #009cde;
}

.infokasten {
margin-top: 2px;
background: transparent url(../bilder/formBG.png) repeat; /* f2f8fc */
border: 1px dotted #B2E1F5;
}


.t2Ccontainer {
position: relative;
width: 0;
height: 0;
left: -147px;
top: 10px;
}
.t2C {
position: absolute;
width: auto;
height: auto;
left: 0;
top: 0;
}
.t3C {
position: absolute;
width: auto;
height: auto;
left: -52px;
top: 150px;
}

.t4C {
position: absolute;
width: 198px;
height: auto;
left: -72px;
top: 0;
background: #eee;
}

.t5C {
position: absolute;
width: 198px;
height: auto;
left: -52px;
top: 0;
}


html, body { font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
font: bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #022892;
margin: 20px 0 0 5px;
}
h1 {
font-size: 20px;
margin: 10px 0 10px 5px;
}
h2 { 
font-size: 17px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 13px;
}
h5 {
font-size: 12px;
}

p, dt, dd, li { color: #022892; padding: 5px; }
th {
font: bold 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
color: #022892;
vertical-align: top;
padding: 2px 5px;
}
td {
font: 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
color: #022892;
vertical-align: top;
padding: 2px 5px;
}
ul {
margin: 0 20px;
list-style: square outside;
margin-bottom: 20px
}
li {
color: #022892;
padding: 2px 5px;
}
dt {
font-style: italic;
padding-bottom: 0;
}
dd { padding-top: 2px; }
tbody th { font-weight: normal; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { font-size: 85%; vertical-align: super; }
sub { font-size: 85%; vertical-align: bottom; }

a { color: #022892; }
a:visited { color: #022892; /* text-decoration: none; */ }
a:hover, a:focus, a:active { color: #009cde; }
#goldenContent a:hover, #fullContent a:hover, #teaserBox a:hover { background: #fff; }
a img { border: 0; }
#goldenContent a.lbild:hover, #fullContent a.lbild:hover, #teaserBox a.lbild:hover  { background-color: transparent; }

cite {
color: #022892;
padding: 2px 10px 7px 5px;
display: block;
}

.gruen {
padding: 100px 10px 100px 5px;
}
.gruen h3, .gruen p, .gruen h2 { 
color: #01904a;
}

/* KLASSEN Definitionen */
.topic {
display: none;
}

img.frameleft {
float: left;
padding: 1px;
border: 1px solid #fff;
margin: 7px 10px 0 10px;
}
img.frameright {
float: right;
padding: 1px;
border: 1px solid #fff;
margin: 15px 0 0 10px;
}
.floatright {
float: right;
margin: 15px 5px 0 10px;
}
.floatleft { float: left; margin-right: 10px; padding-top: 4px; }

.hr, hr {
clear: both;
display: block;
width: 100%;
height: 1px;
margin: 10px 0;
border: 0;
border-top: 1px solid #009cde;
}

.klar { clear: both; }
.nobr { white-space: nowrap; }
.rechts { text-align: right; }
.links { text-align: left; }
.mitte { text-align: center; }


a.external { padding-right: 10px; background: transparent url(../bilder/external.gif) no-repeat scroll right 2px; }
a.external:hover, #goldenContent a.external:hover, #fullContent a.external:hover, #teaserBox a.external:hover
{ background: #fff url(../bilder/external.gif) no-repeat scroll right -10px; }

a.internal, a.download { padding-left: 10px; background: transparent url(../bilder/internal.gif) no-repeat scroll left 4px; }
a.internal:hover, #goldenContent a.internal:hover, #fullContent a.internal:hover, #teaserBox a.internal:hover,
a.download:hover, #goldenContent a.download:hover, #fullContent a.download:hover, #teaserBox a.download:hover
{ padding-left: 10px; background: white url(../bilder/internal.gif) no-repeat scroll left -20px; }

a.epost { padding-left: 13px; background: transparent url(../bilder/email.gif) no-repeat scroll 0 2px; }
a.epost:hover, a.epost:active, a.epost:focus, #goldenContent a.epost:hover, #fullContent a.epost:hover, #teaserBox a.epost:hover
{ background: #fff url(../bilder/email.gif) no-repeat scroll 0 -13px; }

a.Anmelden { padding-left: 16px; background: transparent url(../bilder/anmelden.gif) no-repeat scroll 0 2px; }
a.Anmelden:hover, a.Anmelden:active, a.Anmelden:focus { background: transparent url(../bilder/anmelden.gif) no-repeat scroll 0 -22px; }

a.Login { padding-left: 14px; background: transparent url(../bilder/login.gif) no-repeat scroll 0 3px; }
a.Login:hover, a.Login:active { background: transparent url(../bilder/login.gif) no-repeat scroll 0 -22px; }


.infokInhalt { margin: 0; }

#teaserBox .navlist { margin-top: 20px; }

#teaserBox .navlist, #teaserBox .navlist2 {
border-top: 1px dotted #009cde;
padding-top: 10px;
/* padding-bottom: 10px;
border-bottom: 1px solid #03a2ca; */
}

p#startp { padding: 14px 0 0; }

.navlist li { color: #009cde; }

.navlist a, .navlist a:visited {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#teaserBox .navlist2 { margin-top: 20px; }

.navlist2 li {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 10px;
}

.navlist2 a, .navlist2 a:visited {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 10px;
}

#teaserBox ol.navlist {
list-style: decimal outside;
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
margin: 20px 5px 0 30px;
}


#menucontainer p { font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif; padding: 2px 5px; }
#menucontainer p a:hover { background: #fff; }

/* Bildunterschriften */
.bu {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 13px;
letter-spacing: 0.01em;
}

.buposition {
margin-top: -3px;
margin-left: 0;
list-style: none;
}

#teaserBox .navlist_stu {
margin-top: 20px;
margin-left: 0;
list-style: none;
}


.navlist_stu li {
color: #009cde;
font-size: 11px;
line-height: 1.4em;
margin-left: 3px;
}

.navlist_stu a, .navlist_stu a:visited {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#teaserBox .subnavlist {
margin: 0 2px 15px 0;
}

.subnavlist li, .subnavlist li{
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 12px;
text-decoration: none;
}

.subnavlist a, .subnavlist a:visited  {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
list-style: none;
line-height: 12px;
text-decoration: none;
}


a.ecard {
padding-left: 14px;
font-size: 11px;
background: transparent url(../bilder/ecard.gif) no-repeat scroll 0 3px;
}
a.ecard:hover, a.ecard:active { background: transparent url(../bilder/ecard.gif) no-repeat scroll 0 -12px; }

#copyright p, #copyright p a, #copyright p a:visited, #copyright p a:hover, #copyright p a:focus { color: #fff; text-decoration: none; }
#copyright p { padding: 4px 2px; font: normal normal 10px Arial,Helvetica,sans-serif; }

.explain {
clear: both;
font-size: 11px;
color: #555;
}

.lastUpdate { display: none; }

#zumStart {
display: block;
margin-top: 70px;
margin-right: 5px;
clear: both;
}


table.data {
margin: 20px 5px 0 5px;
border: 1px solid #eee;
}
table.data th {
background: #eee;
margin: 0;
padding: 5px;
}


#pflichttext, #disclaimer {  margin-top: 20px; }
* html #pflichttext, * html #disclaimer { zoom: 1; }
#pflichttext p, #disclaimer p { font-size: 10px; color: #022892; padding: 0 25px 10px 225px; }


/* bereichsspezifische Formatierungen */
#teaserBox p {
font: 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
}

#ShoppingCart p { font: 10px/1.4em Verdana, Arial, Helvetica, sans-serif; padding: 2px 8px; }

#ShoppingCart h4 { margin: 0 0 8px 10px; }

.doccheck { padding: 0; margin: 0; }
.doccheck tbody { padding: 0; margin: 0; }

.doccheck tr { background: #e7e7e7; }
.doccheck td {
font-size: 11px;
vertical-align: middle;
padding: 0;
margin: 0;
}


.bild { border: 1px solid #fff; }


/* navigation */
#navigation {
margin: 0;
background: transparent url(../bilder/menu/first.jpg) repeat-y scroll top left;
border-bottom: 1px solid #fff;
overflow: hidden;
}

#navigation li a span.registered { font-size: 72%; font-weight: normal; vertical-align: text-top; }

#navigation li {
padding: 3px 0 0 0;
list-style: none;
width: 200px;
background: transparent;
border-width: 1px 0 0 0;
border-color: #fff;
border-style: solid;
}

#navigation li a {
display: block;
padding-left: 20px;
height: 17px;
color: #fff;
font: bold 11px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
}
#navigation li a:hover,
#navigation li a:focus,
#navigation li.aktiv a { background: transparent url(../bilder/menu/pfeil_weiss.gif) no-repeat scroll left 4px; }


#subnavigation { margin: 0; padding-bottom: 3px; background: transparent url(../bilder/menu/second.gif) repeat-y scroll top left; }
#subnavigation li { list-style: none; width: 200px; }

#navigation li #subnavigation li a {
display: block;
padding-left: 20px;
height: 13px;
color: #022892;
font: normal normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
white-space: nowrap;
text-decoration: none;
background: transparent none no-repeat scroll left 3px;
}
#navigation li #subnavigation li a:hover,
#navigation li #subnavigation li a:focus,
#navigation li #subnavigation li.aktiv a { background: transparent url(../bilder/menu/pfeil_blau.gif) no-repeat scroll left 3px; }


#subsubnavigation { margin: 0 0 -1px 20px; }
#subsubnavigation li {
list-style: none;
padding: 3px 0 0 0;
width: 180px;
margin: -1px 0 0 0;
}

#navigation li #subnavigation li #subsubnavigation li a {
display: block;
padding-left: 14px;
margin: 0;
height: 13px;
color: #022892;
font: normal normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
background: transparent none no-repeat scroll left 3px;
}

#navigation li #subnavigation li #subsubnavigation li a:hover,
#navigation li #subnavigation li #subsubnavigation li a:focus,
#navigation li #subnavigation li #subsubnavigation li.aktiv a { 
background: transparent url(../bilder/menu/pfeil_blau_kurz.gif) no-repeat scroll left 3px;
}


#subsubsubnavigation { margin: 0 0 -1px 20px; }
#subsubsubnavigation li {
list-style: none;
padding: 3px 0 0 0;
width: 160px;
margin: -1px 0 0 0;
}

#navigation li #subnavigation li #subsubnavigation li #subsubsubnavigation li a {
display: block;
padding-left: 14px;
margin: 0;
height: 13px;
color: #022892;
font: normal normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
background: transparent none no-repeat scroll left 3px;
}

#navigation li #subnavigation li #subsubnavigation li #subsubsubnavigation li a:hover,
#navigation li #subnavigation li #subsubnavigation li #subsubsubnavigation li a:focus,
#navigation li #subnavigation li #subsubnavigation li #subsubsubnavigation li.aktiv a { 
background: transparent url(../bilder/menu/pfeil_blau_kurz.gif) no-repeat scroll left 3px;
}



#kontaktLink a {
display: block;
color: white;
font-weight: bold;
font-size: 11px;
line-height: 1.5;
text-decoration: none;
background: transparent url(../bilder/kopf/kontakt.gif) no-repeat scroll 0 0;
padding: 0 0 0 20px;
}
#kontaktLink a:hover, #kontaktLink a:focus, #kontaktLink a:active, #kontaktLink #kontaktOn {
background: transparent url(../bilder/kopf/kontakt.gif) no-repeat scroll 0 -23px;
}

#derExperte a { display: block; width: 200px; height: 75px; }
#packshot a { display: block; width: 180px; height: 70px; }



#hilfsnavigation li {
display: inline;
list-style: none;
float: left;
color: #fff;
font: normal normal 10px Arial,Helvetica,sans-serif;
}

#hilfsnavigation a {
color: #fff;
font: normal normal 10px Arial,Helvetica,sans-serif;
text-decoration: none;
}
#breadcrumb a {
font: normal normal 10px Arial,Helvetica,sans-serif;
text-decoration: none;
}
#breadcrumb {
font: normal normal 10px Arial,Helvetica,sans-serif;
color: #022892;
}

fieldset legend  {
font: bold 14px/1em Verdana, Arial, Helvetica, sans-serif;
color: #022898;
padding: 10px 5px;
}

fieldset {
clear: both;
padding: 10px 5px;
border: 0;
}

input[type=text], input[type=password], textarea {
border: 1px dotted #B2E1F5;
padding: 1px 2px;
font-family: Consolas, "Courier New", Courier, monospace;
font-size: 12px;
color: #000;
}


form.rund {
margin-top: 20px;
background: transparent url(../bilder/formBG.png) repeat; /* f2f8fc */
border: 1px dotted #B2E1F5;
}

label { padding-left: 2px; cursor: pointer; cursor: hand; }
option { padding-right: 10px; color: #000; background: #f2f8fc; font-family: Consolas, "Courier New", Courier, monospace; font-size: 12px; }
select {
border: 1px dotted #B2E1F5;
color: #000;
background: #f2f8fc;
font-family: Consolas, "Courier New", Courier, monospace;
font-size: 12px;
}


textarea { height: 100px; }

form dl {
padding: 0;
margin: 10px 0 0 25px;
}
form dt {
padding: 0;
margin: 0;
width: 20px;
float: left;
vertical-align: top;
/* commented backslash hack for mac-ie5 \*/
clear: both;
/* end hack */
}
form dd {
padding: 0;
margin: 0;
float: left;
width: 520px;
margin-bottom: 10px;
}
dd label {
padding: 0;
}


/* check required */
.required { background: transparent url(../bilder/required.gif) no-repeat scroll top right; }
select.required { background: #F8FBFD url(../bilder/required.gif) no-repeat scroll top right; }
input.required, textarea.required { background: #F8FBFD url(../bilder/required.gif) no-repeat scroll top right; }
.completed { background: #F8FBFD url(../bilder/complete.gif) no-repeat scroll top right; }
.problem { background: #900 url(../bilder/caution.gif) no-repeat scroll top right; color: #fff; }
input.problem { color: #fff; }
input.problem:focus, textarea.problem:focus { color: #000; }

label.required, label.completed, label.problem { padding-right: 22px; }


/* Interaktivitaet */
.txxt:focus, .fokus {
border: 1px dotted #009cde;
background: #fff url(../bilder/focus.gif) no-repeat scroll top right !important;
}


.fehler {
margin: 10px 0 -19px 0;
background: #900;
padding: 10px 0 20px;
}
.fehler h4 {
margin: 0 0 0 20px;
color: #fee;
text-align: left;
font-size: 18px;
}
.fehler ul, .fehler li {
padding: 0;
color: #fff5f5;
list-style-type: square;
margin: 0 0 0 20px;
text-align: left;
}

a.del {
font-size: 11px;
padding-right: 14px;
background: transparent url(../bilder/del.gif) no-repeat scroll right 2px;
}
a.del:hover, a.del:active {
background: transparent url(../bilder/del.gif) no-repeat scroll right -25px;
}

a.add {
font-size: 11px;
padding-left: 14px;
background: transparent url(../bilder/add.gif) no-repeat scroll 0 2px;
}
a.add:hover, a.add:active {
background: transparent url(../bilder/add.gif) no-repeat scroll 0 -26px;
}

a.cart {
font-size: 11px;
padding-left: 14px;
background: transparent url(../bilder/cart.gif) no-repeat scroll 0 2px;
}
a.cart:hover, a.cart:active, #menucontainer p a.cart:hover, #menucontainer p a.cart:active {
background: transparent url(../bilder/cart.gif) no-repeat scroll 0 -25px;
}


a.delete {
font-size: 11px;
padding-left: 18px;
background: transparent url(../bilder/delete.gif) no-repeat scroll 0 0;
}
a.delete:hover, a.delete:active {
background: transparent url(../bilder/delete_h.gif) no-repeat scroll 0 0;
}

/*
*
* Koepfe
*
*/


.kopf0, .kopf1, .kopf2, .kopf3, .kopf4, .kopf5, .kopf6, .kopf7, .kopf8, .kopf9 {
float: left;
height: 111px;
width: 162px;
border-right: 1px solid white;
}

.kopf0 { background: transparent url(../bilder/kopf/koepfe/3.jpg) no-repeat; }
.kopf1 { background: transparent url(../bilder/kopf/koepfe/1.jpg) no-repeat; }
.kopf2 { background: transparent url(../bilder/kopf/koepfe/4.jpg) no-repeat; }
.kopf3 { background: transparent url(../bilder/kopf/koepfe/5.jpg) no-repeat; }
.kopf4 { background: transparent url(../bilder/kopf/koepfe/6.jpg) no-repeat; }
.kopf5 { background: transparent url(../bilder/kopf/koepfe/7.jpg) no-repeat; }




/* shadowbox 2.0 Styles */
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #0099dd;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #fff; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/skin/shadowbox-2.0/src/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #0099dd;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #0099dd;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #0099dd;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/skin/shadowbox-2.0/src/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/skin/shadowbox-2.0/src/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/skin/shadowbox-2.0/src/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/skin/shadowbox-2.0/src/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/skin/shadowbox-2.0/src/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #0099dd;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #0099dd;
  text-decoration: underline;
}



}

@media print {
html, body { font-family: Calibri, Arial, Helvetica, sans-serif;  font-size: 12pt; background: #fff; color: #000; }
h1, h2, h3, h4, #maincontent h2 { font-family: Cambria, Arial, Helvetica, sans-serif; overflow: visible; color: #000; }

p, dt, dd, ul, li { font-size: 11pt; line-height: 1.2; color: #000; }
p { clear: both;  padding: 2pt 5pt 10pt 5pt; }

h2 { display: block; font-size: 150%; margin-top: 0.5em; margin-bottom: 5pt; }
h3, ul { clear: both; }

strong, th, b, dt { font-weight: bold; }
em, i { font-style: italic; }

object,
#menucontainer, #teaserBox, #ZoomFrame, #derExperte, #breadcrumb, #kopf, #biil, #hilfsnavigation,
.lastUpdate, .mehr { display: none; }

#printlogo, .printlogo, .dshklogo, .nurprint { display: block; }
#packshot {
display: block;
position: absolute;
top: 0;
right: 0;
width: 6cm;
height: 3cm;
background: transparent url(../bilder/kopf/packshot200.png) no-repeat;
}


.klar { clear: both; }
.nobr { white-space: nowrap; }
.rechts { text-align: right; }
.links { text-align: left; }
.mitte { text-align: center; }

.nolist { list-style: none; }
.klein { font-size: 9pt; }
.rot { color: #903; }

.umbruch { page-break-before: always; }
.noprint { display: none; }
.nurprintil { display: inline; }


/* Formatierung der Fußzeile */
#copyright { clear: both; }

/* #lastUpdate { display: block; padding: 0 1em; } */
a, a:link, a:visited, a:hover, a:focus, a:active { font-weight: bold; color: #000; text-decoration: none; }


a.external, a.external:hover { padding-right: 0; background-image: none; }
a.internal, a.internal:hover { padding-left: 0; background-image: none; }
a.epost, a.epost:hover, a.epost:active { padding-right: 0; background-image: none; }

}