html#web {overflow:hidden; height:100%; margin:0; font-family:Arial; font-size:12px; color:#E75811;}
body {overflow:auto; height:100%; margin:0; font-family:Arial; font-size:12px; color:#000000;}
input, textarea, button, select, table, th, td, div, p, label, span {font-family:Arial; font-size:100%; color:#002851;}
body#epozcontent {color:black; background-color:white;}
table {border:0; border-collapse:collapse;}
table td {padding:2px; vertical-align:top;}
a, button {text-decoration: none; color:#f66000;}
a:hover {color:#002851;}
img {border:0;}
h2 span.orange {color:#f66000!important;}

#printtitel, #printlogo {visibility:hidden; position:absolute; left:0; top:0; display:none;}

/*Layout*/

/*-------- START --------*/
#web #startslogan {position:absolute; bottom:130px; right:120px; z-index:100;}
#web #startpic-container {position:absolute; bottom:0; left:0; right:0; height:400px; background:url('../images/start-bg.gif');}
#web #punkte {z-index:10;position:absolute; bottom:8px; left:427px; right:380px; height:27px; background:url('../images/punkte.gif');}
#web #startpic {position:absolute; bottom:0; left:0;}
#web #startlogo {position:absolute; top:122px; right:0px; z-index:10000;}
#web #content.startpage {position:absolute; top:159px; bottom:49px; left:0; right:0; margin:0; padding:0; background:#b8cbdc;}

#web #content.startpage ul{position:absolute;background-color:#758ea4;  right:0; bottom:7px; margin:0; padding:0; width:374px; height:112px; color:#ffffff; font-size:15px; background:url('../images/quicklinks.gif') no-repeat;}
#web #content.startpage ul img {margin-top:6px;}
#web #quick-container a {color:#ffffff;}
#web #quick-container li.lihover {background-image:url('../images/subnav-aufzaehlung_active.gif')!important;}
#web #quick-container li {margin-left:14px; padding-left:15px; list-style-type:none; height:25px; margin-bottom:2px!important; background-color:#758ea4!important;  background-image:url('../images/subnav-aufzaehlung.gif')!important; background-repeat:no-repeat; background-position:0 8px!important;}

#web #start-stopper {z-index:100000; position:absolute; bottom:164px; right:130px; width:154px; height:154px; background:url('../images/wiederdabei.gif') no-repeat;}
/*-----------------------*/


/*--- V CARDS ---*/
#web #author.vcard .org, #author.vcard .adr, #author.vcard .tel, #author.vcard .email{display:none;}
#web #metax.vcard .org, #metax.vcard .adr, #metax.vcard .tel, #metax.vcard .email{display:none;}
#web #contactinfo.vcard .org, #contactinfo.vcard .adr, #contactinfo.vcard .tel, #contactinfo.vcard .email, #web #contactinfo.vcard {display:none;}
/*--------------*/


/*--- OBERER BEREICH ---*/
#web #top-container {position:absolute; top:0; left:0; right:0; height:93px; background:url('../images/top-bg.gif');}
#web #slogan {position:absolute; bottom:5px; left:10px;}

#web #func_container {position:absolute; top:0; right:0; bottom:0; width:303px; }
#web #func_container.startpage {position:absolute; top:0; right:0; bottom:0; width:369px; }

#web #functions {position:absolute; left:0px; bottom:5px; margin:0; padding:0; color:#ffffff; font-size:11px;}
#web #functions2 {position:absolute; left:0px; bottom:20px; margin:0; padding:0; color:#ffffff; font-size:11px;}
#web #functions2 .contact {margin-left:8px;}
#web #functions a, #web #functions2 a {color:#ffffff;}
#web #functions a:hover, #web #functions2 a:hover {color:#002851;}
#web #functions li {list-style-type:none; display:block; float:left; margin-right:14px;}
#web #functions2 li {list-style-type:none; display:block; float:left; margin-right:6px;}
/*-----------------------*/


#web #logo {position:absolute; top:128px; right:11px;}
.lala {width:300px;}

/*--- RECHTER BEREICH ---*/
#web #right-container {position:absolute; top:190px; right:0; bottom:50px; width:303px; background:#dae4ee; overflow:hidden;}
#web #subhelper {position:absolute; top:0; left:0; right:0; height:27px!important; background:url('../images/subhelper.gif') no-repeat; }
#web #subhelper2 {position:absolute; top:0; height:24px; width:800px; left:10px;background:#778da4;}
#web #kategoriebild {background:#dae4ee; position:absolute; bottom:0; right:0; overflow:hidden;}
/*-----------------------*/


/*--- UNTERER BEREICH ---*/
#web #bottom-container {position:absolute; bottom:0; right:0; left:0; height:47px;}
#web #blue-container {position:absolute; left:0; right:0; bottom:0; height:24px; background:#132c54;}
#web #strichal-container {position:absolute; top:0; right:0; left:0; bottom:0; background:url('../images/line.gif');}
#web #author {position:absolute; top:6px; left:10px;}
#web #metax {position:absolute; top:6px; right:20px;}
/*----------------------*/


/*--- NAVIGATION ---*/
#web #nav-container {z-index:100000!important; position:absolute; top:120px; left:0; right:300px; height:37px; border-bottom:2px solid #e3492d;}
#web #nav {position:absolute; left:4px; top:15px; margin:0; padding:0; z-index:1000;}
#web #nav a {color:#002851;}
#web #nav a:hover {color:#E75811;}
#web #nav li.first {background:none; display:block; float:left; margin-right:13px; }
#web #nav li ul li.first {padding:0!important;}
#web #nav li {position:relative; left:0;background:url('../images/nav_punkt.gif') 0 4px no-repeat; padding:0 0 10px 17px; display:block; float:left; margin-right:10px;}

#web #nav li ul { visibility:hidden;  position:absolute; top:24px; left:14px; list-style-type:none; padding:5px 0 5px 4px; margin:0; background:#758ea4; }
#web #nav li ul li {padding:3px 0 0 0;  float:none!important; background:none;}
#web #nav li ul li a {display:block; color:#ffffff; padding:0 10px 2px 5px; font-weight:normal; white-space:nowrap;}
#web #nav li ul li a:hover {color:#002851;}
#web #nav ul ul {display:none;}
/*------------------*/


/*--- SUB-NAVIGATION ---*/
#web #subnav-container {position:absolute; height:100%;margin:0; padding:0; overflow:hidden; z-index:10000;}
#web #helper {height:100%;}
#web #helper img {display:block;}
#web #subnav {z-index:10000!important;background:url('../images/bg2.gif') repeat-y; position:absolute; top:0; left:0px; right:0; z-index:1000!important; margin:0; padding:0 0 0px 10px; overflow:hidden; }
#web #subnav a {color:#ffffff;}
#web #subnav a:hover {font-weight:bold;}
#web #subnav li.active, #web #subnav li.activenode, #web #subnav li.lihover  {font-weight:bold; background-image:url('../images/subnav-aufzaehlung_active.gif');}
#web #subnav li {z-index:10000;padding-left:15px; line-height:24px; list-style-type:none;  border-bottom:2px solid #dae4ee; background-color:#758ea4; background-image:url('../images/subnav-aufzaehlung.gif'); background-repeat:no-repeat; background-position:0 8px;}
#web #subnav li.last {margin-bottom:2px; border:none;}
#web #line {position:absolute; top:7px; bottom:0; left:0px; width:2px; background:#758ea4; overflow:hidden;}
#web #line2 {position:absolute; top:0px;  left:0px; right:0; bottom:0; width:2px; background:#758ea4; overflow:hidden;}
/*------------------*/



/*--- INHALTE ---*/
#web #headline {position:absolute; top:170px; left:17px;}
#startpage #headline {display:none;}
#web #content {position:absolute; top:203px; left:17px; right:321px; bottom:53px; padding:0 20px 0 1px; overflow:auto;}
#web #content ul {margin:0 0 0 15px; padding:0;}
#web #content li {list-style-type:none; background:url('../images/nav_punkt.gif') 0 4px no-repeat; padding-left:15px; margin-bottom:4px;}

/*--- LAGEPLAN ---*/
#web .detailimg, .overviewimg {border:1px solid #002851; margin:5px 20px 0 0;}
#web .positionplan-pdf * {vertical-align:middle;}
#web #positionplan img {border:1px solid #002851;}

#web #positionplan span {display:block;}
#web #positionplan #overview_plan {width:220px; display:block; float:left;}
/*----------------*/


/*--- Links ---*/
.quicklinks { padding:0px 1px 2px 4px!important; margin:0 7px 7px 0;  width:215px; border:1px solid #002851; float:left;}
.quicklinks span:hover {color:#e87323;}
.quicklinks h2 {margin:4px 0 10px 0!important; color:#E75811;}

/*-------------*/

.clearing {padding-top:10px; float:none!important;display:block;}

/*--- LEISTUNGEN ---*/
#web .leistungsoverview h2 {border:1px solid #8c8c8c; background:#e6e6e6; padding:3px!important;}
#web .leistungsoverview  .box {margin-top:5px; border: 1px dashed #cccccc; background:#f9f9f9; padding:10px;}
#web .slogan {margin-bottom:15px!important;}




/* ------Leistungspakete-------- */
a.leistungen {overflow:hiddeN;position: relative; border: 1px solid #f66000; background: #e6e6e6; padding-top: 2px; padding-bottom: 3px;  margin-top: 0; margin-bottom: 5px;   display: block; font-size: 14px; }
#leistungspakete .dasicon {vertical-align:middle; margin-right:5px;}
#leistungspakete a.leistungen span.headline {line-height:25px; height:25px; margin: 0; padding: 0; border: 0; padding-left: 10px; display: block; text-align: left;}
#leistungspakete a.leistungen span.headline:hover {color: #f66000; }
#leistungspakete a:hover {font-weight:normal; color:#f66000;}
a.leistungen.active {margin-bottom: 0px;}

#leistungspakete a.leistungen.active span.headline {font-weight:bold;}

ul.leistungen, p.leistungen {    background: #e6e6e6; margin: 0px; padding: 0; margin-right: 20px; padding-top: 0px; padding-bottom: 3px; }
p.leistungen {padding-left: 30px!important; padding-bottom: 0px; }

ul.leistungen li {margin: 0;     margin-left: 30px; padding: 0; padding-left: 5px; }

#leistungspakete div {    display: none; margin-bottom: 10px; }
#leistungspakete {margin:10px 20px 0 0px; }

#leistungspakete a.leistungen span.magnify, #leistungspakete a.leistungen span.minimize {position: absolute;    right: 0px; top:0; padding-right:10px; padding-left:10px; bottom:0;  cursor: pointer;}

#leistungspakete a {border: 0;border:1px solid #8c8c8c;}
#leistungspakete a.active {border-width: 0; border:1px solid #8c8c8c; background:#cccccc;}
#leistungspakete a.active a {    color: #f66000; }
#leistungspakete a.active span.magnify, #leistungspakete a.active span.minimize {display: none;}
#leistungspakete a.leistungen span.minimize {display: none;}
#leistungspakete a.active span.minimize {display: block;padding-right: 10px;padding-left: 10px; line-height:27px;}
#leistungspakete div.active {    display: block; padding:10px 0 0 17px!important; }
#leistungspakete a span.magnify {background:#758ea4; color:#ffffff; line-height:27px;}
#leistungspakete a.active span.minimize {background:#E75811; color:#ffffff;}

/*-----------------------*/

.jobs {border:1px solid #E75811; padding:10px; margin-right:150px;}
.jobs h2 {margin:0 0 10px 0!important;}
.jobs {margin-bottom:20px;}


/*-------MITARBEITER------*/

#web .team_overview h2,  #web .boss_overview h2 {border:1px solid #8c8c8c; background:#e6e6e6; padding:3px;}
#web .team_overview  .aufgaben, #web .boss_overview  .aufgaben {border: 1px dashed #cccccc; background:#f9f9f9; padding:10px;}
#web .team_overview  .aufgaben ul, #web .boss_overview  .aufgaben ul {padding-top:5px!important;}
#web .team_overview .team_member {float:left; width:180px; font-weight:bold; margin-left:10px;}

#web .boss_overview .team_member {font-weight:bold; }
#web .boss_overview .email {margin-top:45px;}
#web .boss_overview .pic {float:left; margin-right:15px; }
#web .boss_overview img {display:block; margin:0; padding:0;}
#web .boss_overview .zusatz {float:left;  margin-left:0px; margin-bottom:10px;}

/*------------------------*/


/*--- NEWS ---*/
#news_selection {position:absolute; top:177px; right:358px;}

#web .news_preview h3 {border:1px solid #8c8c8c; background:#e6e6e6; padding:3px!important;}
#web .news_preview p {margin-top:5px; border: 1px dashed #cccccc; background:#f9f9f9; padding:10px; margin-bottom:10px;}

#web #news_page {border-top:1px solid #002851;}
#web #news_page img  {border:1px solid #002851;}
#web #news_page .image {float: right; padding:1px;    margin: 0 0px 5px 20px; }
/*------------*/


/*--- ONLINERECHNER ---*/
#web .onlinetool_overview p{margin-top:5px; border: 1px dashed #cccccc; background:#f9f9f9; padding:10px; margin-bottom:10px;}
#web .onlinetool_overview h3 {border:1px solid #8c8c8c; background:#e6e6e6; padding:3px!important;}
#web #calc {position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%;}
/*----------------*/


/*--- OVERVIEW INFOLIST ---*/
#web .overview h3 {border:1px solid #8c8c8c; background:#e6e6e6; padding:3px!important;}
/*----------------*/


/*--- DOWNLOADS ---*/
#web .downloads * {vertical-align:middle;}
#web .downloads img {margin-right:3px;}
#web .downloads a {color:#002851;}
#web .downloads a:hover {color:#E75811;}
#web .downloads .link {padding-left:30px;}
/*----------------*/


/*--- Toplink ---*/
#web .infolist_toplink {padding:20px 0 30px 25px; font-weight:bold; background:url('../images/toplink.gif')  0 20px no-repeat;}
/*---------------*/


/*--- LINKS ---*/
#web .linksammlung {margin-left:15px; background:url('../images/nav_punkt.gif') 0 4px no-repeat; padding-left:15px;}
#web .linksammlung a {color:#002851; }
#web .linksammlung a:hover {color:#E75811;}
/*--------------*/


/*--- Sitemap ---*/
#web #sitemap {}
#web #sitemap li {list-style-type:none; background:none;font-size:100%; margin:0; padding:0; font-weight:bold;}
#web #sitemap li ul {margin-top:4px;}
#web #sitemap li ul li {background:url('../images/nav_punkt.gif') 0 4px no-repeat;  font-weight:normal; padding-left:15px; margin:0 0 5px 0px!important; font-size:13px;}
#web #sitemap li ul li a {color:#002851;}
#web #sitemap li ul li a:hover {color:#E75811;}
#web #sitemap li ul li ul li {font-size:11px;}
#web #sitemap li ul li ul  {margin:6px 0 10px 0!important;}
/*---------------*/


#content p { margin:0 0 1em 0; }
#web h1 {margin:0 0 1em 0; font-size:120%; font-style:italic; color:#E75811;}
#web h2 {margin:14px 0 5px 0; padding:0; font-size:110%; text-transform:uppercase;}
#web h3 {margin:0 0 5px 0; padding:0; font-size:120%;}
#web h4 {margin:0 0 1em 0; font-size:110%;}
#web h5 {margin:0; font-size:100%;}
#web h6 {margin:0; font-size:100%;}

#atikon_address {padding-left: 170px; }
#atikon_contact td {width: 148px; }
 
#web #content .geschichtebild{float:left; margin-right:14px; margin-top:14px;}

/*--- FORMULARE ---*/
form {margin:0; padding:0;}
input, select, textarea {margin:0; padding:0;}
input, textarea {padding:0 2px; border:1px solid #002851;}
select { color:#002851;  border:1px solid #002851;}
textarea {overflow:auto;}
label.error {color:#FF0000;}
label.error input, label.error select, label.error textarea {border:1px solid #FF0000;}
button {padding:0; margin:0; border:0; cursor:pointer; background:none;}

#content form {margin-bottom:1em;}
#content form .container_1 {float:left; margin-right:1em; margin-bottom:0.3em; width:291px; height:24.8em;}
#content form .container_2 {float:left; margin-bottom:0.3em; width:291px; height:24.8em;}
#content label {display:block; margin-bottom:0.1em; height:3em;}
#content label span {display:block;}
#content input, #content textarea {width:285px; margin-top:1px;}
#content input.radio, #content input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}
#content button {margin-right:-0.2em;}
#content .button_send {float:right; font-weight:bold; color:#f66000;}
#content .button_send:hover, #content .button_senden.hover {color:#002851;}
#content #label_plz {float:left; margin-right:3px;}
#content #fld_plz {width:60px;}
#content #label_ort {float:left;}
#content #fld_ort {width:216px;}
#content #label_telefon {clear:both;}
#content #label_text {height:21em;}
#content #fld_text {height:19.8em;}
#content .contact_address {float:left; margin-right:2em;}
#content table.contact_phone_fax {float:left; margin-right:2em;}
#content table.contact_web {float:left;}
#content table.contact_phone_fax th, #content table.contact_web th {font-weight:bold; text-align:left; padding-right:1em;}

/* form_appointmentmaker */
#form_appointmentmaker .container_termine {margin-bottom:1em;}
#form_appointmentmaker .container_termine .container_1, #form_appointmentmaker .container_termine .container_2 {height:4.5em;}
#form_appointmentmaker .container_termine .title  {display:block;font-weight:bold;}
#form_appointmentmaker .container_termine input {width:138px;}
#form_appointmentmaker .container_termine label {float:left;}
#form_appointmentmaker .container_termine label.first {margin-right:3px;}

/* form_recommendation */
#form_recommendation .title {font-weight:bold;}
#form_recommendation .sender, #form_recommendation .receiver {clear:both;height:4em;margin-bottom:1em;}
#form_recommendation #label_name_absender {float:left;margin-right:3px;}
#form_recommendation #label_email_absender {float:left;}
#form_recommendation #label_email_empfaenger {float:left;}
#form_recommendation #label_kommentar {clear:both;font-weight:bold;height:10em;margin-bottom:1em;}
#form_recommendation textarea {width:578px;height:100px;}

/* form_application */
#form_application {width:590px;}
#form_application .section {width:590px;margin-bottom:20px;}
#form_application .section h2 {border-bottom:1px solid #383539;width:585px;}
#form_application label {float:left;width:291px;margin-right:3px;}
#form_application #label_job {width:585px;}
#form_application #fld_job {width:579px;}
#form_application #label_job_enlistment {clear:both;}
#form_application #label_personal_degree {float:none;}
#form_application #section_education label {width:193px;height:auto;display:inline;}
#form_application #section_education input {width:187px;}
#form_application #section_studies label {width:193px;}
#form_application #section_studies input {width:187px;}
#form_application #section_studies input.radio {width:auto;}
#form_application label#label_studies_yes {width:40px;margin-right:0;}
#form_application label#label_studies_no {width:100px;margin-right:56px;}
#form_application label#label_studies_grade_point_average_first {clear:both;}
#form_application #section_jobs label {width:193px;height:auto;display:inline;}
#form_application #section_jobs input{width:187px;}
#form_application #label_miscellaneous {height:auto;}
#form_application #fld_miscellaneous {width:579px;height:130px;}
#content #form_application button {margin-right:5px;}

/*Diverses*/
#searchablecontent, #skip,  .hide {display:none; visibility:hidden;}
.leftlabeled {clear:both;}
.leftlabeled th {font-weight:bold; text-align:left; padding-right:1em;}
.clearing {float:none; clear:both;}

table.insetheader caption span {position: relative; top: 1em; left: -0.5em; margin-left: 0.5em;}
table.insetheader {margin-left: 0.5em;}
table.normal caption {border-bottom:solid 1px #CBCBCB;}
table.insetheader .first td, .web table.insetheader .first th {padding-top: 2em;}
table.data caption {color:#CBCBCB; font-size: 17px; font-weight: bold; text-align: left;}

table.data {border-collapse:collapse; margin-bottom: 1.5em;}

table.data tbody td, table.data tbody th {border-bottom: dashed 1px black;}
table.data tr.last td, table.data tr.last th, table.data td.noborder, table.data th.noborder, table.data th.subheadline {border-bottom: none;}
table.data td.noborder, table.data th.noborder {font-size: 70%;}

table.data thead, table.insetheader .first th, table.data th.subheadline, table.data .thead {background-color: white; color: #E75811;}
table.data th {font-weight: normal; vertical-align: top;}
table.data td, table.data th, table.data .thead th {font-size: 12px; padding-right: 5px; text-align: right;}
table.data td.last, table.data th.last {padding-right: 1px;}
table.data tbody th, table.data th.desc {text-align:left; padding-right: 5px;}

.even {}
.odd {background-color:#f1f1f1;}
.last {background-image: none;}
.desc {background-color: #efefef;}

table.data col.even {}
table.data col.odd {background-color:#f1f1f1;}
table.data col.last {background-image: none;}
table.data col.desc {background-color: #efefef;}

table.list tr.even {background-color:#CBCBCB;}
table.list tr.odd {background-color: #F0F0F0;}
table.list {border-collapse: collapse;}
table.list td {border: 7px solid #FFFFFF; padding: 0 0.8em; }

ol.loweralpha {list-style-type:lower-alpha;}
ol.upperalpha {list-style-type:upper-alpha;}
ol.lowerroman {list-style-type:lower-roman;}
ol.upperroman {list-style-type:upper-roman;}

/*ZMS*/
.zms_file {margin:0 0 1em 0;}
.zms_file .text {display:none;}
.zms_file img {vertical-align:middle;}
div.zms_graphic.left {text-align: left;}
div.zms_graphic.right {text-align: right; margin-left:70%!important; width:300px; margin-bottom: 20px;}
div.zms_graphic.floatleft {float: left;}
div.zms_graphic.floatright {float: right;}
div.zms_graphic.center {text-align: center;}
div.graphic.alignleft {float: left;text-align: right;}
div.graphic.alignright {float: right;text-align: right;}

/*.download_section {margin-top:-420px; width: 70%;}*/
.publish .download_section {float:left; width:70%;}

