* {
margin:0;
padding:0;
font-family:verdana,arial,sans-serif;
font-size:11px;
list-style-type:none;
}

p {
text-align:justify;
}

body {
background-color:#d9e3e2;
background-image: url(img/bg.gif);
background-position:top center;
background-repeat:repeat-y;
color:#666;
}

p.bodytext, p.align-justify, div#content ul, p.align-center {
padding-right:20px;
}

p.align-justify {
text-align:justify;
}

div.csc-textpic-imagewrap {
padding-bottom:12px;
}

html,body {
height: 100%
}

a:hover { color:#df042e; }

div#karte-asp a,
div#karte-asp a:hover { color:#FFF;text-decoration:none; }

a:focus { outline:none; }
span.pink {
color:#db042d;
}
.act a {
color:#df042e;
font-weight:bold;
}

h1.csc-firstHeader,div.csc-header h1, h2 {
color:#666;
font-weight:bold;
font-size:11px;
}

/* Service */
div.service {
width:168px;
}


div.service-header {
width:168px;
height:53px;
background: url("img/service-header.gif") no-repeat;
}

div.vorteile-header {
width:168px;
height:53px;
background: url("img/vorteile-header.gif") no-repeat;
}

div.service-header h2 {
padding: 18px 0px 0px 13px;
font-size:13px;

}

div.service-footer {
width:168px;
height:13px;
background: url("img/service-footer.gif") no-repeat;
}

div.service-content {
width:138px;
background: url("img/service-bg.gif") repeat-y;
padding-left:15px;
padding-right:15px;
}

div.service-content ul {
position:relative;
top:-14px;
}

p { padding-bottom:14px; }
h1 { color:#dc042d; font-size:13px; }
h1 { padding-bottom:12px; }
h2 { padding-bottom:6px; }
div#left ul li a { text-decoration:none;width:125px;display:block; }
a { color:#646567; text-decoration:underline; }
span.menutitle { display:block;padding-left:10px;padding-bottom:6px;color:#dc042d;font-weight:bold;font-size:13px;}

div#left ul.subnavi {
padding-left:12px;
padding-bottom:11px;
}

div#content a {
color:#dc032e;
}

a img { border:0; }
div#left li {
background: url("img/content-li.gif") no-repeat;
padding-left:10px;
padding-bottom:2px;
}

div#content ol {
width:566px;
}

div#content ol li.one, div#content ol li.two, div#content ol li.three {
background-image: url(img/one.gif);
padding-left:12px;
padding-bottom:10px;
/*text-align:left;*/
text-align:justify;
padding-left:40px;
margin-left:24px;
padding-bottom:14px;
}

div#content ol li.two {
background-image: url(img/two.gif);
}

div#content ol li.three {
background-image: url(img/three.gif);
}

div#content li {
background-image: url(img/rosa-li-first.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left:12px;
padding-bottom:10px;
/*text-align:left;
*/
text-align:justify;
}

div#content li ul li {
background-image: url(img/rosa-li-sub.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left:10px;
padding-bottom:4px;

}


div#container {
position:absolute;
width:983px;
left:50%;
margin-left:-492px;
height: 100%;
background: url("img/bg.gif") repeat-y;
}

div#main {
position:absolute;
/*top:134px;*/
top:144px;
width:971px;
padding:17px 6px 0px 6px;
background: url("img/bg.gif") repeat-y;
}

div#inner { 
width:786px;
background-image:url(img/inner-wrap-bg.gif);
background-repeat:no-repeat;
background-color:#FFF;
}

div#content {
float:right;width:586px;
height:100%;
padding-bottom:40px;
}

div#navi-top { 
position:absolute;
top:116px;
left:6px;
z-index:1;
background:url("img/navi-ul-bg.gif") no-repeat; 
height:20px;
}

div#navi-top ul {
padding-top:4px;
margin-left:13px;
}

div#navi-top ul li {
display:inline;
}
div#navi-top ul li a {
padding: 4px 6px 4px 4px;
text-decoration:none;
background-image:url(img/navi-ul-bg.gif);
background-repeat:no-repeat;
background-position: right;
font-weight:bold;
}

div#left {
float:right;width:194px;
padding-left:6px;
}

div#header {
position:relative;
width:983px;
height:134px;
background: url("img/header.jpg") no-repeat;
z-index:0;
top:10px;
}

div#navi-service {
position:absolute;
top:0px;
background:#d9e3e2;
width:983px;
text-align:right;
}

div#navi-service ul {
padding-right:21px;
padding-top:3px;
padding-bottom:2px;
}

div#navi-service ul li {
display:inline;
}

div#navi-service ul li a {
text-decoration:none;
}

div#karte-asp {
position:absolute;
top:110px;
left:780px;
width:197px;
padding-top:281px;
background: url("img/karte.jpg") no-repeat;
z-index:0;
}

div.asp {
padding-left:22px;
color:#FFF;
}
div.asp h3 { padding-bottom:7px; }
br.clearing {
clear:both;
}

/* Produktboxen */

div.produkt-box {
width:190px;
float:left;
padding-bottom:5px;
padding-right:2px;
}

div.produkt-box-head {
width:190px;
height:10px;
background: url("img/produkt-box-head.jpg") no-repeat;
font-size:2px; /* IE6 fix*/
}

div.produkt-box-img {
padding-left:6px;
padding-right:6px;
background: url("img/produkt-box-bg.gif") repeat-y;

}

div.produkt-box-foot {
width:190px;
height:8px;
background: url("img/produkt-box-foot.gif") no-repeat;
}


/* 1 Bild links - Text rechts */
div.block-one-img-left {
width:570px;
margin-bottom:22px;
}

div.one-img-left {
width:179px;
float:left;
}

div.one-img-left-text-right {
float:left;
padding-left:17px;
width:374px;

}
/***************/

/* 1 Bild links - Text rechts 376px */
div.block-one-img-left-376 {
width:570px;
margin-bottom:22px;
}

div.one-img-left-376 {
width:376px;
float:left;
}

div.one-img-left-text-right-376 {
float:left;
padding-left:17px;
width:172px;
text-align:justify;
}

/***************/

/* 1 Bild rechts - Text links */
div.block-one-img-right {
width:570px;
margin-bottom:22px;
}

div.one-img-right {
width:179px;
float:left;
}

div.one-img-right-text-left {
float:left;
width:374px;
padding-right:17px;
}
/*********************************/





/* 1 Bild rechts - Text links - 376px */
div.block-one-img-right-376 {
width:570px;
margin-bottom:22px;
}

div.one-img-right-376 {
width:376x;
float:left;
}

div.one-img-right-text-left-376 {
float:left;
padding-right:17px;
width:172px;
text-align:justify;
}
/*********************************/



/* 2 Bilder links - Text rechts */
div.block-two-img-left {
width:570px;
margin-bottom:22px;
}

div.two-img-left-first {
width:179px;
float:left;
padding-right:5px;
}

div.two-img-left-second {
width:179px;
float:left;
}

div.two-img-left-text-right {
float:left;
padding-left:17px;
width:175px;

}
/***************/


/* 2 Bilder rechts - Text links */
div.block-two-img-right {
width:570px;
margin-bottom:22px;
}

div.block-two-img-right p {
padding-left:0px;
}

div.two-img-right-first {
width:179px;
float:left;
padding-right:5px;
}

div.two-img-right-second {
width:179px;
float:left;
}

div.two-img-right-text-left {
float:left;

width:175px;

}
/***************/


/* Bild Text Bild */

div.bild-text-bild {
width:550px;
}

div.bild-links {
width:179px;
float:left;
padding-right:4px;
}

div.text-mitte {
width:179px;
float:left;
}

div.bild-rechts {
width:179px;
float:left;
padding-left:4px;
}

/* Bild Text Bild */



/* Produktboxen mit header */

div.produkt-box-allwrap-header {
width:584px;
margin-left:-7px;
z-index:5;
position:relative;
}

div.produkt-box-header {
width:194px;
float:left;
padding-bottom:5px;
}

div.produkt-box-head-header {
width:176px;
height:17px;
background: url("img/produkt-box-head-header.jpg") no-repeat;
font-size:12px; /* IE6 fix*/
padding-top:11px;
padding-left:18px;
}

div.produkt-box-head-header a {
color:#dc042b;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

div.produkt-box-img-header {
padding-left:6px;
padding-right:6px;
background: url("img/produkt-box-bg-header.jpg") repeat-y;
position:relative;
z-index:1;
padding-left:18px;
padding-top:0px;
}

div.produkt-box-img-header img {
top:13px;
position:relative;
}

*html div.produkt-box-img-header img { top:11px; }
* + html div.produkt-box-img-header img { top:10px; }

div.produkt-box-foot-header {
width:194px;
height:18px;
background: url("img/produkt-box-foot-header.jpg") no-repeat;
position:relative;
z-index:0;
}

/*******************/
div.hr {
width:570px;
height:30px;
background: url("img/hr.jpg") no-repeat;
}

html[xmlns="http://www.w3.org/1999/xhtml"]{/* Gecko right-scroller-Fix */

   height:100.05%;
}
h\tml:f\irst-child>body{/*Opera and Safari*/
   height:101%;
}

/*****************************/

p.pink {
color:#dc042d;
font-weight:bold;
}


div.produkt-box-allwrap {
margin-left:-5px;
}


/***********************
**drei Boxen Startseite*
***********************/
/* header Boxen Startseite */


h1.start {
font-size:20px;
padding-bottom:2px;
padding-left:16px;
margin-top:-5px;
}

h1.start a {
font-size:20px;
text-decoration:none;
}

div.start-wrap {
width:583px;margin-left:-7px;position:relative;z-index:1;
clear:both;
}

div.start-left-float h1.start {
padding-bottom:5px;
}

div.start-left-float {
float:left;
width:291px;
margin-left:0px;
}

div.start-left-head {
background: url("img/start-left-head.gif") no-repeat;
width:291px;
height:20px;
}

div.start-left-content {
background: url("img/start-left-content.gif") repeat-y;
width:291px;
}

div.start-left-content p.bodytext {
padding-left:18px;
padding-right:18px;
text-align:justify;
}

div.start-left-content img {
margin-left:10px;
position:relative;
z-index:1;
}

div.start-left-foot {
background: url("img/start-left-foot.gif") no-repeat;
width:291px;
height:22px;
margin-top:-12px;
position:relative;
z-index:0;
}

*html div.start-left-foot {
margin-top:-14px;
}

div.start-right-float {
float:left;
width:292px;
}


div.start-right-head {
background: url("img/start-right-head.gif") no-repeat;
width:291px;
height:20px;
}

div.start-right-content {
background: url("img/start-right-content.gif") repeat-y;
width:291px;
}

div.start-right-content p.bodytext {
padding-left:14px;
padding-right:14px;
}

div.start-right-content img {
margin-left:14px;
position:relative;
z-index:1;
}

div.start-right-foot {
background: url("img/start-right-foot.gif") no-repeat;
width:291px;
height:22px;
margin-top:-12px;
position:relative;
z-index:0;
margin-bottom:0px;
}
*html div.start-right-foot {
margin-bottom:-4px;
}

div.rondell object, div.swf-subpage object {
margin-left:-7px;
position:relative;
z-index:1;
}



div.loading {
background: url("img/load.gif") no-repeat;
width:300px;
padding-left:25px;
padding-bottom:20px;
}

#hidden-submit {
display:none;
}

/*breadcrumb*/
/*
div#breadcrumb {
padding-bottom:8px;
}

span.no a {
background: url("img/content-li.gif") no-repeat;
}

span.cur a {
background: url("img/content-li-cur.gif") no-repeat;
}

div#content span.no a, div#content span.cur a {
color:#666;
text-decoration:none;
padding-left:8px;
padding-right:8px;
}
div#content span.cur a {
color:#dc032e;
}

div#navi {
padding-top:21px;
}
*/
html[xmlns="http://www.w3.org/1999/xhtml"]{/* Gecko right-scroller-Fix */

   height:100.05%;
}
h\tml:f\irst-child>body{/*Opera and Safari*/
   height:101%;
}