/**************************
allgemein
**************************/
html, body {
width:100%;
font-family: arial, helvetica, sans-serif;
margin:0px;
padding:0px;
background: #fff;
}
html>body .maintable  {
    padding-top:20px;
}
.maintable {
padding-top:20px;
padding-left:20px;
padding-right:20px;
}
.leftframe {
width:150px;
vertical-align:top;
padding:25px 0 0 0;
}	
.centerframe {
width:528px;
vertical-align:top;
padding:25px 0 0 0;
}
.rightframe {
width:240px;
vertical-align:top;
padding:25px 0 0 0;
}

.navigation {
border-left: 1px solid #fff;
}

/**************************
archiv link
**************************/
div#centerframe .csc-frame-indent3366 {
background: transparent url(../images/shared/bottom_funstart.gif) no-repeat bottom;
vertical-align:top;
border: 0px solid #6A5E5B;
text-align:right;
height:41px;
padding-top:10px;
padding-right:10px;
}
/**************************/
/**************************
nach oben link
**************************/
div#centerframe .csc-frame-indent6633 {
background: transparent url(../images/shared/bottom_nachoben.gif) no-repeat bottom;
vertical-align:top;
border: 0px solid #6A5E5B;
text-align:right;
height:22px;
padding:10px 10px 0 0px;
}
div#centerframe .csc-frame-indent6633 p a{
background: transparent;
vertical-align:top;
border: 0px solid #6A5E5B;
text-align:right;
color:#019EC1;
}
/**************************/


/**************************
teaser links startseite
**************************/
div#centerframe .csc-textpic-clear {
background:#F4F2F2;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
div#centerframe  {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:#F4F2F3;
}

div#centerframe .csc-textpic-image {
margin:0px 0px 0px 0px;
padding:10px 0px 0px 10px;
}

div#centerframe  img{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

div#centerframe .csc-frame-frame1 {
background: #F4F2F2 url(../images/shared/rundung_top_content.gif) no-repeat 0px 0px;
padding:12px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
div#centerframe .csc-textpic {
height:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
div#centerframe .csc-textpic-text {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

div#centerframe .csc-frame-frame1 h1 {
background: transparent url(../images/shared/h1_start.gif) no-repeat 20px 0px;
padding:0px 0 0px 38px;
font-size: 11px;
font-weight:bold;
color: #000;
margin:0px;
height:19px;
}

.centerframe p {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:12px 10px 10px 12px;
margin:0px 0px 0px 0px;
}
.centerframe p a {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #CC0099;
text-decoration:none;
background: url(../images/shared/arrow_link.gif) no-repeat 0 1px;
padding:0px 0px 0px 12px;
}
.centerframe p a:hover {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #CC0099;
text-decoration:none;
}
.centerframe ul {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 20px;
}
.centerframe li {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:0px 0px 2px 0px;
margin:0px 0px 0px 20px;
}
.centerframe li a{
list-style-image: url(../images/shared/arrow_link.gif);
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #CC0099;
text-decoration:none;
}
blockquote {
border: 1px solid #CC0099;
}
.indent {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:0px 15px 10px 40px;
margin:0px 0px 0px 0px;
}
div#teaserframe .csc-textpic-clear {
background:#fff;
margin:0px;
padding: 0px 0px 0px 0px;
}
/**************************
teaser rechts startseite
**************************/
div#teaserframe .csc-textpic{
padding:0px;
margin:0px;
}
div#teaserframe .csc-textpic-image{
margin:0px 0px 0px 0px;
padding:0px 0px 12px 0px;
}
.rightframe p {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
background:#F4F2F3;
margin: 0px;
padding:0px 0px 0px 0px;
height:100%;
}
.rightframe p a {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #FF3366;
text-decoration:none;
background: url(../images/shared/arrow_link.gif) no-repeat 0 1px;
padding:0px 0px 0px 12px;
}
.rightframe p a:hover {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #FF3366;
text-decoration:underline;
}
div#teaserframe .csc-frame-invisible  h1 {
background: #fff url(../images/shared/contentteaser_right.gif) no-repeat 0 1px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
height:15px;
color: #FE336A;
padding:10px 0 0px 10px;
}
div#teaserframe .csc-frame-invisible {
background:#F4F2F3;
margin:0px 0px 12px 0px;
}
.teaserframe ul {
background: transparent url(../images/shared/contentteaser_right_bo_fun.gif) no-repeat bottom;
margin: 0px 0 0 0;
list-style: none;
padding:0 0px 10px 0px;
height:100%;
}
.teaserframe li {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
background: url(../images/shared/arrow_right_neutral.gif) no-repeat 0 0px;
display: inline-block;
padding: 5px 0px 5px 25px;
}
.teaserframe li a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #C80095;
display: inline-block;
text-decoration:none;
}
.teaserframe li a:hover{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #C80095;
display: inline-block;
text-decoration:underline;
}
div#teaserframe .csc-textpic-clear {
background:#fff;
margin:0px;
padding: 0px 0px 0px 0px;

}

/**************************
box rechts mit/ohne bild
**************************/
div#teaserframe .csc-frame-indent  h1 {
background: #fff url(../images/shared/contentteaser_right_fun.gif) no-repeat 0 1px;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
height:26px;
color: #FF6501;
padding:10px 0 0px 10px;
margin:0px;
}
div#teaserframe .csc-frame-indent {
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
background: #F4F2F3 url(../images/shared/contentteaser_right_bo_fun.gif) no-repeat bottom;
}
div#teaserframe .csc-frame-indent p{
background:transparent url(../images/shared/border_shop.gif) no-repeat 0 1px;
margin:0px;
padding:10px 10px 20px 10px;
}
.csc-frame-indent img{
background:transparent;
padding:10px 0px 0px 5px;
}

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


/**************************
footer
**************************/

.footerleft {
background: url(../images/shared/logo_kiehl.jpg) no-repeat 115px 5px;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding: 5px 0px 5px 5px;
}

.footer {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding-top:0px;
padding-right:5px;
}

.footer a{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding-bottom:19px;
}


/**************************
Frontend User Anmeldung
**************************/
.tx-thmailformplus-pi1 {
background:#fff;
width:100%;
}
div#login {
background: #fff url(../images/shared/back_login.gif) no-repeat;
height:107px;
width:240px;
margin: 0px;
padding: 0px;
}
div#login p{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
background:transparent;
margin: 0px;
padding: 0px 0px 0px 10px
}
div#login p a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #FE336A;
text-decoration:none;
background:transparent;
margin: 0px;
padding: 0px;
}

.anmelden_login {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6A5E5B;
font-weight:normal;
width:150px;
height:12px;
margin:7px 0 0px 10px;
border: 1px solid #D3D3D1;
padding:2px;
}
.anmelden_passwort {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6A5E5B;
font-weight:normal;
width:150px;
height:12px;
margin:2px 0px 5px 10px;
border: 1px solid #D3D3D1;
padding:2px;
}
.anmelden_button {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #fff;
margin:2px 0px 5px 10px;
background: transparent url(../images/shared/button_anmelden_fun.gif) no-repeat 0 0px;
width:62px;
padding:2px 2px 2px 2px;
border:0px;
}
.form_anmelden a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #CC0098;
text-decoration:none;
margin-left:10px;
padding:0px 2px 0px 20px;
background: url(../images/shared/link_kasten.gif) no-repeat 0 1px;
}

.tx-srfeuserregister-pi1 {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding-bottom:19px;
}

.tx-srfeuserregister-pi1 a{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding-bottom:19px;
}


.tx-srfeuserregister-pi1-text  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
color: #6A5E5B;
border: 1px solid #6A5E5B;
}

.tx-srfeuserregister-pi1-password  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
color: #6A5E5B;
border: 1px solid #6A5E5B;
}

.tx-newloginbox-pi1 {
padding:0px;
margin:0px;
}
.loginform {
padding-bottom:5px;
margin:0px;
}
/**************************
Suche
**************************/

.InputSuche{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6A5E5B;
font-weight:normal;
width:140px;
height:14px;
margin:14px 5px 0px 5px;
border: 1px solid #D3D3D1;
padding:2px;
}
/**************************
Drucken
**************************/
.printandtip {
padding:0 0 8px 0px;
}
/**************************
Breadcrumb
**************************/
.breadcrumb{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:0 0 5px 5px;

}
.breadcrumb a{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
}
.breadcrumb a:hover{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #D10095;
text-decoration:none;
}
.breadclicked {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #D10095;
text-decoration:none;
}


/**************************
poll
**************************/

.pollform {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6A5E5B;
margin:2px 5px 5px 10px;
background:#F4F2F3;
}
.pollresult {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #6A5E5B;
margin:2px 5px 5px 10px;
background:#F4F2F3;
}
.poll_td input{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin:5px 0px 0px 10px;
}
.poll_td {
background: #F4F2F3 url(../images/shared/poll_bottom.gif) no-repeat bottom;
margin:0px 0px 10px 0px;
}
.poll_td p{
padding:10px 0px 0px 10px;
}

.poll_header h1{
background: #fff url(../images/shared/header_poll.gif) no-repeat 0 1px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
height:27px;
color: #CC0098;
margin:0px;
padding:10px 0px 0px 10px;
}

.button_poll{
background: transparent url(../images/shared/button_abstimmen.gif) no-repeat 0 25px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color:#C80095;
border:0px;
padding:16px 0px 0px 10px;
height:50px;
width:150px;
}



/**************************
Social Bookmark
**************************/
.socialbookmark {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
padding:0px 0 20px 15px;
}
.socialbookmarkp {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
padding:20px 0 0px 15px;
}

/**************************
Anmelden und Abmelden
**************************/
.registererror {
background: #F4F2F2 url(../images/shared/contentteaser_right_fun.gif) no-repeat 0 0px;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
vertical-align:top;
border: 0px solid #6A5E5B;
height:21px;
padding:10px 0px 10px 10px;
margin:0px 0px 0px 0px;
}

.registercheck {
background: #F4F2F2 url(../images/shared/bottom_teaser_archiv.gif) no-repeat bottom;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
vertical-align:top;
border: 0px solid #6A5E5B;
height:21px;
padding:10px 0px 10px 10px;
}

.registerchecksucess {
background: transparent url(../images/shared/back_login_an.gif) no-repeat 0 0px;
padding:0px 0px 0px 10px;
}
.registerchecksucess p{
background: transparent;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:0px 0px 0px 0px;
}
.registerchecksucess p a{
background: transparent;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #CC0099;
text-decoration:none;
background: url(../images/shared/link_kasten.gif) no-repeat 0 1px;
padding:0px 0px 0px 15px;
}
.registerchecksucess p a:hover{
background: transparent;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #CC0099;
text-decoration:underline;
background: url(../images/shared/link_kasten.gif) no-repeat 0 1px;
padding:0px 0px 0px 15px;
}
.abmelden_button {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #fff;
margin:2px 0px 5px 0px;
background: transparent url(../images/shared/button_anmelden_fun.gif) no-repeat 0 0px;
width:62px;
padding:2px 2px 2px 2px;
border:0px;
}

.csc-uploads-icon {
padding:0px 0 0 10px;
}











