/*	 _____________
    |       .-.   |
    |      // ``  |
    |     //      |
    |  == ===-_.-'|
    |   //  //    |
    |__//_________|

Projekt:	
Version:	1.0.0 
Datum:		
Autor:		

familie redlich :systeme
http://www.systeme.familie-redlich.de

 1 CSS Reset
 2 Structur
 3 Links
 4 Typographie

*/


/* --- 1 CSS Reset --------------------------------------------------------------------------------------- */
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {	content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }


/* --- 2 Structur ---------------------------------------------------------------------------------------- */
html,body {
    color: #000;
    font-family: 'szRegular', Arial, sans-serif;
    font-size: 12px;
    line-height:20px;
    font-weight:normal;
    width:940px;
    margin:0 0;
    position:relative;
    background:#ffffff;

}
header {  }
section#dtfr-map {
    width:580px;
    background:url(../images/Hintergrundbild-580x500.jpg) no-repeat;
    position:relative;
}
section.dtfr-recipe{
    width:580px;
    position:absolute;
    right:0;
    display:none;
    bottom:0;
    background-color: #FFF;

}
.banner-dt {
    background-image: url('../images/banner_dt.jpg');
    background-repeat: repeat-x;
    background-position: 0 0;
}

.banner-fr {
    background-image: url('../images/banner_fr.jpg');
    background-repeat: repeat-x;
    background-position: 0 0;
}
section.dtfr-recipe div{
    display:block;
    overflow:hidden;
    width:520px;
}

footer {  }
aside {  }
article {  }

/***** Fonts *****/

@font-face {
    font-family: 'szRegular';
    src: url('../fonts/sz/SZSans.eot');
    src: url('../fonts/sz/SZSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sz/SZSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'szSerif';
    src: url('../fonts/sz/SZText.eot');
    src: url('../fonts/sz/SZText.eot?#iefix') format('embedded-opentype'),
        url('../fonts/sz/SZText.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* --- 3 Links ------------------------------------------------------------------------------------------- */
a {  }
a:hover {  }


/* --- 4 Typographie ------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: 'szSerif', serif;
}

h1 {
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 12px;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 6px;
}

h3 {
    font-size: 16px;
    line-height: 20px;
}

h4 {
    font-size: 10px;
    text-transform: uppercase;
    line-height:12px;
}
h4 span{
    font-size: 10px;
    text-transform: none;
    line-height:12px;
    color:#333333;
}
ul li{
    font-size: 10px;
    text-transform: none;
    line-height:12px;
    margin-bottom:5px;
    color:#333333;
}

p {
    line-height: 14px;
    margin-bottom: 12px;
    color:#333333;
}

ul{
    margin-top:25px;
}
ul li:first-child{
    font-weight:bold;
    color:#000;
}