/**
 * CSS styles for Contenido sample client.
 * 
 * @author Rudi Bieller
 * @copyright four for business AG <www.4fb.de>
 * @version 1.0.0
 * 
 * created 2008-03-04
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    margin:0;
    padding:0;
}
html, body {
    margin:0;
    padding:0;
    color:#606060;
}
html {
    background-color:#fff9c7;
    height:100%;
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
}
body {
    behavior: url(csshover3.htc);
    min-height:100%;
    width:952px;
    vertical-align:middle;
    margin:0 auto;
    padding:0;
    /*************************************************************************************/background-image:URL('../images/theme_gray/content_bg.jpg');
    background-repeat:repeat-y;

}
form {
    margin:0;
    padding:0;
}

textarea {
    width:418px;
    height:85px;
}

img {
    border:0;
}

/* /----------------- general html structure */
/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#head {
    height:147px;
    background-image:url('../images/logo_home.jpg');
    background-repeat:no-repeat;
    background-position:265px 20px ;
	/*background-image:url('../images/logo.jpg');
    background-position:270px 20px ;*/
    padding:0;
    margin:0;
    border:0px solid #ff0000;
}

#head #title_vertical {
    padding:0;
    margin:0;
    width:80px;
    height:145px;
    /*************************************************************************************/background-image: URL(../images/theme_gray/zielgruppe_titel.gif);
    float:left;
}

#head #headBody {
    padding:0;
    margin:0 0 0 587px;
}


#headerline  {
    display: block;
    width: 748px;
    margin: 0 0 0 200px;
    padding: 0px;
    border: 0px;
    border-top: 1px solid #000000;
    border-bottom: transparent;
    height:1px;
}



#head span.sprachwahl  {
    position:relative;
    left:170px;
    top: 130px;
    padding:0 0 0 30px;
    margin:0 0 0 0;
    font-weight:normal;
    font-size:10px;
    float:left;
    border:0px solid #ff0000;
    /* transparency 
    background-color:#fff;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}

#head span.sprachwahl a.active {
    font-weight:bold; /***** einziger unterschied zu a.sprachwahl *****/
	color:#000000;
}

#breadcrumbs  {
    padding:0;
    margin:0;
    height:80px;
    width:740px;
    float:left;
    border:0px solid #ff0000;
}


/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#outerContainer {
    /*background-image:url('../images/pattern_contenido.gif');*/
    min-height:87%;
}
* html #outerContainer {
    height:87%;
}  

#contentContainer {
    width:952px; 
}

#outerContainer, #contentContainer {
    margin:0;
    padding:0;
    border:0px solid #0000ff;
}

#whiteBg {
    float:left;
    width:690px;
    padding:0;
    margin:0;
    border:0px solid #00ff00;
}

#navigation, #content, #teasersRight {
    float:left;
    padding:0px;
}
#outerContainer #contentContainer #content {
    padding:0 0 0 2px;
    border:0px solid #00ff00;
    width:685px;
    
}

#content, #teasersRight {
    margin:0;
    padding:0;
    
}

#contentContainer #navigation {
    width:258px;
    background-color:transparent;
    padding:0;
    margin:0;
    float:left;
    border:0px solid #ff0000;

}

#contentContainer #content {
    width:428px;
    padding:0 30px;
    margin:0px 0 0 0;
    border-top:0px solid #ff0000;
    border-bottom:0px solid #ff0000;
}

#contentContainer #teasersRight {
    width:176px;
    margin:0 0 0 0;
    padding:0;
    background-image:URL(../images/space_line_teaser_right.jpg);
    background-repeat: no-repeat;
    background-position: 1px 0px;
    font-size:10px;
    float:right;
    border:0px solid #ff0000;
    border-right:2px solid #ffffff;
}

#contentContainer #teasersRight hr {
 margin:10px 0 -5px 0 ;
 padding:0;
}

#contentContainer #content hr {
    margin:10px 0 10px 0;
    padding:0;
    /***************************************************************************************************/color:#ffad8a;
    height:1px;
}



/* ###################################################### */
/* ####################### Call-To-Actions ################### */
/* ###################################################### */

#calltoactions {
    width:258px;
    margin: 71px 0 0 0;
    padding:0;
}


#calltoactions #cta_container {
    margin: 0 ;
    padding:0;
}


#calltoactions .leftcol, #calltoactions .leftcol_kids {
    display:block;
    width:145px;
	height:26px;
    font-size:11px;
    text-align:right;
    padding:10px 10px 10px 0;
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_left.jpg);
    float:left;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#calltoactions .leftcol_kids {
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_left_kids.jpg);
}


#calltoactions .rightcol a, #calltoactions .rightcol_kids a {
    display:block;
    width:93px;
	height:26px;
    text-decoration:none;
    font-size:11px;
    text-align:left;
    padding:10px 0 10px 10px;
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_right.jpg);
    float:right;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}


#calltoactions .rightcol_kids a {
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_right_kids.jpg);

}
#calltoactions .rightcol_kids a:hover {
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_right_over.jpg);

}


#calltoactions .rightcol a:hover {
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_right_over.jpg);
    text-decoration:none;
}


#calltoactions #leftcol_login {
    width:152px;
    height:80px;
    font-size:11px;
    padding:10px 0 6px 0;
	margin:0;
    /*************************************************************************************/background-image: URL(../images/theme_gray/cta_left.jpg);
	background-repeat:repeat-y;
    float:left;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
	border-right:3px solid #bdbbbc;
}

#calltoactions #login a {
    width:93px;
    height:76px;
    font-size:11px;
    text-align:left;
    padding:10px 0 10px 10px;
    margin:0;
	background-repeat:repeat-y;
    /*************************************************************************************/background-image: URL(../images/theme_gray/login_bg_over.jpg);
    float:right;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#calltoactions #login a:hover {
	/*************************************************************************************/background-image: URL(../images/theme_gray/login_bg.jpg);
	text-decoration:none;
}

/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */
#content {
    font-size:11px;
    color:#333;
    font-family:Verdana, Arial, Helvetica, sans-serif
}
#content h1, #content h2 {
    margin:0;
    padding:0;
    font-size:20px;
    font-weight:normal;
    color:#333;
}
#content h1 {
    font-size:25px;
    margin:0 0 0 129px;
    font-family: Times New Roman, Times, serif;
    width:500px;
    border:0px solid #ff0000;
}
#content h1 a {
    color:#000000;
    text-decoration:none;
}
#content h2 {
    font-size:11px;
    margin: 10px 0 20px 131px;
    font-weight:bold;
    color:#000000;
    width:500px;
    border:0px solid #ff0000;
}

#content h3 {
    font-size:11px;
    margin: 0 0 5px 0;
    font-weight:bold;
    color:#000000;
}




#target_audience {
    width:683px;
    margin: 5px 0 0 4px;
    padding:0;
    font-size:11px;
    font-weight:normal;
    color:#000000;
    border:0px solid #00ff00;
}

#target_audience a span {
display:block;
margin-bottom:10px;
margin-top:0px;
}

#target_audience #subline {
    font-size:11px;
}

#target_audience a span.title_allgemein {
    font-size:13px;
    font-weight:bold;
    color:#aeaaab;
	margin-left:0;
}

#target_audience a span.title_firmen {
    font-size:13px;
    font-weight:bold;
    color:#8aa3c1;
}

#target_audience span.title_eltern {
    font-size:13px;
    font-weight:bold;
    color:#cf9275;
	margin-left:0;
}

#target_audience span.title_nannies {
    font-size:13px;
    font-weight:bold;
    color:#ccb54b;
}

#target_audience span.title_mitarbeiter {
    font-size:13px;
    font-weight:bold;
    color:#92b16e;
}




#target_audience tr {
    margin: 0;
    height:90px;
}

#target_audience td {
    vertical-align:top; 
    padding: 5px 0 0 0;
	border: 0px solid #ff0000;
}

#target_audience td.title {
    padding-left: 5px;
}



#target_audience table.allgemein {
    background-image:url(../images/_startseite/weiche_wahlfunktion_gray.jpg);   
    background-repeat:no-repeat;
}
#target_audience table.allgemein:hover{
    background-image:url(../images/_startseite/weiche_wahlfunktion_gray_active.jpg);
    background-repeat:no-repeat;

}
#target_audience table.firmen {
    background-image:url(../images/_startseite/weiche_wahlfunktion_blue.jpg);
    background-repeat:no-repeat;
	
}
#target_audience table.firmen:hover  {
    background-image:url(../images/_startseite/weiche_wahlfunktion_blue_active.jpg);
    background-repeat:no-repeat;
	/*visibility:visible;*/
}
#target_audience table.eltern {
    background-image:url(../images/_startseite/weiche_wahlfunktion_red.jpg);
    background-repeat:no-repeat;
}
#target_audience table.eltern:hover {
    background-image:url(../images/_startseite/weiche_wahlfunktion_red_active.jpg);
    background-repeat:no-repeat;
}
#target_audience table.nannies {
    background-image:url(../images/_startseite/weiche_wahlfunktion_yellow.jpg);
    background-repeat:no-repeat;
}
#target_audience table.nannies:hover {
    background-image:url(../images/_startseite/weiche_wahlfunktion_yellow_active.jpg);
    background-repeat:no-repeat;
}
#target_audience table.mitarbeiter {
    background-image:url(../images/_startseite/weiche_wahlfunktion_green.jpg);
    background-repeat:no-repeat;
}
#target_audience table.mitarbeiter:hover {
    background-image:url(../images/_startseite/weiche_wahlfunktion_green_active.jpg);
    background-repeat:no-repeat;
}


/* ###################################################### */
/* ####################### LOGIN ######################## */
/* ###################################################### */



input#loginBtn {
    display:block;
    background-color:#bfbdbd;
    border:1px solid #7a7c7f;
    color:#ffffff;
    padding:3px 10px 3px 10px;
    font-size:10px;
    float:right;
    margin: 0 5px 0 5px;
}


input#loginBtn:hover {
    background-color:#7a7c7f;
    border:1px solid #bfbdbd;
}


a.forgot_password {
    text-align:left;
    color:#000000;
    float:left;
    margin: -8px 0 0 5px;
}

input#username {
   display:block;
   width:136px;
   height:15px;
   border:1px solid #bfbdbd;
   padding:3px;
   margin: 0 0 0 5px;
}


input#password {
   display:block;
   width:136px;
   height:15px;
   padding:3px;
   margin: -10px 0 -10px 5px;
   border:1px solid #bfbdbd;
}


#logoutText {
    position:relative;
    height:20px;
}
#logoutText a {
    right:10px;
    bottom:10px;
    text-decoration:none;
}


/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
    color:#7a7c7f;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}


/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */
#modHeaderImgEdit {
    position:absolute;
    top:60px;
    left:270px;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/**** IMAGE GALLERY ****/
table.gallery {
    margin: 20px 10px 0px 0px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    height: 220px;
    padding:0px;
    
}
td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    min-height:120px; 
    margin-bottom:5px; 
    overflow:hidden;
}
td.gallery_image .bottom_links{
     height:40px; margin-top:10px;
}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
}


/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #e6f1fb;
        padding: 3px 3px 3px 10px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}