@charset "utf-8";

/* courgette-regular - latin_latin-ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'),
       url('../fonts/courgette-v5-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/courgette-v5-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

* {padding:0;margin:0;}
body, a {font: small Verdana, Arial, Helvetica, sans-serif;color:#000;}

/* Rahmen */
#sheet {border:1px solid #000;}
#hmenu {border-top:1px solid #000;border-bottom:1px solid #000;}
#mhpic img {border-right:1px dotted #FFCC00;}
#hmenu ul li ul {background-color:#FFF;display:block;}

/* Blaue Balken */
#balken1, #balken2 {position:fixed;background-color:#000066;display:none;}
#balken1 {top:0;z-index:100;border-bottom: 4px #999 solid;}
#balken2 {bottom:0px;z-index:110;border-top: 4px #999 solid;}

/* Grafischer Hintergrund */
#head {background: url(../img/Verlauf01.png) repeat-y right;}
#hmenu {background: url(../img/Verlauf02.png) repeat-y right;}
#main p {clear:left;}
#main p img {float:left;margin:0 20px 20px 0;}
#sheet {background-color:#FFF;}

/* Tabelle für Informationen über mich */
#main table {margin:20px;}
#main table tr {line-height:1.5em;}
#main table tr td a img {position:absolute;top:21em;left:20px;visibility:hidden;border:none;}
#main table tr td a img {visibility:hidden;}
#main table tr td a:hover img {visibility:visible;}

 /* Kontaktformular */
#main form {margin:20px;}
#main form fieldset p label {clear:left;display:block;width:7em;float:left;}
#main form fieldset p textarea {width:700px;}
#main form fieldset p #submit {;}
#main form fieldset p input:focus,
#main form fieldset p textarea:focus {background-color:#FFDD00;}

/* Größenangaben */
/*#shadow1 {height:602px;width:802px;}*/
#balken1, #balken2 {height:40px;width:100%;}
#shadow2 {height:501px;width:795px;}
#sheet {height:500px;width:794px;}
#center {width:794px;}
#head {width:794px;height:90px;}
#hmenu {width:794px;min-height:40px;}
#hmenu ul li ul {width:auto;min-height:2em;}
#content {height:365px;overflow:auto;}


/* der Schatten */
#shadow1 {position:relative;background: url(../img/shadow.gif) no-repeat right bottom;float:left;top:0px;}
#shadow2 {background: url(../img/mask.png) no-repeat left top !important;background: url(../img/mask.gif) no-repeat left top;float:left;}

/* Schrift */
#hmenu ul li a {font-size:90%;margin-right:20px;font-weight:bold;text-transform:uppercase;}
#content h1 {margin-left:20px;font-size:120%;}
#content h2 {margin-left:20px;font-size:110%;}
#content p, #content h1 {margin:0.8em 20px;}
#content ul {list-style-position:inside;margin:0 20px;}
#hmenu ul li ul li a {font-size:80%;}
.centered {text-align:center;}

#scrollarea {margin-top:70px;margin-bottom:50px;}
#center {margin-left:auto;margin-right:auto;}
#sheet {position:relative;margin:-5px 0px 0px -6px;}
#mhpic {float:left;}
#logo {float:left;margin-right:10px;}

/* Links hervorheben */
a {text-decoration:none;}
#hmenu ul li a:hover {border-bottom: 4px dotted #FFCC00;}
#main p a:hover,
#main ul li a:hover {text-decoration:underline;}

#hmenu ul {margin-left:20px;list-style:none;}
#hmenu ul li {position:relative;float:left;}
#hmenu ul li a {line-height:3.6em;}
#hmenu ul li ul {position:absolute;margin:0em 0 0 0px;left:0;top:3.2em;border: 1px solid #000;border-top:none;}
#hmenu ul li ul li {height:2.5em;list-style:none;}
#hmenu ul li ul li a {display:block;margin:5px;line-height:2em;white-space:nowrap;}

/* Untermenüs ausblenden */
#hmenu ul li ul {visibility:hidden;}
#hmenu ul li:hover ul {visibility:visible;}

#callback {position:absolute;left:0;top:180px;}

.Stil1 {color:#006600;}
.Stil2 {color:#FF0000;}
.Stil3 {color:#000066;}
.smaller {font-size:75%;color:#000066;line-height:2.5em;}