/* Screen-Standart CSS für www.black-strom.de.vu */

/*
Enhhält:
- allgemeingültige CSS angaben für alle dateien
- CSS Angaben für die Menüs
- CSS Angaben für den Inhalt
- CSS Angaben für die Fußzeile
*/


/* Abstände aller Elemente werden auf Null gesetzt + weitere Formatierungen */
html, body, div, p, h1, h2, h1, ul, ol,
span, a, table, td, form, img, li {
 margin: 0;
 padding: 0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* +++ Allgemeine CSS +++ */
html, body {
 background: #D0F0FF url(../img/bg_body.jpg);
 font-size: 101%;
}

.center {
 text-align: center;
}

img {
 border: 0;
 /* padding:0.5em; */
}

h1, h2 {                        /* Überschrift allgemein */
 font-weight: bold;
 color: black;
 margin-top: 1.5em;
 margin-bottom: 0.5em;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: gray;
}

h1 {		       		/* Überschrift für Inhalt */
 font-size: 1.5em;
 width: 80%;

}

h2 {				/* Unter-Überschrift bei Inhalt */
 font-size: 1.1em;
 width: 60%;
}

h3 {				/* Unter-Unter-Überschrift bei Inhalt */
 font-size: 1em;
 font-weight: bold;
 color: black;
 margin-top: 1.5em;
 margin-bottom: 0;
}

/* +++ END Allgemeine CSS +++ */



/* +++ Allgemeine Link Formatierungen +++ */
a:link {
 color: #0033FF;			/* Verweise zu noch nicht besuchten Seite */
 text-decoration: none;
}

a:visited {                      /* Verweise zu bereits besuchten Seite */
 color: #858DFA;
 text-decoration: none;
}

a:hover {                        /* während der Anwender mit der Maus darüber fährt */
 color: #F86F47;
 text-decoration: underline;
}

a:active {                       /* gerade angeklickte Verweis */
 color: #FA9A7E;
 text-decoration: underline;
}

a.de {                           /* zeigt links vom Link eine Grafik an */
 padding-left:28px;
 background: url(../img/flage_de.gif) no-repeat left;
}

a.en {                           /* zeigt links vom Link eine Grafik an */
 padding-left:28px;
 background: url(../img/flage_en.gif) no-repeat left;

}

a.de_en {                        /* zeigt links vom Link eine Grafik an */
 padding-left:28px;
 background: url(../img/flage_de_en.gif) no-repeat left;
}

/* +++ END  Allgemeine Link Formatierungen +++ */



/* +++ hautmenu +++ */

#logo_oben {
 height: 65px;
 background: url(../img/bg_titel.jpg) no-repeat;
}

#hautmenu {
 text-align: center;
 margin-bottom : 0.7em;
}

#hautmenu ul {
 list-style-type:none;
 width: 100%;
 padding-top: 1em;
 padding-bottom: 1em;
}

#hautmenu li {
 display: inline;   	 	/* liste nebeneinander */
}

#hautmenu a {                    /* Link allgemein */
 background-color: #00AFEF;
 padding: 0.4em;
 border: 1px solid black;
 color: #000000;
 text-decoration: none;
}

#hautmenu a:hover {   		/* während der Anwender mit der Maus darüber fährt */
 background-color: #66D5FF;
}

#hautmenu a:active {  		/* gerade angeklickte Verweise */
 background-color: #D9F4FF;
}


/* +++ END  hautmenu +++ */



/* +++ untermenu +++ */

#untermenu {
 float: left;
 width : 200px;
 padding: 0.7em;
 margin-top : 2px;
 margin-right : 10px;
}

#untermenu ul {
 list-style-type:none;
}

#untermenu li {
 padding-top: 0.11em;
 padding-bottom: 0.11em;
}

#untermenu a {                   /* Link allgemein */
 padding-top: 0.11em;
 padding-bottom: 0.11em;
 padding-left: 0.5em;
 border-left:10px solid;
 border-color: #D9F4FF;
}

#untermenu a:visited {           /* Verweise zu bereits besuchten Seite */
 color: #0033FF;
}

#untermenu a:hover {   		/* während der Anwender mit der Maus darüber fährt */
 border-color: #66D5FF;
}

#untermenu a:active {  		/* gerade angeklickte Verweise */
 border-color: #00AFEF;
}

/* +++ END  untermenu +++ */


/* +++ Menü beim Inhalt +++ */

#inhalt_menu {
 border-style: solid;
 border-width: 1px;
 border-color: #C0C0C0;
 background-color: #F5F5F5;
 padding: 0.5em;
 margin-left: 1em;
 float : right;
}

#inhalt_menu span {
 font-size: 1.1em;
 font-weight: bold;
 color: Black;
 letter-spacing: 2px;
}

#inhalt_menu ul {
 list-style-type: decimal;
 margin-left: 0.6em;
 padding-top: 0.5em;
}

/* +++ END  Menü beim Inhalt +++ */


/* +++ Inhalt +++ */

#inhalt {                        /* Inhalts Block */
 float : left;
 width : 65%;
 background-color : #D0F0FF;
 padding: 0.7em;
}

#inhalt p {                      /* Text */
 font-size: 1em;
 margin-bottom: 1em;
}

#inhalt ul {                     /* Normale Liste */
 padding-left: 1em;
 padding-bottom: 0em; /*am 13.11.04 auf 0 gesetzt*/
}

.absatz {                        /* Erzwungener Absatz */
 clear:both
}

/* Rahmen um Bild und Beschreibungstext */
div.bild_1, div.bild_2,         /* für alle Bilder */
div.bild_3, div.bild_4  {
 border-style: solid;
 border-width: 1px;
 border-color: #C0C0C0;
 background-color: #F5F5F5;
 font-size: 94%;
 text-align: center;
 padding: 10px;
 margin-bottom: 1em;
}
div.bild_1 {			/* Block */
}
div.bild_2 {			/* Text fliest rechts vorbei*/
 margin-right: 0.8em;
 float: left;
}
div.bild_3 {			/* Text fliest links vorbei*/
 margin-right: 0.8em;
 float: right;
}
div.bild_4 {			/* Zentriert ausrichten*/
 margin-left:auto;
 margin-right:auto;
}
div.bild_1 div, div.bild_2 div,  /* text unter dem Bild */
div.bild_3 div, div.bild_3 div {
 margin-top: 0.5em;
}

/* Thumb */
div.bild_thumb {			/* Rahmen um das Thumb herum */
 border-style: solid;
 border-width: 1px;
 border-color: #C0C0C0;
 background-color: #F5F5F5;
 padding: 0.5em;
 margin-bottom: 0.5em;
 margin-right: 0.5em;
 width : 200px;
/* height : 150px; */
 float: left;
}
.thumb {	     			/* Thumb Bild selber */
 border-style: solid;
 border-width: 1px;
 border-color: #C0C0C0;
 margin:0;
 padding:0;
}
.lupe {	       			/* Lupe unter Thumb Bild */
 float: right;
 padding-top:0.5em;
}
.print {                        /* war nur ein test */
 display: none;
}

/* Für Block: Achtung die Schaltung ... */
#achtung {                         /* Block */
 border-style: solid;
 border-width: 4px;
 border-color: #8b0000;
 background-color: #ff4500;
 padding: 0.5em;
 margin-bottom: 1em;
}
#achtung img{                      /* Bild */
 float: left;
 padding-right: 1em;
}
#achtung span{                     /* Überschrift */
 font-weight: bold;
 font-size: 1.5em;
 letter-spacing: 4px;
 color: black;
}

pre {                          	 /* Quelltexte */
 font-family: Courier;
 font-size: 0.8em;
 background-color: snow;
 padding: 0.5em;
 border-width: 1px;
 border-style: dashed;
 border-color: rgb(47, 111, 171);
}


/* +++ END  Inhalt +++ */


/* +++ Fußzeile +++ */

#fusszeile {
 font-size : 0.9em;
 /*float : left ;    /* wird im IE fehlerhaft dargestellt - ohne im moz :-( */
 width : 100%;
 text-align: center;
 margin-bottom : 1em;
 margin-top : 1em;
 /* border-top-width: 0.4em;
 border-top-style: solid;
 border-top-color: #D0F0FF;*/
}

/* +++ END  Fußzeile +++ */