/**
 * 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: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color:#5a727e;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1 {
    letter-spacing: 2px;
}
h2 {
    letter-spacing: 1px;
}
h3 {
    letter-spacing: 1px;
}
p {
    line-height:16px;
}


html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
body {
    background-color:#4e6a77;
/*  background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
    background-position:240px 0;
    height:100%;
*/
}


/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */


/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */

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





/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */


#footerContentLeft {
    font-size:10px;
    margin:10px 10px 10px 10px;
}
.artikelliste {
	float:left;
    margin-right: 20px;
    width:420px;
}
#footerContentLeft h3 {
    margin: 0px;
    padding: 0px;
}
#footerContentLeft h3 a {
    font-size:10px;
    color:#7e9aa7;
    font-weight:bold;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
}
#footerContentLeft p {
    font-size:10px;
    color:#82a1af;
    font-weight:normal;
    margin: 0px;
    padding: 0px;
    text-align:justify;
    margin-bottom:10px;
}
#footerContentLeft a {
    color:#ec8d00;
    text-decoration:none;
}
#footerContentLeft a:hover {
    color:#ffffff;
    text-decoration:underline;
}


/* 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 */