/**************************
allgemein
**************************/
html, body {
width:100%;
font-family: arial, helvetica, sans-serif;
margin:0px;
padding:0px;
background: #fff;
}

.maintable {
padding:20px 20px 0px 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;
}
.tx-myquizpoll-pi1 {
background: #F4F2F2;
padding-bottom:15px;
}

div#centerframe .csc-header-date {
position:relative;
top:0px;
margin:0px 0px -16px 0px;
padding:1px 0px 0px 0px;
text-align:right;
width:500px;
background: transparent;
}
/**************************
archiv link
**************************/

div#centerframe .csc-frame-indent3366 {
background: #F4F2F2 url(../images/shared/rundung_bottom_content.gif) no-repeat bottom;
padding:5px 1px 10px 10px;
margin:0px 0px 10px 0px;
}



div#centerframe .csc-frame-indent6633 {
background: transparent url(../images/shared/totop_berufe.gif) no-repeat 0 0px;
vertical-align:top;
text-align:right;
height:45px;
padding:10px 0px 0px 0px;
}
div#centerframe .csc-frame-indent6633 p a{
background: transparent;
vertical-align:top;
text-align:right;
color:#7A9B32;
background: url(../images/shared/arrow_link_top.gif) no-repeat 0 1px;
}


/**************************
teaser 2column
**************************/
div#centerframe2column {
width:528px;
vertical-align:top;
border: 0px solid #6A5E5B;
margin:0 0 20px 0;
padding:25px 0 0 0;
}
.centerframe2columnleft {
width:257px;
vertical-align:top;
border: 0px solid #6A5E5B;
margin:0px;
padding:0px;
background:#F4F2F3;
}
.centerframe2columnright {
width:257px;
vertical-align:top;
border: 0px solid #6A5E5B;
margin:0px;
padding:0px;
background:#F4F2F3;
}
div#centerframe2column h1 {
background: transparent url(../images/shared/h1_start_2column.gif) no-repeat 0 0px;
padding:12px 0 0px 35px;
font-size: 11px;
font-weight:bold;
color: #000;
margin:0px;
height:21px;
}
div#centerframe2column p {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:10px 15px 10px 15px;
margin:0px;
}
div#centerframe2column p a {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #7A9B32;
text-decoration:none;
background: url(../images/shared/arrow_link.gif) no-repeat 0 1px;
padding:0px 0px 0px 12px;
}
div#centerframe2column p a:hover {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #7A9B32;
text-decoration:none;
}
div#centerframe2column .csc-textpic {
margin:0px;
padding:0px;
border: 0px solid #6A5E5B;
}
div#centerframe2column .csc-textpic-image {
margin:0px;
padding:0px;
border: 0px solid #6A5E5B;
}
div#centerframe2column .csc-textpic-imagewrap {
margin:0px;
padding:0px;
border: 0px solid #6A5E5B;
}
div#centerframe2column img {
margin:0px;
padding:0px;
border: 0px solid #6A5E5B;
}
/**************************/

/**************************
teaser links startseite
**************************/
div#centerframe .csc-frame-frame1 {
background: #F4F2F2 url(../images/shared/rundung_top_content.gif) no-repeat 0 0px;
padding-top:12px;
padding-bottom:0px;
margin:0px;
}
div#centerframe .csc-textpic {
background: #F4F2F2 url(../images/shared/rundung_bottom_content.gif) no-repeat bottom;
padding:10px 0px 10px 15px;
margin:0px 0px 10px 0px;
border: 0px solid #000;
}
div#centerframe .csc-textpic-text {
background:#F4F2F2;
margin:0px;
padding:0px;
border: 0px solid #000;
}
div#centerframe. csc-textpic-image {
padding:0px 0px 0px 5px;
background:#F4F2F2;
width:190px;
}
div#centerframe image {
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
.centerframe h1 {
background: transparent url(../images/shared/h1_start.gif) no-repeat 10px 0px;
padding:0px 0px 0px 30px;
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:0px 15px 0px 15px;
margin:0px;
}
.centerframe p a {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #7A9B32;
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: #7A9B32;
text-decoration:underline;
}
div#centerframe .csc-textpic-clear {
background:#fff;
margin:0px;
padding: 0px 0px 0px 0px;
}
.centerframe ul, ol {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:10px 10px 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 10px 2px 10px;
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: #7A9B32;
text-decoration:none;
}
blockquote {
border: 1px solid #0099CB;
}
.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#centerframe .csc-textpic-caption {
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
background:#E0DCDB;
}
/**************************
contenttable
**************************/
.contenttable {
width:500px;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:10px 10px 10px 0px;
margin:0px 0px 0px 10px;
text-align:left;
}
.contenttable th{
background:#E2DDDD;
padding:5px 5px 5px 5px;
}
.contenttable td{
background:#ECE9E9;
padding:5px 5px 5px 5px;
}
/**************************
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;
}

/**************************
box rechts mit/ohne bild
**************************/
div#teaserframe .csc-frame-indent  h1 {
background: #F4F2F3 url(../images/shared/contentteaser_right_blog.gif) no-repeat 0 1px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
height:26px;
color: #FF6501;
padding:0px 0 0px 10px;
margin:0px;

}
div#teaserframe .csc-frame-indent {
margin:0px 0px 0px 0px;
background: #F4F2F3 url(../images/shared/contentteaser_right_bo_beruf.gif) no-repeat bottom;
padding:0px;
}
div#teaserframe .csc-frame-indent p{
background:transparent;
margin:0px;
padding:10px 5px 20px 10px;
}
.csc-frame-indent img{
background:transparent;
padding:10px 0px 0px 5px;
margin:0px;
}

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


/**************************
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_info.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: #7B9C33;
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;
}

/**************************
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: #799B22;
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: #799B22;
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_info.gif) no-repeat 0 0px;
width:62px;
padding:2px 2px 2px 2px;
border:0px;
}
.csc-uploads-icon {
padding:0px 0 0 10px;
}


/**************************
register
**************************/
.register {
background: #F4F2F3 url(../images/shared/bottom_teaser_archiv.gif) no-repeat bottom;
vertical-align:top;
border: 0px solid #6A5E5B;
height:21px;
}
.leftspan {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
padding:0px 0px 0px 5px;
background:#F4DDE3;
width:160px;
border: 1px solid #F6F2F1;
}
.centerspan  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
background:#F4DDE3;
width:260px;
padding:0px 0px 0px 0px;
border: 1px solid #F6F2F1;
}
.centerspan_gender {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
background:#F4DDE3;
width:260px;
padding:0px 0px 0px 0px;
border: 1px solid #F6F2F1;
}
.centerspan_neuigkeiten {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
background:#E8E7E5;
width:260px;
padding:0px 0px 0px 0px;
border: 1px solid #F6F2F1;
}
.centerspan type text {
border: 1px solid #403F3D;
}
.centerspanohne input {
width:200px;
}
.centerspan input {
width:200px;
}
.leftspanohne {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
padding:0px 0px 0px 5px;
background:#E8E7E5;
width:160px;
border: 1px solid #F6F2F1;
height:18px;
}
.centerspanohne  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #E8E7E5;
color: #6A5E5B;
width:240px;
padding:0px 0px 0px 0px;
border-left: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}
.centerspanohnehelp  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #E8E7E5;
color: #6A5E5B;
padding:0px 0px 0px 0px;
border-right: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}
.centerspanohnehelp2  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #F4DDE3;
color: #6A5E5B;
padding:0px 0px 0px 0px;
border-right: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}
.centerspan_birth {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
background:#E8E7E5;
width:240px;
padding:0px 0px 0px 0px;
border-left: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}

.registertext {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #343434;
padding:0px 0px 5px 5px;
}

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

.centerspanradio  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #E8E7E5;
color: #6A5E5B;
width:240px;
padding:0px 0px 0px 0px;
border-left: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}

.centerspanselect  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #E8E7E5;
color: #6A5E5B;
width:240px;
padding:0px 0px 0px 0px;
border-left: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}

.centerspanselect select  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
border: 1px solid #F6F2F1;
width:200px;
}



.centerspanlist {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #E8E7E5;
color: #6A5E5B;
width:240px;
padding:0px 0px 0px 0px;
border-left: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}
.centerspanlistred {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
background: #F4DDE3;
color: #6A5E5B;
width:240px;
padding:0px 0px 0px 0px;
border-left: 1px solid #F6F2F1;
border-top: 1px solid #F6F2F1;
border-bottom: 1px solid #F6F2F1;
}
.tx-srfeuserregister-pi1-multiple-checkboxes dt{
border: 0px solid #000;
padding:0px 0px 0px 0px;
margin:0px;
}
.tx-srfeuserregister-pi1-multiple-checkboxes input{
border: 0px solid #403F3D;
}
.tx-srfeuserregister-pi1-multiple-checkboxes dd{
border: 0px solid #000;
padding:0px 0px 0px 0px;
margin:0px;
}
.registercheck {
background: #F4F2F3 url(../images/shared/bottom_teaser_archiv.gif) no-repeat bottom;
vertical-align:top;
border: 0px solid #6A5E5B;
height:21px;
padding:10px 0px 10px 10px;
}
.registershow {
background: #F4F2F3 url(../images/shared/bottom_teaser_archiv.gif) no-repeat bottom;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
vertical-align:top;
border: 0px solid #6A5E5B;
height:21px;
padding:5px 0px 0px 10px;
}