/* import text css (immer zuoberst!) */
@import url(styles.css);

html,body { height:100%; margin:0; padding:0; border:none; font-family:Arial, Helvetica, Verdana, Geneva, sans-serif; background-color:#ffffff; }
img { margin:0; padding:0; border:none; }
ul { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:12px; }
li { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; }

/* bg-color body */
.body-main { background-color:#ffffff; }

h1, h2, h3 { margin:0; padding:0; border:none; }
.clear { margin:0; padding:0; border:none; clear:both; height:1px; margin-top:-1px; font-size:1px; line-height:1px; }

/* links */
a:link { color:#000099; text-decoration:underline; }
a:visited { color:#666666; text-decoration:underline; }
a:hover, a:active, a:focus { color:#ff0000; text-decoration:underline; }

.menu { font-size:14px; font-weight: bold; }
.menuact { font-size:14px; font-weight: bold; }

.red { color:#ff0000; }
.blue { color:#000099; }

/* menu */
a.menu:link, a.menu:visited { text-decoration:none; }
a.menu:hover, a.menu:active, a.menu:focus { text-decoration:underline; }
a.menuact:link, a.menuact:visited { text-decoration:none; }
a.menuact:hover, a.menuact:active, a.menuact:focus { text-decoration:none; }

/* menu blue */
.blue a.menu:link { color:#000099; text-decoration:none; }
.blue a.menu:visited { color:#999999; text-decoration:none; }
.blue a.menu:hover, .blue a.menu:active, .blue a.menu:focus { color:#ff0000; text-decoration:underline; }
.blue a.menuact:link, .blue a.menuact:visited { color:#000099; text-decoration:none; }
.blue a.menuact:hover, .blue a.menuact:active, .blue a.menuact:focus { color:#000099; text-decoration:underline; }

/* menu red */
.red a.menu:link { color:#ff0000; text-decoration:none; }
.red a.menu:visited { color:#999999; text-decoration:none; }
.red a.menu:hover, .red a.menu:active, .red a.menu:focus { color:#000099; text-decoration:underline; }
.red a.menuact:link, .red a.menuact:visited { color:#ff0000; text-decoration:none; }
.red a.menuact:hover, .red a.menuact:active, .red a.menuact:focus { color:#ff0000; text-decoration:underline; }

/* text */
p, div, td, span, ol, ul, li { font-size:15px; color: #000000; }

/* title */
h1 { font-size:18px; color:#000000; display:inline; }
h2 { font-size:16px; color:#000000; }
.blue h1 { color:#000099; }
.red h1 { color:#ff0000; }
.blue h2 { color:#000099; margin:24px 0 0 0; }
.red h2 { color:#ff0000; }
/* title */

/* divs generell */
div { padding: 0; margin: 0; border: none; }

/* content */
div#center { text-align: center; }
div#body { width:600px; margin: 0 auto 0 auto; text-align:left;  }
div#logo { text-align:center; padding: 0 0 20px 0; }
div#title { text-align:center; padding: 0 0 20px 0; }
div#content { height:170px; /* das hier für den ie */ padding: 0 5px 20px 5px; }
div#content[id] { height:auto; min-height:170px; padding: 0 5px 20px 5px; }
div#footer { padding: 0 0 20px 0; }
div#footer-01 { width:38%; float:left; }
div#footer-02 { width:44%; float:left; }
div#footer-03 { width:18%; float:left; text-align:right; }
div#footer-03-sub { float:right; text-align:left; }

/* anwendungsbeispiele 2 spalten ausgemittet */
div#content-left { width:50%; float:left; }
div#content-right { width:50%; float:left; }
div#img-left { float:right; padding: 0 10px 20px 0; }
div#img-right { float:left; padding: 0 0px 20px 10px; }

/* menu */
div#menu { width:280px; }
div#menu-thema { text-align:center; padding: 0 0 20px 0; }
div#menu-01 { float:left; width:300px; }
div#menu-02 { float:left; width:290px; }

/* form button */
input.button, input.buttontxt { border:3px double #999999; border-top-color:#cccccc; border-left-color:#cccccc; padding:1px 3px; margin: 6px 0 0 0; background-color:#eeeeee; background-image:url(/_images/bg/bg_button.gif); background-repeat:repeat-x; color:#333333; font-family:Verdana,Helvetica,sans-serif; font-size:11px; font-weight:bold; }
input.field, input.fieldtxt, textarea.field, textarea.fieldtxt { background:#f4f4f4; border:1px solid #999999; padding:2px 0 2px 2px; margin: 2px 0 2px 0; border-bottom: solid 1px #e6e6dc; border-right: solid 1px #e6e6dc; font-family:Verdana,Helvetica,sans-serif; font-size:12px; background-image:url(/_images/bg/bg_forms.gif); background-repeat:repeat-x; }
input.errHilite { background:#cce6ff; border:1px solid #999999; padding-right:0; padding-left:2px; margin: 2px 0 2px 0; border-bottom: solid 1px #e6e6dc; border-right: solid 1px #e6e6dc; font-family:Verdana,Helvetica,sans-serif; font-size:11px; background-image:url(/_images/bg/bg_forms_err.gif); background-repeat:repeat-x; }
input.fieldtxt { width:314px; }
textarea.fieldtxt { width:314px; height:80px; }
input.buttontxt { width:318px; }

div.lbl { float:left; width:96px; padding-top:4px; }
div.fld { float:left; width:320px; }
div.lft { float:left; }


/* aufzaehlungen menu */
div#menu ol { padding:0 0 0 15px; margin: 0 0 0 15px; /* margin-left:10px; */ }
div#menu ol li { font-size:14px; font-weight: bold; margin:0 0 0 5px; padding:0; }
.blue ol li { color:#000099; }
.red ol li { color:#ff0000; }