/*--- general ---*/
#printlogo {visibility:hidden;}
* { outline-width: 0; }
html, body { background: #fff; height: 100%; margin: 0; }
body#epozcontent { background: #fff; padding: 10px; } /* ZMS-Editor */
.hideme, .standard { display: none; }
.nowrap { white-space: nowrap; }
.clear { float: none; clear: both; } /* Old solution for floating */
.floatbox { overflow: auto; width: 96%; } /* New solution for floating */
.hidden {display:none;}
/*
1. Header font size ÷ Body copy font size = 1.96.
2. Line height (pixels) ÷ body copy font size (pixels) = 1.48.
3. Line length (pixels) ÷ line height (pixels) = 27.8.
4. Space between paragraphs (pixels) ÷ line height (pixels) = 0.754.

Source: http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/
*/

body, textarea, input, select, button { font-size: 12px; color: #000; font-family: "Verdana", sans-serif; }
h1 { font-size: 23px; line-height: 28px; color: #d30029; }
h2, h3 { font-size: 14px; color: #d30029; line-height: 22px; }
h4, h5, h6 { font-size: 13px; color: #000; line-height: 19px; }
h1, h2, h3, h4, h5, h6, ul, ol, table, address, form, fieldset { margin-top: 10px; margin-bottom:5px; }
p {margin:0 0 15px 0;}
legend { color: #a5010d; font-weight: bold; }
p, table, address, #content li, .disclaimer, .linksammlung, textarea, fieldset { line-height: 19px; }
ul { list-style: square outside; margin:0 0 0 0; padding-left: 30px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
a { color: #d30029; }
a img { border: 0; }
a:hover { text-decoration: none; }
textarea { line-height: 19px; }
address { font-style: normal; }

div.floatleft { float: left; margin-right: 13px; }
div.floatright { float: right; margin-left: 13px; }
div.left .graphic { margin-right: auto; }
div.left .text { margin-right: auto; }
div.right .graphic { margin-left: auto; }
div.right .text { margin-left: auto; }
div.center .graphic { margin: 0 auto; }
div.center .text { margin: 0 auto; }

/*--- general table ---*/

table { border-collapse: collapse; }
td, th { padding: 2px 4px; border: 1px solid #484749; vertical-align: top; }
th { text-align: left; background: #ccc; }
thead td, thead th { border: 1px solid #484749; font-weight: bold; color: #fff; background: #000; vertical-align: bottom; }
tbody tr:hover th, table tbody tr:hover td { background: #a5010d; color: #fff; }

.notable td, .notable th { padding: 0 30px 0 0; border: 0; background: none; vertical-align: top; }
.notable tbody tr:hover th, .notable tbody tr:hover td { color: #484749; background: none; }
.thead { display: none; }

/*--- general form ---*/
.select_email {width:450px;}
fieldset { border: 1px solid #d9d9d9; padding: 0 10px 10px; }
legend { padding: 0 5px 10px; }
form { width: 540px; }
form input[type=text] { width: 155px; border: 1px solid #484749; padding: 4px 2px; }
form select { width: 161px; }
form textarea { width: 494px; height: 150px; border: 1px solid #000; padding-left: 2px; }
form label { float: left; display: block; padding-bottom: 7px; width: 170px; }
form label span { display: block; padding-bottom: 2px; }
form label.nofloat { float: none; width: auto; }
form label.postcode { width: 110px; }
form label.postcode input { width: 95px; }
form label.location { width: 230px; }
form label.location input { width: 215px; }
form label.email { width: 342px; }
form label.email input { width: 325px; }
form label.job { width: auto; }
form label.job input { width: 495px; }
form label.subject { width: auto; }
form label.subject input { width: 494px; }
form label.radio { padding-bottom: 2px; }
form label.radio span { margin-left: 20px; }
form label.google_start { width: 242px; }
form label.google_start input { width: 225px; }
form label.error span { color: #a5010d; }
#validationMessage { color: #a5010d; }
input[type=text]:focus, textarea:focus { background: #ccc; }
input[type=checkbox], input[type=radio] { float: left; margin-top: 2px; }
button { margin-bottom: 14px; }

.send {cursor:pointer;display:block;border:none; background:url('../images/senden.gif'); width:60px; height:18px;}
.send span {display:none;}

.calc {cursor:pointer;display:block;border:none; background:url('../images/routeberechnen.gif'); width:120px; height:18px;}
.calc span {display:none;}

/*--- address, impressum ---*/
.tel, .fax, .website, .email {display:block; float:left; width:70px;}
.atikon .tel, .atikon .fax {display:block; float:left; width:35px;}
.address .float { float: left; margin: 0 70px 0 0; }
.notable .impressum { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.notable .impressum td, .notable .impressum th { padding: 3px 0; border-top: 1px solid #ccc; }
.notable .impressum th { padding: 3px 14px 3px 0; }
.impressum .nopadding { margin-bottom: 0; }

/*--- google maps ---*/

#google_maps_map { height: 400px; width:650px; border: 1px solid #484749; }
.google_maps_map_info img { padding-bottom: 13px; }
.google_maps_map_info h2 { padding-right: 20px; }
.google_maps_map_info form { width: auto; padding: 0 20px 5px 0; }
.google_maps_map_info label { width: auto; float: none; }
.google_maps_map_info label input { width: 250px; }

/*--- positionplan ---*/

.positionplan .entity { float: left; width: 195px; display: block; padding-bottom: 14px; }
.positionplan .entity img { display: block; border: 1px solid #484749; margin-bottom: 4px; }

/*--- infolisten, onlinetools ---*/

.infolist_toplink { text-align: right; padding: 2px 0; border-bottom: 1px solid #484749; }
.disclaimer { font-weight: bold; border: 1px solid #484749; padding: 5px; }

.download_section td { padding: 0 0 4px; border: 0; }
.download_section tr:hover td { background: none; color: #484749; }
.download_section .download { padding-right: 50px; }
.download_section span { margin-top: 1px; width: 25px; display: block; float: left; }
.download_section .download a, .download_section .link a {color:#484749;}

#news_selection {position:absolute; right:10px; top:110px;}
.news_preview { margin-bottom: 14px; border-bottom: 1px solid #484749; }
.news_preview h3 { margin-bottom: 0; font-size:12px;}
.news_page .graphic { margin: 0 0 13px 14px; float: right; }
.news_overview ul h2, .news_overview ul h3 { margin-bottom: 0; }

.rss { padding: 0 0 0 21px; background: url(../images/design/rss.gif) no-repeat 0 center; }
.rss_feeds { margin-left: 0; padding-left: 0; }
.rss_feeds li { list-style: none; }


/*--- zope search ---*/

.search_result .result_entity h2 { margin-bottom: 0; }
.search_result .result_entity p { margin-bottom: 0; }
.search_result .result_entity { display: block; border-top: 1px solid #484749; padding: 6px 0; }
.search_result .result_entity.last { border-bottom: 1px solid #484749; margin-bottom: 13px; }

/*--- slimbox ---*/

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background: #fff; }
.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/slimbox/previous.gif) no-repeat 0% 30%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/slimbox/next.gif) no-repeat 100% 30%; }
#lbBottom { font-size: 12px; line-height: 19px; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 21px; height: 20px; background: transparent url(../images/slimbox/close.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/*--- ie6nomore ---*/

#ie6nomore { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; display: none; }
#ie6nomore .box { position: relative; left: 50%; top: 50%; margin: -125px 0 0 -275px; width: 550px; height: 250px; }
#ie6nomore .browser { width: 75px; float: left; }

.linksammlung a{color:#484749;}

/*-- LOGO --*/
#logo {position:absolute; right:0; bottom:0; left:0; height:123px; z-index:20;}
#logo img {position:absolute; top:13px;}
#logo img.logo0 {right:431px;}
#logo img.logo1 {right:18px;}
/*-- NAV --*/
#navbox {position:absolute; top:0; right:0; left:37px; height:39px; border-bottom:1px solid #bababa; z-index:1000;}
#nav { margin:0 20px; float:right; padding:0;}
#nav li {float:left; list-style-type:none; float:left;}
#nav li a {display:block; background:white; text-transform:uppercase; color:#484749; padding:25px 9px 5px 9px; font-size:13px; text-decoration:none;}
#nav li a:hover, #nav li.hover, #nav li.hover a,  #nav li.active a, #nav li.activenode a {background:#d30029; color:#ffffff;}

#nav ul {position:absolute; top:51px; margin:0!important; padding:0px 0 0px 0; border:1px solid #2d2d2d; display:none; background:#fff;}
#nav li.hover ul {display:block!important;}

#nav ul li  {float:none; clear:both; padding:0; margin:0 0 0px 0;}
#nav li.last ul {position:absolute; right:20px;}
#nav ul li a {font-size:11px!important; white-space:nowrap; padding:3px 10px 3px 10px!important; margin:0; background:none; color:#2d2d2d;}
#nav ul li a:hover, #nav ul li a.hover, #nav ul li.active a, #nav ul li.activenode a {background:#f2f2f2!important; color:#a5010d!important;}
#nav li.active li a, #nav li.hover li a {background:#fff; color:#2d2d2d;}

/*-- SUBNAV --*/
#subnavbox {position:absolute; top:101px; bottom:132px; left:33px; width:241px; background:#b5b4b4 url(../images/design/subnavbox_bg.gif) no-repeat left bottom;}
.startpage #subnavbox {background:#b5b4b4 url(../images/design/subnavbox_bg_start.gif) no-repeat left bottom; width:295px;}
#subnav {position:absolute; top:33px; right:0; left:0; border-top:3px solid white; padding:20px 0 0 0;}
#subnav li {width:100%; margin:1px 0 1px 0; list-style-type:none;}
#subnav a {text-transform:uppercase; font-size:11px; line-height:18px; color:#2d2d2d; display:block; padding:0 0 0 30px; background:url(../images/design/subnav_li_bg.gif) no-repeat 13px center; color:#ffffff; text-decoration:none;}
#subnav a:hover, #subnav a.active, #subnav a.activenode {background-color:#ffffff;  background-image:url(../images/design/subnav_lihover_bg.gif); background-repeat:no-repeat; background-position:13px center; color:black;}

#subnav .activenode ul, #subnav .active ul {display:block;}
.nosubnav #subnav .activenode ul, .nosubnav  #subnav .active ul {display:none;}
#subnav ul  { margin:0; padding:2px 0 5px 0px; display:none; border-bottom:1px solid #fff;}
#subnav ul li { margin:0;}

#subnav ul a:hover, #subnav ul a.active, #subnav ul a.activenode {background-color:transparent!important;} 
#subnav ul li a.active, #subnav ul li a.activenode, #subnav ul li a:hover {color:#fff; font-weight:bold;background:url(../images/design/subnav_li_bg.gif) no-repeat 24px center; background-color:transparent!important;}
#subnav ul li a {font-size:10px!important; padding:0 0 0 40px; background-position:24px center;}

/*-- LEFTBOX --*/
#leftbox {position:absolute; top:0; bottom:0; left:0; width:29px; background:#484749; border-right:1px solid #bababa;}
#leftbox .innerborder {position:absolute; top:0; right:0; bottom:0; width:1px; background:#000000;}
#author {position:absolute; bottom:9px; left:8px; background:url(../images/design/byatikoncom.gif) no-repeat; display:block; width:11px; height:74px; z-index:30;}
#author:hover {background-position:0 -74px;}

/*-- FUNKTIONEN --*/
#functions {position:absolute; top:16px; right:0; bottom:78px; left:8px; z-index:40; width:32px;}
#functions ul {position:absolute; top:0; right:0; bottom:0; left:0; margin:0; padding:0;}
#functions li {list-style-type:none; display:block; margin:0 0 23px 0;}
#functions li a {display:block; width:12px; height:10px; background:url(../images/design/functions.gif)}
#functions li a.func_1 {}
#functions li a.func_1:hover, #functions li.active a.func_1 {background-position:0 -35px;}
#functions li a.func_2 {background-position:0 -70px;}
#functions li a.func_2:hover, #functions li.active a.func_2 {background-position:0 -105px;}
#functions li a.func_3 {background-position:0 -140px;}
#functions li a.func_3:hover, #functions li.active a.func_3 {background-position:0 -175px;}
#functions li.func_sp {position:absolute; bottom:0; left:0;}
#functions li.func_sp a {background-position:0 -210px;}
#functions li.func_sp a:hover {background-position:0 -245px;}

/*-- TITLE --*/
#title {position:absolute; top:91px; right:0; left:277px; height:30px; background:#d30029; color:#ffffff; font-family:Georgia, Arial; font-size:18px; text-transform:uppercase; font-weight:normal; padding:3px 0 0 10px;}
.startpage #title {left:332px; height:61px; padding:0;}
.startpage #title span {display:none;}
.startpage h2, .startpage h3 {font-family:Georgia; font-size:17px; line-height:30px; font-weight:normal; margin:0;}
.startpage h2 {color:#484749;}
.startpage h3 {color:#d30029;}

/*-- CONTENT --*/
#contentbox {position:absolute; top:137px; right:0; bottom:132px; left:276px; background:#f2f2f2 url(../images/design/contentbox_bg.gif) no-repeat top right;}
.startpage #contentbox {left:332px;}

#content {position:absolute; top:18px; right:10px; bottom:10px; left:10px; overflow:auto; padding:0 15px 0 10px; font-size:11px; color:#484749;}
.startpage #content {top:0px; overflow:hidden;}
.startpage .ZMSGraphic {position:absolute; bottom:10px; left:10px;}
#e67448 {left:300px;}

/*-- FOOTER --*/
#footer {position:absolute; right:0; bottom:0; left:0; height:123px;}
#footer .darkgreybox {position:absolute; top:0; right:0; left:0; background:#29242a url(../images/design/darkgreybox_bg.gif) no-repeat right bottom; border-top:1px solid white; border-bottom:1px solid white; height:30px;}

#sujet {position:absolute; bottom:0; left:33px;}

/*--- design ---*/

#fontsize { display: none; }

#calc {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}


/*-- STARTTEXT STARTBILDER --*/
#starttext {position:absolute; right:290px; bottom:200px; }
#starttext h2, #starttext h3 {font-size:18px; white-space:nowrap;}
#e67447 {position:absolute; right:390px;}
#e67448 {position:absolute; right:90px;}
.philo_pic {border:1px solid #2d2d2d;}


/*-- TEAM --*/

.boss_member {display:block; clear:both; height:340px; padding:5px 0 5px 0; float:none; border-bottom:1px solid #2d2d2d;}
.boss_member .pic {position:absolute;  left:50%; margin:0px 0 0 -70px; display:block; border:1px solid #2d2d2d; float:left; text-align:right; }
.boss_member .beruf, .boss_member .email {display:block; white-space:nowrap;}
.boss_member .name {display:block; font-size:110%; margin:0 0 15px 0;}

.boss_member .entity {position:absolute; left:50%; margin:250px 0 0 -120px; text-align:center; width:280px; padding:10px 0 0 0;  }

.vita {position:absolute; top:360px; width:530px; left:50%; margin:0 0 0 -220px; }
.vita_content, .entity_link {display:none;}

.team_overview {width:97%;}
.team_member {display:block; clear:both; height:250px; padding:5px 0 5px 0; float:none; border-bottom:1px solid #2d2d2d;}
.team_member.small {display:block; clear:both; height:80px; padding:5px 0 5px 0; float:none; border-bottom:1px solid #2d2d2d;}
.team_member .pic {display:block; border:1px solid #2d2d2d;  float:left; text-align:right; margin:0 10px 0 0 ;}
.team_member .beruf, .team_member .email {display:block; white-space:nowrap;}
.team_member .name {display:block; font-size:110%; margin:0 0 15px 0;}
.team_member .entity {padding:10px 0 0 0;}
.team_member .placer {display:block; width:178px; height:80px;  float:left; text-align:right; margin:0 10px 0 0 ;}

/* RECHTS */
.team_member.right {float:right; width:100%;}
.team_member.right img {float:right; display:block; margin:0 0 0 10px;}
.team_member.right .entity {float:right;padding:10px 0 0 0;text-align:right; width:450px;}
.team_member.right .placer {float:right; display:block; margin:0 0 0 10px;}




/*--- OVERLAY---*/
#pageoverlay { background:black; display:none; z-index:5000; position:absolute; top:0; height:100%; left:0; right:0; }
#overlayinfo { display:none; position:absolute; top:50%; z-index:5001; left:50%; display:none; border:1px solid #d30029; background:#f2f2f2; padding:0px; width:500px;} 

/*--- SITEMAP ---*/
#sitemap h2 {padding-top:10px;}
#sitemap a {text-decoration:none;}
#sitemap {list-style-type:none;margin:0;padding:0;}
#sitemap * {line-height:15px!important;}
#sitemap li {margin:8px 0 8px 0; padding:0; color:#d30029; font-weight:bold; background:none;}

#sitemap li.last{list-style-image:none;}
#sitemap ul {padding-bottom:10px;}
#sitemap ul li.first{margin-top:3px;}
#sitemap ul li.last{list-style-image:url(../images/listlast.gif);}
#sitemap ul {list-style-type:none;margin:0 0 0 5px;padding-left:40px;}
#sitemap ul li{ font-weight:bold;  list-style-image:url(../images/list.gif);margin:-3px 0 -3px 0;} 
#sitemap ul li a {color:#4C4C4C;}
#sitemap ul li a:hover {color:#d30029;}
#sitemap ul li ul li{font-weight:normal;}