@charset "UTF-8";
/* CSS Document */

*{ margin: 0; padding: 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

body{ background: #E1E1E1; }

.ct{ clear: both; }

#site-links .holder, #header .holder, #leistungen .holder, #middle .holder{ width: 900px; margin: 0 auto; }

#site-links{ background: #282828; height: 30px; position: relative; }
#site-links .holder{ background: url(images/site_links.gif) no-repeat; height: 30px; position: relative; }
#site-links ul{ font-size: 11px; height: 14px; position: absolute; right: 10px; top: 10px; width: 120px; color: #FFF; }
#site-links ul li{ float: left; list-style: none; }
#site-links ul li a{ color: #FFF; text-decoration: none; }

#login-box{ position: absolute; z-index: 1000; background: #CACACA; padding: 5px; color: #333; }
#login-box label{ display: block; margin: 0 0 10px 0; position: relative; font-weight: bold; }
#login-box input[type="text"], #login-box input[type="password"]{ width: 110px; padding: 3px; border: #CACACA; background: #FFF; }
a.customerlogin{ background: url(images/lock0.gif) no-repeat left; padding: 13px 0 5px 26px; }
a.customerlogin:hover{ background: url(images/lock.gif) no-repeat left; }

#header{ height: 220px; background: url(images/header_rpt.gif) repeat-x right #1f1f1f; }
#header .holder{ position: relative; padding: 50px 0 0 0; background: url(images/header.gif) no-repeat; height: 170px }
#header #logo{ background: url(images/logo.gif) no-repeat; width: 280px; height: 51px; margin: 0 0 0 10px; }
#header #logo span{ display: none; }
#header #navigation{ margin: 31px 0 0 18px; }
#header #navigation ul{ list-style: none; height: 40px; }
#header #navigation ul li{ float: left; }
#header #navigation ul li a{ display: block; width: 113px; text-align: center; color: #FFF; font-size: 13px; text-decoration: none; height: 24px; padding: 8px 0 0 0; }
#header #navigation ul li.active a{ background: url(images/buttons/nav_active.png) no-repeat; }
*+html #header #navigation ul li.active a{ background: url(images/buttons/nav_active.gif) no-repeat; }
#header #breadcrumbs{ font-size: 10px; color: #999; margin: 20px 0 0 10px; }
#header #breadcrumbs span.B_crumbBox{ list-style: none; display: inline; color: #666; }
#header #breadcrumbs span a{ color: #666; }
#header #tag-cloud{ width: 349px; height: 107px; background: url(images/tag_cloudxx.gif) no-repeat; float: right; padding: 5px 10px 30px 10px; line-height: 23px; }
#header #tag-cloud span a{ color: #FFF; text-decoration: none; font-size:12px; line-height: 18px; }
#header #tag-cloud span a.s2{ font-size: 16px; font-weight: bold; }
#header #tag-cloud span a.s3{ font-size: 18px; font-weight: bold; }
#header #tag-cloud span a.s4{ font-size: 20px; font-weight: bold; }
#header #tag-cloud span a.s5{ font-size: 22px; font-weight: bold; }

iframe { width:100%; height:100em; border:0; }

#leistungen{ background: url(images/leistungen_rpt.gif) repeat-x #CACACA; }
#leistungen .holder{ padding: 20px 0 0 0; background: url(images/leistungen.gif) no-repeat #CACACA; }
#leistungen h3{ font-size: 12px; font-weight: bold; margin: 0 0 0 10px; color: #919191; }
#leistungen h2{ font-size: 14px; font-weight: bold; color: #FFF; height: 50px; }
#leistungen h2 a{ text-decorataion: none; }
#leistungen h2 a img{ border: none; }
#leistungen .list{ list-style: none; height: 150px; }
#leistungen .list li{ float: left; width: 280px; height: 100px; margin: 0 10px 20px 10px; }
#leistungen .list li p{ font-size: 12px; padding: 15px 10px 10px 10px; color: #333; line-height: 16px; margin: 5px 0 18px 0; display: block; height: 37px; background: url(images/leistung_frame.gif) no-repeat bottom; }
#leistungen .list li .button{ display: block; background: url(images/buttons/mehr.gif) no-repeat; width: 130px; height: 26px; }
#leistungen .list li .button span{ display: none; }
#leistungen .footer .btn-slide-up{ display: block; background: url(images/buttons/slide_up.gif) no-repeat; width: 77px; height: 22px; margin: 0 auto; }
#leistungen .footer .btn-slide-down{ display: block; background: url(images/buttons/slide_down.gif) no-repeat; width: 77px; height: 22px; margin: 0 auto; }
#leistungen .footer .btn-slide-up span{ display: none; }
#leistungen .footer .btn-slide-down span{ display: none; }
#leistungen .footer{ background: url(images/leistungen_footer_rpt.gif) repeat-x bottom; border-bottom: 1px solid #bab9b9; }

#middle{ background: #e1e1e1; padding: 0 0 15px 0; }
#middle #column1{ width: 590px; float: left; padding: 10px 0 10px 10px; font-size: 12px; color: #333; }

#middle #column1 a{ color: #F08E01; }
#middle #column1 p{ margin: 0 0 10px 0; }
#middle #column1 ul{ margin: 0 0 10px 15px; }
#middle #column1 ul li{ list-style-image: url(images/dot.gif); }
#middle #column1 li{ margin: 0 0 5px 0; }
#middle #column1 h1, #middle #column1 h2, #middle #column1 h3{ margin: 0 0 15px 0; }
#middle #column1 h1{ font-size: 18px; }
#middle #column1 h2{ font-size: 14px; }
#middle #column1 h3{ font-size: 12px; }

#middle #column1 .box{ margin: 20px 10px 0 0; }
#middle #column1 .box .register{ list-style: none; height: 24px; }
#middle #column1 .box .register li{ float: left; font-size: 12px; text-align: center; font-weight: bold; margin: 0 1px 0 0; line-height: 16px; }
#middle #column1 .box .register li a{ 
background: url(images/buttons/register.gif) no-repeat; 
display: block; 
width: 99px;
height: 19px; 
color: #666; 
text-decoration: none; 
padding: 4px 0 0 0; 
}
#middle #column1 .pagination .pages{ list-style: none; height: 14px; margin: 15px 0 0 0; color: #666; }
#middle #column1 .pagination .pages li{ float: left; font-size: 12px; margin: 0 6px 0 0; }
#middle #column1 .pagination .pages li a{ color: #666; }
#middle #column1 .pagination .pages li.active a{ color: #FF8A00; font-weight: bold; text-decoration: none; }
#middle #column1 .pagination .pages .prev a{ display: block; height: 14px; width: 14px; background: url(images/buttons/prev.gif) no-repeat; }
#middle #column1 .pagination .pages .prev a span{ display: none; }
#middle #column1 .pagination .pages .next a{ display: block; height: 14px; width: 14px; background: url(images/buttons/next.gif) no-repeat; }
#middle #column1 .pagination .pages .next a span{ display: none; }
#middle #column1 .box .register li.active a{ background: url(images/buttons/register_active.gif) no-repeat; color: #FFF; }
#middle #column1 .box .drop{ padding: 10px; background: #cacaca; border: 1px solid #bab9b9; font-size: 12px; color: #333; line-height: 16px; }
#middle #column1 .product .list{ list-style: none; margin: 25px 0 20px 0; }
#middle #column1 .product .list li{ width: 280px; float: left; margin: 0 15px 15px 0; }
#middle #column1 .product .list li h3{ font-size: 15px; color: #333; }
#middle #column1 .product .list li .left{ width: 126px; float: left; }
#middle #column1 .product .list li .left a{ border: 1px solid #bab9b9; background: #CACACA; padding: 2px; }
#middle #column1 .product .list li .left a img{ border: none; }
#middle #column1 .product .list li .left img{ width: 120px; }
#middle #column1 .product .list li .right{ float: left; width: 140px; margin: 0 0 0 5px; }
#middle #column1 .product .list li .right dl{ font-size: 12px; color: #666; line-height: 16px; }
#middle #column1 .product .list li .right dl dt{ font-size: 12px; color: #999;}
#middle #column1 .product .list li .right dl dd{ margin: 0 0 10px 0; }
#middle #column1 .product .list li .right dl dd a{ color: #FF8A00; }
#middle #column1 .product .list li .right dl .add{ height: 19px; }
#middle #column1 .product .list li .right dl .add a{ margin: 0 5px 0 0; display: block; float: left; height: 18px; width: 18px; background: url(images/buttons/add.gif) no-repeat; }
#middle #column1 .product .list li .right{}
#middle #column1 blockquote{ border: 1px dashed #999; padding: 10px; background: url(images/quote.gif) no-repeat top right #EEE; }
#middle #column1 .tag-landing{ margin: 0 0 25px 0; padding: 10px; background: #EEE; }
#middle #column1 .tag-landing small a{ margin: 0 0 0 5px; color: #999; }

/* Refernzen neu */
#middle #column1 ul.newsletter-listing{ list-style: none !important; }
#middle #column1 ul.newsletter-listing li{ list-style: none !important; width: 550px; border: 1px solid #999; }
#middle #column1 ul.newsletter-listing li .title a.nltitle{ display: block; padding: 5px; border: 1px solid #CCC; background: #555; color: #FFF; font-weight: bold; font-size: 13px; text-decoration: none; }
#middle #column1 ul.newsletter-listing li .more{ display: block; padding: 5px; text-align: center; text-decoration: none; }

/* Cool Refs */
#cool-refs{ width: 900px; margin: 0 auto; padding: 10px 0 10px 0; }
#cool-refs .cool-ref-listing{ list-style: none; }
#cool-refs .cool-ref-listing li{ float: left; width: 148px; height: 118px; border: 1px solid #E1E1E1; position: relative; }
#cool-refs .cool-ref-listing li .ref-image{ width: 148px; height: 118px; overflow: hidden; }
/*
#cool-refs .cool-ref-listing li .ref-title{ position: absolute; bottom: 0; left: 0; width: 138px; height: 22px; font-size: 12px; color: #FFF; background: #212121; padding: 5px 5px 10px 5px; border-top: 1px solid #121212; }
*/
#cool-refs .cool-ref-listing li .ref-title{ position: absolute; bottom: 0; left: 0; width: 138px; height: 103px; font-size: 12px; color: #FFF; background: #212121; padding: 5px 5px 10px 5px; }
#cool-refs .cool-ref-listing li .ref-title a{ color: #FC0; font-size: 8px; display: block; width: 140px; overflow: hidden; }

/* Team */
#column1 .team-listing li{ display: block; list-style: none; }
#column1 .team-listing li h3{ padding: 0 ! important; margin: 0! important; }
#column1 .team-listing li h4{ padding: 0 ! important; margin: 0 0 5px 0 ! important; color: #666; }
#column1 .team-listing li .photo{ float: left; padding: 2px; background: #CACACA; margin: 0 10px 0 0; border: 1px solid #999; }
#column1 .team-listing li .photo img{ width: 80px; height: 80px; }
#column1 .team-listing li .ct{ margin: 0 0 15px 0; }

/* Firmen */
#column1 .company-listing li .infolinks{ float: right; color: #CCC; }
#column1 .company-listing li dt{ color: #999; }
#column1 .company-listing li dd{ position: relative; top: 0; left: 130px; margin: -15px 0 10px 0; }
#column1 .company-listing li a.cperson{ background: url(images/person_icon.gif) no-repeat; padding: 0 0 5px 18px; text-decoration: none; }
#column1 .company-listing li a.cinfo{ background: url(images/info_icon.gif) no-repeat; padding: 0 0 5px 18px; text-decoration: none; }
#column1 .company-listing li dl{ margin: 0 0 10px 0 ! important; }
#column1 .company-listing li .pers{ margin: 5px 0 5px 0; padding: 5px 5px 10px 5px; border: 1px dotted #CCC; background: #FFF; }
#column1 .company-listing li .pers .persoinfo{ float: left; width: 200px; margin: 0 10px 0 0; height: 100px; }
#column1 .company-listing li .pers .persoinfo h5{ margin: 5px 0 0 0; }
#column1 .alphafilter{ margin: 0 0 10px 0; }

/* Formulare */
#middle #column1 label{ display: block; height: 16px; margin: 0 0 10px 0; position: relative; font-weight: bold; }
#middle #column1 input[type="text"], #middle #column1 input[type="password"]{ width: 200px; padding: 3px; border: #CACACA; background: #FFF; position: absolute; left: 200px; }
#middle #column1 .submit-button{ float: right; border: none; padding: 2px; color: #FFF; background: #333; }

#middle #column1 .drop{ padding: 10px; background: #cacaca; border: 1px solid #bab9b9; font-size: 12px; color: #333; line-height: 16px;  }

#middle #column2{ width: 280px; float: left; padding: 10px; font-size: 14px; }
#middle #column2 ul.sub-menu{ list-style: none; margin: 0 0 10px 0; }
#middle #column2 ul.sub-menu li{ margin: 0 0 1px 0; }
#middle #column2 ul.sub-menu li a{ display: block; padding: 5px; color: #F08E01; text-decoration: none; border-bottom: 1px solid #CACACA; }
#middle #column2 ul.sub-menu li a:hover{ background: #CACACA; color: #333; }
#middle #column2 ul.sub-menu ul li{ margin: 0 0 1px 14px; list-style: none; }
#middle #column2 .trailer{ padding: 5px 0 0 0; }
#middle #column2 h2{ font-size: 15px; color: #666; }
#middle #column2 .trailer .trailer-list{ list-style: none; width: 260px; float: left; margin: 52px 0 0 0;}
#middle #column2 .trailer .trailer-list li.player-bg{ background: url(images/trailer.gif) no-repeat; width: 244px; height: 168px; margin: 0 auto 5px auto; }
#middle #column2 .trailer .trailer-list li.title{ margin: 0 auto 25px auto; width: 244px; text-align: center; font-size: 12px; color: #666; }
#middle #column2 .trailer .trailer-list li .trailer-video{ width: 230px; height: 124px; padding: 6px 0 0 0; margin: 5px auto; }

/* Filialauflistung */
#middle #column2 .box{ margin: 10px 0 0 0; padding: 5px 0 0 0; }
#middle #column2 .box h4{ color: #666; }
#middle #column2 .box h3 .more{ float: right; background: url(images/more.gif) no-repeat; display: block; height: 15px; width: 15px; text-decoration: none; }
#middle #column2 .box h3 .more span{ display: none; }
#middle #column2 .box .store-listing{ margin: 10px 0 0 15px; color: #333; }
#middle #column2 .box .store-listing li{ font-size: 12px; margin: 0 0 10px 0; }
#middle #column2 .box .store-listing li .address{ }
#middle #column2 .box .store-listing li .address .more{ display: block; color: #0464a7; text-decoration: none; }
#middle #column2 .box .store-listing li .address .more:hover{ text-decoration: underline; }

/* Fakten */
#middle #column2 .facts{ width: 281px; background: url(images/facts/bg_rpt.gif) repeat-y #E1E1E1; margin: 15px 0 0 0; }
#middle #column2 .fact{ background: url(images/facts/top.gif) no-repeat; min-height: 35px; color: #333; padding: 15px; line-height: 18px; font-size: 12px; }
#middle #column2 .fact h4{ margin: 0 0 10px 0; }
#middle #column2 .icon{ background: url(images/facts/bottom.gif) no-repeat; height: 100px; }

#footer{ clear: both; border-top: 1px solid #444; background: url(images/footer.gif) no-repeat top #555; min-height: 250px; width: 900px; margin: 10px auto 0 auto; color: #EEE }
#footer p{ margin: 0 0 5px 0; }
#footer a{ color: #999; }
#footer .column{ float: left; width: 280px; margin: 10px 0 0 15px; font-size: 11px; }
#footer .column h3{ color: #F08E01; }
#footer .column h4.heading{ margin: 0 0 10px 0; }
#footer .column h4{ margin: 0; }
#footer .column ul{ list-style: none; }

#footer .column ul.blog-listing li{ margin: 0 0 5px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #666; }
#footer .column ul.team-listing li{ margin: 0 0 10px 0; padding: 1px 0 5px 0; height: 44px; }
#footer .column ul.team-listing li .photo{ float: left; margin: 0 5px 0 0; width: 42px; height: 42px; bordor: 1px dotted #666; background: #999; padding: 2px; }
#footer .column ul.team-listing li .photo img{ border: none; width: 42px; height: 42px; }

.newsteaser{ float: left; margin: 0 10px 5px 0; width: 100px; text-align: center; padding: 5px; background: #D2D1D0; border: 1px solid #AFAFAF; }
.newsteaser{ -moz-border-radius: 5px; }
.newsteaser img{ width: 100px; }

/* Referenzen */
#column1 ul.web-listing{ margin: 0 ! important; padding: 0; display: block; }
#column1 ul.web-listing li{ margin: 0 0 25px 0 ! important; list-style: none; }
#column1 ul.web-listing li .imgwrapper{ background: url(images/trailer.gif) no-repeat; width: 244px; height: 168px; float: left; margin: 0 10px 0 0; text-align: center; padding: 2px 0 0 0; }
#column1 a.ext{ background: url(images/new_window.gif) no-repeat right; padding: 0 25px 0 0; }
#column1 ul.web-listing li h5{ margin: 10px 0 0 0 ! important; color: #999; }
#column1 ul.web-listing li h5 a{ color: #999 ! important; }

#column2 ul.web-listing{ list-style: none; width: 260px; float: left; margin: 10px 0 0 0; }
#column2 ul.web-listing li.player-bg{ background: url(images/trailer.gif) no-repeat; width: 244px; height: 168px; margin: 0 auto 5px auto; text-align: center; padding: 2px 0 0 0; }
#column2 ul.web-listing li.title{ margin: 0 auto 25px auto; width: 244px; text-align: center; font-size: 12px; color: #666; }

/* Pagination */
.pagination{ clear: both; padding: 3px 0 5px 10px; position: relative; }
.pagination .pages{ list-style: none !important; height: 14px; margin: 15px 0 0 0; color: #666; }
.pagination .pages li{ float: left; font-size: 12px; margin: 0 6px 0 0; list-style: none !important; }
.pagination .pages li a{ color: #666; }
.pagination .pages li span{ color: #FF8A00; font-weight: bold; text-decoration: none; }
.pagination .pages .prev a{ display: block; height: 14px; width: 14px; background: url(images/buttons/prev.gif) no-repeat; }
.pagination .pages .prev a span{ display: none; }
.pagination .pages .next a{ display: block; height: 14px; width: 14px; background: url(images/buttons/next.gif) no-repeat; }
.pagination .pages .next a span{ display: none; }
.pagination .pages .last a{ display: block; height: 14px; width: 14px; background: url(images/buttons/last.gif) no-repeat; }
.pagination .pages .last a span{ display: none; }
.pagination .pages .first a{ display: block; height: 14px; width: 14px; background: url(images/buttons/first.gif) no-repeat; }
.pagination .pages .first a span{ display: none; }
.pagination small{ position: absolute; top: 20px; right: 10px; text-shadow: 1px 1px #FFF; }

/* Firmendatenbank */

/* Suchmaske */
.box_company_search{ width: 270px; border: 1px solid #bab9b9; background: #cacaca; margin: 20px auto; font-family: Verdana, Geneva, sans-serif; font-size: 12px; padding: 4px; }
.box_company_search ul{ list-style: none; margin: 0; padding: 0; }
.box_company_search ul .c_row{ position: relative; width: 258px; height: 18px; border: 1px solid #bab9b9; background: #f3f3f3; margin: 0 0 10px 0; padding: 5px; }
#company_detailsearch ul .c_row #company_name{ background: none; border: none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; padding: 0; margin: 0; display: block; width: 258px; }
/* .box_company_search .company_dd{ float: right; } */
.box_company_search .company_dd{ position: absolute; left: 235px; z-index: 3; }
.box_company_search .company_dd a{ display: block; width: 23px; height: 20px; background: url(images/dd.gif) no-repeat; color: #FFF; text-indent: -9999px; }
.box_company_search .company_optional{ color: #666; font-style: italic; }
#company_detailsearch #submit{ border: none; display: block; width: 41px; height: 20px; text-indent: -9999px; background: url(images/search.gif) no-repeat; }
.box_company_search .drop{ background: #f3f3f3; position: absolute; width: 240px; padding: 0 5px; border-left: 1px solid #bab9b9; }
.box_company_search .dropped{ background: #f3f3f3; position: absolute; z-index: 2; width: 240px; padding: 0 5px; border-left: 1px solid #bab9b9; border-right: 1px solid #bab9b9; border-bottom: 1px solid #bab9b9; }
.box_company_search .dropped a{ color: #606d8b; text-decoration: none; }

/* Auflistung */
#companies{ width: 590px; font-family: Verdana, Geneva, sans-serif; }

#companies #company_filter{ display: block; height: 15px; list-style: none !important; font-size: 12px; color: #606d8b; clear: both; margin: 0 0 15px 0; margin: 0 !important; padding: 3px 0 5px 10px !important; }
#companies #company_filter li{ float: left; margin: 0 5px 0 0; list-style: none !important; }
#companies #company_filter li a{ color: #606d8b; text-decoration: none; }

#companies #company_list{ display: block; clear: both; margin: 0 !important; padding: 0 !important; }
#companies #company_list .row{ list-style: none; display: block; padding: 5px; height: 22px; position: relative; margin: 0 !important; }
#companies #company_list .row h2{ font-size: 12px; color: #333; font-weight: bold; text-shadow: 1px 1px #FFF; float: left; }
#companies #company_list .row h2 a{ color: #333; text-decoration: none; }
#companies #company_list .row h2.belongs_to{ margin: 0 0 0 10px; background: url(images/belongs_to_icon.png) no-repeat left; padding: 0 0 0 15px; }
#companies #company_list .row h2.belongs_to a{ color: #606d8b; }
#companies #company_list .first{ background: #d5d5d5; border-top: 1px solid #bbbbbb; }
#companies #company_list .second{ border-top: 1px solid #bbbbbb; }
#companies #company_list .row .company_functions{ display: block; width: 125px; height: 23px; position: absolute; top: 5px; right: 5px; }
#companies #company_list .row .company_functions li{ float: left; list-style: none; color: #333; font-size: 10px; display: block;s }
#companies #company_list .row .company_functions li a{ display: block; }
#companies #company_list .row .company_functions li.company_vCard a{ width: 33px; height: 23px; background: url(images/vcard_icon.png) no-repeat; color: #666; text-indent: -9999px; }
#companies #company_list .row .company_functions li.company_vCard{ width: 33px; margin: 0 5px 0 0; }
#companies #company_list .row .company_functions li.company_www a{ width: 39px; height: 23px; background: url(images/www_icon.png) no-repeat; color: #666; text-indent: -9999px; }
#companies #company_list .row .company_functions li.company_www .locked{ width: 39px; height: 23px; background: url(images/www_icon_sec.png) no-repeat; color: #666; text-indent: -9999px; }
#companies #company_list .row .company_functions li.company_www{ width: 39px; margin: 0 5px 0 0; }
#companies #company_list .row .company_functions li.company_detail a{ width: 40px; height: 23px; background: url(images/more_icon.png) no-repeat; color: #666; text-indent: -9999px; }
#companies #company_list .row .company_functions li.company_detail{ width: 40px; }

#companies .info{ padding: 15px; text-align: center; background: #F8BF24; border: 1px solid #DFA60D; text-shadow: 1px 1px #FFE59F; font-weight: bold; }

/* Details */
.company_detail{}
.company_detail h3{ font-size: 18px !important; font-weight: bold; color: #606d8b; border-bottom: 1px solid #CCC; margin: 0 !important; }
.company_detail h3 .company_web{ font-size: 12px; font-weight: normal; float: right; text-decoration: none; }
.company_detail small{ font-size: 11px; color: #999; font-style: italic; }
.company_detail .address{ list-style: none !important; margin: 25px 0 10px 0 !important; }
.company_detail .address li{ list-style: none !important; }

/* Personen */
.person{ margin: 15px 0 0 0; }
.person .person_excerpt{ background: url(images/person.gif) no-repeat left; padding: 0 0 0 30px; }
.person .person_title{ font-size: 14px; color: #333; }
.person small{ color: #666; }
.person ul{ list-style: none; border-left: 1px solid #CCC; color: #666; margin: 0 0 0 15px; }
.person ul li{ padding: 5px 0 0 15px; font-size: 12px; background: url(images/pline.gif) no-repeat left 5px; }

#column2 .info{ padding: 15px; text-align: center; color: #BBB; text-shadow: 1px 1px #FFF; font-weight: bold; margin: 15px; }