/* ===========================
   Stylesheet rtner.info
   Datei: rtner.css
   Datum: 2018-05-13
   ===========================*/


/* Allgemein */

* {margin: 0;
   padding: 0;}
   
html {/*height: 101%;*/ /* Problemverursacher für Verläufe - denn er wirkt wie eine Kachelung entsprechend der Höhenangabe!!! */ 
      padding-top: 10px; /* neue Idee: Box in HTML erzeugen!!! 090612 */
     background-color: #333/*#D0DAE7*/;
}

body {
   position: relative;
   width: 1003px;
   min-width: 800px;
   margin: 0 auto;
   font-family: Arial, Helvetica, sans-serif;
   color: #EEE;
   font-size: 95%;
 }

#umschlag {
  position: absolute; 
   background-color: #333/*#9EB0C6*/;
   -webkit-border-radius: 140px;
   -moz-border-radius: 140px;
   border-radius: 140px;
   -webkit-box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 20px;
   -moz-box-shadow: hsla(580, 100%, 30%, 0.8) 10px 5px 20px;
   box-shadow: hsla(580, 100%, 90%, 0.8) 10px 5px 120px;
}

/* Fortsetzung Allgemein */

h1 {font-size: 1.2em;}
h2, h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5, h6 {font-size: 1.0em;}

h1, h2, h3, h4 {font-family: Arial, Verdana, Helvetica, sans-serif;}
h1 {color: #CCC;}
h2, h3, h5, h4, h6 {color:#BBB;}

p {
   font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 10px;}

ul, ol {line-height: 1.4em;}

.stopFloat {display: block;
            float: none;
            clear: both;
            height: 1px;
            line-height: 0;
            font-size: 0;}

.hidden {position: relative;
   top: -7000px;
   left: -7000px;
   margin: 0;
   padding: 0;
   font-size: 0;
   width: 0;
   height: 0;}

/* Hyperlinks */

a {
   padding: 1px 2px 1px 2px;
   color: #5588BB;
   font-size: 0.8em;
   font-weight: bold;
   text-decoration: none;}

a:link,
a:visited {
   padding:  1px 2px 1px 2px;
   color: #5588BB;
   outline: none;}

a:hover {
   padding:  1px 2px 1px 2px;
   color: #ffffff;
   text-decoration: none;
   border-bottom: 0;
   background-color: #193A7D;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;}

a:active {
   padding:  1px 2px 1px 2px;
   color: #5588BB;
   background-color: #9EB0C6;
   outline: none;}

/* Textgestaltung */

.text_fett {font-weight: bold;
   color: #EEE;}
.text_kursiv {font-weight: bold;
   font-style: italic;
   color: #EEE;}
.text_kursiv2 {font-weight: bold;
   font-style: italic;}
.text_kursiv3 {font-weight: normal;
   font-style: italic;}

.p1 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 10px;}
.p2 {font-size: 0.8em;
   line-height: 1.4em;
   padding-top: 10px;
   padding-bottom: 10px;}
.p3 {font-size: 0.8em;
   line-height: 1.4em;
   padding-bottom: 20px;}

.register {position: relative;
   top: -3px;
   padding-left: 2px;}

.abstand-u30 {margin-bottom: 30px;}
.marg-u15 {margin-bottom: 15px;}
.marg-ob-20 {margin-top: 20px;}
.fs09 {font-size: 0.9em;}
.fs08 {font-size: 0.8em;}
ul.copylist {
     font-size: 0.82em;
     margin: 5px 0 15px 20px;}
ul.copylist li {margin-bottom: 4px;}

/* Navigation */

ul#navigation {width: 140px;
   position: absolute;
   top: 69px;
   right: 0px;
   padding-top: 75px;
   list-style: none;}

ul#navigation li {margin-bottom: 8px;}
ul#navigation li a {display: block;}

#kontakt ul#navigation li span {margin-left: 2px;}

/* Navigation Markierung der aktiven Seite */

#startseite ul#navigation li#keinlink,
#kontakt ul#navigation li#keinlink {font-size: 0.8em;
   font-weight: bold;
   color: #FFF;
   opacity: 0.5;
   padding-left: 1px;}

#startseite a.nav05 {color: #FFF; /*opacity: 1;*/
   -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;}
#startseite a.nav05:hover {padding-left: 10px; margin-right: 10px; color: #FFF; text-decoration: none; border-bottom: 0; cursor: pointer; /*opacity: 0.5;*/}

#kontakt a.nav01 {color: #FFF; /*opacity: 1;*/
   -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;}
#kontakt a.nav01:hover {padding-left: 10px; margin-right: 10px; color: #FFF; text-decoration: none; border-bottom: 0; cursor: pointer; /*opacity: 0.5;*/}

/* Inhalte */

#thema {
   padding: 67px 20px 0px 0;
   margin-left: 180px;
   margin-right: 140px;
  }

#thema p a {font-size: 1em;}

#startseite #thema h1#text {margin: 70px 0 80px 250px; color: #EEE;}
#kontakt #thema #block-2 h1#text {margin: 70px 0 80px 260px; color: #EEE;}

#startseite #thema p#pw {margin-bottom: 50px; padding-right: 20px;}

#startseite #thema div#eins {margin-left: 0px;}
#startseite #thema div#zwei {margin: -361px 0 140px 260px;}
#startseite #thema div#eins p.sp,
#startseite #thema div#zwei p.sp {margin-left: 2px; margin-bottom: 6px; padding: 0;}
#startseite #thema div#eins p.abstu,
#startseite #thema div#zwei p.abstu {margin-bottom: 20px; padding: 0;}

#startseite #thema div#ruecklink {position: relative; padding-bottom: 30px;}
#startseite #thema div#ruecklink p#rechtsoben {position: absolute; top: 0; right: 0;}
#startseite #thema div#ruecklink p#rechtsunten {position: absolute; top: 25px; right: 0;}

#kontakt #thema div#block-2 div#ruecklink {position: relative; top: 20px; padding-bottom: 40px;}
#kontakt #thema div#block-2 div#ruecklink p#rechtsoben {position: absolute; top: 0; right: 0;}
#kontakt #thema div#block-2 div#ruecklink p#rechtsunten {position: absolute; top: 25px; right: 0;}

/* Kontakt und Impressum */ /* position relative und absolute anstelle von float!!! */

#kontakt #thema {
   padding: 67px 20px 50px 0;
   margin-left: 180px;
   /*margin-right: 140px;*/}

#block-2 {margin-bottom: 20px;}
#block-3 {
   width: auto;
   position: relative;
   margin: 10px 0;}
#block-4 {width: auto;
   position: relative;
   left: 120px;
   margin-bottom: 70px;}
#block-5 {width: auto;
   position: absolute;
   top: -5px;
   margin-left: 380px;} 
      
#kontakt #thema #block-3 .p1 a {font-size: 1em;}
#kontakt #thema #block-3 p a {font-size: 1em;}
#kontakt #thema #block-2 .p1 a {font-size: 1em;}
#kontakt #thema #block-2 .px a {font-size: 1em;}
.px {padding-bottom: 10px;
margin-top: 15px;}
#kontakt #thema p.p3 {margin-bottom: 10px;}
#kontakt div#thema div#block-2 h4#makt {font-size: 1.1em; margin: 0 0 20px 270px;}

#kontakt #thema div#block-2 div#eins {margin-left: 120px;}
#kontakt #thema div#block-2 div#zwei {margin: -330px 0 140px 380px;}
#kontakt #thema div#block-2 div#eins p.sp,
#kontakt #thema div#block-2 div#zwei p.sp {margin-left: 2px; margin-bottom: 6px; padding: 0;}
#kontakt #thema div#block-2 div#eins p.abstu,
#kontakt #thema div#block-2 div#zwei p.abstu {margin-bottom: 15px; padding: 0;}