/* 
Standard Stylesheet für die Webseite des Bergwacht Landesverbands

(c) 2013 Markus Knauss, Alle Rechte vorbehalten
*/

/* Allgemeine Seiteneinstellungen */
body {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-size: 12px;
    color: #000000; /* schwarz */
}
            
/* Rahmen um die gesamte Seite, Seite zentriert */
#seitenrahmen {
    border: 1px #b3b3b3 solid;
    width: 960px;
    min-height: 100px;
    position: absolute;
    left: 50%;
    margin-top: 20px;
    margin-left: -480px;
}

/* Seitenmenue oben links, jeder Eintrag 120px breit inkl. Rahmen. */
div#seitenmenue-container {
    margin: 0px;
    padding: 0px;
    float: right;
}

ul#seitenmenue {
    margin: 0px;
    padding: 0px;
}

ul#seitenmenue li {
    font-size: 14px;
    font-weight: bold;
    color: #b3b3b3;
    
    margin: 0em;
    padding-top: 5px;
    list-style: none;
    display: inline-block;
    width: 119px;
    height: 23px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px #b3b3b3 solid;
}

ul#seitenmenue li:hover {
	background-color: #e6e6e6;
}

#seitenmenue * a:link {
    color: #b3b3b3;
    text-decoration: none;
}

#seitenmenue * a:visited {
    color: #b3b3b3;
    text-decoration: none;
}

#seitenmenue * a:active {
    color: #b3b3b3;
    text-decoration: none;
}

#seitenmenue * a:hover {
    color: #b3b3b3;
    text-decoration: none;
}

/* Seitentitel mit Logo */
#seitentitel-container {
    width: 938px;
    min-height: 100px;
    margin-top: 10px;
    margin-left: 9px;
}

h1#seitentitel {
    font-size: 28px;
    font-weight: bold;
    line-height: 40px;
    margin: 30px 0px 0px 0px;
    padding: 0px;
}

#seitentitel-container img {
    float: right;
    margin-top: 10px;
}

/* Hauptmenue auf der Webseite */
#hauptmenue-container {
    margin: 10px 0px 0px 0px;
    padding: 0px;

    width: 100%;
    height: 30px;
}

ul#hauptmenue {
    margin: 0px;
    padding: 0px;
    background-color: #f68c08;
}

ul#hauptmenue li {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;

    list-style: none;
    display: inline-block;
    margin: 0px;
    padding-top: 5px;
    height: 23px;
    width: 118px;
    text-align: center;
    vertical-align: middle;
	
	border-left: 1px solid white;
}

ul#hauptmenue li:hover {
    color: #000000;
    background-color: #e6e6e6;
}

#hauptmenue * a:link {
    color: #ffffff;
    text-decoration: none;
}

#hauptmenue * a:visited {
    color: #ffffff;
    text-decoration: none;
}

#hauptmenue * a:active {
    color: #ffffff;
    text-decoration: none;
}

#hauptmenue * a:hover {
    color: #000000;
    text-decoration: none;
}

/* Container fuer den Inhalt links und rechts */
#inhalt-container {
    width: 100%;
    margin: 10px 0px 0px 0px;
}

/* Container fuer den Inhalt links */
#inhalt-links {
    float: left;
    
    width: 642px;
    margin: 0px;
    padding: 0px 9px 0px 9px;

    border-right: 1px #b3b3b3 solid;
}

/* Teaser-Bild oben im linken Inhaltsbereich */
#inhalt-teaser * {
    margin: 0px;
    padding: 0px;
}

/* Formatierung des Inhalts im linken Inhaltsbereich */
#inhalt-inhalt h2 {
    font-size: 14px;
    font-weight: bold;
    color: #f68c08;
    margin: 30px 0px 6px 0px;
}

#inhalt-inhalt img {
    float: left;
    margin: 0px 10px 5px 0px;
}

#inhalt-inhalt p {
    margin: 0px 0px 0.5em 0px;
}

#inhalt-inhalt * a:link {
    color: #f68c08;
    text-decoration: none;
}

#inhalt-inhalt * a:visited {
    color: #f68c08;
    text-decoration: none;
}

#inhalt-inhalt * a:active {
    color: #f68c08;
    text-decoration: none;
}

#inhalt-inhalt * a:hover {
    color: #b3b3b3;
    text-decoration: none;
}

/* Bereich mit der Seitenauswahl im Beitragsblog */
div.pagination {
    margin: 20px 0px;
}

div.pagination p {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

div.pagination ul {
    text-align: center;
}

div.pagination * li {
    text-align: center;
    list-style: none;
    display: inline-block;
    margin: 0px 5px 0px 5px;
    padding: 0px;
}

/* Fusszeile mit Copyright-Hinweis */
#fusszeile {
    background-color: #f68c08;
    min-height: 30px;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

#fusszeile p {
    color: #ffffff;
    margin: 0px;
    padding: 5px 0px;
}

/* Inhalt auf der rechten Seite (Suchfenster, Untermenue, etc.) */
#inhalt-rechs {
    margin: 0px 0px 10px 660px;
    padding: 0px 0px 0px 9px;
    border-left: 1px #b3b3b3 solid;
}

/* Untermenue auf der rechten Seiten */
#inhalt-untermenue {
    margin: 10px 0px 0px 0px;
    width: 280px;
}

ul#untermenue {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    
    border-bottom: 1px solid #b3b3b3;
}

ul#untermenue li {
    font-size: 14px;
    font-weight: bold;
    color: #000000;

    list-style: none;
    margin: 0px;
    padding-top: 5px;
    height: 28px;
    width: 278px;
    text-align: center;
    vertical-align: middle;
	
    border: 1px solid #b3b3b3;
}

ul#untermenue li:hover {
    color: #000000;
    background-color: #e6e6e6;
}

#untermenue * a:link {
    color: #000000;
    text-decoration: none;
}

#untermenue * a:visited {
    color: #000000;
    text-decoration: none;
}

#untermenue * a:active {
    color: #000000;
    text-decoration: none;
}

#untermenue * a:hover {
    color: #000000;
    text-decoration: none;
}

/* Mitgliedermenue auf der rechten Seite */
#inhalt-mitgliedermenue {
    margin: 10px 0px 0px 0px;
    width: 280px;
}

ul#mitgliedermenue {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    
    border-bottom: 1px solid #b3b3b3;
}

ul#mitgliedermenue li {
    font-size: 14px;
    font-weight: bold;
    color: #000000;

    list-style: none;
    margin: 0px;
    padding-top: 5px;
    height: 28px;
    width: 278px;
    text-align: center;
    vertical-align: middle;
	
    border: 1px solid #b3b3b3;
}

ul#mitgliedermenue li:hover {
    color: #000000;
    background-color: #e6e6e6;
}

#mitgliedermenue * a:link {
    color: #000000;
    text-decoration: none;
}

#mitgliedermenue * a:visited {
    color: #000000;
    text-decoration: none;
}

#mitgliedermenue * a:active {
    color: #000000;
    text-decoration: none;
}

#mitgliedermenue * a:hover {
    color: #000000;
    text-decoration: none;
}