@charset "utf-8";

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

#content #main p a:link {color:#0000CC;}

/* 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;}
#balken1 {top:0;z-index:100;border-bottom: 4px #999 solid;}
#balken2 {bottom:0px;z-index:110;border-top: 4px #999 solid;}
#balken2 p {color:#fff;margin: 1.3em 20px;font-size:80%;}

/* Grafischer Hintergrund */
/* #head {background: url(../img/Verlauf01.png) repeat-y right;} */
#head {background: url(../img/Logo.jpg) repeat-y 64px #FED21B;}
#head #logo p {font-weight:bold;text-transform:uppercase;margin-left:5px;}
#head #logo p.henke {font-size:320%;color:#000066;text-transform:lowercase;}
#head #logo p.henke1 {font-size:110%;color:#000066;}
#head #logo p.henke2 {font-size:110%;color:#999;}

#hmenu {background: url(../img/Verlauf02.png) repeat-y right;}
#main p {clear:left;}
#main p img {float:left;margin:0 20px 20px 0;}
#main p.aktuelles img {float:none;margin:0 auto;}
#sheet {background-color:#FFF;}



/* Fusszeile evtl #ffee99 */
#main {height:345px;overflow:auto;position:relative;background:url(../img/corner.gif) bottom right no-repeat;}
#sheet #footer {position:absolute;bottom:0;width:100%;text-align:center;background-color:#ffcc00;padding:2px 0;border-top:1px solid #000;}
#angebote #scrollarea #center #shadow1 #shadow2 #sheet #content #main {height:363px;}

#angebote #scrollarea #center #shadow1 #shadow2 #sheet #content #main,
#kontakt #scrollarea #center #shadow1 #shadow2 #sheet #content #main,
#impressum #scrollarea #center #shadow1 #shadow2 #sheet #content #main {background:none;}


/* Tabelle für Informationen über mich */
#main table {margin:20px;}
#main table tr {line-height:1.5em;}
#main table tr td img {position:absolute;top:2em;left:550px;border:none;}
#main table tr td a img {position:absolute;top:2em;left:550px;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 {padding:5px;}
#main form fieldset label {clear:left;display:block;width:200px;float:left;margin-bottom:0.8em;}
#main form fieldset input {display:block;width:500px;margin-bottom:0.8em;}
#main form fieldset legend {margin: 0 10px;}
#main form fieldset textarea {width:700px;height:7em;}
#main form fieldset #submit {margin-top:10px;width:150px;}
#main form fieldset input:focus,
#main form fieldset textarea:focus {background-color:#FFFFAA;}


#main #leftbox {float:left;width:390px;}
#main #rightbox {float:left;margin-left:20px;width:350px;}
#main #rightbox p {float:left;margin:10px;clear:none;}
#main #rightbox p a {display:block;margin:0;text-align:center;font-size:80%;}
#main #rightbox p a:hover {text-decoration:none;}
#main #rightbox p a img {margin:0;border:none;float:none;}
#angebote #scrollarea #center #shadow1 #shadow2 #sheet #content #main {}




/* 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:364px;overflow:auto;}

/* #main {width:796px;}


/* 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, #content h2 {margin:0.5em 20px 0.8em 20px;}
#content ul {list-style-position:outside;margin:0 40px;}
#content ul li {margin-bottom:0.2em;}
#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.nodeco {text-decoration:none;color:inherit !important;}
#hmenu ul li 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 {z-index:100;}
#hmenu ul {margin-left:20px;list-style:none;z-index:10;}
#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;}

p.aktuelles {position:absolute;right:5px;/*background-color:#ffcccc;*/padding:5px;border:4px dotted #ff0000;text-align:center;}
.clear {clear:both;}
.dn {display:none;}
.Stil1 {color:#006600;}
.Stil2 {color:#FF0000;}
.Stil3 {color:#000066;}
.Stil4 {color:#0000DD;}
.important {font-weight:bold;text-decoration:underline;}
.smaller {font-size:75%;color:#000066;line-height:2.5em;}
.angeboteswf {display:block;width:560px;margin:3px 0 5px 5px !important;float:left !important;z-index:-100;}
.resmall {float:left;clear:none !important;width:180px;line-height:2em;}
.outer li {list-style-position:outside;margin-left:15px;margin-bottom:1em;}
.obenrechts {position:absolute;top:0;right:0;}
.untenrechts {position:absolute;bottom:0;right:0;}
.bildrechts {float:right;}