/****************GENERAL****************/

* {
margin: 0;
padding: 0;
}
img {
border-width: 0;
}
body {
background: #F5FCF7;
font: normal 11px "Trebuchet MS", Arial, Helvetica, Sans-serif;
color: #000;
}
a {
color: #000;
}
#outerwrap {
background: url(../images/bg.gif) top center repeat-x #FFF;
width: 100%;
text-align: center;
}
#wrap {
background:url(none) bottom left no-repeat;
width: 810px;
text-align: left;
margin: 0 auto;
position: relative;
}
#logo {
float: left;
}
#lang {
position: absolute;
top: 28px;
right: 20px;
text-align: right;
color: #FFF;
}
#lang a {
color: #FFF;
}
#lang .sel {
font-weight: bold;
color: #000;
text-decoration: none;
}

.header {
width: 500px;
height: 195px;
z-index: 2;
position: absolute;
top: 0;
left: 0;
}





/**************** MENU ****************/

#menu {
background: url(../images/menu.jpg) top left no-repeat;
position: absolute;
top: 124px;
left: 314px;
z-index: 3;
width: 575px;
height: 91px;
list-style: none;
}
#menu li {
float: left;
}
#menu li a {
font: normal 17px "Trebuchet MS", Arial, Helvetica, Sans-serif;
text-decoration: none;
display: block;
height: 91px;
text-align: center;
line-height: 27px;
color: #000;
text-shadow: #DBDBDB 0 2px 1px;
}
/*
#menu li a {
font: bold 17px Arial Narrow, Arial, Helvetica, Sans-serif;
text-decoration: none;
display: block;
height: 91px;
text-align: center;
line-height: 27px;
color: #000;
}
*/
#menu li a:hover {
line-height: 29px;
color: #565351;
text-shadow: none;
}




.m1 {
background: url(none);
width: 120px;

}
.m1:hover, .m1sel {
background: url(../images/m1.jpg) bottom left no-repeat;
}
.m2 {
background: url(none);
width: 120px;
}
.m2:hover, .m2sel {
background: url(../images/m2.jpg) bottom left no-repeat;
}
.m3 {
background: url(none);
width: 120px;
}
.m3:hover, .m3sel {
background: url(../images/m3.jpg) bottom left no-repeat;
}
.m4 {
background: url(none);
width: 130px;
}
.m4:hover, .m4sel {
background: url(../images/m4.jpg) bottom left no-repeat;
}

/**************** SUBMENU ****************/

#submenu {
float: left;

margin: 195px 59px 230px 1px;
list-style: none;
display: inline;

}
#submenu li {
width: 250px;
float: left;

clear: left;

}
#submenu li.subitem a {
display: block;
padding: 5px 5px 5px 10px;
background: #eaaaac;
border: 1px solid #eaaaac;
border-top-width: 0;
border-bottom-width: 0;
font-size: 11px;
line-height: 12px;
color: #FFF;
text-decoration: none;
text-shadow: #637569 0 1px 1px;
font: bold 11px "Trebuchet MS", Arial, Helvetica, Sans-serif;
}
#submenu li.subitem a:hover {
text-shadow: #56665C 0 1px 1px;
text-decoration: underline;
background: #000000;
}







#submenu li.item a {
display: block;
height: 26px;
padding: 0 20px 0 8px;
background: url(../images/a_item.jpg) top left no-repeat #ed1b24;
border: 1px solid white;
border-bottom: 1px solid white;
border-top-width: 0;
font: bold 13px "Trebuchet MS", Arial, Helvetica, Sans-serif;
color: #FFF;
text-decoration: none;
text-shadow: #637569 0 2px 1px;
line-height: 26px;
}
#submenu li.item a:hover {
color: #f1f1f1;
text-shadow: #56665C 0 1px 1px;
text-decoration: none;
background: url(../images/a_item.jpg) top left no-repeat #ed1b24;
}
#submenu li.open a {
background: url(../images/a_open.jpg) top left no-repeat #ed1b24;
}
#submenu li.open a:hover {
background: url(../images/a_open.jpg) top left no-repeat #ed1b24;
}
#submenu br {
display: none;

}
#searchform {
margin: 9px 0;
height: 29px;
border: solid 1px #617366;
background: url(../images/bgsearch.jpg) top left repeat-x #617366;
}
#searchform_orphan {
margin: 0 0 9px;
height: 29px;
border: solid 1px #617366;
background: url(../images/bgsearch.jpg) top left repeat-x #617366;
}
#searchfield {
width: 96px;
height: 18px;
border: solid 1px #788E7F;
margin: 5px 5px 0 5px;
float: left;
}
#searchbutton {
margin: 5px 0 0 0;
float: left;
}
#panel {
border-top: solid 1px white;
background: url(../images/bgpanel.jpg) top left repeat-x #FFF;
overflow: hidden;
color: #505050;
}
#panel h4 {
padding: 3px 7px;
font: bold 14px "Trebuchet MS", Arial, Helvetica, Sans-serif;
margin-bottom:8px;
}
#panel ul, #panel p {
padding: 0 7px;
list-style: none;
}
#panel li {
padding-left:16px;
width:240px;
float:none;
clear:none;
background-image:url(../images/li_logo.gif);
background-repeat:no-repeat;
background-position:0 5px;
display:block;
height:19px;
line-height:18px;
}
#panel li a {
color:#000000;
}

#panel li a:hover {
text-shadow: #56665C 1 1px 1px;
/*text-decoration: underline;*/
background: white;
}

/**************** CONTENT ****************/

#innerwrap {
padding: 12px 0 200px 21px;
float: left;
margin: 195px 0 0 0;
width: 470px;
background: url(../images/bgcontent.jpg) top left no-repeat;
min-height:300px;
height:auto !important;
height:300px;
}
#innerwrap h1 {
font: bold 28px "Trebuchet MS", Arial, Helvetica, Sans-serif;
color: #666;
}
.article {
margin: 20px 0 7px 0;
}
.article p {
font-size: 12px;
line-height: 17px;
}
.date {
float: right;
font: bold 13px "Trebuchet MS", Arial, Helvetica, Sans-serif;
color: #C6C2C6;
}
.article h2 {
font: normal 19px "Trebuchet MS", Arial, Helvetica, Sans-serif;
margin: 0 0 14px 0;
color: #336633;
}
.imgbox, .hiddenimgbox {
border: solid 5px #CCC;
float: right;
margin: 0 0 10px 10px;
}
.imgbox img {
border: solid 1px #ACC6B5;
/*
width: 66px;
height: 66px;
*/
padding:1px;
}
.hiddenimgbox {
position: relative;
margin: 0 -90px 0 0;
display: none;
}
.hiddenimgbox img {
border: solid 1px #ACC6B5;
width: auto;
height: auto;
}

/**************** WERK ****************/

#werktxt {
margin: 20px 0 0 0 ;
float: left;
}
#werktxt h2 {
font: normal 19px "Trebuchet MS", Arial, Helvetica, Sans-serif;
margin: 0 0 14px 0;
color: #336633;
}
#werktxt p {
font-size: 12px;
line-height: 17px;
}
#werktxt p label {
display:block;
float:left;
}
#werktxt p span {
display:block;
float:left;
}

#werktxt h2 {
font: normal 19px "Trebuchet MS", Arial, Helvetica, Sans-serif;
margin: 20px 0 7px 0;
color: #336633;
}
.werkimg {
margin: 0 0 5px 10px;
float: right;
}
.werkimg p {
margin: 0 0 0 13px;
font-weight: bold;
}
.werkimg a {
color: #ED1B24;
}
.werkimg a:hover {
text-decoration: none;
}
.werkimg ul{
margin: 7px 0 0 26px;
list-style: disc url(../images/li_logo.gif) outside;
}

/**************** INFO ****************/

#submenu li.sel a {
background: url(../images/a_sel.jpg) top left no-repeat #A2BFAC;
}
#submenu li.sel a:hover {
background: url(../images/a_sel.jpg) top left no-repeat #A2BFAC;
}
#info h2 {
font: normal 19px "Trebuchet MS", Arial, Helvetica, Sans-serif;
margin: 14px 0 7px 0;
color: #336633;
}
#info p {
font-size: 12px;
line-height: 17px;
}
#info img {
width: 100px;
}
#info .hiddenimgbox {
position: relative;
margin: 0 -130px 0 0;
display: none;
}
#info .hiddenimgbox img {
border: solid 1px #ACC6B5;
width: auto;
height: auto;
}

/**************** contact ****************/

a#contact br {
display: inline;
}
#contact {
background: #f1bbbd;
border: 1px solid #A2BFAC;
border-width: 0;
border-bottom-width: 0;
text-shadow: #637569 0 1px 1px;
}
#contact p {
margin: 8px 0 2px 20px;
font-size: 11px;
line-height: 12px;
color: #FFF;
text-shadow: #637569 0 1px 1px;
}
#contact li {
width: 160px;
float: left;
clear: left;
display: block;
padding: 5px 5px 5px 18px;
background: #B6CDBE;
border: 1px solid #A2BFAC;
border-top-width: 0;
border-bottom-width: 0;
font-size: 11px;
line-height: 9px;
color: #FFF;
text-decoration: none;
text-shadow: #637569 0 1px 1px;
}
#innerwrap form {
margin: 14px 0 0 0;
}
#innerwrap form h2 {
font: normal 19px "Trebuchet MS", Arial, Helvetica, Sans-serif;
margin: 0 0 14px 0;
color: #336633;
}
#innerwrap #error {
color:#FF0000;
font-weight: bold;
margin: 0 0 14px 0;
}
#innerwrap #notice {
color:#000000;
margin: 0 0 14px 0;
}
#innerwrap form label {
display: block;
float: left;
width: 95px;
clear:left;
height: 20px;
line-height: 20px;
margin: 0 14px 5px 0;
}
#innerwrap form input {
border: 1px solid #BABABA;
float: left;
width: 250px;
line-height: 20px;
height: 20px;
margin: 0 14px 5px 0;
}
#innerwrap form .field {
background: url(../images/bgform.jpg) bottom left repeat-x #FFF;
}
#innerwrap form .errorfield {
background: url(none) bottom left repeat-x #FEFFE5;
}

#innerwrap form textarea {
border: 1px solid #BABABA;
background: #FFF;
float: left;
width: 250px;
height: 100px;
margin: 0 14px 3px 0;
}
#innerwrap form input.button {
font: bold 11px "Trebuchet MS", Arial, Helvetica, Sans-serif;
width: 124px;
height: 20px;
border: 1px solid #CCC;
color: #FFF;
background: #ed1c24;
margin: 5px 5px 14px 0;
}
#innerwrap form input,textarea {
font: normal 13px "Trebuchet MS", Arial, Helvetica, Sans-serif;
}


/**************** FOOTER ****************/

#footer {
width: 100%;
background: url(../images/bgwrap.gif) top center repeat-x #F5FCF7;
text-align: center;
height: 30px;
}
#footerwrap {
width: 800px;
text-align: left;
margin: 0 auto;
}
#footer li {
float: left;
margin: 5px 20px 0 0;
display: inline;
}
#footer #first {
width: -10px;
height: 30px;
margin: 0 0 0 252px;
background: url(../images/bgwrap.gif) no-repeat top left;
}
.clr {
float: none;
clear: both;
display:block;
}

h1 span {
visibility:hidden;
white-space:nowrap;
}
h1 {
background:url(none) no-repeat 2px 1px;
}
h2 span {
visibility:hidden;
white-space:nowrap;
}
h2 {
background:url(none) no-repeat 0px 1px;
}
.hidden {
display:none;
}
.invisible {
visibility:hidden;
}



/**************** SEARCH ****************/

h2 {
font: normal 17px "Trebuchet MS", Arial, Helvetica, Sans-serif;
color: #9B9DA8;
}
#paging {
margin: 0px;
clear: both;
float: none;
}
#paging a {
display: block;
width: 14px;
height: 14px;
text-align: center;
color: #FFF;
text-decoration: none;
border: 1px solid #769771;
border-top-color: #A7BBA3;
border-bottom-color: #336633;
background-color: #598053;
float: left;
margin: 0 0 0 3px;
}
#paging a:hover {
font-weight: bold;
background-color: #336633;
border: 1px solid #000;
}
#paging a.sel {
font-weight: bold;
color: #598053;
border: 1px solid #769771;
background-color: #FFF;
}
#paging p {
float: left;
color: #598053;
}
.rel {
width: 85px;
height: 16px;
background: url(../images/rel1.gif) repeat-x top left;
float: left;
position:absolute;
}
.rel_over {
height: 16px;
background: url(../images/rel1.gif) repeat-x top left;
float: left;
position:absolute;
}
.rel_title {
position:absolute;
margin-top:-20px;
padding-left:95px;
}
.result {
clear: both;
float: none;
border: 1px solid #E4E3E4;
padding: 8px;
width:450px;
overflow:hidden;
}
.result a {
text-decoration: none;
margin-top:30px;
display:block;
} 

.result a:hover {
text-decoration: underline;
}