/*
Dunkel-Orange: #fb9a02;
copy-Grau-Dunkel: #313131;
Text-Grau: #7d7d7d;
Überschrift-Themenbezogene Informationen: #e9c973;

Schrift: Lucida Sans, Arial, 

Größen
Banner: 24pt Italic
Überschriften: 18pt
Schrift: 12pt 
*/

html, body { height:99%;}
html,body { margin: 0; padding: 0; }
body { font-family: Lucida Sans, Helvetica, Verdana, Arial; color: #7d7d7d; text-align: center; background: #000 url(../images/bgtop.gif) repeat-x top !important; font-size:100.1%;} 

#webdesign { z-index: 1; margin-left:auto; margin-right:auto; min-height: 400px; height:auto; width: 947px; text-align: left; position:relative; }
#top { height: 124px; width:947px; margin: 0px; padding: 0px; position:relative; }

img { behavior: url("pngbehavior.htc"); }


/* HAUPTNAVI BEGIN */
#hauptnavi { float: right; padding-right: 2px; height: 124px; width:522px; margin: 0px 0px 0px 0px; }
#hauptnavi ul  { float: left; margin:0px; border: 0; padding: 10px 0px 0px 0px; font-size: 12pt; }
#hauptnavi ul li { list-style-type: none; margin: 0px; display: inline; padding: 0px 13px 0px 13px;  background: transparent;  }
#hauptnavi ul li a:link, #hauptnavi ul li a:visited {margin: 0px; padding: 0px 2px 8px 2px; text-decoration: none; line-height: 32px;}
#hauptnavi ul li a:hover, #hauptnavi ul li a:focus { margin: 0px; color: #fff; padding: 0px 2px 8px 2px; text-decoration: none; background: url(../images/bgli.gif) repeat bottom; line-height: 32px;}
#hauptnavi ul li a.active { margin: 0px; color: #fff; padding: 0px 2px 8px 2px; text-decoration: none; background: url(../images/bgli.gif) repeat bottom; line-height: 32px;}
#hauptnavi ul ul { float: left; margin:0px; border: 0; padding: 0px; font-size: 12pt; }
/*
#hauptnavi ul li ul li { list-style-type: none; margin: 0px; display: inline; padding: 0px 7px 0px 7px;}
#hauptnavi ul li ul li a:link, #hauptnavi ul li ul li a:visited {margin: 5px; padding: 4px; text-decoration: none; line-height: 32px; width: 100px;}
#hauptnavi ul li ul li a:hover, #hauptnavi ul li ul li a:focus { margin: 5px; color: #fff; padding: 4px; text-decoration: none; line-height: 32px;}
#hauptnavi ul li ul li a.active { margin: 5px; color: #fff; padding: 4px; text-decoration: none; line-height: 32px; width: 100px;}
*/
/* HAUPTNAVI END */

#logo { float: left; background: url(../webdesign-images/logo.gif) no-repeat center !important; padding: 0px 0px 0px 0px; width:423px; margin: 0px; height: 124px;}

/* BANNER BEGINN */
#banner { padding: 0px; background: url(../images/banner.gif) no-repeat top !important; width:945px; margin: 0px; height: 136px;  }
#banner .bannerleft { float: left; width: 410px; height: 135px; padding-top: 0px; }
/* für das Untermenü im Banner Bereich */
/*
#banner .bannerleft .umenu  { margin:0px 0px 0px 100px; padding: 0px; width: 200px; height: 135px; background-color:#FFFFFF; text-align:center;}
#banner .bannerleft .umenu ul  { margin:0px; padding-left: 0px; padding-top: 10px; list-style-type: none; list-style-image: none; }
#banner .bannerleft .umenu ul li {  padding: 0px; background: transparent; margin: 5px 0px 5px 0px; width: 200px; }
#banner .bannerleft .umenu li a:link, li a:visited { font-weight : normal; display:block; text-decoration: none; width: 200px;}
#banner .bannerleft .umenu li a:hover, li a:active, li a:focus { font-weight : normal; cursor:pointer; display:block; color: #fb9a02; text-decoration: none; width: 200px; background:#cccccc;}
*/
#banner .bannerright { float: right; padding-top: 5px; color: #fff; width: 535px; height: 135px; font-style: italic; }
/* BANNER END */

/* CONTENT BEGIN */
#content { width:945px; margin: 0px; padding: 10px 0px 0px 0px;  position:relative; min-height: 300px; height: auto; z-index: 0;}
#content ul  { margin:0px; padding-left: 20px; padding-top: 10px; list-style-type: none; list-style-image: url(../images/li.gif);}
#content ul li {  padding: 0px; background: transparent; margin: 5px 0px 5px 0px; }
#content li a:link, li a:visited {  font-weight : normal; text-decoration: none; }
#content li a:hover, li a:active, li a:focus { font-weight : normal; color: #fff; text-decoration: none; }
#content p { padding-bottom: 12pt; }
.roweins{width:236px; padding:15px 0px 0px 0px; margin: 0px; float:left; text-align:justify;}
.rowzwei{width:236px; padding:15px 0px 0px 0px; margin: 0px; float:left; text-align:justify;}
.rowdrei{width:236px; padding:15px 0px 0px 0px; margin: 0px; float:left; text-align:justify;}
.rowvier{width:236px; padding:15px 0px 0px 0px; margin: 0px; float:left; text-align:justify;}
.roweins h2 a:link, .roweins h2 a:visited { margin: 0px; padding: 0px 2px 8px 2px; text-decoration: none; font-weight: bold; color: #fff;}
.roweins h2 a:hover, .roweins h2 a:active, .roweins h2 a:focus { margin: 0px; color: #fff; padding: 0px 2px 8px 2px; text-decoration: none; background: url(../images/bgli.gif) repeat bottom;}
.bookmarks { width:400px; padding: 0px; margin: 0px; float:left; border: 0px solid #fff; }
.bookmarks a:link, .bookmarks a:visited { margin:0px 10px 0px 0px;  background: transparent; }
.bookmarks a:hover, .bookmarks a:active, .bookmarks a.selected { margin:0px 10px 0px 0px; background: transparent; }
#content .unavi ul  { float: left; margin:0px; border: 0; padding: 10px 0px 0px 0px; font-size: 12pt; }
#content .unavi ul li { list-style-type: none; margin: 0px; display: inline; padding: 0px 13px 0px 0px;  background: transparent;  }
#content .unavi ul li a:link, #content .unavi ul li a:visited {margin: 0px; padding: 0px 2px 8px 2px; text-decoration: none; line-height: 32px;}
#content .unavi ul li a:hover, #content .unavi ul li a:focus { margin: 0px; color: #fff; padding: 0px 2px 8px 2px; text-decoration: none; background: url(../images/bgli.gif) repeat bottom; line-height: 32px;}
#content .unavi ul li a.active { margin: 0px; color: #fff; padding: 0px 2px 8px 2px; text-decoration: none; background: url(../images/bgli.gif) repeat bottom; line-height: 32px;}
/* CONTENT END /

/* FOOTER BEGIN  */
#footer	{ width:945px; margin: 0px; position:relative; height: 106px; background: url(../images/footer.gif) no-repeat left !important; }
#footer .copy { width:236px; padding: 0px; margin: 0px; float:left; text-align:justify; border: 0px solid #fff;}
#footer p.copytext { font-size: 8pt; font-weight: normal; margin: 62px 20px 0px 0px; color: #313131;}
#footer .glossar { width:236px; padding: 0px; margin: 0px; float:left; text-align:justify; border: 0px solid #fff; }
#footer .impressum { width:236px; padding: 0px; margin: 0px; float:left; text-align:justify; border: 0px solid #fff;}
#footer .kontakt { width:236px; padding: 0px; margin: 0px; float:left; text-align:justify; border: 0px solid #fff;}
#footer a { float: left; overflow: hidden; height:0 !important; padding:90px 0 0 0; }
#footer a:hover, #footer a:active, #footer a.selected { background-position:0 -90px; margin:10px 0px 0px 80px; }
.glossar a { width:75px; background:url(../images/glossar.gif) top left no-repeat; margin:10px 0px 0px 80px; }
.impressum a { width:75px; background:url(../images/impressum.gif) top left no-repeat; margin:10px 0px 0px 80px; }
.kontakt a { width:75px; background:url(../images/kontakt.gif) top left no-repeat; margin:10px 0px 0px 80px; }
/* FOOTER END */

/* PAGEPEEL BEGIN  */

#pagepeel { z-index: 9999; left: 0px; bottom: 0px; position: fixed; float: left; height: 143px; width: 163px; }
#pagepeel a:link img, #pagepeel a:visited img{margin: 0px; text-decoration: none; height: 143px; width: 163px; background: url(../images/pagepeel.png) no-repeat bottom;}
#pagepeel a:hover img, #pagepeel a:active img, #pagepeel a:focus img { margin: 0px; text-decoration: none; height: 143px; width: 163px; background: url(../images/pagepeel2.png) no-repeat bottom; }
/* PAGEPEEL END  */	


/* */
#inforepeat { z-index: 10; left: 0px; bottom: 0px; position: fixed; width: 100%; float: left; background: #fb9a02 url(../images/bginforepeat.gif) repeat-x !important; font-size:100.1%;} 
#info { margin-left:auto; margin-right:auto; min-height: 41px; height:auto; width: 945px; text-align: left; background: url(../images/bginfo.gif) no-repeat bottom !important; }
.infoleft { float: left; width: 250px; height: 26px;}
.inforight { float: right; width: 500px; height: 26px; text-align: right; padding: 0px 90px 0px 0px;}
#info a:link, #info a:visited {margin: 0px; text-decoration: none; color: #333333; font-size: 0.8em; line-height: 20px;}
#info a:hover, #info a:active, #info a:focus { margin: 0px; text-decoration: none; color: #333333; font-size: 0.8em; line-height: 20px;}
#info a:link img, #info a:visited img {margin: 0px; text-decoration: none; color: #333333; font-size: 0.8em; line-height: 20px;}
#info a:hover img, #info a:active img, #info a:focus img { margin: 0px; text-decoration: none; color: #333333; font-size: 0.8em; line-height: 20px;}
/* */

/*     TEXTE        */
h1,h2,h3,h4,h5,p,a,span,ul,li { font-family: Lucida Sans, Helvetica, Verdana, Arial; color: #7d7d7d; }
h1.bannerue { font-size: 23pt; letter-spacing: 2px; line-height: 23pt; font-weight: bold; font-style: italic; margin: 0px; padding: 0px; color: #fff;}
h1.bannerue img.textalsgif { margin-bottom: -3px; }
h1.nvisible { visibility: hidden; display: none; margin: 0px; padding: 0px;}
h1 { font-size: 1.4em; font-weight: bold; margin: 0px; color: #fff;}
h2 { font-size: 1.1em; font-weight: bold; margin: 0px; color: #fff; letter-spacing: 0.07em;}
h3 { font-size: 1.1em; font-weight: bold; margin: 0px; display:inline; }
h4 { font-size: 1.0em; font-weight: bold; margin: 0px; }
h2 img { margin-bottom: -5px; }

p { font-size: 12pt; font-weight: normal; margin: 0px; }
p.bannertext { padding-top: 5px; color: #fff; width: 535px; font-style: italic;}
p img.textalsgif { margin-bottom: -3px; }
b, strong { font-size: 1.0em; font-weight: bold; }

a:link, a:visited { font-weight: normal; text-decoration: none;}
a:hover, a:active, a:focus { font-weight: normal;  color: #fff; text-decoration: none; }

a[href^="http:"] { padding-left: 12px; background: transparent url(../images/link-icon-extern.gif) 100% 50% no-repeat; padding-right: 15px;}

.noborder  { border: 0px; }

.imgover img { float: left; padding: 0px; margin: 0px; width: 200px; height: 110px; }
.imgover a{ width: 208px; height: 120px; float: left; padding: 10px 0px 0px 9px; margin: 0px;}
.imgover a:hover { width: 208px; height: 120px; background: url(../images/hrefimg.gif); float: left; padding: 10px 0px 0px 9px; margin: 0px;}

fieldset { margin: 0px 20px 0px 0px; padding: 10px; border: 1px solid #fb9a02; border-right: 1px solid #fb9a02; border-bottom: 1px solid #fb9a02; font-size:12pt; font-family: verdana, arial, sans-serif; color: #7d7d7d; }
label { margin-top: .33em; display: block; font-size:10pt; font-family: verdana, arial, sans-serif; color: #7d7d7d;}
legend { font-weight: bold; padding: .5em; font-size:12pt; font-family:verdana, arial, sans-serif; color: #fb9a02;}

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


/*################ begin Glossar ##################*/
.glossar a:link, .glossar a:visited { font-weight: normal; color: #fb9a02; text-decoration: underline;}
.glossar a:hover, .glossar a:active, .glossar a:focus { font-weight: normal;  color: #fb9a02; text-decoration: none; }
.glossarlink a:link, .glossarlink a:visited  { font-weight: normal; color: #fb9a02; text-decoration: none; margin: 3px; padding: 3px; border: 1px solid #000; }
.glossarlink a:hover, .glossarlink a:active, .glossarlink a:focus  { font-weight: normal; color: #fb9a02; text-decoration: none; border: 1px solid #fb9a02; margin: 3px; padding: 3px;}
.glossar h3 { color: #fff;}
a.orange:link, a.orange:visited { font-weight: normal; color: #fb9a02; text-decoration: none;}
a.orange:hover, a.orange:active, a.orange:focus { font-weight: normal;  color: #fff; text-decoration: none; }
/*################ END Glossar ##################*/

/*################ begin Formulare ##################*/
form.formfelder fieldset { margin: 0px 20px 0px 0px; padding: 10px; border: 1px solid #fb9a02; border-right: 1px solid #fb9a02; border-bottom: 1px solid #fb9a02; color: #7d7d7d; }
form.formfelder label { margin-top: .33em; display: block; color: #7d7d7d;}
form.formfelder legend { font-weight: bold; padding: .5em; color: #fb9a02;}
form.formfelder input { color: #7d7d7d; border-width:1px; letter-spacing:1.5pt; border-bottom: 2px solid #fb9a02; border-right: 2px solid #fb9a02; }
#content form.formfelder p { font-family:verdana, arial, sans-serif; color: #7d7d7d;}
#content form.formfelder b { font-weight: bold; text-decoration: none; color: #fb9a02;}
form.formfelder p.both { margin-left: 12px; clear:both;}
form.formfelder em { color: #7d7d7d; }
form.formfelder textarea { width: 320px; height: 150px; }

.formleft {float: left; margin-right: 0px; w\idth:300px;}
.formright {float: right; margin-left: 0px; w\idth:300px;}

/*################ END Formulare ##################*/