body {
    color: #000;
    background-color: #FFD77F;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    font-size: 101%;
  }

.logo {
    float: right;
    margin: 5px 10px 0 0;
    padding: 0;
    z-index:-1;
  }

h1 {
    color: #CC0000;
    font-size: 150%;
    font-style: bold;
  }


h2 {
    color: #3a2d7a;
    font: bold 1.2em Verdana, Helvetica,Arial, sans-serif;
    margin: 20px 0 5px 20px;
  }


h3 {
    color: #000;
    font: bold 1.1em Verdana, Helvetica,Arial, sans-serif;
    margin: 5px 0 5px 40px;
  }

.nav {
    background-color: #FFA371;
    padding: 1em;
    font-size: .9em;
    border-top: solid 0.04em #C19A00;
    border-bottom: solid 0.04em #C19A00;
}
.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
    margin: 1em;
    text-decoration: none;
    font-size: .9em;
    font-weight: bold;
  }

.vlink a:link, .vlink a:visited, .vlink a:hover, .vlink a:active {
    margin:0;
    text-decoration: none;
    font-size: .1em;
  }

.nav_neu a:link, .nav_neu a:visited, .nav_neu a:hover, .nav_neu a:active {
    margin: 2em;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
  }


a:link {
    color: #00007B;
    text-decoration: underline;
  }


a:visited {
    color: #00007B;
    text-decoration: underline;
  }


a:hover {
    color: #FF5C26;
    text-decoration: underline;
  }


a:active {
    color: #00007B;
    text-decoration: none;
  }


ul {
    margin: 5px 0 15px 20px;
    padding:0 7px 0px 20px;
  }


li {
    margin: 5px 0 0 20px;
  }


.field {
    background-color: #FFFFBC;
    color: #000;
    padding-left: 3px;
  }


.box {
    display: block;
    width: auto;
    height: auto;
    background-color: #FFFCA9;
    font-weight: bold;
    text-decoration: none;
    font-size: 101%;
    border: 0px;
    margin: 15px 0 15px 0;
    padding: 1em 0 1em 40px;
    border-top: solid 0.04em #DEB200;
    border-bottom: solid 0.04em #DEB200;
  }


.header {
    margin: 15px 0 15px 0;
    padding: 1em 2em 1em 40px;
    background-color: #FFFCA9;
    font-weight: bold;
    text-decoration: none;
    font-size: 101%;
    border: 0px;
    border-top: solid 0.06em #DEB200;
    border-bottom: solid 0.06em #DEB200;
    width: auto;
    height: auto;
  }


.button {
    width:135px;
    height:40px;
    margin:3px;
    color:#fff;
    font: bold .8em Verdana,Helvetica,Arial,sans-serif;
    border:solid 0 #fff;
    background: #FFD77F url("pics/button.gif") no-repeat;
  }


.menu_left {
    background : url(pics/but_left.jpg) no-repeat top left;
  }


.menu_middle {
    background : url(pics/but_middle.jpg) repeat-x top center;
  }


.menu_right {
    background : url(pics/but_right.jpg) no-repeat top right;
  }


.ro {
    background:url(pics/roundedbox_ro.jpg) top right no-repeat;
    margin:0;
    padding:0;
  }


.lo {
    background:url(pics/roundedbox_lo.jpg) top left no-repeat;
    margin:0;
    padding:0;
  }


.ru {
    background:url(pics/roundedbox_ru.jpg) bottom right no-repeat;
    margin:0;
    padding:0;
  }


.lu {
    background:url(pics/roundedbox_lu.jpg) bottom left no-repeat;
    margin:0;
    padding:0;
  }


.inhalt {
    margin:0;
    padding:2.5em 2.5em 2em 2em;
  }


.inhalt p {
    margin:0;
    padding:0;
    font-weight: bold;
  }




input, textarea {
    margin: .25em 0;
    padding:3px 5px;
    background:#FFFCA9 url(pics/textarea.jpg) top left no-repeat;
    border: 1px solid #ABABAB;
    color:#333;
  }


select {
    margin: .25em 0 .25em .25em;
    padding: 0;
    background: #FFFCA9;
    border: 1px solid #ABABAB;
    color: #333;
  }

dl.ImgRight {
    float: right;
    margin-right: .5em;
  }


dl.ImgRight dt {
    margin-bottom: 0;
  }


dl.ImgRight dd {
    margin: 0 5px 5px 0;
    color: #3a2d7a;
    font-weight:bold;
    font-size:90%;
    text-align: left;
  }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

dl.ImgLeft {
    float: left;
    margin-right: .5em;
  }


dl.ImgLeft dt {
    margin-bottom: 0;
  }


dl.ImgLeft dd {
    margin: 0 0 10px 10px;
    color: #3a2d7a;
    font-weight:bold;
    font-size:90%;
    text-align: left;
  }

/* IE7 hack */
html*dl.ImgLeft dd {
    margin: 0 0 2.2em 10px;
  }



/* IE-Clearing: ... */
#ie_clearing {
    display: none;
    margin: -2px 0 4em 1px;
  }


.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#000;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#C19A00; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#C19A00; border-left:1px solid #C19A00; border-right:1px solid #C19A00;}

.xb1 {margin:0 8px; background:#C19A00;}
.xb2 {margin:0 6px; background:#C19A00;}
.xb3 {margin:0 4px; background:#C19A00;}
.xb4 {margin:0 3px; background:#fefca9; border-width:0 5px;}

.xb5 {margin:0 2px; background:#fefca9; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fefca9; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fefca9; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#fefca9; border:3px solid #C19A00; border-width:0 3px;margin:0;padding:1.5em;}


/* XS Navigation */
.outtop {margin:0;padding:5px 0 0 0;border-bottom:#eee solid 3px;z-index:100;}
.outtop ul {margin:1.5em 0 0 1em; padding:0; list-style-type:none; background:transparent; height:3.2em;}

.outbottom {margin:0;padding:0;border-top:#eee solid 3px;z-index:100;}
.outbottom ul {margin:0 0 2em 1em; padding:0; list-style-type:none; background:transparent; height:3.2em;}

.outtop li, .outbottom li {display:block; float:left;margin:0;padding:0;}

.xsmenu {background:transparent;}
.xsmenu span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xm1, .xm2, .xm3, .xm4 {
display:block;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.xm1, .xm2, .xm3 {height:1px;}
.xm2, .xm3, .xm4 {background:#dd7; border-left:1px solid #fff; border-right:1px solid #fff;}
.xm1 {margin:0 5px; background:#fff;}
.xm2 {margin:0 3px; border-width:0 2px;}
.xm3 {margin:0 2px;}
.xm4 {height:2px; margin:0 1px;}

.xmenucontent {display:block; height:2.3em;background:#cc6; border:0 solid #FFD77F; border-width:0 1px 1px 1px;padding:5px 0 0 0;z-index:1;}


a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:9.5em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;text-decoration:none;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xmenucontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;text-decoration:none;}
a.xmenu2:hover .xm1 {background:#888;}
a.xmenu2:hover .xm2, a.xmenu2:hover .xm3, a.xmenu2:hover .xm4 {background:#fff; border-color:#888;}

.xmenucontentd {display:block; height:2.3em; background:#cc6; border:0 solid #ffd77f; border-width:1px 1px 0 1px;padding:5px 0 0 0;z-index:1;}

a.xmenu2:hover .xmenucontentd {background:#eee; border-color:#888; border-top:1px solid #eee;}