/* CSS Document */
body, html{height:100%;}
body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background-color:#155a97;
color:#585a5b;
font-size:13px;
outline:none;
}
.clearer{float:none; clear:both;}
a, a:hover{outline:none;}
a img{border:none;}
p a, #content li a{color:#1a5f9c; border-bottom:1px solid #fab500; text-decoration:none;}
a{color:#1a5f9c;}
p a:hover, #content li a:hover{ border-top:1px solid #fab500;}
#pageBG{
display:block;
background:url(../img/pageBG2.gif) repeat-x #fff;
}
#page{
width:999px;
margin:0 auto;
position:relative;
background:url(../img/pageInner.gif) repeat-y;
padding:0 0 15px 0;
}
#page .left{
width:230px;
background: url(../img/leftBG.png) no-repeat;
float:left;
min-height:400px;
padding:0 13px;
margin:0;
}
.left .inner{
background:#fff;
border:1px solid #bdbdbd;
border-top:none;
border-bottom:none;
padding:0 20px;
width:188px;
min-height:171px;
}
#page .right{
float:right;
width: 743px;
}
#head{
position:relative;
height: 360px;
}
/*_____CONTENT_________*/
#content H1, #content H2, #content H3{ color:#1a5f9c; margin:0; padding:0;}
#content H1{font-size:18px;}
#content H1.csc-firstHeader{font-size:20px; border-bottom:1px dotted #fab500; padding:0 0 5px 0; margin-bottom:15px;}
#content H2{font-size:15px;}
#content{
margin: 24px 11px 24px 10px;
}
#content p{ line-height:20px; text-align:justify;}
#content li{padding:3px 0;}
#metanavi{
position:absolute;
z-index:102;
top:10px;
right:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.03em;
padding:0;
text-align:right;
color:#a2a5a7;
}
#metanavi a, #metanavi span{
text-decoration:none;
color:#929597;
display:block;
float:left;
}
#metanavi a:hover{text-decoration:none; color:#fab500;}
#metanavi span{ padding:0 5px;}
#metanavi span.sprache{
padding:0
$0px 0 0;
padding: 0 40px 0 0;
}
#metanavi span.sprache a.act{color:#1a5f9c; text-decoration:underline;}
#metanavi a.imprint, #metanavi a.sitemap, #metanavi a.contact{
width:16px; height:16px; margin-left:7px;}
#metanavi a:hover.imprint, #metanavi a:hover.sitemap, #metanavi a:hover.contact{ background-color:#fab500;}
.left #logo{
width:146px;
height:118px;
margin:38px 0 20px 42px;
display: block;
}
#head #foto{
position: absolute;
z-index: 100;
width:757px;
left:-14px;
height: 271px;
top: 88px;
}
#head #foto .flash{
margin-top:15px;
display:block;
margin-left:14px;
background:url(../img/flashBG.png) no-repeat center 39px;
width: 743px;
height: 256px;
}
/*_______MAINNAVI________*/
#mainnavi{
position:absolute;
height:103px;
margin-top: 0px;
z-index: 101;
}
#mainnavi ul, #mainnavi li, #subnavi ul, #subnavi li{margin:0; padding:0; list-style:none;}
#mainnavi li{
text-shadow:-1px -1px 0 #354e7e;
width:147px;
height:103px;
float:left;
display: block;
position: relative;
}
#mainnavi li:hover{ text-shadow:1px 1px 0 #fff;}
#mainnavi li:hover a{color:#1A5F9C;}
#mainnavi li a{
width:147px;
margin:0;
color:#fff;
font-size:15px;
text-align:center;
display:block;
font-weight:bold;
text-decoration:none;
padding:59px 0 26px 0;
background-image:url(../img/mainnavi_act.png);
background-repeat:no-repeat;
background-position:0px -75px;
position: absolute;
z-index: 300;
}
#mainnavi li span.bg{
display:block;
position:absolute;
z-index:199;
width:147px;
height:103px;
background-image:url(../img/mainnavi_act.png);
background-repeat:no-repeat;
top: -110px;
}
#mainnavi li.act span.bg{ display:none;}
/*#mainnavi li a:hover{text-shadow:1px 1px 0 #fff; color:#1a5f9c;}
#mainnavi li.act a, #mainnavi li.act a:hover{text-shadow:1px 1px 0 #fff; color:#1a5f9c;}
*/
#mainnavi li a.act{text-shadow:1px 1px 0 #fff; color:#1a5f9c;}
#mainnavi li a.act{
background:url(../img/mainnavi_act.png) no-repeat 0px 29px;
}
#mainnavi li a:hover{text-shadow:none; color:#1a5f9c;}
#mainnavi li:hover{color:#1a5f9c;}
#mainnavi li.act a:hover{text-shadow:none;}
#mainnavi .layernavi_outer{
position:absolute;
width:433px;
height:193px;
z-index:400;
top:88px;
left: 4px;
overflow:hidden;
display:none;
}
#mainnavi .layernavi_inner{
position:absolute;
z-index:401;
top:-200px;
width:419px;
height:179px;
border-top: none;
padding:6px 7px 8px 7px;
background:url(../img/layernavi.png) no-repeat;
}
#mainnavi li#last .layernavi_outer{ left:-290px !important;}
#mainnavi li#last .layernavi_inner{ background:url(../img/layernavi_last.png) no-repeat;}
#mainnavi .layernavi_inner p{ margin:20px;}
#mainnavi .layernavi_inner li, #mainnavi .layernavi_inner li a{ width:174px; padding:0; margin:0; font-size:14px; color:#585a5b; height:auto; position:relative; float:left; text-decoration:none; text-shadow:none;
}
#mainnavi .layernavi_inner ul{margin:25px 0 0 15px;}
#mainnavi .layernavi_inner li{margin:0px 28px 0px 0px;}
#mainnavi .layernavi_inner li a{
float:none;
padding:6px 0 7px 0;
border-bottom:1px dotted #ccc;
text-align:left;
color:#585A5B;
}
#mainnavi .layernavi_inner li a:hover{ background:url(../img/layernavi_mo.gif) no-repeat right center; }
/*_______SUBNAVI & SUCHE________*/
#suche{
width:188px;
height:30px;
background:url(../img/suche.gif);
margin-top: 33px;
}
#subnavi{
margin:17px 0;
}
#subnavi li a{ display:block; padding:7px 0; text-decoration:none; border-bottom:1px dotted #b3b3b3; color:#7f8081; font-size:14px;}
#subnavi li a:hover{
color:#1a5f9c;
border-right:6px solid #fab500;
}
#subnavi li a.act{ color:#1a5f9c; font-weight:bold;}
#subnavi li li a.act{color:#7f8081; font-weight:normal;}
#subnavi li a.act li a.act{color:#4E4F50; font-weight:normal;
}
#subnavi li li a{ display:block; padding:3px 0; text-decoration:none; border-bottom:none; color:#7f8081; font-size:11px;}
#subnavi li ul{border-bottom:1px dotted #b3b3b3; padding-bottom:5px; }
/*_______FOOTER________*/
#footer{
background:url(../img/footerBG.gif) repeat-x; margin: 0;}
#footercontent{
font-size:10px;
width:990px;
margin:0 auto;
color:#fff;
min-height:70px;
padding: 0;
background:url(../img/footer.gif) no-repeat 1px 0px;
}
#footercontent .copy{
color:#7B8184;
text-decoration:none;
display:block;
padding:10px 0 0 10px;
width:229px;
text-align:center;
float: left;
}
#footercontent .footerlogos{
float:left;
width:480px;
height:160px;
background:url(../img/footerlogos.gif) no-repeat 50px 27px;
}
#footercontent .footerlogos a{ float:right; display:block; width:95px; height:89px; margin:27px 22px 0 0;}
#footercontent .footernavi{
color:#fff;
text-decoration:none;
display:block;
padding:13px 1px 0 0;
text-align:right;
float: right;
}
#footercontent .footernavi ul{ margin:0; padding:0;}
#footercontent .footernavi li{
list-style:none; padding:0; margin:0 5px; float:left;}
#footercontent .footernavi a, #footercontent .footernavi span{ display:block; float:right;
color:#fff;
text-decoration:none; border:none;
}
#footercontent .footernavi a:hover{color:#fab500;}
#footercontent .footernavi span{margin:0 5px;}
#footercontent .social{ padding:20px 10px 20px 10px;}
/*_______________TEMPLA VOILA Elemente_______________________*/
.twoinone{ display:block;}
.twoinone .lc, .twoinone .rc{float:left; display:block;}
#content .twoinone .rc p {
text-align:left;}
.twoinone .lc{
width:481px;
border-right:1px dotted #BDBDBD;
padding-right:20px;
}
.twoinone .rc{
width:194px;
margin-left:20px;
padding:0;
font-size:11px;
}
.twoinone .lc p{ text-align:justify;}
/*-----searchbox-----*/
.tx-macinasearchbox-pi1 {
margin:0;
padding:0;
}
.tx-macinasearchbox-pi1 input{
border:none;
width:145px;
background-color:transparent;
display:block;
float:left;
line-height:28px;
height:30px;
}
.tx-macinasearchbox-pi1 input.submit{
padding:3px;
width:35px;
height:30px;
float:right;
}
/*-----contenttable-----*/
.contenttable p {
margin:0;}
/*___Blätterkatalog______*/
#kataloge h1 {
font-size:18px;
margin-bottom:-8px;
margin-left:0;
margin-right:0;
margin-top:28px;
text-align:center;
color:#fab500;
}
#bkat_wrapper{
width:230px;
height:194px;
position:relative;
overflow:hidden;
margin: 0 -21px 20px -21px;
}
#bkat{
width:230px;
height:194px;
position:relative;
}
#kataloge{margin-top:79px;}
#bkat_wrapper a#prev1, #bkat_wrapper a#next1{width:26px; height:179px; display:block; position:absolute; z-index:10; cursor:pointer;}
#bkat_wrapper a#prev1{background:url(../img/blaetterkat/left.png) no-repeat; left:0px;}
#bkat_wrapper a#next1{background:url(../img/blaetterkat/right.png) no-repeat; right:0px;}
#bkat_wrapper a:hover#prev1{background-image:url(../img/blaetterkat/left_mo.png);}
#bkat_wrapper a:hover#next1{background-image:url(../img/blaetterkat/right_mo.png);}
#bkat .folie{
width:230px;
margin:22px 0 0 0;
text-align:center;
background:url(../img/blaetterkat/kat_schatten.png) no-repeat 58px 112px;
height:194px;
}
#bkat .folie a{display:block; text-align:center; text-decoration:none; font-weight:bold; color:#585a5b; font-size:14px;}
#bkat .folie a img{ border:1px solid #fff; margin: 0 30px 10px 30px; text-decoration:none;}
#bkat .folie a:hover img{
border:1px solid #bdbdbd
}
#bkat .folie a span{margin:10px 0 0 0; display:block; padding:4px 0 3px 0;}
#bkat .folie a:hover{color:#1a5f9c;}
#bkat .folie a:hover span{background:#fab500; color:#fff;}
#bkat .folie h1{
font-size:14px;
margin:12px 0 0 0;
padding:0;
}
.tx-macinasearchbox-pi1 input{color:#7f8081; font-size:12px; padding:0 0px 0 5px; width:146px; height:29px;}
.tx-macinasearchbox-pi1 input.submit{cursor:pointer;}
.tx-indexedsearch .tx-indexedsearch-noresults{color:#fab500; text-align:left; font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword{margin-bottom:10px; margin-left:15px; padding:5px; font-size:12px; color:#585a5b;}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
width:164px; margin-left:14px; padding:2px 0;
}
.tx-indexedsearch-rules{font-size:10px;}
ul.browsebox{margin-left:0; padding-left:0;}
ul.browsebox a{text-decoration:none; font-size:10px; padding:3px 5px; color:#fff; background-color:#585a5b;}
ul.browsebox a:hover{color:#fab500;}
ul.browsebox .tx-indexedsearch-browselist-currentPage a{color:#fab500;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
color:#fab500;
}
/*____________________POWERMAIL_______________________*/
@charset "utf-8";
/* CSS Document */
/* Powermail */
/* Form */
span.powermail_mandatory {
/* Color of mandatory error message */
color: red;
}
input.validation-failed,
textarea.validation-failed {
/* Background color if validation failed
background-color: red;*/
background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
background-repeat: no-repeat;
background-position: 98% 1px;
}
div.powermail_mandatory_js {
/* DIV container of errormessage */
color: red;
margin: 3px 0 15px 0px;
}
.tx_powermail_pi1_fieldwrap_html div.powermail_mandatory_js {
display:block;}
fieldset.tx-powermail-pi1_fieldset {
/* Fieldset */
border: none;
background-color: none;
padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
/* legend of Fieldset */
font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset label {
/* label */
display: block;
width: 200px;
float: left;
clear: both;
font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select,fieldset.tx-powermail-pi1_fieldset jscalendar {
/* Input and textarea */
width: 304px;
background-color:#eeeeee;
}
fieldset.tx-powermail-pi1_fieldset .jscalendar {
background-color:#eeeeee;
}
select.powermail_select, select.powermail_countryselect {
/* Input and textarea */
width: 308px !important;
background-color:#eeeeee;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
/* Radiobuttons */
margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
/* DIV container arround every field */
margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
/* submit button */
margin: 20px 0 10px 200px;
font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
margin: 0 0 10px 0;
padding: 0;
font-weight: bold;
border-bottom:1px solid #062d5d;
}
div.countryzone {
margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
/* Description */
cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
/* Description */
display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
/* Description on mouseover */
display: block;
position: absolute;
width: 250px;
padding: 5px;
background-color: #ddd;
border: 1px solid red;
color: black;
text-decoration: none;
font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
/* Description icon */
padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
background-color: none;
}
/* Confirmation */
td.powermail_all_td {
padding: 3px 10px 3px 0;
}
/* THX */
td.powermail_all p.bodytext {
margin: 0;
}
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label {
display:block;
float:right;
width:430px;
}
fieldset .powermail_check_inner{clear:both;}
fieldset img.powermail_captcha {float:right; margin:-24px 22px 0 0; display:block; width:95px;}
fieldset .jscalendar_cb {display:none;}
/*__________SITEMAP_________*/
#content .csc-sitemap ul{ margin-bottom:10px;}
#content .csc-sitemap li {
list-style-image: url(../img/liststyle01.gif);
margin:0 0 10px 0;
padding:0;
}
#content .csc-sitemap li a{ text-decoration:none; color:#585a5b; font-weight:bold; font-size:14px;}
#content .csc-sitemap li a:hover{color:#fab500;}
#content .csc-sitemap li ul{
margin:0 0 0 0px; padding:0; float:none;}
#content .csc-sitemap li ul li {
list-style-image: url(../img/liststyle02.gif);
list-style-position:inside;
margin:0;
padding:0 0 0 10px;
}
#content .csc-sitemap li li a, #content .csc-sitemap li li li a {
background-image:none;
color:#585a5b;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-transform:none;
}
#content .csc-sitemap li li li a{}
/*_______KONTAKT-FORMMAIL_________ */
.tx-powermail-pi1 fieldset{border:none;padding:0}
fieldset.tx-powermail-pi1_fieldset legend{font-weight:bold}
.tx-powermail-pi1 legend{border-bottom:1px dotted #D1D5D7;display:block;font-size:13px;margin-bottom:10px;padding-bottom:5px;padding-left:0;width:508px}
fieldset.tx-powermail-pi1_fieldset label{clear:both;display:block;float:left;font-size:11px;font-weight:bold;text-align:right;width:182px;padding:0 20px 0 0}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit{font-weight:bold;width:311px;font-size:14px;cursor:pointer;margin:20px 0 10px 202px;padding:5px 0; background-color:#1a5f9c; color:#fff;}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover{background-color:#fab400; color:#fff;}
input.tx-powermail-pi1_confirmation_submit, input.tx-powermail-pi1_confirmation_back{cursor:pointer; background-color:#c1eb0d; float:left; margin:5px 7px 0 3px; cursor:pointer;}
input.tx-powermail-pi1_confirmation_submit:hover, input.tx-powermail-pi1_confirmation_back:hover{background-color:#6D7478; color:#fff;}
.tx-powermail-pi1 input,.tx-powermail-pi1 select,.tx-powermail-pi1 textarea{border:0;color:#6D7478;font-size:12px}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,fieldset.tx-powermail-pi1_fieldset select.powermail_select,fieldset.tx-powermail-pi1_fieldset jscalendar{background-color:#eee;border:1px solid #eee;width:304px;padding:2px}
fieldset.tx-powermail-pi1_fieldset input.powermail_text:hover,fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea:hover{background-color:#fff;border:1px solid #D1D5D7;color:#5d6366}
.tx_powermail_pi1_fieldwrap_html div.powermail_mandatory_js{font-size:11px;background:url(images/misc/warning35px.gif) 201px 0 no-repeat;font-weight:bold;padding:6px 0 7px 241px}
fieldset.tx-powermail-pi1_fieldset select.powermail_select{cursor:pointer}
fieldset.tx-powermail-pi1_fieldset select.powermail_select option:hover{background:#fff}
fieldset.tx-powermail-pi1_fieldset label span.powermail_mandatory{color:#5d6366;font-size:12px}
/*______AKKORDEON___________*/
#content .ka-panel h1{font-size:15px; padding:5px 10px; border:none; margin:0 0 0 0; cursor:pointer; color:#fff;}
#content .ka-panel.close h1{background: url(../img/akkordeon/pfeil_close.gif) no-repeat 699px 6px;}
#content .ka-panel.open h1{background: url(../img/akkordeon/pfeil_open.gif) no-repeat 699px 6px;}
#content #c24 h1{background-color:#c34b4e;}
#content #c25 h1{background-color:#2869a2;}
#content #c26 h1{background-color:#106c70;}
#content #c27 h1{background-color:#106c70;}
#content #c28 h1{background-color:#fab500;}
#content #c39 h1{background-color:#bdbdbd;}
#content #c40 h1{background-color:#bdbdbd;}
#c24, #c25, #c26, #c27, #c28, #c39, #c40{margin-bottom:10px;}
#content .ka-panel p{margin:0 0 5px 0;}
#content .ka-panel a{border:none; text-decoration:none;}
#content .ka-panel a:hover{text-decoration:underline;}
#content #c24 a{color:#c34b4e;}
#content #c25 a{color:#2869a2;}
#content #c26 a{color:#106c70;}
#content #c27 a{color:#106c70;}
#content #c28 a{color:#fab500;}
#content #c39 a{color:#828282;}
#content #c40 a{color:#828282;}
#content .ka-content{margin:0 0 10px 0; padding:30px 10px 30px 10px;}
#content .ka-content a{font-size:14px; font-weight:bold;}
#content #c24 .ka-content{background: url(../img/akkordeon/icon_kosmetik.gif) no-repeat right center #f8ebec; border:1px solid #c34b4e;}
#content #c25 .ka-content{background: url(../img/akkordeon/icon_medizin.gif) no-repeat right center #e7eff5; border:1px solid #2869a2;}
#content #c26 .ka-content{background: url(../img/akkordeon/icon_schmuck.gif) no-repeat right center #e5efef; border:1px solid #106c70;}
#content #c27 .ka-content{background: url(../img/akkordeon/icon_industrie.gif) no-repeat right center #e5efef; border:1px solid #106c70;}
#content #c28 .ka-content{background: url(../img/akkordeon/icon_zahntechnik.gif) no-repeat right center #fef7e3; border:1px solid #fab500;}
#content #c39 .ka-content{background: #e5e5e5; border:1px solid #bdbdbd;}
#content #c40 .ka-content{background: #e5e5e5; border:1px solid #bdbdbd;}
/*______Chronik___________*/
#c31 p{ font-size:14px; width:481px;}
#c31 span{display:block; padding:5px 0px; background:#fab500; color:#fff; width:90px; text-align:center; margin-bottom:10px; font-size:18px; font-weight:bold; font-style:italic;}
/*______Startseite___________*/
#c32 li { float:left; padding:3px 12px 0px 5px; list-style-position: inside; font-size:11px; list-style-type:disc;}
#c32 p {font-size:11px}
#c32 ul {margin:0; padding:0;}
#c108 {margin-top:60px}