/* Heimatmuseum Leer
Start 1. November 2006
Letzte Änderung 11. Januar 2007
*/

/* Wichtige Farben
Helles Rot für Boxen-Hintergrund: 250, 181, 146;
Dunkles Rotbraun Subnavigation-Hintergrund: 185, 113, 59;
Helles Rotbraun Hauptnavigation-Hintergrund: 218, 114, 68;
*/

/*Hauptbereich, Grundeinstellungen */

body {
margin: 0;
padding: 0;
font-size: 14px; /*Schriftgröße*/
line-height: 130%; /*Zeilenhöhe*/
font-family: Helvetica, Arial, Verdana, Genever, sans-serif; /*Schriftarten*/
text-align: left; /*Alle Elemente linksbündig*/
/*background-color: rgb(218, 173, 140);*/
}

/*Überschriften*/

h1 {
    margin-bottom: 20px;
}

h2, h4, h5, h6 {
    margin-bottom: 10px;
}
h3 {
    margin-bottom: 4px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}


ul, li {padding: 0; 
margin: 0;
list-style-type: none; 
position: relative; /*Alle Listen als Standard ohne Aufzählungszeichen*/
}

img, a img {border: 5px solid rgb(218, 173, 140); /*Alle Bilder bekommen diesen Rand*/
float: left;
margin-bottom: 20px;
}

.clear { clear: both; /*Element aus float befreien*/}

/*Definierte Hülle*/

#wrap {
overflow: hidden; /* s.z.B. hier: http://css-discuss.incutio.com/?page=ClearingSpace */
margin: 0;
padding: 0;
width: 760px;
text-algin: left;
height: 100%;
background-image: url(media/header-backstein-klein2.jpg);
}

/*Kopfbereich*/

#header { 
float: left;
width: 760px; 
height: 117px;
text-align: left;
background-image: url(media/header3.jpg);
}

/*Menüleiste-oben-horizontal*/

/*Navigationsanker*/
#navigation a {
float: left;
display: block;
padding-left: 15px;
padding-right: 15px;
border-left: 1px solid #93A2AA;
text-decoration: none;
text-align: center;
color: rgb(192, 192, 192);
background: url(media/buttonnavbg.jpg) no-repeat top left;
}

/*Navigationsleiste*/
#navigation {
float: left;
width: 760px;
background-image: url(media/buttonnavbg.jpg);
border-bottom: 1px solid #999;
font-size: 14px;
}

#navigation ul li {
display: inline;
}
/*Herüberfahren*/
#navigation a:hover {
color: white;
text-decoration: none;
background: url(media/buttonnavbgover.jpg) no-repeat top left;
}

#navigation a#hier:link, #navigation a#hier:visited, #navigation a#hier:hover, #navigation a#hier:active {
background: url(media/buttonnavbgover.jpg);
color: white;
}

/*Menüleiste-oben-horizontal - Stufe 2*/

/*Subnavigationsanker*/
#subnavigation a {
float: left;
display: block;
padding-left: 10px;
padding-right: 11px;
border-left: 1px solid #93A2AA;
text-decoration: none;
text-align: center;
color: rgb(192, 192, 192);
background: url(media/buttonsubbg.jpg) no-repeat top left;
}

/*Subnavigation*/
#subnavigation {
float: left;
width: 760px;
height: 18px;
background-image: url(media/buttonsubbg.jpg);
border-bottom: 1px solid #999;
/*border-left: 1px solid #999;*/
}

#subnavigation ul li {
display: inline;
}

#subnavigation a:hover {/*Beim Herüberfahren*/
color: white;
text-decoration: none;
background: url(media/buttonsubbgover.jpg) no-repeat top left;
}

#subnavigation a#hier:link, #subnavigation a#hier:visited, #subnavigation a#hier:hover, 
#subnavigation a#hier:active {background: url(media/buttonsubbgover.jpg);
color: white;
}

/*Inhaltsbereich*/
#content {
float: left;
width: 500px;
min-height: 500px;
border-right: 1px solid #999;
background-color: white;
padding: 20px;
}


#content p,
#content ul {
    margin: 0 0 20px 0;
}


#image-1 {
position: relative;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
float: right;
}

#image-2 {
position: relative;
margin-top: 20px;
margin-left: 20px;
float: none;
}


#Flagge {
border: none;
padding-left: 2px;
padding-right:5px;
padding-top: 2px;
}

#organigramm {
position: relative;
margin: 20px;
float: left;
border: none;
}

#block-1 {
width: 170px;
padding: 5px;
margin-top: 20px;
margin-left: 18px;
margin-bottom: 10px;
border: 1px solid #93A2AA;
position: relative;
/*font-size: small;*/
background-color: rgb(218, 173, 140);
}

#sidebar {
position: absolute;
top: 150px;
left: 540px;
width: 200px;
font-size: 12px;
/*background-image: url(media/header-backstein-klein2.jpg);*/
} 

#block-1 ul {
margin-top: 10px;
}

#block-1 h3 {
margin: 0px;
margin-top: 7px;
}

#block-1 {
/*font-size: 12px;*/
line-height: 15px;
}

#absatz {
margin-bottom: 15px;
}

#listenpunkte li {
list-style-type: disc;
margin-left: 20px;
margin-bottom: 10px;
/*font-size: 14px;*/
}


#spalte-1 {
width: 240px;
float: left;
}

#spalte-2 {
width: 240px;
padding-left: 20px;
float: left;
}

#footer {
float: left;
height: 10px;
width: 760px;
padding-top: 10px;
padding-bottom: 10px;
}

/*Menüleiste-footer*/

/*Navigationsanker*/
#footernavigation a {
float: left;
display: block;
padding-left: 15px;
padding-right: 15px;
border-left: 1px solid #93A2AA;
text-decoration: none;
text-align: center;
color: rgb(192, 192, 192);
background: url(media/buttonnavbg.jpg) no-repeat top left;
}

/*footer Navigationsleiste*/
#footernavigation {
float: left;
width: 760px;
background-image: url(media/buttonnavbg.jpg);
border-bottom: 1px solid #999;
}

#footernavigation ul li {
display: inline;
}
/*Herüberfahren*/
#footernavigation a:hover {
color: white;
text-decoration: none;
background: url(media/buttonnavbgover.jpg) no-repeat top left;
}

#footernavigation a#hier:link, #footernavigation a#hier:visited, 
#footernavigation a#hier:hover, #footernavigation a#hier:active {
background: url(media/buttonnavbgover.jpg);
color: white;
}

div.teaser {
    border: 5px solid rgb(218, 173, 140);
    margin: 20px 0 20px 0;
    clear: both;

}
div.teaser h3,
div.teaser p {
    margin: 8px !important;
}