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

html>body .maintable  {
    padding-top:20px;
}
div#banner {
position:absolute;
top:160px;
left:200px;
background:transparent;
}
.maintable {
padding-top:20px;
padding-left:20px;
padding-right:20px;
}
.leftframe {
width:190px;
vertical-align:top;
padding:25px 0 0 0;
}
.centerframe {
width:692px;
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;
}

/**************************
table startseite
**************************/
.tablestartblog {
background: #F4F2F2 url(../images/shared/startseite/top_blog.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartfreizeit {
background: #F4F2F2 url(../images/shared/startseite/top_freizeit.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartausbildung {
background: #F4F2F2 url(../images/shared/startseite/top_ausbildung.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartwebnews {
background: #F4F2F2 url(../images/shared/startseite/top_webnews.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestarttippstricks {
background: #F4F2F2 url(../images/shared/startseite/top_tippstricks.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:120px;
}
.tablestartelearning {
background: #F4F2F2 url(../images/shared/startseite/top_elearning.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:120px;
}
.tablestartspecial {
background: #F4F2F2 url(../images/shared/startseite/top_special.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartservice {
background: #F4F2F2 url(../images/shared/startseite/top_service.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartweiterbildung {
background: #F4F2F2 url(../images/shared/startseite/top_weiterbildung.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartazubeeletter {
background: #F4F2F2 url(../images/shared/startseite/top_azubeeletter.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartberuf {
background: #F4F2F2 url(../images/shared/startseite/top_beruf.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartjobboerse {
background: #F4F2F2 url(../images/shared/startseite/top_jobboerse.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartunternehmen {
background: #F4F2F2 url(../images/shared/startseite/top_unternehmen.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}
.tablestartausbilder {
background: #F4F2F2 url(../images/shared/startseite/top_ausbilder.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartazubeede {
background: #F4F2F2 url(../images/shared/startseite/top_azubeede.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartfaq {
background: #F4F2F2 url(../images/shared/startseite/top_faq.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartgewinnspiel {
background: #F4F2F2 url(../images/shared/startseite/top_gewinnspiel.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartnews {
background: #F4F2F2 url(../images/shared/startseite/top_news.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartpruefung_blau {
background: #F4F2F2 url(../images/shared/startseite/top_pruefung_blau.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartpruefung_gruen {
background: #F4F2F2 url(../images/shared/startseite/top_pruefung_gruen.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartquiz {
background: #F4F2F2 url(../images/shared/startseite/top_quiz.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartratgeber {
background: #F4F2F2 url(../images/shared/startseite/top_ratgeber.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartshop {
background: #F4F2F2 url(../images/shared/startseite/top_shop.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tablestartumfrage {
background: #F4F2F2 url(../images/shared/startseite/top_umfrage.gif) no-repeat 0 0px;
padding:10px 0 0px 0;
margin:0 0px 12px 0;
height:100px;
}

.tdstart {
vertical-align:top;
background: #F4F2F2 url(../images/shared/rundung_bottom.gif) no-repeat 0 0px;
padding:0 0 0px 0px;
border: 0px solid #000;
height:20px;
margin:0px;
}

/**************************
teaser shop startseite
**************************/

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


/**************************
teaser mitte startseite
**************************/
div#centerframe .csc-frame-frame1 {
padding:5px 20px 10px 190px;
margin:0px;
vertical-align:top;
height:80px;
}
div#centerframe .csc-textpic {
margin:0px;
padding:0px 0px 10px 10px;

}
div#centerframe .csc-textpic-text {
margin:0px;
padding:0px;
border: 0px solid #000;
}
div#teaserframe .csc-textpic-image {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border: 1px solid #000;
}


.centerframe h1 {
background: transparent url(../images/shared/h1_start.gif) no-repeat 0px 20px;
padding:0px 0 0px 55px;
font-size: 11px;
font-weight:bold;
color: #000;
margin:0px;
height:19px;
}
.centerframe p {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0px;
}
.centerframe 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;
}
.centerframe p a:hover {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #FF3366;
text-decoration:underline;
}
div#centerframe .csc-textpic-clear {
background:#fff;
margin:0px;
padding:0px;
}
/**************************
teaser rechts startseite
**************************/

div#teaserframe .csc-textpic{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border: 0px solid #000;
}
div#teaserframe .csc-textpic-image {
margin:0px 0px 0px 0px;
padding:0px 0px 12px 0px;
border: 0px solid #000;
}

.rightframe p {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height:15px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
background:#F4F2F2;
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;
margin:0px;
}
div#teaserframe .csc-frame-invisible {
background:#FFEAEF;
margin:0px 0px 20px 0px;
}
.teaserframe ul {
background: transparent url(../images/shared/contentteaser_right_bottom.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.gif) no-repeat 0 0px;
display: inline-block;
padding: 5px 0px 5px 25px;
}
div#teaserframe .csc-textpic-clear {
background:#fff;
margin:0px;
padding: 0px 0px 0px 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: #0797C9;
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.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: #F73C71;
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: #0797C9;
text-decoration:none;
padding-bottom:19px;
}

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


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

.tx-srfeuserregister-pi1-password  {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
color: #0797C9;
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-bottom:5px;

}
.breadcrumb a{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #6A5E5B;
text-decoration:none;
}
/**************************
Social Bookmark
**************************/
.socialbookmark {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
color: #6A5E5B;
padding:0px 0 10px 15px;
border-left: 1px solid #F8F8F8;
border-right: 1px solid #F8F8F8;
}



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

/**************************
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: #FF3366;
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:#FF3366;
border:0px;
padding:16px 0px 0px 10px;
height:50px;
width:150px;
}
div#teaserframe .csc-header h1{
background: #fff url(../images/shared/contentteaser_right_fun.gif) no-repeat 0 1px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
height:27px;
color: #000;
margin:0px;
padding:10px 0px 0px 10px;
}
/**************************
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: 11px;
font-weight:bold;
height:27px;
color: #000;
margin:0px;
padding:10px 0px 0px 10px;
}
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;
}