/* CSS Document */
body {
background     : #e8e8e8 url(../images/bg_body.jpg) repeat-x top left;
text-align            : center;
margin                : 0px auto;
}

a {
color: #2e1201;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #2e1201;
text-decoration: underline;
font-weight: bold;
}

div#page {
width : 981px;
background-image: url(../images/bg_page_2.jpg);
text-align            : center;
margin                : 0px auto;
font-family : arial;
font-size: 10pt;
color: #333333;
}

div#top {
width    : 981px;
height   : 400px;
background   : #cccccc url(../images/bg_top.jpg) no-repeat top left;
}

div#logo {
float: right;
margin: 8px 25px 0px 0px;
width : 95px;
height : 85px;
}

div#logo a img {
border : 0px;
}

div#topnavi {
float: right;
margin: 58px 25px 0px 0px !important;
margin: 73px 25px 0px 0px;
width : 350px;
height : 25px;
}

.topnavi ul {
font-size: 10pt;
float: right;
font-family : arial;
list-style : none;
color : #333333;
}

.topnavi ul li {
float: left;
list-style: none;
display : inline;
padding-left: 10px;
padding-right: 10px;
line-height : 15px;
border-right: 1px solid #cccccc;
}

.topnavi ul li a {
color: #381d12;
text-decoration: none;
}

.topnavi ul li a:hover {
color: #381d12;
text-decoration: underline;
}

.topnavi ul li a:active {
color: #999999;
text-decoration: none;
}

div#topnavi .last {
border: 0px;
}

/*div#header {
width : 960px;
height : 266px;
margin : 102px 0px 0px 0px;
}*/

/********************** MENUE Begin ***********************/
               
div#menue {
float : left;
    width		        : 650px;
margin: 290px 10px 0px 10px;
    color               : #ffffff;
font-weight: bold;
    line-height         : 15px;
    height              : 15px;
}

div#menue ul {
    margin              : 0;
    padding             : 0;
    list-style          : none;
}

div#menue ul li {
    margin              : 0;
border: 0 none;
    padding             : 0;
    float               : left; /*For Gecko*/
    display             : inline;
    list-style          : none;
    position            : relative;
}

div#menue .last {
border-right: 0px;
}

div#menue ul ul {
    position            : absolute;
    display             : none;
    background    : #381d12;
    top                 : 26px;
    left                : 0px;
}

div#menue ul li a {
    opacity:0.85;
    line-height         : 20px;
    height              : 30px;
    font-family         : arial, verdana, sans-serif;
    font-size           : 9pt;
    display             : block;
    color               : #ffffff;
    text-decoration     : none;
    border              : 1px solid #FFFFFF;
    border-width        : 0px 1px 0px 0px;
    padding-left        : 15px;
    padding-right       : 15px;
    float               : left;
}

div#menue ul li a:hover {
color: #f3ae00;
}

div#menue ul li.iehover ul,
div#menue ul li:hover ul {
    opacity:0.85;
    width               : 210px;
    display             : block;
}


div#menue .last  {
    border        : 0px;
}

div#menue ul li ul li {
    float               : none;
}

div#menue ul li.last ul li a,
div#menue ul li ul li a {
    background    : #381d12 url(../images/bg_2nd.gif) no-repeat left;
text-align: left;
padding-left: 45px;
    color               : #ffffff;
    font-weight         : normal;
    margin-top: 0px;
    padding-top         : 3px;
    padding-bottom      : 3px;
    line-height         : 20px;
    height              : 20px;
border-left: 0px;
border-right: 0px;
    border-bottom       : 1px solid #ffffff;
    white-space         : nowrap;
    width               : 150px;
    float               : none;
}


div#menue ul li.last ul li a:hover,
div#menue ul li ul li a:hover {
  background    : #e8e8e8 url(../images/bg_2nd_2.gif) no-repeat left;
    color               : #381d12;
}

/* 3rd Level */

div#menu ul li.last ul ul li a,
div#menu ul li ul ul li a {
    background-color    : #d1d1d1;
    border-right        : 1px solid #AAA;
}

div#menu ul li.iehover ul ul,
div#menu ul li:hover ul ul {
    display             : none;
}

div#menu ul li:hover ul li:hover ul {
    position:relative;
    left : 14em;
    top: -27px;
    width               : 12em;
    display             : block !important;
    z-index:500;
}


/*************** 2nd LEVEL End ***************/

div#menue .hr {
font-weight: bold;
font-style : italic;
text-transform: uppercase;
}

/********************** MENUE End ***********************/
/*************** SUCHE Begin *****************/
#suchform label {
visibility: hidden;
}

#suchform {
float: right;
width : 250px;
height : 15px;
margin : -33px 15px -15px 50px !important;
margin : 0px 15px -15px 50px;
}

#suchform input {
float:left;
margin: 2px 15px 0px 50px;
}

#suchform .suche_button {
float: right;
width : 15px;
height : 15px;
margin-top: -17px;
margin-right: 35px;
background : transparent url(../images/lupe.gif) no-repeat;
border : 0px;
}

/*************** SUCHE End *****************/

div#cleft {
float : left;
margin: 15px 20px 15px 25px;
width: 525px;
border-right: 1px solid #e8e8e8;
text-align: left;
}

div#cleft h1 {
font-size: 12pt;
color: #2e1201;
}

div#cleft hr {
color: #cccccc;
border: 1px solid #e8e8e8;
}

div#cright {
float : right;
text-align: right;
margin: 15px 15px 15px 15px;
width: 375px;
}

div#footer {
font-family : arial;
color : #29170d;
font-size : 8pt; 
width  : 961px;
height : 125px;
border-top: 1px solid #cccccc;
background : #ffffff url(../images/bg_footer.jpg) repeat-x top left;
margin : 0 auto;
}

div#schatten {
margin : 0 auto;
width : 981px;
height : 10px;
background : #e8e8e8 url(../images/bg_schatten.jpg) no-repeat top left;
}

/************************* Infobox ***************************/
div#infobox2 {
width: 350px;
height: 220px;
background: url(../images/infobox/info_dmh.jpg) top left;
padding-top: 5px;
}

div#infobox3 {
width: 350px;
height: 220px;
background: url(../images/infobox/info_osmo.jpg) top left;
padding-top: 5px;
}

div#infobox4 {
width: 350px;
height: 220px;
background: url(../images/infobox/info_rog.jpg) top left;
padding-top: 5px;
}

div#infobox2 a {
float : left;
margin: 0px 0px 0px 3px;
}

div#infobox3 a {
float : left;
margin: 0px 0px 0px 3px;
}

div#infobox4 a {
float : left;
margin: 0px 0px 0px 3px;
}
/************************* Infobox End ****************************/

/************************* Ibox Unten Beginn **********************/
div#ibox {
text-align: left;
padding-left: 15px;
padding-top: 5px;
font-size: 8pt;
color: #333333;
width: 329px;
height: 195px;
margin-left: 2px;
margin-top: 25px;
border: 1px solid #cccccc;
background: #ffffff url(../images/bg_infobox_unten.jpg) repeat-x;;
}

div#ibox img {
border: 0px;
float: left;
}

div#ibox .headline {
font-size : 10pt;
color: #333333;
font-weight: bold;
font-style: italic;
}

div#ibox a {
border: 0px;
}

.example1 {
color: #381d12;
}

div#cleft .csc-header h3 {
background: #ffffff url(../images/haken.jpg) no-repeat top left;
background-position: -5px;
padding-left: 20px;
font-size: 10pt;
color: #2e1201;
}

div#cleft h3 {
background: #ffffff url(../images/haken.jpg) no-repeat top left;
background-position: -5px;
padding-left: 20px;
font-size: 10pt;
color: #2e1201;
}

.tx-rgslideshow-pi1 {
text-align: left;
padding-left: 7px;
padding-top: 5px;
font-size: 8pt;
color: #333333;
width: 337px;
height: 181px;
margin-left: 2px;
margin-top: 25px;
border: 1px solid #cccccc;
background: #ffffff url(../images/bg_infobox_unten.jpg) repeat-x;;
}

.csc-mailform-field {
margin: 15px 0px 15px 0px;
}

#mailformrueckruf_ja {
margin-right: 307px;
}

.csc-mailform input {
float: right;
margin: 0px 50px 0px 0px;
}

.csc-mailform textarea {
float: right;
margin: 0px 50px 0px 0px;
}

#mailformformtype_mail {
float: right;
margin: 15px 50px 0px 0px;
}

#dmh {
margin: 185px 0px 0px 260px;
border: 0px;
}

#dmh .mehr {
background: transparent url(../images/mehr_1.gif) no-repeat;
width: 75px;
height: 25px;
}