﻿/**
 * 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;
    /*color:#606060;*/
	color:#000000;
    margin:0;
    padding:0;
}
html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
html {
    background-color:#fff9c7;
    height:100%;
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
}
body {

    min-height:100%;
    /*border-bottom:10px solid #f5aa8a;*/
    width:952px;
    vertical-align:middle;
    margin:0 auto;
    padding:0 0 20px 0;
    /*************************************************************************************/background-image:URL('../images/theme_yellow/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_15jahre.gif');
    background-repeat:no-repeat;
    background-position:125px 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_yellow/zielgruppe_titel.gif');
    float:left;
}

#head #title_vertical_fr {
    padding:0;
    margin:0;
    width:80px;
    height:145px;
    /*************************************************************************************/background-image: URL('../images/theme_yellow/zielgruppe_titel_fr.gif');
    float:left;
}

#head #title_vertical_en {
    padding:0;
    margin:0;
    width:80px;
    height:145px;
    /*************************************************************************************/background-image: URL('../images/theme_yellow/zielgruppe_titel_en.gif');
    float:left;
}


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

#head #headBody #allgemein a {
    height:138px;
    width: 72px;
    background-image: URL(../images/navi_zielgruppen/normal/allgemein_de.jpg);
    background-repeat:no-repeat;
    float:left;
}
#head #headBody #allgemein a:hover {
    background-image: URL(../images/navi_zielgruppen/active/allgemein_de.jpg);
}


/**************** sprachwechsel *****************/
#head #headBody #allgemein a.fr {
    background-image: URL(../images/navi_zielgruppen/normal/allgemein_fr.jpg);
}
#head #headBody #allgemein a.fr:hover {
    background-image: URL(../images/navi_zielgruppen/active/allgemein_fr.jpg);
}


#head #headBody #allgemein a.en {
    background-image: URL(../images/navi_zielgruppen/normal/allgemein_en.jpg);
}
#head #headBody #allgemein a.en:hover {
    background-image: URL(../images/navi_zielgruppen/active/allgemein_en.jpg);
}
/***********************************************/



#head #headBody #firmen a {
    height:138px;
    width: 72px;
    background-image: URL(../images/navi_zielgruppen/normal/firmen_de.jpg);
    background-repeat:no-repeat;
    float:left;
}
#head #headBody #firmen a:hover {
    background-image: URL(../images/navi_zielgruppen/active/firmen_de.jpg);
}


/**************** sprachwechsel *****************/
#head #headBody #firmen a.fr {
    background-image: URL(../images/navi_zielgruppen/normal/firmen_fr.jpg);
}
#head #headBody #firmen a.fr:hover {
    background-image: URL(../images/navi_zielgruppen/active/firmen_fr.jpg);
}


#head #headBody #firmen a.en {
    background-image: URL(../images/navi_zielgruppen/normal/firmen_en.jpg);
}
#head #headBody #firmen a.en:hover {
    background-image: URL(../images/navi_zielgruppen/active/firmen_en.jpg);
}
/***********************************************/



#head #headBody #eltern a {
    height:138px;
    width: 72px;
    background-image: URL(../images/navi_zielgruppen/normal/eltern_de.jpg);
    background-repeat:no-repeat;
    float:left;
}

#head #headBody #eltern a:hover {
    background-image: URL(../images/navi_zielgruppen/active/eltern_de.jpg);
}


/**************** sprachwechsel *****************/
#head #headBody #eltern a.fr {
    background-image: URL(../images/navi_zielgruppen/normal/eltern_fr.jpg);
}
#head #headBody #eltern a.fr:hover {
    background-image: URL(../images/navi_zielgruppen/active/eltern_fr.jpg);
}


#head #headBody #eltern a.en {
    background-image: URL(../images/navi_zielgruppen/normal/eltern_en.jpg);
}
#head #headBody #eltern a.en:hover {
    background-image: URL(../images/navi_zielgruppen/active/eltern_en.jpg);
}
/***********************************************/



#head #headBody #nannies a {
    height:138px;
    width: 72px;
    background-image: URL(../images/navi_zielgruppen/normal/nannies_de.jpg);
    background-repeat:no-repeat;
    float:left;
}
#head #headBody #nannies a:hover {
    background-image: URL(../images/navi_zielgruppen/active/nannies_de.jpg);
}


#head #headBody #nannies_active a {
    height:138px;
    width: 72px;
    background-image: URL(../images/navi_zielgruppen/active/nannies_de.jpg);
	background-repeat:no-repeat;
    float:left;
}

/**************** sprachwechsel *****************/
#head #headBody #nannies a.fr {
    background-image: URL(../images/navi_zielgruppen/normal/nannies_fr.jpg);
}
#head #headBody #nannies a.fr:hover {
    background-image: URL(../images/navi_zielgruppen/active/nannies_fr.jpg);
}
#head #headBody #nannies_active a.fr {
    background-image: URL(../images/navi_zielgruppen/active/nannies_fr.jpg);
}


#head #headBody #nannies a.en {
    background-image: URL(../images/navi_zielgruppen/normal/nannies_en.jpg);
}
#head #headBody #nannies a.en:hover {
    background-image: URL(../images/navi_zielgruppen/active/nannies_en.jpg);
}
#head #headBody #nannies_active a.en {
    background-image: URL(../images/navi_zielgruppen/active/nannies_en.jpg);
}
/***********************************************/


#head #headBody #mitarbeiter a {
    height:138px;
    width: 72px;
    background-image: URL(../images/navi_zielgruppen/normal/mitarbeiter_de.jpg);
    background-repeat:no-repeat;
    float:left;
}
#head #headBody #mitarbeiter a:hover {
    background-image: URL(../images/navi_zielgruppen/active/mitarbeiter_de.jpg);
}

/**************** sprachwechsel *****************/
#head #headBody #mitarbeiter a.fr {
    background-image: URL(../images/navi_zielgruppen/normal/mitarbeiter_fr.jpg);
}
#head #headBody #mitarbeiter a.fr:hover {
    background-image: URL(../images/navi_zielgruppen/active/mitarbeiter_fr.jpg);
}


#head #headBody #mitarbeiter a.en {
    background-image: URL(../images/navi_zielgruppen/normal/mitarbeiter_en.jpg);
}
#head #headBody #mitarbeiter a.en:hover {
    background-image: URL(../images/navi_zielgruppen/active/mitarbeiter_en.jpg);
}
/***********************************************/
/*
#head a#logoTop {
    display:block;
    float:left;
    padding:0;
    margin:0;
    background-color:#FF0000;
}
*/



#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:90px;
    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  {
    /*************************************************************************************/background-image:url('../images/theme_yellow/verlauf.jpg');
    background-repeat:no-repeat;
    padding:0;
    margin:-1px 0 0 0;
    height:70px;
    width:740px;
    float:left;
    /* transparency 
    background-color:#fff;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}

#breadcrumbs a  {
    position:relative;
    left:180px;
    top: 45px;
    padding:0 0 0 20px;
    font-weight:normal;
    color:#7e7e7e;
    font-size:10px;
    float:left;
    /*************************************************************************************/background-image:URL(../images/theme_yellow/aufzaehlung_list.gif);
    background-repeat:no-repeat;
    background-position:8px 2px;
    /* transparency 
    background-color:#fff;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}



#breadcrumbs a.first  {
    position:relative;
    display:block;
    width:82px;
    left:111px;
    top: 45px;
    padding:0 0 0 0;
    font-weight:normal;
    color:#7e7e7e;
    font-size:10px;
    text-align:right;
    float:left;
    background-image:none;
    /* transparency 
    background-color:#fff;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}

#breadcrumbs a.home  {
    position:relative;
    display:block;
    width:60px;
    left:94px;
    top: 45px;
    padding:0 0 0 0;
    font-weight:normal;
    color:#7e7e7e;
    font-size:10px;
    text-align:right;
    float:left;
    background-image:none;
    /* transparency 
    background-color:#fff;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}


/*
#head h1, #head a#logoTop {
    margin:90px 0 0 0;
}
*/

/* ###################################################### */
/* ####################### 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-top:0px;
    border:0px solid #00ff00;
    
}

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

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

}

#contentContainer #content {
    width:428px;
    padding:0 30px;
    margin:20px 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 {
    border: 0px;
    /***************************************************************************************************/border-color:#f1d556 -moz-use-text-color transparent;
    /***************************************************************************************************/color:#f1d556;
    border-style:solid none none;
    border-width:1px 0 medium;
    height:1px; 
    margin:9px 0 9px 0;
    padding:0;
}


#contentContainer #clear {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    height: 0px;
    margin:0;
    padding:0;
}



/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */


/* Level 2 HAUPTNAVI*/

#navigation ul {
    margin:0 0 0 95px;
    padding:0;
    border:0px solid #ff0000;
}

#navigation ul a {
    margin:0;
    padding:0;
}


#navigation ul li.navmainStandardLevel_2  {
    width:136px;
    margin:0;
    padding:;
    list-style-type:none;
}
#navigation ul li.navmainStandardLevel_2 a {
    display:block;
    width:136px;
    /*height:26px;*/
    line-height:14px;
    margin:0;
    padding:6px 0 6px 24px;
    font-size:11px;
    color:#000000;
    border-bottom:1px solid #ccc;
    background-color:#fff9c7;
    text-decoration:none;
    border-left:1px solid #fff9c7;
    border-right:1px solid #fff9c7;
}

    
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    /*background-color:#ffffff;*/
    background-image:url(../images/navi_active_main.gif);
    background-repeat:no-repeat;
    background-position:10px 2px;
}



/* Level 3 SUBNAVI */
#navigation ul li.navmainStandardLevel_3 {
    padding:0;
    margin:0;
    list-style-type:none;
}
#navigation ul li.navmainStandardLevel_3 a {
    display:block;
    width:112px;
    line-height:14px;
    margin:0 0 0 0;
    padding:6px 0 6px 48px;
    font-size:11px;
    background-color:transparent;
    color:#000000;
    border:none;
    border-bottom:1px solid #ccc;
    text-decoration:none;
}

#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    background-image:url(../images/navi_active_sub.gif);
    background-repeat:no-repeat;
    background-position:25px 1px;
    background-color:transparent;
    border:0px;
    border-bottom:1px solid #ccc;
    color:#000000;
}

/* Level 4 
#navigation ul li.navmainStandardLevel_3 {
    margin-left:20px;
}
#navigation ul li.navmainStandardLevel_3 a {
    background-image:none;
    border-bottom:0;
    color:#666;
    width:200px;
}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}
*/


/* ###################################################### */
/* ####################### Region-Menu ################### */
/* ###################################################### */

#region-header {
    padding:0;
    margin: 0;
    border:1px solid #ffffff;
}

#region-header-text {
    width:313px;
    float:left;
    border:0px solid #ff0000;
}


#region-menu {
    width:90px;
    margin:-50px 0 0px 20px;
    padding: 0;  
    float:right;
    border:0px solid #ff0000;
}

#region-menu-selected {
    width:90px;
    margin:-50px 0 0 20px;
    padding:0;  
    float:right;
}


#region-menu ul {
    margin:0 0 0 50px;
    padding:0;
}

#region-menu ul li.normal {
    padding:2px;
    list-style:url(../images/region_menu_normal.gif);
}

#region-menu ul li.active {
    padding:2px;
    list-style:url(../images/region_menu_active.gif);
}


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

#calltoactions {
    width:258px;
    margin: 80px 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_yellow/cta_left.jpg);
    float:left;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#calltoactions .leftcol_kids {
    /*************************************************************************************/background-image: URL(../images/theme_yellow/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_yellow/cta_right.jpg);
    float:right;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}


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

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

}


#calltoactions .rightcol a:hover {
    /*************************************************************************************/background-image: URL(../images/theme_yellow/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_yellow/cta_left.jpg);
	background-repeat:repeat-y;
    float:left;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
	border-right:3px solid #f7de6a;
}

#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_yellow/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_yellow/login_bg.jpg);
	text-decoration:none;
}

/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */

#search {
    margin:20px 0 0 20px;
    font-size:11px;
    background-color:transparent;
}
#search label {
    font-size:11px;
    display:block;
    float:left;
    width:42px;
    padding:2px 0 0 0;
}
#search input {
    border:1px solid #ccc;
    width:140px;
    height:12px;
    font-size:10px;
}
#search input.sbmt {
    border:0;
    width:5px;
    height:8px;
    margin:0 0 0 10px;
}

/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults {
    margin:0 0 10px 0;
}
#searchResults p.message {
    margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    font-size:14px;
    margin:0 0 5px 0;
    padding:0;
    /****************************************************************************************************/color:#baa545;
    font-style:normal;
}

/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */
#content {
    font-size:11px;
    color:#333;
    line-height:14px;
    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;
    line-height:28px;
    font-family: "Times New Roman", Times, serif;
}
#content h1 a {
    color:#000000;
    text-decoration:none;
}
#content div.content-include {
    padding-top:10px;
}
#content div.content-include h1 {
    font-size:22px;
}
#content h2 {
    font-size:11px;
    margin: 10px 0 20px 0;
    width:330px;
    font-weight:bold;
    /*************************************************************************************/color:#f1d556;
}

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

#content a {
    /*************************************************************************************/color:#cdb64b;
}

#content blockquote {
    font-size:11px;
    margin: 0 20px 0 20px;
    font-style:italic;
    color:#676767;
}


#content ul li {
    font-size:11px;
    margin: 0 0 0 -25px;
    padding:0;
    font-weight:normal;
    color:#000000;
    /*************************************************************************************/list-style-image:URL(../images/theme_yellow/aufzaehlung_list.gif);
}

#content ul li ul li {
    font-size:11px;
    padding:0;
    margin:2px 0 0 5px;
    font-weight:normal;
    list-style:disc;
    color:#000000;
}


img.hr {
    display:block;
    margin:5px 0;
    padding:0;
}

/* ###################################################### */
/* ########################## TABLE ##################### */
/* ###################################################### */

#content table.contenttable {
    border-collapse:collapse;
    width:428px;
}

#content table.contenttable td.title {
    font-weight:bold;
    border-bottom: 2px solid #000000;
}

#content table.contenttable td.firsttitle {
    font-weight:bold;
    border-bottom: 2px solid #000000;
    border-left: 0px solid #000000;
}




#content table.contenttable td {
    padding:3px;
    /*************************************************************************************/border-bottom: 1px solid #f1d556;
    border-left: 1px solid #000000;
}

#content table.contenttable td.lead1 {
    padding:0;
    /*************************************************************************************/background-color:#ffed98;
    /*************************************************************************************/border-bottom: 1px solid #f1d556;
    border-left: 0px solid #000000;
}

#content table.contenttable td.lead2 {
    padding:0;
    /*************************************************************************************/border-bottom: 1px solid #ffed98;
    border-left: 0px solid #000000;
}



#content table.contenttable td.pt {
    padding-top:2px;
}
* html table.contenttable td.pt {
    padding-top:0;
}

/* ###################################################### */
/* ####################### RIGHT COLUMN ################# */
/* ###################################################### */
#teasersRight ul {
   /*display:block;*/
    margin:20px 0 0 0;
    padding:0;
    list-style:none;
}

#teasersRight ul li ul li.Protected {
    background-color:#eaeaea;
	border-bottom: 1px solid #8b8b8b;
}

#teasersRight ul li ul li.Protected:hover {
    background-color:#eaeaea;
	border-bottom: 1px solid #8b8b8b;
}

#teasersRight ul li {
    color:#000000;
    font-size:11px;
    padding: 0 0 0 10px;
    /*************************************************************************************/background-color:#ffed98;
    border:0px;
}

#teasersRight ul li ul{
    padding:0;
    margin:0;
}

#teasersRight ul li ul li {
    color:#000000;
    font-size:11px;
    height:100%;
    width:100%;
    padding: 4px 0 2px 10px;
    margin: 0 0 0 -10px;
    font-weight:normal;
    border:0px;
    border-bottom: 1px solid #000000;
}

#teasersRight ul li ul li:hover {
    background-color:#e1dfdd;
}


#teasersRight .teaserItem h3 {
    /*display:block;*/
    color:#000000;
    font-size:11px;
    margin:-6px 0 2px -10px;
    padding: 5px 0 5px 10px;
    font-weight:bold;
    /*************************************************************************************/background-color:#f1d556;
}


/************************************* PROTECTED ********************************************/

#teasersRight .teaserItem h3.teaserItemProtected {
    color:#b5b5b5;
    background-color:#606060;
}

#teasersRight .teaserItem ul li ul li.Protected a.pdf {
    display:block;
    margin:0;
    width:120px;
    height:100%;
    padding:5px 0 5px 30px;
    color:#767676;
    background-image:url(../images/protected_icon.gif);
    background-repeat:no-repeat;
	background-position:left;
}

#teasersRight .teaserItem ul li ul li.Protected a.pdf:hover {
	text-decoration:none;
}


#teasersRight .teaserItem ul li ul li.Protected a.doc {
    display:block;
    margin:0;
    width:120px;
    height:100%;
    padding:5px 0 5px 30px;
    color:#767676;
    background-image:url(../images/protected_icon.gif);
    background-repeat:no-repeat;
	background-position:left;
}

#teasersRight .teaserItem ul li ul li.Protected a.doc:hover {
	text-decoration:none;
}

#teasersRight .teaserItem ul li ul li.Protected a.text {
    display:block;
    margin:0;
    width:120px;
    padding:5px 0 5px 30px;
    color:#767676;
	background-image:url(../images/protected_icon.gif);
    background-repeat:no-repeat;
	background-position:left;
}

#teasersRight .teaserItem ul li ul li.Protected a.text:hover {
    text-decoration:none;
}
/************************************* PROTECTED ********************************************/



#teasersRight .teaserItem a.pdf {
    display:block;
    margin:0;
    width:120px;
    height:100%;
    padding:5px 0 5px 30px;
    color:#000000;
    background-image:url(../images/pdf_icon.gif);
    background-repeat:no-repeat;
    background-position:-2px 5px;
}

#teasersRight .teaserItem a.pdf:hover {
    background-image:url(../images/pdf_icon_over.gif);
    background-repeat:no-repeat;
    background-position:-2px 5px;
}

#teasersRight .teaserItem a.doc {
    display:block;
    margin:0;
    width:120px;
    height:100%;
    padding:5px 0 5px 30px;
    color:#000000;
    background-image:url(../images/doc_icon.gif);
    background-repeat:no-repeat;
    background-position:-2px 5px;
}

#teasersRight .teaserItem a.doc:hover {
    background-image:url(../images/doc_icon_over.gif);
    background-repeat:no-repeat;
    background-position:-2px 5px;
}


#teasersRight .teaserItem a.text {
    display:block;
    margin:0;
    width:120px;
    padding:5px 0 5px 30px;
    color:#000000;
}

#teasersRight .teaserItem a.text:hover {
    background-image:URL(../images/pfeil_auswahl_rechts.gif);
    background-repeat:no-repeat;
    background-position:left;
}



/** html #teasersRight .teaserItem a.more {
    width:175px;
}*/

/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */
#footer {
    /*width:100%;*/
    height:104px;
    font-size:11px;
    overflow:hidden;
}
#footerContainer {
    width:960px;
}
#footer a#logoBottom {
    display:block;
    float:left;
}

#footer #footerContentContainer {
    float:left;
    width:720px;
    height:104px;
}
#footerContentLeft, #footerContentRight {
    float:left;
    color:#999;
}
#footerContentLeft {
    width:450px;
    margin:10px 0 0 30px;
    font-size:10px;
    padding-right:10px;
}
* html #footerContentLeft {
    margin-left:15px; /* hae? */
}
#footerContentRight {
    width:220px;
    font-size:11px;
    background-color:#F9FBDD;
    padding-left:10px;
    height:104px;
}
* html #footerContentRight {
    padding-top:10px;
}

#footerContentRight h3 {
    font-size:11px;
}

#footerContentRight input {
    width:150px;
    height:12px;
    border:1px solid #ccc;
    font-size:10px;
    margin:0 0 4px 0;
}
* html #footerContentRight input {
    width:142px;
}

#footerContentRight label {
    display:block;
    width:60px;
    float:left;
    margin:0 0 4px 0;
}


/* ###################################################### */
/* ####################### 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:#7a7c7f;
    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;
}

/* ###################################################### */
/* ####################### METANAVIGATION ######################## */
/* ###################################################### */


ul#metaNavigation {
    margin:30px 20px 0 0;
    width:183px;
    padding:0;
    list-style:none;
    font-size:10px;
    color:#000000;
    float:right;
    border: 0px solid #ff0000;
}

ul#metaNavigation li {
    margin:0;
    height:15px;
    padding:5px 1px 0 25px;
    display:block;
    background-repeat:no-repeat;
    background-position:0px 0px;
}


a#metaNavigation li {
    color:#000000;
}


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

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
    width:428px;
}
#contactForm .contactRow, #contactForm .contactRow_small {
    margin:4px 0;
}


#contactForm label {
    display:block;
    float:left;
    width:150px;
    padding:5px 10px 5px 10px;
    background-color:#e0dfdd;
}




#contactForm label.small {
    display:block;
    float:left;
    width:100px;
    padding:5px 10px 5px 10px;
    background-color:#606060;
	color:#FFFFFF;
}

#contactForm label.smallfirst {
    width:150px;
	background-color:#606060;
	color:#FFFFFF;
}





#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:200px;
    margin-left:5px;
}

#contactForm .contactRow_small input, #contactForm .contactRow_small textarea {
	border:1px solid #ccc;
    width:110px;
	height:17px;
	padding: 3px 0 0 0;
    margin-left:5px;
	font-size:11px;
}

#contactForm .contactRow select {
    border:1px solid #ccc;
    height:22px;
    margin-left:5px;
}
#contactForm .contactRow select.newslettergroup {
    height:45px;
    margin-bottom:5px;
}

* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:250px;
}

#contactForm .contactRow input {
    height:17px;
	font-size:11px;
	padding: 3px 0 0 0;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:11px;
}


#contactForm .contactRow .anmeldeform {
	width:20px;
	border:0px;
	vertical-align:middle;
}


#contactFormSubmit #contactFormSubmitLeft {
	display:block;
    float:left;
    width:150px;
    height:50px;
    background-image:url(../images/reset_button.jpg);
    background-repeat:no-repeat;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 0;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:100px;
    height:27px;
    background-image:url(../images/send_button.jpg);
    background-repeat:no-repeat;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:transparent;
    border:0;
    color:#ffffff;
    padding:6px 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:80px 10px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding-left:10px;
    float:left;
}

#contactForm table {
    width:428px;border-collapse:collapse;
    border:0px solid #00ff00;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}
/* ###################################################### */
/* ####################### 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:0;
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;
}

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 {
    padding: 0;
}


td.gallery_image{
   padding:0;
}

td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    margin-bottom:5px;
	margin-right:5px;
    overflow:hidden;
}
td.gallery_image .bottom_links{
     height:40px; 
	 margin-top:10px;
}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left;
}
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
 */

#content ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
        width:428px;
        border:0px solid #ff0000;
}

#content ul.sitemapStandardMainCat li {
        border-bottom: 1px solid #ffffff;
}


#content ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        list-style-image:none;
        list-style:none;
}

#content ul.sitemapStandardMainCat li.sitemapStandardLevel_1 a {
        font-size:12px;
        /************************************************************************************************************************/color:#f1d556;
        padding: 3px 3px 3px 50px;
        list-style-image:none;
        list-style:none;
}

#content ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        padding: 3px 3px 3px 80px;
        list-style-image:none;
        list-style:none;
}

#content ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ececec;
        padding: 3px 3px 3px 30px;
        margin: 0 0 0 90px;
        font-weight:normal;
}



