/* Marketing Nastasi www.Marketing-Nastasi.de */
/* CSS Document */

body, html, li, p, table, br, ol, ul, th, h1, h2, h3 {
        margin: auto;
        padding: 0px;
}

body {
        font-family: tahoma, verdana, arial, "sans serif";
        background-color: #EEEEEE;
        background-image: url(../images/bg1.jpg);
        background-repeat: repeat-y;
        background-position:center;
        font-size:0.9em;
}
h1{
        font-family: tahoma, verdana, arial, "sans serif";
        font-size:24px;
        color:  #b20015;
        font-style: normal;
        font-weight: bold;
        margin:0px 0px 5px 0px;
        line-height:1.4em;
}
h2{
        font-family: tahoma, verdana, arial, "sans serif";
        font-size:18px;
        color:  #b20015;
        font-style: normal;
        font-weight: normal;
        margin:0px 0px 0px 0px;
        line-height:1.4em;
}
h3{
        font-family: tahoma, verdana, arial, "sans serif";
        font-size:18px;
        color:  #3f3f19;
        font-style: normal;
        font-weight: normal;
        margin:0px 0px 0px 0px;
        line-height:1.4em;
}
h4{
        font-family: tahoma, verdana, arial, "sans serif";
        font-size:20px;
        color:  #b20015;
        font-style: normal;
        font-weight: normal;
        margin:0px 0px 0px 0px;
        line-height:1.4em;
}
/*----------------- links -----------------*/
a:link {
        color: #0000ee;
        text-decoration: underline;
        font-size:0.9em;
        font-weight: normal;
}
a:visited {
        color: #0000ee;
        text-decoration: underline;
        font-size:0.9em;
        font-weight: normal;
}
a:hover {
        color: #b20015;
        text-decoration: underline;
        font-size:0.9em;
        font-weight: normal;
}
a:active {
        color: #b20015;
        text-decoration: underline;
        font-size:0.9em;
        font-weight: normal;
}
.content a:link {
        color: #0000ee;
        text-decoration: underline;
        font-size:1.2em;
        font-weight: bold;
}
.content a:visited {
        color: #0000ee;
        text-decoration: underline;
        font-size:1.2em;
        font-weight: bold;
}
.content a:hover {
        color: #b20015;
        text-decoration: underline;
        font-size:1.2em;
        font-weight: bold;
}
.content a:active {
        color: #b20015;
        text-decoration: underline;
        font-size:1.2em;
        font-weight: bold;
}
/*----------------- links -----------------*/
#wrapper{
        width: 700px;
        height: 100%;
        margin: 0px auto;  /*mittig ausrichten*/
        position:relative;
        }
/*----------------- Divs -----------------*/
#head{
        width: 710px;
        height: 100px;
        float:left;
        background-repeat: no-repeat;
        padding:0px 0px 0px 0px;
        background-color:#ffffff;
}
#head_left{
        width: 680px;
        height: auto;
        float:left;
        padding:10px 10px 0px 20px;
        background-color:#ffffff;
}
#head_right{
        width: 204px;
        height: 54px;
        float:left;

        background-repeat: no-repeat;
        padding:160px 0px 0px 0px;
        margin:0px 0px 25px 0px;
}
/*----------------- Divs -----------------*/
/*----------------- classes -----------------*/
.box_1{
        width: 690px;
        height: auto;
        float:left;
        padding:10px 0px 0px 20px;
        background-color:#ffffff;
}
.box_2{
        width: 570px;
        height: auto;
        float:left;
        padding:10px 40px 0px 60px;
}
.box_3{
        width: 500px;
        height: auto;
        float:left;
        padding:10px 40px 0px 60px;
}
.box_info{
        width: 615px;
        height: auto;
        float:left;
        padding:10px 20px 20px 20px;
        background-color:#ffffcc;
}
.box_info2{
        width: 615px;
        height: auto;
        float:left;
        margin:10px 0px 10px 0px;
        padding:10px 20px 20px 20px;
        background-color:#fff;
        border:1px solid #dcdcdc;
}

/*----------------- classes -----------------*/
.ul01{
        margin:5px 5px 0px 10px;
        padding:0px 0px 4px 0px;
        width:600px;
}
.ul01 li {
        list-style-type: none;
        padding:5px 0px 0px 25px;
        margin-bottom:4px;
        text-align:left;
        line-height:1.4em;
}
.ul02{
        margin:5px 5px 0px 10px;
        padding:0px 0px 4px 0px;
        width:300px;
}
.ul02 li {
        list-style-type: none;
        padding:5px 0px 10px 45px;
        margin-bottom:4px;
        text-align:left;
        line-height:1.4em;
}
.ul03{
        margin:5px 5px 0px 200px;
        padding:0px 0px 4px 0px;
        width:370px;
}
.ul03 li {
        list-style-type: none;
        padding:5px 0px 15px 25px;
        margin-bottom:4px;
        text-align:left;
        line-height:1.0em;
}
.bild_links{
        float:left;
        border: none;
        margin:10px 15px 0px 0px;
}
.bild_rechts{
        float:right;
        border: none;
        margin:10px 0px 5px 15px;
}

.bild_block{
        width: 143px;
        height: auto;
        float:left;
        margin:5px 25px 20px 40px;
}
.bild_block_rechts{
        width: 143px;
        height: auto;
        float:right;
        margin:5px 0px 10px 15px;
}
/*----------------- Zusatz -----------------*/
.meinungen{
        font-size:0.8em;
        color:#3f3f19;
        font-weight:bold;
}

.feetback{
        font-size:0.8em;
}

.klein{
        font-size:0.6em;
        color:#999999;
}
.klein_rot{
        font-size:0.8em;
        color:#b20015;
}
.grau{
        color:#999999;
}
.linie{
        font-size:0.5em;
        color: #3f3f19;
        margin: 0px 0px 10px 0px;
}
.clear{
 clear:both;
}

p, table, td, li, ul, ol, br, span, tr {
        color: #3f3f19;
}
p {
 margin: 10px 0px 10px 0px;
 line-height:1.4em;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */