/**
* Standard-Styles
*
* @site     iskramarionova.de
* @author   Klaus Trapp
* @version  may'24
*/
* {
   margin: 0;
   padding: 0;
   font-size: 1em;
}
body {
   padding-top: 1em;
   font-family: Arial, Geneva, Helvetica, sans-serif;
   background-color: rgb(176, 196, 222);
}
#left, #footer, h1, h2, h2, .spezial {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
/* Boxen */
#logo, #top, #left, #main, h1 {
   border-radius: .2em;
   line-height: 1.5em;
}
#logo, #left {
   clear: left;
   float: left;
   margin-right: 2%;
   margin-left:  2%;
   width: 12%;
   text-align: center;
}
#logo {
   margin-top: .5em;
   font-weight: bold;
   color: rgb(72,61,136);
}
p.logo_big {
   font-size: 1.3em;
}
p.logo_sub {
   font-size: 1.2em;
}
#top {
   padding: .1em 0;
}
#left {
   clear: left;
   position: relative;
   margin-top: .5em;
}
menu li {
   margin: .5em 0;
   list-style-type: none;
}
#top, #main {
   margin: .5em 15%;
}
#top, #left {
   border: solid rgb(72,61,136) 1px;
   background-color: rgb(232,234,252);
}
#left li {
   margin: .5em 0;
}
#top li  {
   list-style-type: none;
   display: inline-block;
   margin: .1em 3em .1em .2em;
   padding: 2px 4px;
   font-style: normal;
   font-weight: normal;
   font-size: 1em;
   text-align: center;
}
#top img {
   padding-right: .5em;
}
#main {
   padding: 1em;
   background-color: rgb(232,234,252);
   border: solid rgb(237,237,237) medium;
}
#main p, #main li {
   margin-bottom: .5em;
   font-size: 1.1em;
   line-height: 1.3em;
}
#main li {
   margin-left: .5em;
   margin-bottom: .5em;
   list-style-position: inside;
}
h1, h2, h3 {
   padding: .1em .2em;
   color: rgb(72,61,136);
   page-break-after: avoid;
}
h1 {
   margin-top: .2em;
   margin-bottom: 1em;
   padding-left: .5em;
   font-size: 1.4em;
   background-color: rgb(176, 196, 222);
}
h2, h3 {
   margin-top: 1.5em;
   margin-bottom: 0;
   line-height: 1.3;
}
h2 {
   font-size: 1.25em;
   font-weight: bold;
   background-color:  rgb(142,152,244);
}
h3 {
   font-size: 1.1em;
   font-style: italic;
   font-weight: normal;
   background-color: rgb(210,214,254);
}
.neueseite {
   page-break-before: always;
}
img {
 border: 0;
}
/* Navigation in der Fußzeile */
#footer {
   clear: left;
   display: block;
}
#footer ul {
   margin: 2em 0 0 0;
   padding: 2px 0 2px .4em;
   text-align: left;
   border: none;
   background-color:  rgb(195,216,252);
}
#footer ul li{
   display: inline;
   padding-right: 2.4em;
   font-size: .9em;
   line-height: .8em;
   text-align: left;
}
#footer ul li a {
   font-weight: normal;
   color: black;
}
#footer img {
   margin: 0;
   padding: 0 .5em 0 .1em;
   height: 1em;
   border: 0;
}
hr.clear {
   clear: left;
   visibility: hidden;
}
/* andere divs */
a {
   text-decoration: none;
}
a:link {
   color: darkblue;
}
a:visited  {
   color: blue;
}
a:active {
   color: darkgreen;
}
a:hover {
   text-decoration: underline;
}
address {
   margin-top: .5em;
   margin-bottom: .5em;
   font-family:  'Courier New', Courier, monospace;
   font-size: 1.2em;
   font-style: normal;
   line-height: 1.5;
}
p.klein {
   margin-top: .2em;
   font-size: .9em !important;
}
p.developer {
   margin-top: 1.5em;
   margin-bottom: 0;
   font-family: Georgia, 'Comic Sans MS', sans-serif;
   font-size: .9em !important;
}
/* Profil */
div.jahr, div.projekt, div.job {
   /* background-color:  rgb(234, 234, 234);  /* 92% */
   padding: .3em;
}
div.jahr {
   clear: left;
   float: left;
   margin: .1em 1% 3px 0;
   padding-left: .6em;
   width: 18%;
   vertical-align: text-top;
}
div.job, div.projekt {
   margin: .3em  0 3px 20%;
}
div.projekt {
   padding-left: 1em;
}
div.projekt:before {
   content: "- ";
}
/**
* @section  Button gototop (id)
**/
#gototop {
   position: fixed;
   display: block;
   bottom:  3%;
   right:   12%;
   padding: .1em .4em 0 .4em;
   font-size: 1.5em;
   color: darkred;
   box-sizing: border-box;
   border: none;
   border-radius: 1em;
   outline: none;
   z-index: 99;
   cursor: pointer;
   transition-duration: 0.4s;
   visibility: hidden;
}
#gototop:hover {
   color: darkgreen;
}
#gototop.visible {
   visibility: visible;
   opacity: .7;
}
@media print {
   #top, #top_left, #left, #footer {
      display: none;
   }
   #main {
      margin: .5em 2em;
      width: 90%;
      font-size: .8em;
   }
}