@charset "utf-8";
/*CSS Document */

@media screen and (min-width:740px)
                 {#titel{
                 width:100%;}
                 }



@media screen and (max-width:740px)
                 {#titel{
                 display:none;}
                 #main{margin-top:20%}
                  }



img              {
                 max-width:100%;
                 height:auto;
                 }

.box3            {
                  display:block;  /*Foto*/
                  /*border-style:solid;
                  border-width:3px;
                  border-top-color:#5F5F5F;
                  border-left-color:#000000;
                  border-bottom-color:#FFFFFF;
                  border-right-color:#F0F0F0;*/
                  padding:5px;
                  width:auto;
                  max-width:96%;
                  background-color:transparent;
                  margin:0 auto;
                  }
.box4            {
                  display:block;  /*Foto*/
                  border-style:solid;
                  border-width:3px;
                  border-top-color:#5F5F5F;
                  border-left-color:#000000;
                  border-bottom-color:#FFFFFF;
                  border-right-color:#F0F0F0;
                  padding:5px;
                  width:auto;
                  max-width:96%;
                  background-color:grey;
                  margin:0 auto;
                  text-align:center;
                  }
main             {
                 width:auto;
                 height:auto;
                 margin:0 auto;
                 }

header           {
                 width:auto;
                 height:auto;
                 margin:0 auto;
                 }

nav              {
                 text-align:center;
                 }

#kasten  {
         border:3px solid;
         border-top-color:#000000;
         border-left-color:#000000;
         border-right-color:#FFFFFF;
         border-bottom-color:#FFFFFF;
         }

#kasten1 {
         border:3px solid;
         border-top-color:#000000;
         border-left-color:#000000;
         border-right-color:#FFFFFF;
         border-bottom-color:#FFFFFF;
         width:100px;
         height:20px;
         background-color:#FFD700;
         margin:5px auto;
         text-align:center;
         }

.msp1    {font-family:'Palatino Linotype',Arial, Verdana;
         color:#00416E;
         font-size:12px;
         font-style:normal;
         font-weight:bold;}
                 }
// INDEX





/*
#bigimage{
         margin:0px auto 10px auto;
         max-width:99%;
         border:3px solid #98bfd8; #98bfd8
         }

#images  {
         max-width: 1000px; /* 8 spalten mit je 130px          margin: 0 auto;
         padding: 2px;
         line-height: 0;
         }

#images li{
         list-style: none;
         display: inline-block;
         width: 146px; /* Breite der Bilderrahmen
         margin: 1px; /* Aussenabstand der Bilderrahmen
         background-color:#98bfd8; /* Hintergrundfarbe für die Bilderrahmen, vom User wählbar #98bfd8;
         transition: all ease 0.5s;
         border-radius:5px;
         padding:2px;
         }

#images li:hover {
         background-color:#FF7F7F; /* Hintergrundfarbe für die Bilderrahmen beim Mouseover
         cursor:pointer;
         }

#images li div {
         display: table;
         margin: 0;
         height: 0px;        /* Hoehe der Bilderrahmen (ohne Bild-Text)
         width: 100%;
         }

#images li div a {
         display: table-cell;
         vertical-align: middle;
         }