@charset "utf-8";
/**
* Website-Ersteller Daniel Schmid
*
* @link http://pascalcomics.net
*/


/**
* Globale Einstellungen und Bugfixes
*
* @section Browser-Reset
*/

/* Zurücksetzen der Innen- und Außenabstände */
* {
  margin: 0;
  padding: 0;
}

/**
* Schriftgröße kontrollieren
*/
body, td, th { font: 14px/17px "Times New Roman", Times, Georgia, serif; }

td, th { f\ont-size: 99%; }

/* Farben und Hintergründe setzen */
html, body { background-color: #bebebe; }
body {
  width: 785px;
  margin: 0 auto;
/*  background-color: red;*/
}
/* Rahmen verlinkter Bilder entfernen */
a img { border: 0; }

/******************************/

h1 { margin: 70px 25px .5em 20px; }

p#home {
  position: absolute;
  top: 75px;
  margin-left: 599px;
  color: black;
  font-size: 1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: transparent;
}
p#home a {
  display: block;
  color: black;
  background-image: url(/v2018/grafik/a-start.png);
  width: 164px;
  line-height: 29px;
  text-align: center;
  text-decoration: none;
}

div.beitrag1 { background-image: url(grafik/unten1.png); }
div.beitrag2 { background-image: url(grafik/unten2.png); }
div.beitrag1,
div.beitrag2 {
  width: 785px;
  margin-bottom: 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-bottom: 15px;
}

div.beitrag1 div.person { background-image: url(grafik/balken1.png); }
div.beitrag2 div.person { background-image: url(grafik/balken2.png); }
div.person {
  height: 41px;
  line-height: 18px;
  color: white;
  background-repeat: no-repeat;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
div.person a {
  color: white;
  font-weight: normal;
  font-size: .8em;
}
p.name {
  float: left;
  margin: 10px 0 0 30px;
}
p.symbol {
  float: left;
  margin: 9px 0 0 1em;
}
p.datum {
  float: right;
  margin: 11px 32px 0 0;
}

div.beitrag1 div.text { background-image: url(grafik/feld1.png); }
div.beitrag2 div.text { background-image: url(grafik/feld2.png); }
div.text {
  clear: both;
  background-repeat: repeat-y;
  padding-bottom: 0px;
}
p.eintrag {
  margin: 0 32px 0 30px;
}

p.eintrag img,
p.kommentar1 img,
p.kommentar2 img {
  position: relative;
  top: 2px;
}

p.kommentar1 { background-image: url(grafik/komm-bild1.jpg); }
p.kommentar2 { background-image: url(grafik/komm-bild2.jpg); }
p.kommentar1,
p.kommentar2 {
  background-color: #eee;
  background-position: 50% 50%;
  margin: 8px 32px 0 30px;
  padding: 8px;
}
span.kommentar_einleitung {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/**
* Formular
*/
form#gb-form { margin: 0 20px 1em 20px; }

#gb-form textarea,
#gb-form input {
  border: none;
  font-size: 1em;
  font-family: "Times New Roman", Times, Georgia, serif;
}

#gb-form label {
  display: block;
  color: black;
  font-size: 1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

input#gb-form-schreiben,
input#gb-form-edit {
  position: absolute;
  top: 75px;
  margin-left: 377px;
  color: black;
  font-size: 1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: transparent;
  background-image: url(grafik/form/gb-b-schreiben.png);
  cursor: pointer;
  width: 194px;
  height: 29px;
}

p#gb-form-email { float: left; }

#gb-form-name input {
  background-color: transparent;
  background-image: url(grafik/form/gb-i-name.png);
  background-repeat: no-repeat;
  padding: 0 6px 0 8px;
  width: 730px;
  height: 31px;
}

#gb-form-email input {
  background-color: transparent;
  background-image: url(grafik/form/gb-i-email.png);
  background-repeat: no-repeat;
  padding: 0 6px 0 8px;
  width: 350px;
  height: 31px;
  margin-right: 20px;
}

#gb-form-url input {
  background-color: transparent;
  background-image: url(grafik/form/gb-i-url.png);
  background-repeat: no-repeat;
  padding: 0 6px 0 8px;
  width: 345px;
  height: 31px;
}
#gb-form-url input.fehler { background-image: url(grafik/form/gb-i-url-e.png); }

#gb-form-eintrag textarea {
  resize: none;
  background-color: transparent;
  background-image: url(grafik/form/gb-text.png);
  background-repeat: no-repeat;
  padding: 2px 0 2px 8px;
  width: 620px;
  height: 128px;
  float: left;
}
#gb-form-eintrag textarea.fehler { background-image: url(grafik/form/gb-text-e.png); }

div#ems { margin-left: 640px; }

img#mauz_title { margin-bottom: 10px; }

div#ems p {
  line-height: 8px;
}

div#ems img {
  margin: 4px 0 4px 8px;
}

div#ems a {
  margin: 0 0 0 8px;
  line-height: 24px;
}

div#ems a img {
  position: relative;
  top: 3px;
  margin: 0;
}

p#gb-form-hinweis {
  clear: both;
  line-height: 32px;
}

input#eintrag_bearb {
/*  position: absolute;
  top: 75px;
  margin-left: 500px;*/
  color: black;
  font-size: 1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: transparent;
  background-image: url(grafik/form/gb-b-eintragen.png);
  cursor: pointer;
  width: 86px;
  height: 29px;
}
input#abbruch {
/*  position: absolute;
  top: 75px;
  margin-left: 500px;*/
  color: black;
  font-size: 1em;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: transparent;
  background-image: url(grafik/form/gb-b-abbrechen.png);
  cursor: pointer;
  width: 101px;
  height: 29px;
}