/*******************************************************************************
 *D style.css. . . . . . . . . . . . . . . . . . . . . . . . . . . . begins here
 **
 ** Copyright   : 2008 Webseitenhaus
 ** $Author     : Ralf Schmidt $
 ** Alle Rechte des Autors bleiben vorbehalten. Unautorisiertes Kopieren und
 ** verwenden von Programmcode oder Teile hiervon ist verboten.
 **
 ** $Id: style.css 36 2008-10-29 23:07:22Z tux $
 **
 ******************************************************************************/

/*******************************************************************************
 **
 *H Main HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . Main HTML
 **
 ******************************************************************************/

html, body { 
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    background-color: #F3F4F4;
    background-image: url('/skg/design/navigation_hg.jpg'); 
    background-repeat: repeat-y; 
}


body {
    background-image: url('/skg/design/kopf_hg.jpg');
    background-repeat: repeat-x; 
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}


/*******************************************************************************
 **
 *K Kopfdaten. . . . . . . . . . . . . . . . . . . . . . . . . . . . . Kopfdaten
 **
 ******************************************************************************/


#kopf {
    background-image: url('../design/kopfleiste.jpg'); 
    background-repeat: no-repeat; 
    height: 100px;
    width: 100%;
}


#logo {
    width: 220px;
    height:70px;
    float:left;
    margin-left: 100px;
    margin-right: 10px;
}


/*******************************************************************************
 **
 *N Kopfnavigation . . . . . . . . . . . . . . . . . . . . . . . . . . .Kopfnavi
 **
 ******************************************************************************/

.knav {
    width: 96px;
    height: 15px;
    float:left;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    padding-top: 54px;
    color: #FFFFFF;
}

.knav:hover {
    background-image: url('../design/kopfnav_h.jpg');
    background-position: 8px 51px;
    background-color: transparent;
    background-repeat: no-repeat;
    color: #d75672;
}


/*******************************************************************************
 **
 *L Leiste Intern. . . . . . . . . . . . . . . . . . . . . . . . . . . . .Intern
 **
 ******************************************************************************/

#intern, #intern:hover {
    background-image: url('../design/intern.jpg'); 
    background-repeat: no-repeat;
    width: 64px;
    height: 22px;
    float: left;
    overflow: hidden;
    margin-left: 393px;
    margin-top: 4px;
}

#intern:hover {
    background-image: url('../design/intern_h.jpg'); 
    background-repeat: no-repeat;
}


.intern {
    margin: 0px 10px;
    padding: 0px 2px;
    margin-top: 8px;
    height: 14px;
    float: left;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}


/*******************************************************************************
 **
 *N Newsleiste . . . . . . . . . . . . . . . . . . . . . . . . . . . .Newsleiste
 **
 ******************************************************************************/

#news {
    background-image: url('/skg/design/newsleiste.jpg');
    background-repeat: no-repeat; 
    width: 100%;
    height: 52px;
}

#news_balken {
    background-image: url('/skg/design/newsleiste.jpg');  
    background-repeat: repeat-x;
    height: 52px;
    float: left;
}

.news {
    width: 62px;
    height: 62px;
    margin-left: 200px;
    margin-right: 20px;
    float: left;
}

.news_meldung {
    height: 40px;
    width: 200px;
    float: left;
    margin: 1px 5px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
}



/*******************************************************************************
 **
 *N Seitennavigation . . . . . . . . . . . . . . . . . . . . . . . . .Seitennavi
 **
 ******************************************************************************/
#navigation {
    position: absolute; 
    top: 152px;
/*    height: auto;   */
    width: 250px;
    background-image: url('/skg/design/navigation_hg.jpg'); 
    background-repeat: repeat-y; 
    float: left;
}


#navLinks {
    background-image: url('/skg/design/navigation.jpg'); 
    background-repeat: no-repeat;
    width: 236px;
    text-align: center;
    float: left;
    height: 140px;
}

#navLinks ul {
    position: relative;
    top: 20px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #A03048;
}

#navLinks li {
    border-top: 1px solid #A03048;
    padding-left: 48px;
}

#navLinks li,
#navLinks a {
    background-color: #F3F5F4;
    display: block;
    text-align: center;
    line-height: 20px;
    vertical-align: bottom;
    height: 20px;
    text-decoration: none;
    color: #A03048;
}

#navLinks a:hover, 
#navLinks a:active {
    padding-left: 48px;
    margin-left: -48px;
    width: 188px;
    background-color: #99989a;
}


#navLinks a:hover, #navLinks ul li {
    background-image: url('/skg/design/navi_rahmen_rot.png'); 
    background-repeat: no-repeat; 
}

.nav_1:hover, #navLinks ul li.nav_1 {
    background-position: 0px -28px; 
}

.nav_2:hover, #navLinks ul li.nav_2  {
    background-position: 0px -48px; 
}

.nav_3:hover, #navLinks ul li.nav_3   {
    background-position: 0px -68px; 
}

.nav_4:hover, #navLinks ul li.nav_4   {
    background-position: 0px -88px; 
}

.nav_5:hover, #navLinks ul li.nav_5   {
    background-position: 0px -108px; 
}

.nav_6:hover, #navLinks ul li.nav_6  {
    background-position: 0px -128px; 
}

.nav_7:hover, #navLinks ul li.nav_7 {
    background-position: 0px -148px; 
}


/*******************************************************************************
 **
 *N Link für übergeordnete Gruppe. . . . . . . . . . . . . . . . . Kategorielink
 **
 ******************************************************************************/

#navKopf, 
#navKopf a, 
#navKopf a:link, 
#navKopf a:active, 
#navKopf a:visited,
#navKopf a:hover {
    line-height: 17px;  
    padding-left: 0px;
    margin-left: 40px;
    margin-right: 15px;
    color: #A03048;
    background-color: transparent;
    background-image: none;
    display: inline;
}


/*******************************************************************************
 **
 *S Wie werde ich Stifter. . . . . . . . . . . . . . . . . . . . . . . . Stifter
 **
 ******************************************************************************/

#stifter {
    position: absolute;
    display: block;
    top: 185px;  /* Einstellung IE6 20px normal 185px*/
    width: 236px;
    height: 40px;
    background-image: url('../design/stifter.jpg');
    background-repeat: no-repeat;
}

#stifter:hover {
    background-image: url('../design/stifter_h.jpg');
    background-repeat: no-repeat;
}


/*******************************************************************************
 **
 *N Positionierung Bilder der Navigation . . . . . . . . . . . . . . . . Subnavi
 **
 ******************************************************************************/

#NavBilder {
    position: absolute;
    display: block;
    top: 225px;  /* IE6 , sonst 85px */
    width: 236px;
    height: 250px;
}


/*******************************************************************************
 **
 *I Inhalte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Inhalte
 **
 ******************************************************************************/

#inhalt {
    position: absolute;
    top: 151px;
    left: 250px;
    background-image: url('/skg/design/inhalt_hg.jpg'); 
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 500px; 
    width: 515px;
}

#inhalt * li {
/*    list-style-type: circle; */
}

/*******************************************************************************
 **
 *S Allgemeine Klassen . . . . . . . . . . . . . . . . . . . . . . . . Allgemein
 **
 ******************************************************************************/

.clear {
    clear:both;
}

.right {
    text-align: right;
    float: right;
}

/*******************************************************************************
 **
 *H Fusslesite . . . . . . . . . . . . . . . . . . . . . . . . . . . .Fussleiste
 **
 ******************************************************************************/

#fuss {
    clear: both;
/*    background-color: green;
    width: 100%;
    border: 2px solid red; */
}


/*******************************************************************************
 **
 *D style.css. . . . . . . . . . . . . . . . . . . . . . . . . . . . . ends here
 **
 ** Local Variables:
 ** mode: CSS
 ** mode: outline-minor
 ** outline-regexp: "^ *\\*[A-Z]"
 ** End:
 **
 ******************************************************************************/