/* basic.css Juedische Spuren in Weinheim */


/* ___________________________________________________  uebergeordnete Stile */

html {
height: 101%;
}

body {
background-color: #4d1218;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
line-height: 15px;
text-align: center;
padding: 0px;
margin: 0px;
}

input, select, textarea{
font-size: 11px;
color: #333333;
border: 1px solid;
margin: 10px 0 0 10px;
}

textarea {
border: 1px solid;
}



/* ___________________________________________________  Ebenen für Layoutstruktur */

/* container - zentriert das layout */
#container {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background: url(../bilder/layout/platzhalter_hintergrund_container.jpg) top left no-repeat #352e35;
}

/*kopfbereich mit weinheimlogo */
#head {
height: 25px;
text-align: right;
padding: 0px;
margin: 0px;
background: url(../bilder/layout/background_head.gif);
}

/*logobereich juedische spuren in weinheim */
#headline {
height: 65px;
text-align: left;
padding: 0px;
margin: 0px;
}

/* inhalt */
#content {
padding: 180px 0px 0 0;
margin-left: 200px;
margin-right: 0px;
min-height: 500px;
text-align: left;
background-repeat:no-repeat;
background-color: #ffffff;
border-left: solid 1px black;
}

/*navigavtionsleiste links container*/
#left {
float: left;
width: 200px;
text-align: left;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
}



/* ___________________________________________________  Formatierungen im Bereich navi_left */

#left li {
background-color:#000000;
}

#left li, ul {
list-style-type: none;
color: #ffffff;
margin: 0;
padding: 4px 0;
}

#left a:hover{
background-color: #5b5b5b;
color: white;
}

#left a {
display:block;
text-decoration: none;
color: #ffffff;
margin: 0;
}

#left .active {
background-color: #dec997;
color: black;
}

/* Betrifft die Hauptmenuepunkte*/
#left ul li {
font-weight: bold;
border-bottom: solid 1px #ffffff;
}



/* ___________________________________________________  Formatierungen im Bereich Suchfeld */

#suche {
background-color:#C0C0C0;
padding: 0 0 20px 0;
}

#suche h1{
background-color:#969696;
padding: 4px 0 8px 7px;
font-size:11px;
font-weight: bold;
}

#suche a{
display:inline;
text-decoration: underline;
color:black;
background-color:#C0C0C0;
font-weight: normal;
border:none;
}

#suche ul li{
display: inline;
background-color:#C0C0C0;
border:none;
}

#suche ul{
margin-top: 7px;
}

#suche a:hover{
background-color: transparent;
color: black;
}

#suche p{
padding: 0px 5px 0 10px;
margin-bottom: -7px;
}



/* ___________________________________________________  Formatierungen im Bereich footer */

#footer {
font-size: 9px;
height: 50px;
padding: 3px 3px 0px 10px;
text-align: left;
background: url(../bilder/layout/background_footer.jpg) top no-repeat;
background-color: #4d1218;
}

/* links im footer sind unterstrichen */
#footer a {
text-decoration: none;
padding-top:0px;
color: black;
}

#footer_left{
float: left;
padding-left: 5px;
}

#footer li{
display:inline;
color: black;
}

#footer_right{
padding-right: 10px;
text-align: right;
}



/* ___________________________________________________  Formatierungen im Bereich content_navi */

#content_navi {
float:right;
width:759px;
text-align:left;
background-color:#2D2D2D;
margin: 0 0 10px 0px;
font-size: 10px;
font-weight:lighter;
color: white;
height: auto;
padding: 10px 0 10px 0;
}

#content_navi a {
text-decoration: none;
color: #ffffff;
}

#content_navi li{
display:inline;
}



/* ___________________________________________________  Formatierungen im Bereich content_inhalt */

#content_inhalt {
margin: 0px;
color: black;
}

#content_inhalt p {
margin: 0 0 7px 15px;
padding: 0 10px 5px 10px;
line-height: 140%;
}

#content_inhalt h1 {
font-size: 130%;
line-height: 2em;
padding: 0px 10px 3px 10px;
}

#content_inhalt h2 {
font-size: 120%;
background-color:#C0C0C0;
font-weight: bold;
height: 30px;
padding: 10px 0 0 20px;
margin: 10px 0 10px 0px;
}

#content_inhalt h2 a {
text-decoration:none;
}

#content_inhalt h3 {
font-size: 110%;
padding: 5px 10px 5px 10px;
margin:0px;
}

#content_inhalt h3 a {
text-decoration:none;
}

#content_inhalt h4 {
font-size: 100%;
padding: 5px 10px 5px 10px;
margin:0px;
}

#content_inhalt a{
text-decoration: underline;
color: black;
}

#content_inhalt ul{
color: black;
padding: 0 5px 0 50px;
}

/* aufzählungspunkte und deren abstand zum text */
#content_inhalt ul li{
padding: 3px 0px 2px 2px;
list-style-type:square;
}

/* unterpunkte, 2. Ebene */
#content_inhalt ul li ul{
margin: 0px 0px 0px -25px;
}

/* einrücken der bilder */
#content_inhalt img{
padding: 0px 0px 0px 15px;
}

/* einrücken der bilder */
#content_inhalt .eingerueckt{
padding: 0px 0px 0px 25px;
}

/* bildunterschriften */
#content_inhalt .bildunterschrift{
padding: 0px 0px 0px 25px;
font-weight:bold;
font-style:italic;
}

/* tabelle formatieren */
#content_inhalt table{
padding: 20px 15px;
width: 99%;
}

#content_inhalt table td{
vertical-align: top;
width: 33%;
}

/* tabelle bilder */
#content_inhalt table img{
padding-left: 15px;
}

/* zum seitenanfang */
#content_inhalt .top{
text-align: right;
padding-right: 15px;
}

.p_hervorgehoben {
background-color:#FF0000;
color: white;
font-weight:bold;
}


/* ___________________________________________________ Formate für Kontaktformular */

.boldred {
  color: #cc0000;
  font-weight: bold;
}

div.error {
  border: 2px solid #cc0000;
  color: #cc0000;
  margin: 0 0.5em;
  padding: 0.25em;
}