*{margin:0;padding:0;border:0;outline:0;color:#4c4c4c;font-family:segoe ui,segoe,arial,sans-serif;list-style:none}

*::-moz-selection{background:#c3004a;color:#fff}

body{padding:10px 0;background:#f2f2f2 url(body_bg.png) repeat-x;font-size:13px}
table{border-collapse:collapse}

a{color:#c3004a;text-decoration:none}
a:hover{text-decoration:underline}

.clr{clear:both;height:1px;overflow:hidden}
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}

p.arrow_right2 a,a.arrow_right2{padding:1px 20px 0 0;background:url(/images/arrow_right2.png) 100% 50% no-repeat}
p.arrow_left2 a,a.arrow_left2{padding:1px 0 0 20px;background:url(/images/arrow_left2.png) 0 50% no-repeat}

#wrapper{width:860px;position:relative;margin:0 auto;background:url(wrapper_bg.png) repeat-y}

#header{position:relative;height:264px;background:url(header_bg.png) no-repeat;z-index:1000 !important}
#slogan{position:absolute;top:66px;left:89px}
#kreis{position:absolute;top:83px;right:153px}
#hpe_gmbh{position:absolute;top:167px;left:92px}

#header ul{position:absolute;top:207px;left:10px;font-size:18px;line-height:39px;font-weight:bold}
#header ul li{float:left;overflow:hidden}
#header ul a{display:block;overflow:hidden;padding:0 20px;text-decoration:none !important}

/* NAVI 1ST LEVEL */
#header ul li a{background:#cfcfcf;color:#313131;border-left:1px solid #d9d9d9;border-right:1px solid #a6a6a6}
#header ul li a:hover,
#header ul li.CUR a,
#header ul li.CURIFSUB a,
#header ul li.ACTIFSUB a{background:#c3004a;color:#fff;border-left:1px solid #c3004a;border-right:1px solid #c3004a}

/* NAVI DROPDOWN */
#header ul li ul{display:none;position:absolute;top:100%;z-index:999;font-size:14px;line-height:25px;width:190px;border-top:1px solid #fff}
#header ul li > ul{left:auto;top:auto}
#header ul li:hover ul, #header ul li.sfhover ul{display:block !important;left:auto;top:auto}
.sfhover{left:auto !important}

/* NAVI 2ND LEVEL */
#header ul li ul li{border-bottom:1px solid #fff}
#header ul li ul li a{width:150px;border:0 !important}
#header ul li ul li a{background:#cfcfcf !important;color:#313131 !important}
#header ul li ul li a:hover,
#header ul li ul li.CUR a,
#header ul li ul li.CURIFSUB a,
#header ul li ul li.ACTIFSUB a{background:#c3004a !important;color:#fff !important}

/* NAVI PRODUCTS */
#header ul li.products ul{font-size:16px;line-height:20px;width:348px;background:#cfcfcf}
#header ul li.products ul li{width:348px;height:60px}
#header ul li.products ul li a{width:278px;height:30px;line-height:30px;color:#313131;padding:0 0 0 10px}
#header ul li.products ul li a:hover{background:#c3004a;color:#fff}

#header sup{font-size:10px !important;line-height:10px !important;color:#313131}
#header ul li.products ul li a:hover sup,
#header ul li.products ul li.ACTIFSUB a sup{color:#fff !important}

#header ul li.products ul li.CUR a{background:#c3004a;color:#fff}

#header ul li.products li div.navimg{float:left;width:40px;height:40px;padding:5px;margin:5px;overflow:hidden;background:#fff !important;text-align:center}
#header ul li.products li div.navimg a{width:40px;height:40px;padding:0;border:0;background:#fff !important}

#header ul li.products ul li ul{width:288px;height:29px;overflow:hidden;position:relative;top:0;left:0;font-size:13px;line-height:20px;font-weight:normal}
#header ul li.products ul li ul li{width:auto}
#header ul li.products ul li ul li.first{display:none} /* �BERSICHT AUSBLENDEN */
#header ul li.products ul li ul li a{width:72px;height:29px;line-height:29px;padding:0 0 0 24px;background:#cfcfcf url(navi_li_li_li_a.png) 5px 0 no-repeat !important;color:#313131 !important}
#header ul li.products ul li ul li a:hover{background:#c3004a url(navi_li_li_li_a.png) 5px -29px no-repeat !important;color:#fff !important}

#content{padding:30px;min-height:200px}

#footer{height:62px;padding:75px 10px 0 10px;background:url(footer_bg.png) 0 100% no-repeat;font-size:11px}
#footer li{display:inline;padding:0 5px;border-right:1px solid #4c4c4c}
#footer li.first{padding:0 5px 0 0}
#footer li.last{border:0}
#footer .col3-1{padding:0 20px 0 20px}

.col1{width:720px;padding:0 40px}

.col2{width:400px;float:left}
.col2-1{padding:0 20px 0 0}
.col2-2{padding:0}

.col3{width:250px;float:left}
.col3-1{padding:0 20px 0 0}
.col3-2{padding:0 20px 0 0}
.col3-3{padding:0}

.content ul{margin:0 0 15px 0}
.content ul li{background:url(bullet.png) 0 8px no-repeat;padding:0 0 0 8px;margin:0 0 5px 0}
.content ol{margin:0 0 15px 0}
.content ol li{list-style:decimal;margin:0 0 5px 20px}
.content h1{margin:0 0 20px 0;font-size:18px}
.content h2{margin:0 0 20px 0;font-size:16px}

/* filelink/upload css*/
.filelink {background:#f2f2f2; margin:0 0 20px 0}
.filelink div span .filelink-fs{text-align:right}
.filelink div p .img{float:left;display: block;margin:0 0 20px 0;}
.filelink div p .size{float:right;display: block;text-align:right;width:100px;}
/*
.content p,.content table{margin:0 0 20px 0}
.content td p{margin:0}
*/
form .FormError{margin:0;padding:5px 0;color:#c3004a}
form .block{background:#f2f2f2;padding:10px 10px 5px 10px;margin:0 0 10px 0}
form .text label{display:block;width:100px;float:left;padding:2px 0 0 0}
form .text input{border:1px solid #4c4c4c;margin:0 0 5px 0;width:150px;height:18px;padding:1px 5px 0 5px}
form .text input:hover,form .text input:focus{background:#c3004a;color:#fff}
form .text select{border:1px solid #4c4c4c;margin:0 0 5px 0;width:160px;height:19px;padding:0}
form .text option{padding:3px}
form .textarea textarea{border:1px solid #4c4c4c;margin:0 0 5px 0;width:396px;height:100px;padding:1px 5px 0 5px}

form .checkbox label{display:block;margin:0 0 2px 0;padding:0 5px 3px 5px;cursor:pointer;}
form .checkbox input{margin:0 5px 0 0;}

form .department label{display:block;background:#cfcfcf;width:211px;padding:5px;float:left;margin:0 0 5px 0;font-weight:bold}
form .department label:hover{background:#c3004a;color:#fff}

form  #department_detail{padding:30px 0 0 0}
form  #department_detail li{background:#f2f2f2;border-top:1px solid #f2f2f2;padding:2px 5px 3px 5px;margin:0;cursor:pointer}
form  #department_detail li.active{background:#cfcfcf;font-weight:bold}
form  #department_detail li:hover{background:#cfcfcf}

form .tab h3{margin:0 0 5px 0}
form .tab label{border-top:1px solid #f2f2f2}

form .control{text-align:center}
form .control input{margin:10px}
form .tab{display:none}


/* PRODUKTSEITEN */
#product_header{text-align:right;margin:0 0 10px 0}
#product_header h1{float:left;position:relative;top:-14px;font-size:22px}
#product_header ul li{display:inline;padding:0 5px}
#product_header li a{color:#4c4c4c}
#product_header li.CUR a{font-weight:bold}

#product{width:600px;margin:0 auto 40px auto}
#product h1{font-weight:normal;text-align:center;margin:0 0 20px 0}

#product_teaser{padding:0 0 0 10px}
#product_teaser .csc-content{width:240px;height:160px;padding:0 30px 0 0;float:left;background:url(teaser_bg.png) no-repeat}
#product_teaser .csc-content-n3{padding:0}
#product_teaser h1{padding:0 0 9px 10px;margin:0 0 20px 0;font-size:13px;line-height:31px}
#product_teaser p a{padding:0 10px 0 0;background:url(teaser_p_a.png) 100% 7px no-repeat}

#product_details{padding:0 0 0 10px}
#product_details .col3{width:240px;padding:0 30px 0 0}
#product_details .col3-3{padding:0}
#product_details .csc-content{border-top:1px solid #c3004a;padding:5px 0 20px 0}
#product_details .csc-content h1{font-size:14px;margin:0 0 5px 0}
#product_details table{width:100%}
#product_details table td{width:50%}
/* PRODUKTSEITEN */


#sitemap ul{width:150px;float:left;margin:0 10px 0 0;background:#f2f2f2}
#sitemap ul ul{width:100%;float:none}
#sitemap li{margin:0;padding:0}
#sitemap li a{display:block;margin:0;background:#cfcfcf;color:#313131;padding:5px;font-size:14px;font-weight:bold;text-decoration:none}
#sitemap li a:hover{background:#c3004a;color:#fff}
#sitemap li li a{background:#f2f2f2;font-size:13px;font-weight:bold}
#sitemap li li li a{background:#f2f2f2;padding:0 5px 2px 10px;font-weight:normal}


/* CSS STYLED CONTENT */
DIV.csc-textpic-caption{font-size:90%;color:#666;margin:0 0 4px 0}
DIV.csc-textpic-caption-c .csc-textpic-caption{text-align:center}
DIV.csc-textpic-caption-r .csc-textpic-caption{text-align:right}
DIV.csc-textpic-caption-l .csc-textpic-caption{text-align:left}
DIV.csc-textpic-textpic DIV.csc-textpic-imagecolumn{float:left;display:inline}
DIV.csc-textpic-textpic IMG{border:none;display:block}
IMG.linkimage {border:0 !important;display:inline !important}
DIV.csc-textpic-textpic{margin:0 0 1em 0}
DIV.csc-textpic-textpic p{margin-top:0}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image{float:left}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap UL{list-style:none;margin:0;padding:0}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap UL LI{float:left;margin:0;padding:0}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT{float:none}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD{float:none}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG{border:none}
DL.csc-textpic-image{margin:0}
DL.csc-textpic-image DT{margin:0;display:inline}
DL.csc-textpic-image DD{margin:0}
/*DIV.csc-textpic-border DIV.csc-textpic-imagewrap DL.csc-textpic-image img{border:5px solid #fff}*/
DIV.csc-textpic-clear{clear:both}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image{display:inline;margin-bottom:10px}
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image{display:inline;margin-bottom:10px}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{display:inline}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{margin:0}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG{margin:0}
DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{margin-top:5px}
* html DIV.csc-textpic-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {padding-bottom:5px}
DIV.csc-textpic-above DIV.csc-textpic-text{clear:both}
DIV.csc-textpic-below DIV.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:1em}
DIV.csc-textpic-center{text-align:center}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap{margin:0 auto 1em auto}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{text-align:left}
DIV.csc-textpic-center DIV.csc-textpic-text{text-align:left}
DIV.csc-textpic-right DIV.csc-textpic-imagewrap{float:right}
DIV.csc-textpic-right DIV.csc-textpic-text{clear:right}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap{float:left}
DIV.csc-textpic-left DIV.csc-textpic-text{clear:left}
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{float:left;padding-right:.5em}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap{float:right;padding-left:.5em}
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap{float:right;padding-left:.5em}
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text{height:1%}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap{float:left;padding-right:.5em}
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text{height:1%}

.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-image{margin:0 10px 0 0}
.csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-lastcol{margin:0}

.csc-textpic-imagewrap .csc-textpic-image{margin:0 10px 0 0}
.csc-textpic-imagewrap .csc-textpic-lastcol{margin:0}
.csc-textpic-image{float:left}

.contenttable-1 td{padding:0 10px 0 0 !important}

.csc-menu{background:#f2f2f2;padding:10px 10px 5px 10px}
.csc-section{margin:0 0 1px 0;background:#fff !important;padding:0 !important}
.csc-section a{display:block;background:#fff;padding:2px 5px;text-decoration:none}
.csc-section a:hover{background:#c3004a;color:#fff}

.csc-linkToTop a{text-decoration:none;height:33px;overflow:hidden;background:url(csc-linkToTop.png) no-repeat;padding:4px 0 0 20px;display:block}

/* CSS STYLED CONTENT */
#department_detail li img{width:22;height:22;margin:2px 0 -2px 10px}
#department_detail li a{display:block}

.csc-uploads{border-collapse:collapse;width:100%}
.csc-uploads td{padding:3px 5px;border-bottom:1px solid #fff}
.csc-uploads .tr-even td{background:#f2f2f2}
.csc-uploads .tr-odd td{background:#e6e6e6}

.csc-uploads td.csc-uploads-fileName{font-weight:bold}
.csc-uploads td.csc-uploads-fileSize{text-align:right}

.csc-loginform{margin:0 auto 15px auto !important;border-collapse:collapse}
.csc-loginform td{background:#f2f2f2}
.csc-loginform .csc-form-labelcell{width:150px;padding:5px 10px}
.csc-loginform .csc-form-fieldcell{width:150px;padding:5px 10px}
.csc-loginform .csc-form-commentcell{text-align:center;padding:10px}
.csc-loginform input{border:1px solid #4c4c4c;margin:5px;width:130px;height:18px;padding:1px 5px 0 5px}
.csc-loginform input[type |= "submit"]{background:#c3004a;border:1px solid #c3004a;color:#fff;padding:0 0 5px 0;font-weight:bold;width:100px;height:20px}

/*Termine CSS wird hier definiert MARKER ###TERMINE###
    zu finden in fileadmin/templates/start.html
*/
.termine-container {width:800px;padding:60px 0px 0px 0px;min-height:150px}
.termine-table {width:100%}
.termine-table .tr-first{background:#cfcfcf}
.termine-table td{padding:5px 10px !important;border-left:1px solid #cfcfcf}
.termine-table .tr-first td{padding:2px 10px !important}
.termine-table .td-first{border:0}

.termine-latest-h2 {margin:80px 0 0 0}
.termine-latest-header{width:800px;height:auto;background:#e6e6e6;margin:0 0 0 0}
.termine-latest-header .date{width:200px;float:left;background:#e6e6e6;color:#4c4c4c;font-size:13px;padding: 2px 10px 2px 10px}
.termine-latest-header .va{width:310px;float:left;background:#e6e6e6;color:#4c4c4c;font-size:13px;padding: 2px 10px 2px 10px}
.termine-latest-header .wi{width:230px;float:left;background:#e6e6e6;color:#4c4c4c;font-size:13px;padding: 2px 10px 2px 10px}
.termine-latest-row{width:800px;height:auto;margin:10px 0 0 0}
.termine-latest-row .date{width:200px;height:40px;float:left;color:#4c4c4c;font-size:13px;padding: 2px 10px 2px 10px}
.termine-latest-row .va{width:300px;height:40px;float:left;border-left:1px solid #cfcfcf;color:#4c4c4c;font-size:13px;padding: 2px 10px 2px 10px}
.termine-latest-row .wi{width:180px;height:40px;float:left;border-left:1px solid #cfcfcf;color:#4c4c4c;font-size:13px;padding: 2px 10px 2px 10px}
.termine-latest-container{width:820px;margin:0 0 0 0}
.termine-latest-item{width:334px;height:auto;background:#f2f2f2;padding:10px 10px 5px 10px;margin:0 20px 20px 0}
.termine-latest-date{width:60px;margin:0 0 5px -15px !important;padding:2px 5px;background:#c3004a;color:#fff;font-size:11px}
.termine-latest-text{}

.news-latest-item{width:334px;height:80px;background:#f2f2f2;padding:10px 10px 5px 10px;margin:0 20px 20px 0}
.news-latest-item:hover{background:#e6e6e6}
.news-latest-arrow{float:right}
.news-latest-date{width:60px;margin:0 0 5px -15px !important;padding:2px 5px;background:#c3004a;color:#fff;font-size:11px}
.news-latest-item h2{font-size:14px}
.news-latest-text{}

.news-list-container{width:820px;margin:0 0 0 -40px}
.news-list-item{width:370px;height:143px;float:left;background:#f2f2f2;padding:10px 10px 5px 10px;margin:0 20px 20px 0}
.news-list-item:hover{background:#e6e6e6}
.news-list-date{width:60px;margin:0 0 5px -15px !important;padding:2px 5px;background:#c3004a;color:#fff;font-size:11px}
.news-list-item h2{height:21px;margin:0 0 10px 0 !important;overflow:hidden}
.news-list-image-container{width:100px;height:75px;overflow:hidden;float:left;background:#fff;padding:5px;margin:0 0 10px 0}
.news-list-image{width:100px;height:75px;overflow:hidden;background:url(nopic.png)}
.news-list-image img{display:block}
.news-list-text{width:250px;height:85px;overflow:hidden;float:right}

.news-single-image{float:right;margin:0 0 10px 10px}
.news-single-imgcaption{width:290px;padding:5px;font-size:10px}

.news-single-related{margin:0 20px 20px 20px !important;background:#f2f2f2}
.news-single-related dt{font-weight:bold;padding:5px 10px}
.news-single-related dd{padding:5px 10px}
.news-single-files{margin:0 20px 20px 20px !important;background:#f2f2f2}
.news-single-files dt{font-weight:bold;padding:5px 10px}
.news-single-files li{padding:5px 10px !important;background:0 !important}
.news-single-links{margin:0 20px 20px 20px !important;background:#f2f2f2}
.news-single-links dt{font-weight:bold;padding:5px 10px}
.news-single-links dd{padding:5px 10px}

.home-1{width:426px;float:left}
.home-2{width:354px;float:right}

#googlemap{z-index:1 !important}
#googlemaps div{border:0 !important}
#googlemaps input.text{border:1px solid #4c4c4c;margin:0 0 5px 0}

.home .contenttable-1{width:100%}
.home .contenttable-1 .tr-first{background:#cfcfcf}
.home .contenttable-1 td{padding:5px 10px !important;border-left:1px solid #cfcfcf}
.home .contenttable-1 .tr-first td{padding:2px 10px !important}
.home .contenttable-1 .td-first{border:0}

.team .col2-1{width:200px}
.team .col2-2{width:560px}

.team li{background:none !important;margin:0 0 1px 0 !important}
.team li a{display:block;background:#f2f2f2;padding:2px 10px}
.team li a:hover{background:#c3004a;color:#fff;text-decoration:none}

#vcard{position:relative;width:445px;height:280px;margin:50px auto;background:url(vcard.png) no-repeat}
#vcard h1{position:absolute;top:227px;left:30px;font-size:14px;color:#000}
#vcard p{position:absolute;top:245px;left:30px;font-size:12px}
#vcard .csc-textpic-imagewrap{position:absolute;top:110px;left:30px;width:90px;height:120px;overflow:hidden}