/* Global */
body {
background: #fff url("../images/global_relaunch/body.gif") repeat-x top left;
margin: 5px 0px 0px 0px;
padding: 0;
color: #545454;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
color: #000;
font-weight: normal;
}

h1 {
font-size: 24px;
line-height: 32px;
margin-left: 0px;
margin-bottom: 6px;
}

h2 {
font-size: 20px;
line-height: 24px;
color: #444;
padding-left: 0px;
margin: 12px 0 6px 0;
}

h3 {
font-size: 18px;
line-height: 18px;
color: #444;
margin: 12px 0 6px 0;
}

h4 {
font-size: 14px;
line-height: 18px;
color: #444;
font-weight: bold;
margin: 12px 0 6px 0;
}

h5 {
font-size: 12px;
line-height: 12px;
color: #000;
font-weight: bold;
margin: 12px 0 6px 0;
}

p, ol, ul, blockquote {
font-size: 12px;
line-height: 20px;
color: #000;
margin: 0;
padding: 0;
}

ul, ol {
margin-left: 8px;
}

blockquote {
margin-left: 8px;
margin-right: 8px;
}

abbr, acronym {
cursor: help;
}

a {
color: #af2d2d;
text-decoration: underline;
}

a img {
border: none;
}

img.left, img.imgleft {
float: left;
margin-left: 0;
margin-right: 12px;
margin-top: 4px;
}

img.right, img.imgright {
float: right;
margin-left: 12px;
margin-top: 4px;
}

.text_einzug {
padding-left: 16px;
}

hr {
display: none;
}

.invis {
display: none;
}

input, textarea {
width: 220px;
background: #fff url() repeat-x;
border-top: 1px solid #a3a3a3;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
border-left: 1px solid #d6d6d6;
font: normal 1em/normal Arial, Verdana, Tahoma, sans-serif;
color: #757575;
}

#submit {
width: auto;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #666;
margin: 0;
padding: 1px 4px;
height: 24px;
background: url("../images/global_relaunch/bg_button.gif") left top repeat-x #e2e2e2;
border: 1px solid #c0bfb3;
cursor: pointer;
}

#fieldset {
border: 1px solid #c0c0b3;
padding: 0;
margin: 12px 0;
}

#fieldset p { padding: 12px 12px; }

#legend {
font: normal 1em/normal Arial, Verdana, Tahoma, sans-serif;
color: #af2d2d;
}

#legend.usergroup {
background: #fff url("../images/global_relaunch/icon_usergroup.gif") 0 1px no-repeat;
padding-left: 20px;
}

/* STRUCTURE *****************************************************************************/
/* Logo */

#top {
width: 912px;
height: 32px;
}

#bw {
float: left;
width: 317px;
text-align: center;
background:transparent;
}

#mlr {
float: right;
text-align: right;
}

#mlr p {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 12px;
line-height: 100%;
padding: 3px 0;
}

#bw h1,
#wappen h2 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0;
}

#bw h1 {
font-size: 18px;
font-weight: normal;
color: #333;
margin: 0;
padding: 0;
}

#logo {
width: 912px;
height: 162px;
margin: 0 auto;
overflow: hidden;
}

#wappen {
float: left;
width: 317px;
height: 160px;
background: transparent url("../images/global_relaunch/wappen.gif") left top no-repeat;
padding: 0;
text-align: center;
}

#wappen h2 {
margin-top:-1px;
padding: 0;
font-size: 11px;
line-height: 12px;
font-weight: normal;
color: #333;
}

#flash, #topvisual {
float: right;
width: 595px;
height: 160px;
padding: 0;
background-color: transparent;
}


/* Header */

#header {
width: 912px;
margin: 0 auto;
}

#tncontainer {
height: 32px;
}

#topnavi {
float: right;
}

#topnavi ul {
margin: 6px 0 0 0;
padding: 0;
list-style: none;
}

#topnavi li {
float: left;
padding: 0 0 0 12px;
text-align: right;
}

#topnavi a {
font-size: 13px;
font-weight: normal;
display: block;
width: auto;
height: 22px;
}

#topnavi a.tnhome { background: url("../images/global_relaunch/icon_tnhome0.gif") left top no-repeat; }
#topnavi a.tncontact { background: url("../images/global_relaunch/icon_tncontact0.gif") left top no-repeat; }
#topnavi a.tndisclaimer { background: url("../images/global_relaunch/icon_tndisclaimer0.gif") left top no-repeat; }
#topnavi a.tnprint { background: url("../images/global_relaunch/icon_tnprint0.gif") left top no-repeat; }
#topnavi a.tninternal { background: url("../images/global_relaunch/icon_tninternal0.gif") left top no-repeat; }
#topnavi a.tnenglish { background: url("../images/global_relaunch/icon_en0.gif") 0px 1px no-repeat; width: 29px; text-decoration: none; }
#topnavi a.tngerman { background: url("../images/global_relaunch/icon_de0.gif") 0px 1px no-repeat; width: 29px; text-decoration: none; }

#topnavi a.tnhome:hover { background: url("../images/global_relaunch/icon_tnhome1.gif") left top no-repeat; }
#topnavi a.tncontact:hover { background: url("../images/global_relaunch/icon_tncontact1.gif") left top no-repeat; }
#topnavi a.tndisclaimer:hover { background: url("../images/global_relaunch/icon_tndisclaimer1.gif") left top no-repeat; }
#topnavi a.tnprint:hover { background: url("../images/global_relaunch/icon_tnprint1.gif") left top no-repeat; }
#topnavi a.tninternal:hover { background: url("../images/global_relaunch/icon_tninternal1.gif") left top no-repeat; }
#topnavi a.tnenglish:hover { background: url("../images/global_relaunch/icon_en1.gif") 0px 1px no-repeat; width: 29px; text-decoration: none; }
#topnavi a.tngerman:hover { background: url("../images/global_relaunch/icon_de1.gif") 0px 1px no-repeat; width: 29px; text-decoration: none; }

.ddoverlap { /*Credits: Dynamic Drive CSS Library http://www.dynamicdrive.com/style/*/
width: 912px;
border-bottom: 1px solid #c0c0b3;
}

.ddoverlap ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.ddoverlap li {
display: inline;
margin: 0;
}

.ddoverlap li a {
color: #696969;
font-size: 12px;
font-weight: bold;
padding: 6px 18px 6px 12px;
text-decoration: none;
border-bottom: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
background: transparent url("../images/global_relaunch/righttabdefault.gif") 100% 0 no-repeat;
border-left: 1px solid #c0c0b3;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 40px;
}

.ddoverlap li a:visited {
text-decoration: none;
}

.ddoverlap li a:hover, .ddoverlap li a:focus-visible {
text-decoration: none;
color: #af2d2d;
}

.ddoverlap li.current_page_item00 a,
.ddoverlap li.current_page_item11 a,
.ddoverlap li.current_page_item22 a,
.ddoverlap li.current_page_item33 a,
.ddoverlap li.current_page_item44 a,
.ddoverlap li.current_page_item55 a {
text-decoration: none;
color: #af2d2d;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url("../images/global_relaunch/righttabselected.gif") 100% 0 no-repeat;
}

.ddoverlap li.current_page_item00 a:hover,
.ddoverlap li.current_page_item00 a:focus-visible,
.ddoverlap li.current_page_item11 a:hover,
.ddoverlap li.current_page_item11 a:focus-visible,
.ddoverlap li.current_page_item22 a:hover,
.ddoverlap li.current_page_item22 a:focus-visible,
.ddoverlap li.current_page_item33 a:hover,
.ddoverlap li.current_page_item33 a:focus-visible,
.ddoverlap li.current_page_item44 a:hover,
.ddoverlap li.current_page_item44 a:focus-visible,
.ddoverlap li.current_page_item55 a:hover,
.ddoverlap li.current_page_item55 a:focus-visible {
text-decoration: none;
color: #af2d2d;
}


#wrapper {
width: 912px;
margin: 0 auto;
background: #fff;
}

/* Page */

#page {
width: 910px;
margin: 0 auto;
padding-top: 18px;
border-left: 1px solid #c0c0b3;
border-right: 1px solid #c0c0b3;
border-bottom: 1px solid #c0c0b3;
}

/* Content */

#content {
float: left;
width: 670px;
}

#frontcontent { /* Frontpage only */
float: left;
width: 445px;
}

#content .center { text-align: center; padding-bottom: 6px; }
#content .right { text-align: right; }
#content .left { text-align: left; }
#content .italic { font-style: italic; }
#content .schrifttum { color: #999; }
#content .red { color: #ff0000; }
#content .acronym { cursor: help; border-bottom: 1px dashed #333; }

#content .error {
border: 1px solid #ff0000;
font-size: 12px;
padding: 6px 6px 12px 6px;
margin-right: 16px;
margin-bottom: 24px;
}

.beitrag h1.title {
padding-left: 16px;
font-size: 24px;
color: #333333;
border-bottom-style: none;
padding-top: 9px;
float: none;
}

.body .teaser {
color: #333;
font-weight: bold;
margin: 0px 0 18px 0;
padding: 0;
}

.beitrag .body {
padding: 7px 16px 0 16px;
margin: 0;
}
 
.beitrag .meta,
.body .blass {
color: #888;
line-height: normal;
padding: 6px 16px 0 0;
}

.beitrag .newsbox {
width: auto;
padding-left: 0;
margin: 0 0 26px 0;
}

.beitrag .nschlagzeile {
font-size: 15px;
color: #000;
font-weight: bold;
margin: 0;
padding: 0;
line-height: 1.4em;
}

.beitrag a.nschlagzeile {
color: #000;
text-decoration: none;
}

.beitrag a.nschlagzeile:hover, .beitrag a.nschlagzeile:focus-visible {
color: #af2d2d;
text-decoration: none;
}

.beitrag .nmeta {
font-size: 12px;
color: #666666;
font-weight: normal;
line-height: 1.4em;
padding: 0 16px 0 0;
margin: 3px 0 0 0;
}

.beitrag .nloewe,
.beitrag .nmore {
font-size: 12px;
padding: 0 16px 0 0;
margin: 3px 0;
line-height: 1.4em;
}

.beitrag .gotoarchive {
font-size: 12px;
color: #666;
font-weight: normal;
line-height: 18px;
padding: 0 16px 0 0;
margin: 3px 0 0 0;
display: block;
}

.beitrag h2.h2info {
color: #2879c0;
display: block;
padding-left: 21px;
padding-bottom: 4px;
background: transparent url("../images/global_relaunch/icon_information.gif") 0 3px no-repeat;
}

.beitrag .h2box {
color: #FFF;
font: 16px/40px normal Tahoma, Arial, sans-serif;
padding-left: 13px;
padding-bottom: 4px;
margin: 0;
}

.infokasten {
padding:15px;
border:1px solid #022DC9;
background-color:#E0EFFA;
}
.infokasten-h { color:#022DC9; }

.beitrag .bildunterschrift {
color: #848484;
font-weight: bold;
font-style: italic;
}

.beitrag li {
list-style-type: square;
padding-left: 6px;
margin-left: 8px;
margin-right: 0;
}

.beitrag li.dec {
list-style-type: decimal;
}

.beitrag a.pdf,
.beitrag a.zip,
.beitrag a.html,
.beitrag a.doc,
.beitrag a.xls,
.beitrag a.ppt {
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #af2d2d;
display: block;
padding: 1px 0 16px 22px;
text-decoration: underline;
}

.beitrag a.pdf { background: transparent url("../images/global_relaunch/mtype_pdf.gif") 0 1px no-repeat; }
.beitrag a.zip { background: transparent url("../images/global_relaunch/mtype_zip.gif") 0 1px no-repeat; }
.beitrag a.html { background: transparent url("../images/global_relaunch/mtype_html.gif") 0 1px no-repeat; }
.beitrag a.doc { background: transparent url("../images/global_relaunch/mtype_doc.gif") 0 1px no-repeat; }
.beitrag a.xls { background: transparent url("../images/global_relaunch/mtype_xls.gif") 0 1px no-repeat; }
.beitrag a.ppt { background: transparent url("../images/global_relaunch/mtype_ppt.gif") 0 1px no-repeat; }

.beitrag a.gotonewsarchive { background: transparent url("../images/global_relaunch/icon_newsarchive0.gif") 0 0 no-repeat; padding: 0 0 4px 20px; }
.beitrag a.gotonewsarchive:hover { background: transparent url("../images/global_relaunch/icon_newsarchive1.gif") 0 0 no-repeat; padding: 0 0 4px 20px; }

.beitrag a.zoomin { background: transparent url("../images/global_relaunch/icon_zoomin.gif") 0 0 no-repeat; padding: 0 0 4px 20px; }

.beitrag a.print {
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #af2d2d;
padding: 3px 0 3px 22px;
text-decoration: underline;
background: transparent url("../images/global_relaunch/icon_printer.gif") 0 50% no-repeat;
}

.beitrag a.print:hover, .beitrag a.print:focus-visible { color: #4f8cc6; }

.beitrag a.newsletter {
font-weight: bold;
font-size: 12px;
line-height: 14px;
color: #af2d2d;
padding: 3px 0 3px 22px;
text-decoration: underline;
background: transparent url("../images/global_relaunch/icon_newsletter.gif") 0 50% no-repeat;
}

.beitrag a.newsletter:hover, .beitrag a.newsletter:focus-visible { color: #4f8cc6; }

#pagenavi {
text-align: center;
background: #e2e2e2;
margin: 16px 0 0 0;
padding:0;
border: 1px solid #c0bfb3;
}

#pagenavi p {
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #888;
padding: 6px 8px 6px 8px;
margin: 0;
}

#pagenavi a {
color: #af2d2d;
text-decoration: none;
padding: 2px 0;
}

#tglmenu li, #fg_submenu li {
list-style-type: none;
padding-left: 0px;
}

#tglmenu li { margin: 0 0 6px 0; }

#fg_submenu li { margin: 0; }

#tglmenu li a {
font-weight: bold;
text-decoration: none;
cursor: pointer;
}

#fg_submenu li a {
font-weight: normal;
text-decoration: none;
cursor: pointer;
}

/* Sidebar */

#sidebar {
float: left;
width: 240px;
overflow: hidden;
border: none;
}

/* Search */

#search {
width: 100%;
margin: 6px 0 0 0;
padding: 0 24px;
}

#search .searchbox {
width: 214px;
background: transparent;
margin-bottom: 18px;
overflow: hidden;
}

#search .searchbox p {
border-left: 1px solid #c0c0b3;
border-right: 1px solid #c0c0b3;
background: #fff;
}
#search .searchbox .top, #search .searchbox .bottom { display: block; background: transparent; }

#search .searchbox .top b, #search .searchbox .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #c0c0b3;
border-right: 1px solid #c0c0b3;
}
#search .searchbox .r1 { margin: 0 3px; background: #c0c0b3; }
#search .searchbox .r2 { margin: 0 2px; background: #fff; }
#search .searchbox .r3 { margin: 0 1px; background: #fff }
#search .searchbox .top .r4, #search .searchbox .bottom .r4 { margin: 0 0px; background: #fff; }

#search .textbox {
font-size: 1em;
width: 167px;
height: 20px;
margin: 0 0 3px 3px;
padding-left: 3px;
border: none;
background: #fff url("../images/global_relaunch/textbox_shadow.gif") 0 0 no-repeat;
border-left: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
}

#search .submit {
margin: 0;
width: 32px;
height: 28px;
border: 1px solid #ffffff;
background: #fff url("../images/global_relaunch/bg_searchbutton.jpg") 0 0 no-repeat;
cursor: pointer;
vertical-align: middle;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

#sidebar li {
margin-bottom: 0;
}

#sidebar li ul {
padding: 0 0 0 53px;
}

#sidebar li li {
margin: 0;
font-size: 13px;
line-height: normal;
padding: 4px 12px 4px 0;
border-bottom: 1px dotted #d2d2d2;
}

#sidebar li h2 {
font-size: 17px;
margin: 0;
padding: 4px 0 2px 53px;
width: auto;
background-color: #EFEFEF;
font-family: Arial, Helvetica, sans-serif;
}

#sidebar .menu {
margin: 0 0 16px 0;
}

#sidebar .menutoggle {
margin: 4px 0 4px 0;
}

#sidebar .menutogglelast {
margin: 4px 0 16px 0;
}


#sidebar .submenu {
margin-left: 16px;
padding-left: 0;
}

#sidebar li.dotted {
border-bottom: 1px dotted #d2d2d2;
}

#sidebar li li li {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
margin: 0;
padding: 3px 0 3px 3px;
border-bottom: none;
}

#sidebar .submenuitem {
color: #af2d2d;
}

#sidebar .submenuitem:hover, #sidebar .submenuitem:focus-visible {
color: #545454;
}

#sidebar .submenuitemfirst {
padding-top: 3px;
color: #af2d2d;
}

#sidebar .submenuitemfirst:hover, #sidebar .submenuitemfirst:focus-visible {
padding-top: 3px;
color: #545454;
}

#sidebar a {
display: block;
color: #545454;
text-decoration: none;
}

#sidebar a:hover, #sidebar a:focus-visible {
color: #af2d2d;
text-decoration: none;
}

#sidebar a.current1_smenuitem2, /* Lebensmittel */
#sidebar a.current2_smenuitem8, /* Diagnostik */
#sidebar a.current3_smenuitem3, /* Bedarfsgegenstände */
#sidebar a.current4_smenuitem4, /* Kosmetika */
#sidebar a.current5_smenuitem13, /* Arzneimittel */
#sidebar a.current6_smenuitem14, /* Tabak */
#sidebar a.current39_smenuitem15 { /* Radioaktivität */
color: #af2d2d;
}

#sidebar a.twitter { background: url(../images/global_relaunch/icon_twitter.jpg) 0 1px no-repeat; padding: 2px 0 4px 24px; }
#sidebar a.facebook { background: url(../images/global_relaunch/icon_facebook.jpg) 0 1px no-repeat; padding: 2px 0 4px 24px; }
#sidebar a.instagram { background: url(../images/global_relaunch/icon_instagram.jpg) 0 1px no-repeat; padding: 2px 0 4px 24px; }
#sidebar a.rss { background: url(../images/global_relaunch/icon_rss.jpg) 0 1px no-repeat; padding: 2px 0 4px 24px; }
#sidebar a.mastodon { background: url(../images/global_relaunch/icon_mastodon.jpg) 0 1px no-repeat; padding: 2px 0 4px 24px; }
#sidebar a.linkedin { background: url(../images/global_relaunch/icon_linkedin.jpg) 0 1px no-repeat; padding: 2px 0 4px 24px; }
#sidebar a.youtube { background: url(../images/global_relaunch/icon_youtube.png) 0 3px no-repeat; padding: 2px 0 4px 24px; }


/* Message Bar */

#msgbar {
float: left;
width: 225px;
overflow: hidden;
background-color: #FFFFFF;
border: none;
}

#messages {
width: 100%;
margin: 6px 0 0 0;
padding: 0 24px 0 0;
}

#specials {
width: 100%;
margin: 13px 0 0 0;
padding: 0 24px 0 0;
}

#messages .msgbox {
width: 216px;
background: transparent;
margin-bottom: 12px;
overflow: hidden;
}

#messages .msgbox .top, #messages .msgbox .bottom { display: block; background: transparent; }

#messages .msgbox .top b, #messages .msgbox .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #f6e4b8;
border-right: 1px solid #f6e4b8;
}
#messages .msgbox .r1 { margin: 0 3px; background: #f6e4b8; }
#messages .msgbox .r2 { margin: 0 2px; background: #fefecc; }
#messages .msgbox .r3 { margin: 0 1px; background: #fefecc }
#messages .msgbox .top .r4, #messages .msgbox .bottom .r4 { margin: 0 0px; background: #fefecc; }

#messages .msgbox p {
font-size: 11px;
line-height: 14px; 
color: #888;
padding: 0 6px;
border-left: 1px solid #f6e4b8;
border-right: 1px solid #f6e4b8;
background: #fefecc;
}

#msgbar h2.msg {
margin: 0;
padding: 0 6px 6px 6px;
background: #fefecc;
font-size: 20px;
color: #444;
border-left: 1px solid #f6e4b8;
border-right: 1px solid #f6e4b8;
}

#msgbar h3.msg {
color: #666;
background: #fefecc;
font-size: 14px;
margin: 0;
padding: 0 6px 6px 6px;
border-left: 1px solid #f6e4b8;
border-right: 1px solid #f6e4b8;
}

#specials .specialbox, .tagbox {
width: 217px;
background: transparent;
margin-bottom: 18px;
overflow: hidden;
}

#specials .specialbox p {
font-size: 11px;
line-height: 14px; 
color: #666;
padding: 0 6px;
}

#specials .tagbox p {
line-height: 22px; 
color: #666;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 6px;
}

#specials .tagbox a.tag1 { font-size: 12px; }
#specials .tagbox a.tag2 { font-size: 14px; }
#specials .tagbox a.tag3 { font-size: 16px; }
#specials .tagbox a.tag4 { font-size: 18px; }

#msgbar h2.special {
color: #444;
font-size: 20px;
margin: 0 0 12px 0;
padding: 0 6px 3px 6px;
border-bottom: 1px dotted #d2d2d2;
}

#msgbar h2.msgjobs {
display: block;
color: #333;
font-size: 20px;
padding: 8px 6px 8px 6px;
border-bottom: none;
background: #eaf2d5 url("") 0 0  no-repeat;
}

#msgbar a.msgjobs {
display: block;
color: #444;
margin: 0 0 0 0;
padding: 8px 6px 8px 6px;
border-bottom: none;
background: #eaf2d5 url("") 0 0  no-repeat;
text-decoration:none;
}

#msgbar a.msgausbildung {
display: block;
color: #444;
margin: 0 0 0 0;
padding: 8px 6px 8px 6px;
border-bottom: none;
background: #eaf2d5 url("../images/global_relaunch/bg_ausbildung.png") 0 0  no-repeat;
text-decoration:none;
}

#msgbar .round {
display: inline;
font: 32px Arial, sans-serif;
width: 1.5em;
height: 1.5em;
box-sizing: initial;
background: #fff;
border: 0.1em solid #902626;
color: #902626;
text-align: center;
border-radius: 50%;    
line-height: 1.5em;
box-sizing: content-box;  
}

#msgbar h3.special {
color: #666;
font-size: 14px;
margin: 0;
padding: 0 6px 6px 6px;
}

#msgbar a.heading {
display: block;
color: #000;
text-decoration: none;
}

#msgbar a.heading:hover {
color: #af2d2d;
text-decoration: none;
}

#msgbar h2.msgjobs:hover {
color:#902626;
}


/* Footer */

#footer {
clear: both;
width: 912px;
margin: 0 auto;
padding: 8px 0 16px 0;
background: #fff url("../images/global_relaunch/footer.gif") repeat-x top left;
text-align: left;
}

#footer p {
color: #444;
font-size: 12px;
margin: 8px 0 0 0;
line-height: normal;
padding: 0 16px;
}

#footer a {
text-decoration: none;
}


/* TEM Bildergalerie */
.body .TEMinput {
font-size: 12px;
line-height:18px;
width: 220px;
height: 20px;
margin: 0 0 3px 3px;
padding: 3px 0 0 3px;
border: 1px solid #ebebeb;
background: #fff url("../images/global_relaunch/textbox_shadow.gif") 0 0 no-repeat;
vertical-align:middle;
}

.body .TEMsubmit {
display:inline;
}

/* PDF-Box */
#pdfbox {
width: 550px;
height: auto;
padding: 5px;
border: 1px solid #c0c0b3;
background: #fafafa;
}

/* Social Media SHARE IT-Box */
#share-it img {
width: 16px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}

/* NEU: Vertical DropDown */
#vertical ul {
background: #ffffff; 
width: 186px;
list-style: none; 
margin: 0; 
padding: 0;
}

#vertical ul li {
position: relative; 
}

#vertical li.toggle {
background: #fff url(../images/pub/icon_menuroot_plus.gif) 0px 50% no-repeat; 
padding-left: 20px;
}

#vertical li:hover.toggle {
background: #fff url(../images/pub/icon_menuroot_minus.gif) 0px 50% no-repeat; 
}

#vertical a {
color: #757575;
padding: 4px 0px;
display: block;
text-decoration: none;
font-weight: normal;
font-size: 13px;
line-height: 14px;
padding-left: 0px;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
}

#vertical a:hover {
color: #af2d2d;
text-decoration: none;
}

/* Dropdown-Effekt */
#vertical ul li:hover ul {
display: block;
background: #fff;
}

/*Submenulisten*/
#vertical li ul {
padding: 0;
}

#vertical ul ul {
position: absolute;
left: 186px;
top: 0; 
border-top: 1px solid #c0c0b3;
border-left: 1px solid #c0c0b3;
border-right: 2px solid #757575;
border-bottom: 2px solid #757575;
display: none;
}
 
#vertical ul ul li {
width: auto;
background: #fffdea; 
border: none; 
padding: 6px 3px 6px 6px;
margin: 0;
}
    
#vertical ul ul li a {
color: #000000; 
font-size: 12px; 
}
    
#vertical ul ul li a:hover {
color: #af2d2d; 
background: #fff;
}

/* CSS toggle by Oliver Caldwell */
ul.accordion {
list-style: none;
margin: 0;
padding: 0;
}

/* Hide the radio buttons */
/* These are what allow us to toggle content panes */
ul.accordion label + input[type='radio'] {
display: none;
}

/* Give each content pane some styles */
ul.accordion li {
background-color: #ffffff;
border: none;
list-style-type: none;
margin: 0 3px 3px 0;
padding: 0;
}

/* Make the main tab look more clickable */
ul.accordion label {
background-color: #ffffff;
display: block;
padding: 6px 9px 6px 0;
color: #cc6600;
text-decoration: none;
font-size: 12px;
line-height: 14px;
}

ul.accordion label:hover {
cursor: pointer;
}

/* Set up the div that will show and hide */
ul.accordion div.togglecontent {
overflow: hidden;
margin: 0;
padding: 0px 0px;
display: none;
}

/* Show the content boxes when the radio buttons are checked */
ul.accordion label + input[type='radio']:checked + div.togglecontent {
display: block;
}