/********************************* CSS Datei zu den Seiten der Bilder von Waltraud Herget **********************************/
/**************************************** Bildschirm ******************************************************************/

/*** erstellt von Gabi Wappler Oktober 2014                                                                           ***/
/*** Version 1.0:  02.10.14   Gabi Wappler
/*** Version 2.0:  20.06.19   Gabi Wappler; Änderung der Farben                                                                        ***/

/* Farbdefinitionen:                                                                                                  */
/*                                                                                             */
/********************************** Geruest bauen *********************************************************************/

html, body {
   height:100%;
   width:100%;
   font-family: serif;
   font-size:100%;
}

body {
   margin: 0px;
   padding: 0px;
   background: url(./hintergrund.jpg) repeat;
}

h1 {
   margin: 60px;
   margin-bottom: 20px;
   font-size:2em;
   color: #000000;
   font-size: 2em;
   text-align: center;
}
h2 {
   margin: 20px;
   color: #000000;
   font-size: 1.7em;
   text-align: left;
}
h3 {
   margin: 20px;
   color: #000000;
   font-size: 1.5em;
   text-align: left;
}
h4 {
   margin: 20px;
   color: #000000;
   font-size: 1.2em;
   text-align: left;
}
p {
   padding-left: 20px;
   padding-right: 20px;
   color: #000000;
   font-size: 1.2em;
}
li {
   padding-left: 20px;
   padding-right: 20px;
   color: #000000;
   font-size: 1.2em;
}

#wrapper {
   margin:30px auto 0 auto;
   position: relative;
   width:1000px;
   height:700px;
}


/********************************* fester Teil und Kopf ******************************************************/

#header {
   left: 300px;
}

#headercenter {
   left: 500px;
   margin-left: -2px;
}


/********************************* Infoteil *********************************************************/


#textwrapper {
   background-color: #FDFB9F;
   left: 300px;
}

#textwrapper a         {text-decoration:none;}
#textwrapper a:link    {color:#FF7F7F;}
#textwrapper a:visited {color:#C04000;}
#textwrapper a:focus, #textwrapper a:hover {
   background-color: #FF7F7F;
   color: #000000;
   text-decoration:underline;
}
#textwrapper a:active  {color: #FF7F7F;}

.ohnelink {
   color: #000000;
}

.backlink {
   font-size: 0.8em;
   color: #FF7F7F;
}

.grossesbild {
   text-align: center;
}

.flclear {
   clear: left;
}

/********************************* Bilderteil *********************************************************/


#bildwrapper {
   background-color: #FFFFFF;
   left: 300px;
}

#bildwrapper a         {text-decoration:none;}
#bildwrapper a:link    {color:#FF7F7F;}
#bildwrapper a:visited {color:#C04000;}
#bildwrapper a:focus, #textwrapper a:hover {
   background-color: #FF7F7F;
   color: #000000;
   text-decoration:underline;
}
#bildwrapper a:active  {color: #FF7F7F;}

#bildwrapper h2 {color: #F0F0F0; }

.ohnelink {
   color: #F0F0F0;
}

.backlink {
   font-size: 0.8em;
   color: #FF7F7F;
}

.grossesbild {
   text-align: center;
}

.flclear {
   clear: left;
}


/********************************* Impressum *********************************************************/

#imptext {
   float: left;
   width: 640px;
   font-size: 0.8em;
}

#imptext p {
   margin-left: 40px;
   font-style: normal;
   margin-bottom: 0;
}

#imptext h3 {
   margin-left: 60px;
   margin-bottom: 0;
   margin-top: 0;
   color: #304fb0;
}

#imptext .pZeiten {
   padding-left: 3em;
}

#imptext a         {text-decoration:underline;}
#imptext a:link    {color:#304fb0;}
#imptext a:visited {color:#304fb0;}
#imptext a:focus, #imptext a:hover {
   background-color:#304fb0;
   color: #000000;
   text-decoration:underline;
}
#imptext a:active  {color:#304fb0;}

/********************************* Footer *********************************************************/

#footer {
   float: left;
   left: 40px;
   bottom: 2em;
   height: 2em;
}

#footer p {
   font-size: 0.8em;
   color: #AFAFAF;
}
#footer1 {
   float: left;
   position: relative;
}
#footer2 {
   float: right;
   margin-right: 60px;
   position: relative;
}


#footer a         {text-decoration:none;}
#footer a:link    {color:#AFAFAF;}
#footer a:visited {color:#AFAFAF;}
#footer a:focus, #footer a:hover {
   background-color:#AFAFAF;
   color: #ffffff;
   text-decoration:underline;
}
#footer a:active  {color:#AFAFAF;}