/*--- general ---*/

* { outline-width: 0; }
html, body { Background-color:#ebe9e9;  margin: 0;height:100%; }
body#epozcontent { background: #fff; padding: 10px; } /* ZMS-Editor */
.hideme,  .standard{ display: none; }


#printlogo, #printtitle { visibility: hidden; position:absolute;  float:none; clear:both;}

.nowrap { white-space: nowrap; }
.clear { float: none; clear: both; } /* Old solution for floating */
.floatbox { overflow: auto; width: 98%; } /* New solution for floating */

/*
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 {height:100%; font-size: 13px; color: #000; font-family: "arial", sans-serif; }
h1 { font-size: 20px; line-height: 28px; color: #800000; }
h2, h3 { font-size: 18px; color: #800000; line-height: 22px; font-style:italic; }

h4, h5, h6 { font-size: 13px; color: #000; line-height: 19px; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom:0;padding-bottom:2px; }
p, ul, ol, table, address, form, fieldset { margin-top: 0; margin-bottom:0;padding-bottom:14px; }
legend { color: #800000; font-weight: bold; }
p, table, address, #content li, .disclaimer, .linksammlung, textarea, fieldset { line-height: 19px; }
ul { list-style: circle outside; margin-left: 0; padding-left: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
a { color: #800000; }
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; }
.graphic { border: 1px solid #000; }

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

table { border-collapse: collapse; margin:0 0 20px 0;}
td, th { padding: 2px 4px; border: 1px solid #000; vertical-align: top; }
th { text-align: left; background: #bfbfbf; }
thead td, thead th { border: 1px solid #000; font-weight: bold; color: #fff; background: #333; vertical-align: bottom; }


.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: #000; background: none; }
.thead { display: none; }

/*--- general form ---*/

fieldset { border: 1px solid #ccc; padding: 0 10px 10px; }
legend { padding: 0 5px 10px; }
form { width: 540px; }
form input[type=text] { width: 155px; border: 1px solid #000; padding: 4px 2px; }
form select { width: 161px; }
form textarea { width: 496px; height: 150px; border: 1px solid #000; }
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; }

/*--- address and impressum ---*/
.address .float { float: left; margin: 0 30px 0 0; }
.notable .impressum { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.notable .impressum td, .notable .impressum th { padding: 0 2.0em 0 0; border-top: 1px solid #000; }
.notable .impressum th { padding: 3px 14px 3px 0; }
.impressum .nopadding { margin-bottom: 0; }
#atikon img { float: left; margin-right: 1.3em; }
#atikon .float { float: left; margin-right: 1.3em; }

/*--- google maps ---*/
#google_maps_map { height: 400px; border: 1px solid #000; }
.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 #000; margin-bottom: 4px; }

/*--- infolisten, onlinetools ---*/
.infolist_toplink { text-align: right; padding: 2px 0; border-bottom: 1px solid #000; }
.disclaimer { font-weight: bold; border: 1px solid #000; padding: 5px; }

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

.downloads {margin:10px 0 10px 0;}

.lexikon_liste {margin-left:0px; padding-left:20px;}
.disclaimer {border:none;}




.news_preview { margin-bottom: 14px; border-bottom: 1px solid #000; }
.news_preview h3 { margin-bottom: 0; }
.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 #000; padding: 6px 0; }
.search_result .result_entity.last { border-bottom: 1px solid #000; 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; }


/*--- design ---*/

#main-container {position:relative; margin:auto; border-right:1px solid #333;min-height:100%; height:100%; height: auto!important; min-width:998px; width:998px; background-image:url('../images/bg.gif'); background-repeat:repeat-y; background-color:#fff;}
#left-container {position:relative; width:253px;  min-height:100%;display:block; float:left; background:#333333; z-index:100;}
/* LOGO */
#logo {margin-top:8px;height:55px; }
/* CONTACTBOX*/
#contact-box {margin-top:40px; height:145px; padding:15px 0 0 0; background:#bfbfbf; font-style:italic; text-align:center;}
#contact-box h2 {text-transform:uppercase; line-height:16px; color:#000; font-size:15px; margin:0 0 2px 0!important; padding:0;}
#contact-box a {display:block; line-height:23px; font-size:12px;}
#contact-box a {color:#0000ff;}
#contact-box span {font-size:12px; line-height:16px; display:block;}
#contact-box .little, #contact-box .little *{font-size:10px;}
#contact-box .titelzusatz {margin:-5px 0 5px 0;}

#impressum-box {margin:5px 0 0 0; color:#fff;display:block; width:255px; text-align:center; font-size:11px;}
#impressum-box strong {text-transform:uppercase;}
#impressum-box span {display:block;}
#impressum-box .imp_titel {text-decoration:underline;}


/* KATBILD */
.startpage #katbild, .startpage  #katbild.unten  {position:relative; margin:135px 0 0 3px; }
#katbild {position:relative; margin:20px 0 0 3px;}
#katbild.unten {position:relative; margin:165px 0 0 3px;}
#katbild img {margin:0 0 5px 0;}
#katbild span {display:block;text-align:right; margin:0 9px 0 0px; color:#fff; line-height:20px;font-size:14px; font-weight:normal;  font-style:italic;}

#nav-container {position:relative; height:265px; padding:0; margin:0 0 20px 0; display:block;float:left;background: #fff;}
#nav_home {position:absolute; top:0; left:1px;}
#nav_home a { text-align:center; width:148px; height:19px; display:block; font-weight:bold; font-size:12px; padding:13px 0 0 0; background:#800000; color:#fff; display:block; text-decoration:none; z-index:1000;}
#nav {position:relative;  width:745px; height:64px; margin:0; padding:0;}
#nav li {list-style-type:none; display:block;float:left; margin:0 0 0px 0; border-bottom:1px solid #fff;}
#nav li img {display:block;}
#nav li.first a {margin-left:150px;}
#nav li a {font-weight:bold; font-size:12px; text-align:center;  width:148px; height:19px; padding:13px 0 0 0; margin:0 0 0px 1px; display:block; float:left; background:#800000; white-space:nowrap;display:block; color:#fff; text-decoration:none;}
#nav li a:hover, #nav li a.active, #nav li a.activenode, #nav_home a:hover {background:#ad0303;}
#nav ul{position:absolute; top:10px;}

#title_div {width:744px; border-left:1px solid #fff; letter-spacing:4px; height:39px; line-height:39px; font-size:28px;  text-align:center; color:#fff;background:#333333; text-transform:uppercase;border-bottom:1px solid #fff; }
#title_div h1 { line-height:39px; font-size:28px;  text-align:center; color:#fff; }
#nav_leistung {position:relative;  width:745px; height:38px;  padding:0; clear:both;float:none;}
#nav_leistung li.first a {width:297px;}
#nav_leistung li img {display:block;}
#nav_leistung li {list-style-type:none; display:block; float:left;}
#nav_leistung li a {text-align:center; width:148px; height:20px; padding:17px 0 0 0; margin:0 0 0px 1px; display:block; float:left; background:#333333; white-space:nowrap; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase;}
#nav_leistung li a:hover, #nav_leistung li a.active, #nav_leistung li a.activenode {background:#484848; }



#pictures {width:745px; height:160px; background:#bfbfbf; text-align:center;}
.center_container.center1 {margin:0px 0 0  298px; }
.center_container.center2 {margin:0 0 0 297px;}

.bildleistenimg {display:block; float:left;  margin:-1px 0 0 0px; padding:0 0 0 1px;}
.bildleistenimg img {margin:1px 0 0 0; display:block; border:5px solid #999898; /*border:5px solid #bfbfbf;*/}
.bildleistenimg.activated img {margin:1px 0 0 0;border:5px solid #999898;}
.bildleistenimg span {line-height:10px!important; margin:3px 0 0 0; font-size:11px; display:block; text-align:center;}
.bildleistenimg .small {margin:3px 0 0 0; font-size:8px; height:20px;display:block; width:148px;}
.bildleistenimg a {color:#000; text-decoration:none;}

.startpage #title {display:none;}
#title { margin:0 0 10px 0; font-style:italic;}
#content {margin:0px 0 0px 280px; padding:0 10px 50px 0; width:707px; }

/*--- FOOTER - CONTAINER ---*/
#footer { position: absolute; bottom: 0; left: 0; right: 0; height:20px; background:#333;}
#footer span {color:#fff; font-weight:bold; width:750px;letter-spacing:1px; font-style:italic; font-size:13px; line-height:20px; display:block; float:right; text-align:center}

#fontsize { display: none; }
#author { display: none; }
#contactinfo { display: none; }

/* CSS Document */
.bro_overview { overflow: auto; width: 97%; height:370px;}
.broschuere {padding:0; display:block; float:left; height:170px; width:210px; margin:10px 10px 0 0; }
.broschuere img {margin:0 0 10px 40px; display:block; }
.broschuere span {font-size:11px;}
.broschuere .titel {border-bottom:1px solid #000; font-weight:bold;}
.broschuere .entity {border:1px solid #000; padding:0 2px 0 2px; line-height:15px; height:140px;}




/*--- QUICKLINKS ---*/
.quicklinks.shortview ul {margin:0; padding:0;}
.quicklinks.shortview a {text-decoration:none;}
.quicklinks.shortview a:hover {text-decoration:underline;}
.quicklinks.shortview li {display:block; width:220px; margin:0 10px 0 0; float:left; border-bottom:1px solid #333; padding:3px 0 3px 0; list-style-type:none; }