/* -----------------------------------------------------------------------

 Medienpark Nettetal CSS Framework 1.0
 http://www.medienpark-nettetal.de

 * Copyright (c) 2009 www.medienpark-nettetal.de
 * Medienpark Nettetal
 * Steyler Straße 121
 * 41334 Nettetal
 * Germany

----------------------------------------------------------------------- */

/* BODY */
body
{
width:100%;
background-color:#ffffff;
align:center;
margin:0px;
padding:0px;
overflow-x:hidden;
background-image:url(../../images/bg_verlauf.jpg);
background-repeat: repeat-x;
font-family: Tahoma;
font-size: 11px;
text-align:left;
vertical-align:top;
color: #221E1D;
}



table.underline
    {
		width:550px;
        height:30px;
        background-color:#B7B3B2;
        font-family: Tahoma;
        font-size: 16px;
        color: #221E1D;
        text-align:left;
        font-style: normal;
    }

table.kontakt
    {
		width:550px;
        font-family: Tahoma;
        font-size: 11px;
        color: #221E1D;
        text-align:left;
    }


    a.table
    {
        margin:0px;
        text-align:left;
        color: #221E1D;
        font-size: 16px;
        text-decoration: none;
        font-family: Tahoma;
    }

    a.table:hover
    {
        color: #582023;
        text-decoration: underline;
        font-family: Tahoma;
        font-size: 16px;
    }

/* TOPFRAME BACKGROUND */

	/* TOPFRAME LEFT */
    div.bgleft
    {
        background-image:url(../../images/mp_bgtop_left.jpg);
        background-repeat:no-repeat;
        height:280px;
        left:-1000px;
        margin-left:50%;
        position:absolute;
        top:0;
        width:100%;
        z-index:0;
    }

	/* TOPFRAME MIDDLE */
    div.bgmid
    {
        background-image:url(../../images/mp_bgtop_mid.jpg);
        background-repeat:no-repeat;
        width:950px;
        height:280px;
        margin:0 auto;
        z-index:2;
        position:relative;
    }

	/* TOPFRAME RIGHT */
    div.bgright
    {
        margin-left:50%;
        position:absolute;
        width:50%;
        height:340px;
        background-image:url(../../images/mp_bgtop_right.jpg);
        background-repeat: no-repeat;
        top:0px;
        left: 475px;
        z-index:0;
    }

th.align-left
    {
        text-align:left;
        vertical-align:top;
    }

p.align-center
    {
        text-align:center;
    }

/* FONTS */

    p
    {
        font-family: Tahoma;
        font-size: 11px;
        color: #221E1D;
        text-align:justify;
    }


    h3
    {
        font-family: Tahoma;
        font-size: 10px;
        font-weight: normal;
        color: #221E1D;
        margin:0px;
        padding:0px;
        text-align:left;
     }

    h5
    {
        font-family: Tahoma;
        font-size: 11px;
        color: #221E1D;
        font-weight: normal;
        margin: 5 10 -11 10;
    }

    h6
    {
        font-family: Tahoma;
        font-size: 10px;
        color: #221E1D;
        text-align:justify;
        text-decoration: none;
        font-style:italic;
        font-weight: normal;
        margin: 5 10 -11 10;

    }


    h1
    {
        font-family: Tahoma;
        font-size: 20px;
        font-weight: normal;
        color: #221E1D;
        margin:0px;
        padding:0px;
        text-align: left;
    }

    h1.csc-firstHeader
    {
        font-family: Tahoma;
        font-size: 20px;
        font-weight: normal;
        color: #221E1D;
    }



    a
    {
        margin:0px;
        text-align:left;
        color: #221E1D;
        font-size: 11px;
        text-decoration: none;
        font-family: Tahoma;
    }

    a:hover
    {
        color: #582023;
        text-decoration: underline;
        font-family: Tahoma;
        font-size: 11px;
    }

/* ROOTLINE */
    div.rootline
    {
        min-height: 20px;
        font-family: Tahoma;
        font-size: 11px;
        font-weight: normal;
        color: #221E1D;
        text-align: left;
        vertical-align: top;
    }



/* _____MENÜ*/

    div.menue
    {
        min-height: 50px;
        width: 180px;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: normal;
        color: #221E1D;
        text-align: left;
        vertical-align: top;
    }

    div.mainmenue
    {
        text-align: left;
        background-color:#B7B3B2;
    }

    div.m_start
    {
        height: 30px;
        line-height: 30px;
        min-height: 30px;
        width: 180px;
        background-image: url(../../images/table_start.gif);
        background-repeat: no-repeat;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #221E1D;
        text-align: center;
        vertical-align: top;
    }


    div.m_split
    {
        height: 4px;
        line-height: 4px;
        width:180px;
        background-color:#B7B3B2;
    }

    div.m_stop
    {
        height: 14px;
        line-height: 14px;
        min-height: 14px;
        width: 180px;
        background-image: url(../../images/table_end.gif);
        background-repeat: no-repeat;
        text-align: center;
        vertical-align: top;
    }



	/* CONTAINER GESAMTER INHALT*/
    div.content
    {
        margin:5px;
        width:950px;
        text-align:center;
        align: center;
        vertical-align:top;
    }


    /* CONTAINER SEITE **LEFT** */
    div.fset_left
    {
        float:left;
        width:180px;
        margin:0px;
        padding:0px;
        text-align:left;
        align: left;
        vertical-align:top;
    }

    /* CONTAINER INHALT **MID** */
    div.fset_mid
    {
        float:left;
        margin:0px;
        padding:0px;
        width:550px;
        min-width:550px;
        margin-left:20px;
        margin-right:20px;
        text-align:left;
        align: left;
        vertical-align: top;
    }

    /* CONTAINER SEITEN **RIGHT** */
    div.fset_right
    {
        float:left;
        margin:0px;
        padding:0px;
        width:180px;
        text-align:left;
        align: left;
        vertical-align:top;
    }



    /* CONTAINER SEITE **LINKS** */
    div.links
    {
        float:left;
        width:180px;
        text-align:left;
        align: left;
        vertical-align:top;
    }


    /* CONTAINER SEITE **MITTE** */
    div.mitte
    {
        float:left;
        width:550px;
        text-align:left;
        align: left;
        vertical-align:top;
    }


    /* CONTAINER SEITE **RECHTS** */
    div.rechts
    {
        float:left;
        width:180px;
        text-align:left;
        align: left;
        vertical-align:top;
    }



/* MENÜ NAVIGATION*/
#mainmenu ul li
{

}

ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

li
{
text-indent: 10px;
padding: 3px 0px 3px 0px;
}

ul.menu-level1
    {
    }

li.menu-level1-active
    {
	background-color: #ffffff;
	font-weight: bold;
    }

li.menu-level1-current-active
    {
	background-color: #ffffff;
	font-weight: bold;
    }

li.menu-level1-with-subpage
    {

    }


ul.menu-level2
    {
	margin: 0 0 0 15px;
	background-color: #ffffff;
	font-weight: normal;
    }

li.menu-level2-active
    {
	background-color: #ffffff;
	background-image: url(../../images/dotter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;
	padding-left: 5px;
	}

li.menu-level2-current-active
    {
	background-color: #ffffff;
	background-image: url(../../images/dotter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;
	padding-left: 5px;
    }

li.menu-level2-with-subpage
    {

    }


ul.menu-level3
    {
	margin: 0 0 0 15px;
	background-color: #ffffff;
	font-weight: normal;
    }

li.menu-level3-active
    {
	background-color: #ffffff;
	background-image: url(../../images/dotter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;
	padding-left: 5px;
    }

li.menu-level3-current-active
    {
	background-color: #ffffff;
	background-image: url(../../images/dotter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;
	padding-left: 5px;
	}
li.menu-level3-with-subpage
    {
    }

ul.menu-level4
    {
	margin: 0 0 0 15px;
	background-color: #ffffff;
	font-weight: normal;
    }

li.menu-level4-active
    {
	background-color: #ffffff;
	font-weight: normal;
    }

li.menu-level4-current-active
    {
	background-color: #ffffff;
	background-image: url(../../images/dotter.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;
	padding-left: 5px;
	}
li.menu-level4-with-subpage
    {
    }


/* INHALT MIT INFOS/TEXT */
    div.tab
    {
        min-height: 50px;
        width: 180px;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: normal;
        color: #221E1D;
        text-align: center;
        vertical-align: top;
    }

    div.tab_start
    {
        height: 30px;
        line-height: 30px;
        min-height: 30px;
        width: 180px;
        background-image: url(../../images/table_start.gif);
        background-repeat: no-repeat;
        font-family: Tahoma;
        font-size: 12px;
        font-weight: bold;
        color: #221E1D;
        text-align: center;
        vertical-align: top;
    }

    div.tab_split
    {
        height: 4px;
        line-height: 4px;
        width:180px;
        background-color:#B7B3B2;
    }

    div.tab_cont
    {
        width:180px;
        background-color:#B7B3B2;
        margin:0px;
        padding:0px;
        font-size: 11px;
    }


    p.contenttext
    {
        font-family: Tahoma;
        font-size: 11px;
        color: #221E1D;
        text-align: justify;
        vertical-align: top;
		margin: 0 10 0 10px;
    }

    p.desctext
    {
        font-family: Tahoma;
        font-size: 10px;
        color: #221E1D;
        text-align: left;
        vertical-align: top;
		margin: 0 10 0 10px;
    }

    div.tab_pict1
    {
        width:180px;
        background-color:#B7B3B2;
        margin: -5px 0 -5px 0;
    }


    div.tab_pict2
    {
        width:180px;
        background-color:#B7B3B2;
        margin: 0px;
    }

    div.tab_desc
    {
    	background-color:#945148;
        width: 180px;
        font-family: Tahoma;
        font-size: 9px;
        color: #221E1D;
        text-align: left;
        vertical-align: top;
    }

    div.tab_stop
    {
        height: 14px;
        line-height: 14px;
        min-height: 14px;
        width: 180px;
        background-image: url(../../images/table_end.gif);
        background-repeat: no-repeat;
        font-family: Tahoma;
        font-size: 11px;
        color: #221E1D;
        text-align: center;
        vertical-align: top;
    }
