@charset "utf-8";
/* CSS Document
Farben Logo
#e6212a rot
#388d3c grün


*/
body{
    font:14px Arial, Helvetica, sans-serif;
    color:#000;
    margin:0;
    padding:0;
    background:#f0f0f0;
}
#main{
    width:900px;
    margin:20px auto;
    padding:20px;
    background:#fff;
}
/* Kopf */
#header{
    margin-bottom:20px;
}
#logo{
}
/* Inhalt */
#content{
   /* background:url(bg-content.jpg) repeat-y left top; */
}
#content-main{
    background: rgba(243, 243, 243, 1);
    width:560px;
    padding:20px;
}
#content-left-right{
    /* die Breite der rechten Spalte ergibt
    sich aus content-main -> width + margin-right */
    margin-left:635px;
}
/* Content Boxen */
.content-left-right-box{
    color:#000;
    padding:10px 20px;
    margin-bottom:20px;
    border-top: 3px solid #e6212a;
}
.content-left-right-box h2{color:#388d3c;}
.content-left-right-box h3{color:#388d3c;}


#content-footer{
}
#images{
    margin-top: 20px;

    /*margin: 20px 50px 20px 50px;*/
}
/* Fuss */
#footer{
    color:#000;
    padding:10px;
    margin-top:30px;
}

/* Allgemeine Formatierung */
h1,h2,h3,h4,h5,h6{
    font:Arial, Helvetica, sans-serif;
    color:#388d3c;
    padding:0;
    margin:0 0 10px 0;
}
h1{
    color:#e6212a;
    font-size:20px;
}
h2{
    font-size:16px;
}
h3{
    font-size:14px;
}
h4{
    font-size:12px;
}
h5{
    font-size:10px;
}
h6{
}

p,ul,li{
    padding:0;
    margin:0;
}
p{
    margin-bottom:10px;
}
ul{
    margin:0 0 20px 30px;
}
li{
    list-style-image:url(img-li.jpg);
    line-height:22px;
}

form#kontakt, form#kontakt input, form#kontakt textarea{
    font-size:12px;
}
form#kontakt input.txt{
    width:160px;
}
form#kontakt textarea{
    height:80px;
}

a{
    color:#388d3c;
}
a:hover{
    color:#000;
}

.size10{
    font-size:10px;
}
.font-red{
    color:#f00;
}
/* Link Unterstrich weg */
.deko-none{text-decoration:none;}

.border-all{border:1px solid #000;}

/* Ausrichtung Elemente / Text / Bilder */
.elem-center{text-align:center;}
.elem-left{text-align:left;}
.elem-right{text-align:right;}

/* Ausrichtung Text Blocksatz */
.txt-justy{text-align:justify;}

.float-left{float:left;}
.float-right{float:right;}
.float-clear{clear:both;}
.float-clear-right{clear:right;}

.gradiant{
    /*
    #f5f5f5 1 Farbe hell
    #e8e8e8 2 Farbe dunkel
    */
    background: #fafafa;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  #fafafa 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(top,  #fafafa 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
}

.shadow{
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);
    box-shadow:0 1px 4px rgba(0,0,0,0.2);
}
.radius-all{
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}

.h2_red{
    color: #e6212a;
    font-size: 16px;
}