/* CSS Document - FIXE Teile der Website  -  Ilse T. Hable*/

*
{
    padding:                    0px;
    margin:                     0px;
    font-family:                Verdana, Arial, Helvetica, sans-serif;
}

html, body
{
    height:                     100.1%;     /* um generell immer einen Scrollbalken zu erzeugen */
    width:                      100%;
}

body
{
    background-image:           url("../images/bg_main_leinwand.jpg");
    background-repeat:          repeat;
}

/*  -----------------   Grund (WebSite) - Container  -------------------  */

#basisbox 
{

    width:                      990px;
    margin-left:                auto;
    margin-right:               auto;
    margin-top:                 3px;
}

#mainbox 
{
    width:                      990px;
    margin-left:                auto;
    margin-right:               auto;
    margin-top:                 3px;
    background-color:           #303030;
    float:                      none;
}

/*  -----------------   TOP - Banner / Bild  -------------------  */

#top     /* TOP - Banner Container */
{
    margin-top:                 0px;
    margin-bottom:              0px;
    background-color:           #303030;
    padding:                    0px 0px 0px 0px;
}

#top a
{
    text-decoration:            none;
    color:                      inherit;
    background-color:           transparent;
    padding:                    0px 0px 0px 0px;
}

#top img
{
    border:                     0px;
}
/*  -----------------   TOP - Navigation  -------------------  */

#top_navigation     /* TOP - Navigation Container */
{
    margin-top:                 0px;
}

#top_navigation ul
{
    height:                     30px;
	margin-top:					0px;
	text-align:					center;
	background-image:			url(../images/bg_top_navigation.jpg);
	background-repeat:			repeat;
	border-right:               1px dotted #666;
}

#top_navigation li
{
	margin-top:					0px;
	text-align:					center;
	list-style-type:            none;
    display:                    block;
    float:                      left;
    /*width:                      16.6%;*/
    width:                      20%;
    padding-top:                3px;    
    font-size:                  18px;
    font-weight:                normal;
}

#top_navigation a
{
    color:			   			#00ffff;
	text-decoration:			none;
	font-size:                  18px;
}

#top_navigation a:hover
{
    color:			   			#ffffcc;
    text-decoration:			none;
	font-size:                  18px;
}
#top_navigation a:focus
{
	color:			   			#ffffcc;
    text-decoration:			none;
    font-size:                  18px;
}
#top_navigation a:active
{
	color:			   			#ffffcc;
    text-decoration:			none;
	font-size:                  18px;
}

/*  -----------------   Site - Bottom  -------------------  */

#bottom
{
    height:                     20px;
    width:                      100%;
    background-image:			url(../images/bg_navi.gif);
	background-repeat:			repeat;
    text-align:                 center;
    padding:                    4px 0px 0px 0px;
    font-size:                  12px;
    color:                      #00ffff;
    float:                      left;
}