html, body, a, p, div, span, input, textarea, button, select, option, h1, h2, h3, h4, h5, h6, img{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #000000;
}

html, body{
    width:100%;
    height: 100%;
}

body{
    background-image:url(../pic/verlauf.png);
    background-repeat: repeat-x;
}

/* ###################################################### */
/* ################### Seiten_Container ################# */
/* ###################################################### */
#seite_komplett{
    width: 1000px;
    margin: 10px auto;
    min-height: 300px;
}

#background{
    background-color: #fbc410;
}
    

div.maenni_sammlung{
    height: 40px;
    
}

#LOGO{
    padding: 0 0 0 20px;
}


#NAVI_Cat{
    float: left;
    width: 200px;
}

#MainContent_Pic{
    float: left;
    width: 800px;
}

#MainContent{
    float: left;
    width: 565px;
}

#Pic{
    width: 220px;
    float: left;
    }

#frametext_up{
    background-image:url(../pic/frame_oben.jpg);
    background-repeat: no-repeat;
    height: 58px;
    }
    
#frametext_middle{
    background-image:url(../pic/frame_text.jpg);
    background-repeat: repeat-y;
    min-height: 300px;
    }

#frametext_bottom{
    background-image:url(../pic/frame_unten.jpg);
    background-repeat: no-repeat;
    height: 131px;
    }

#bottom_welle{
    background-image:url(../pic/welle.png);
    background-repeat: no-repeat;
    background-position: bottom;
    }
    
div.bilder_frame{
    background-repeat: no-repeat;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

#Cat{
    margin: 0px 0px 0px 20px;
    position: relative;
    top: 63px;  
}

/* ###################################################### */
/* ################### Nav_Main ######################### */
/* ###################################################### */
#Nav_Main{
    margin: 10px 5px 20px 20px;
    min-height: 230px;
}

/* ################### Nav_Ebene 1 ###################### */
div.e1{
    background-image:url(../pic/nav_1.png);
    background-repeat: no-repeat;
    height: 30px;
    margin: 2px 0 3px 0px;
}

div.e1 a{
    display: block;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    line-height: 2.5em;
    padding-left: 15px;
}

div.e1 a:hover, div.e1 a.e1_a{
    font-weight: bold;
}

/* ################### Nav_Ebene 2 ###################### */
div.e2{
    background-image:url(../pic/nav_2.png);
    background-repeat: no-repeat;
    height: 28px;
    margin: 2px 0 3px 0px;
}

div.e2 a{
    display: block;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    line-height: 2.5em;
    padding-left: 15px;
}

div.e2 a:hover, div.e2 a.e2_a{
    font-weight: bold;
}

/* ################### Nav_Ebene 3 ###################### */
div.e3{
    background-image:url(../pic/nav_3.png);
    background-repeat: no-repeat;
    height: 15px;
}

div.e3 a{
    display: block;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    line-height: 1.5em;
    padding-left: 25px;
}

div.e3 a:hover, div.e3 a.e3_a{
    font-style: italic;
}

/* ###################################################### */
/* ################### Nav_Meta ######################### */
/* ###################################################### */
#Meta_Navigation{
    line-height: 30px;
    text-align: right;
    padding-right: 90px;
}

#Meta_Navigation a{
    color: #000000;
    text-decoration: none;
    padding: 0 3px 0 3px;
}

#Meta_Navigation a:hover{
    text-decoration: underline;
}

/* ###################################################### */
/* ################### Nav_Breadcrumb ################### */
/* ###################################################### */
#Nav_Breadcrumb{
    color: #0055A3;
    font-size: 10px;
    line-height: 20px;
    position: relative;
    top: 30px;
    left: 57px;
}

#Nav_Breadcrumb a{
    color: #0055A3;
    font-size: 10px;
    text-decoration: none;
    padding: 0 3px 0 3px;
}

#Nav_Breadcrumb a:hover{
    text-decoration: underline;
}


/* ###################################################### */
/* ################### Content Text ##################### */
/* ###################################################### */
div.Headline{
    padding-bottom: 10px;
    position: relative;
    left: 60px;
    font-size: 15px;
    font-weight: bold;
    color: #0055A3;
    line-height: 1.5em;
    width: 440px;
}

div.text{
    position: relative;
    left: 60px;
    width: 440px;
    line-height: 1.5em;
    color: #000000;
}


div.text p{
    padding-bottom: 10px;
}

div.text a{
    color: #0055A3;
    text-decoration: none;
}

div.text a:hover{
    text-decoration: underline;
}

div.text ul{
    margin: 5px 0 10px 15px;
    padding: 0 0 0 0;
}

div.text ul li{
    line-height: 1.5em;
}

div.text table {
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    border: solid 1px #0055A3;
    vertical-align: middle;
}

div.text table tr{
    vertical-align: middle;
    }

div.text table td{
    border: solid 1px #0055A3;
    vertical-align: middle;
    padding: 3px;
    }
    
/* ###################################################### */
/* ################### Artikelliste ##################### */
/* ###################################################### */
div.artikelliste{
    position: relative;
    left: 60px;
    width: 440px;
}

div.artikelliste div.newsHeadline{
    padding: 15px 0 5px 0;
}

div.artikelliste div.newsHeadline a{
    font-size: 12px;
    font-weight: bold;
    color: #0055A3;
    line-height: 1.5em;
    text-decoration: none;
}


div.artikelliste div.newsHeadline a:hover{
    text-decoration: underline;
}

div.artikelliste div.newstext{
    line-height: 1.5em;
    color: #000000;
    padding: 0px 0 10px 0;
    border-bottom: dotted 1px #0055A3;
}

div.artikelliste div.newstext a{
    color: #0055A3;
    text-decoration: none;
}

div.artikelliste div.newstext a:hover{
    text-decoration: underline;
}

/* ###################################################### */
/* ################### Manni_Verteilung ################# */
/* ###################################################### */
img.maenni_blom{
    position: relative;
    left: 910px;
    top:-20px;
}

img.maenni_logo{
    position: relative;
    top: 68px;
    left: 180px;
}

img.maenni_kerze{
    position: relative;
    top: 67px;
    left: 200px;
}

img.maenni_korb{
    position: relative;
    top: 72px;
    left: 200px;
}

img.maenni_buch{
    position: relative;
    top: 72px;
    left: 310px;
}

img.maenni_wasch{
    position: relative;
    top: 63px;
    left: 310px;
}

img.maenni_seil{
    position: relative;
    top: -27px;
    left: 810px;
}

img.maenni_schmied{
    position: relative;
    top: -27px;
    left: 830px;
}

img.pic_framtext_bottom{
    position: relative;
    top: 45px;
    left: 30px;
}

/* ###################################################### */
/* ################### Galerie ########################## */
/* ###################################################### */
div.Galerie{
    position: relative;
    left: 60px;
    width: 440px;
    padding-top: 15px;
}

div.Galerie div.gTop, div.Galerie div.gBottom{
    padding: 3px 0 3px 20px;
}

div.gTop a, div.gBottom a{
    color: #0055A3;
    text-decoration: none;
}
    
div.Galerie div.gTop a:hover, div.Galerie div.gBottom a:hover{
    text-decoration: underline;
    }   

div.Galerie table {
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: show;
    vertical-align: middle;
}

div.Galerie table tr{
    vertical-align: middle;
    }

div.Galerie table td{
    vertical-align: middle;
    padding: 5px;
    }
    

/* ###################################################### */
/* ################### Kontaktformular ################## */
/* ###################################################### */
#kontakt_form {
    position: relative;
    left: 60px;
    width: 440px;
}

#kontakt_form div.sp1{
    float: left;
    width: 100px;
    padding: 3px 0 3px 0;
}

#kontakt_form div.sp2{
    float: left;
    width: 245px;
    padding: 3px 0 3px 0;
}

#kontakt_form div.normal{
    padding: 3px 0 3px 0;
}

#kontakt_form div.line{
    margin: 5px 0 5px 0;
    height: 1px;
    background-color: #0055a3;
}

/* ###################################################### */
/* ################### Impressum ######################## */
/* ###################################################### */
#Impressum div.block{
    position: relative;
    left: 60px;
    width: 440px;
    padding-bottom: 10px;
}

#Impressum div.impheadline{
    font-weight: bold;
    margin-bottom: 5px;
}

#Impressum div.imptext{
    line-height: 1.3em;
    margin-bottom: 5px;
}

#Impressum div.sp1{
    float: left;
    width: 60px;
}

#Impressum div.sp2{
    float: left;
    width: 220px;
}


/* ###################################################### */
/* ################### FLOAT_BRECHER #################### */
/* ###################################################### */
.clearfix{
    clear:both;
    visibility:hidden;
}

/* ################### maaja Link ################# */
#maajaLink{
    position: relative;
    top: -15px;
    left: 780px;
    color: #63c3ea;
    font-size: 9px;
    width: 220px;
}

#maajaLink a.maajaLink{
    color: #63c3ea;
    font-size: 9px;
    text-decoration: none;
}

#maajaLink a:hover.maajaLink{
    text-decoration: underline;
}