/*-----------------------------------------------------
        html body
-----------------------------------------------------*/

body {
        text-align: center;
        padding-bottom: 15px; /* solution for [1] */
        background-color: #fff;
}



/*-----------------------------------------------------
        top menu
-----------------------------------------------------*/

div#topMenu {
        color: #999;
        text-align: right;
        padding-top: 0px;;
        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 6px;
        margin-right: 6px;
        background-image: url(img/baustark_2_2.gif);
        background-position: left;
        background-repeat: no-repeat;
        height: 38px;
}

div#topMenu a {
        color: #666;
        margin-left: 3px;
        margin-right: 3px;
}

div#topMenu a:hover {
        color: #000;
}


/*-----------------------------------------------------
        header1
-----------------------------------------------------*/

div#header1 {
        border-left: 6px solid #fff;
        border-right: 6px solid #E1E1E1;
        background-image: url(img/top_bar.jpg);
        background-position: right;
        background-repeat: repeat-y;
        float: left;
        width: 100%;
        height:41px;
}


/*-----------------------------------------------------
        header2
-----------------------------------------------------*/

div#header2 {
        border-left: 6px solid #E1E1E1;
        border-right: 6px solid #E1E1E1;
        float: left;
        padding: 0 0 3px 0;
}

div#header2 img {
        //width: 946px;
}

/*-----------------------------------------------------
        main menu
-----------------------------------------------------*/

div#mainMenu {
        background-image: url(img/mainmenu.gif);
        background-repeat: repeat-x;
        border-left: 6px solid #e1e1e1;
        border-right: 6px solid #e1e1e1;
        text-align: right;
        clear: both;
        width: 100%;
        float: left;
        //height: 39px;
}

div#mainMenu table {
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
}

div#mainMenu td {
        border-left: 2px solid #fff;
}

div#mainMenu a {
        display: block;
        height: 28px;
        //height: 39px;
        font-size: 12px;
        font-weight: bold;
        color: #0564aa;
        background-image: url(img/mainmenu.gif);
        background-repeat: repeat-x;
        background-position: 0px -39px;
        text-align: center;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 11px;
}

div#mainMenu b {
        display: block;
        height: 28px;
        font-size: 12px;
        font-weight: bold;
        color: #0564aa;
        padding-top: 11px;
        background-image: url(img/mainmenu_selected.gif);
        background-repeat: repeat-x;
        background-position: 0px -39px;
        text-align: center;
        padding-left: 12px;
        padding-right: 12px;
}

div#mainMenu a.flags {
display: inline;
text-align: center;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

div#mainMenu a:hover,
div#mainMenu a.selected,
div#mainMenu a.selected:hover {
        color: #0564aa;
        background-position: 0px 0px;
}
div#mainMenu a:hover
{
        background-image: url(img/mainmenu_selected.gif);
        background-repeat: repeat-x;
}
div#mainMenu td.act
{
        background-image: url(img/mainmenu_selected.gif);
        background-repeat: repeat-x;
}

/*-----------------------------------------------------
        body
-----------------------------------------------------*/



/*-----------------------------------------------------
        left column / sub menu
-----------------------------------------------------*/

div#leftColumn {
        width: 235px;
        float: left;
        padding-bottom: 5px;
        padding-top: 3px;
        background-image: url(img/submenu_middle1.gif);
        background-repeat: repeat-y;
}

div#leftColumn .submenuBox, div#rBox .submenuBox {
        background-image: url(img/submenu_middle.gif);
        background-repeat: repeat-y;
}

div#leftColumn .submenuBox .top, div#rBox .submenuBox .top {
        background-image: url(img/submenu_top.gif);
        background-repeat: no-repeat;
        height: 9px;
        line-height: 1px;
        font-size: 1px;
}

div#leftColumn .submenuBox .header, div#rBox .submenuBox .header {
        margin-top: 10px;
        margin-left: 22px;
        margin-right: 22px;
        padding-left: 20px;
        background-image: url(img/icon_window.gif);
        background-repeat: no-repeat;
        background-position: 0px 4px;
        font-size: 12px;
        font-weight: bold;
        color: #0564aa;
        line-height:17px;
        text-align: left;
}

div#leftColumn .submenuBox ul {
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 13px;
        margin-right: 18px;
        padding-top: 1px;
        border-top: 1px solid #ccc;
        zoom: 1;
}
div#rBox .submenuBox ul {
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 13px;
        margin-right: 12px;
        padding-top: 1px;
        border-top: 1px solid #ccc;
        zoom: 1;
}

div#leftColumn .submenuBox ul li, div#rBox .submenuBox ul li {
        margin: 0px;
        background-image: none;
        padding: 0px;
        margin-bottom: 2px;
        display: block;
}


div#leftColumn .submenuBox ul li a, div#rBox .submenuBox ul li a {
        display: block;
        padding: 8px;
        padding-left: 30px;
        padding-right: 0px;
        font-size: 12px;
        color: #666;
        text-align: left;
        background-color: #e1e1e1;
        background-image: url(img/submenu_option.gif);
        background-repeat: repeat-x;
        background-position: 0px 15px;
        zoom: 1;
}

div#leftColumn .submenuBox ul li a:hover,
div#leftColumn .submenuBox ul li a.selected,
div#leftColumn .submenuBox ul li a.selected:hover,
div#rBox .submenuBox ul li a:hover,
div#rBox .submenuBox ul li a.selected,
div#rBox .submenuBox ul li a.selected:hover {
        background-color: #c0c0c0;
        background-position: 0px -85px;
        color: #fff;
}
div#leftColumn .submenuBox ul li a.act, div#rBox .submenuBox ul li a.act {
        background-color: #c0c0c0;
        background-position: 0px -85px;
        background-image: url(img/submenu_option.gif);
}

div#leftColumn .submenuBox .bottom, div#rBox .submenuBox .bottom {
        background-image: url(img/submenu_bottom.gif);
        background-repeat: no-repeat;
        height: 8px;
        line-height: 1px;
        font-size: 1px;
}


/*-----------------------------------------------------
        contentContainer
-----------------------------------------------------*/

div#content {
        margin-left: 235px;
        margin-right: 0px;
        padding: 20px 10px;
        //padding: 20px 6px 0 6px;
        
        text-align: left;
}

/*-----------------------------------------------------
        footer
-----------------------------------------------------*/

div#footer a,
div#footer a:focus {
        color: #fff;
        text-decoration: underline;
}










div.mainBodyTop {
        background-image: url(img/mainBodyTop.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        padding: 15px;
        zoom: 1;
}

div.mainBody {
        background-image: url(img/mainBodyMiddle.jpg);
        background-repeat: repeat-y;
}

div.mainBodyBottom {
        background-image: url(img/mainBodyBottom.jpg);
        background-repeat: no-repeat;
        background-position: bottom left;
        margin-bottom: 15px;
}

div.boxLeft {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
background-image:url(img/content/Leiste_kurz_ohne_Pfeil.jpg);
background-repeat: no-repeat;
background-position: top;
width:337px;
padding:0px;
margin-right:10px;
float:left;
}

div.boxRight {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
background-image:url(img/content/Leiste_kurz_ohne_Pfeil.jpg);
background-repeat: no-repeat;
background-position: top;
width:337px;
padding:0px;
float:left;
margin-bottom:10px;
}

div.boxLeftBlank {
width:337px;
padding:0px;
margin-right:10px;
float:left;
}

div.boxRightBlank {
width:337px;
padding:0px;
float:left;
margin-bottom:10px;
}

div.boxCenterBlank {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
width:686px;
padding:0px;
float:left;
margin-bottom:10px;
}

div.boxCenter {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
background-image:url(img/content/Leiste_lang_ohne_Pfeil.jpg);
background-repeat: no-repeat;
background-position: top;
width:686px;
padding:0px;
float:left;
text-align:justify;
margin-bottom:10px;
line-height:14px;
}

div.boxLeftArr {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
background-image:url(img/content/Leiste_kurz_mit_Pfeil.jpg);
background-repeat: no-repeat;
background-position: top;
width:337px;
padding:0px;
margin-right:10px;
float:left;
}

div.boxLeftArrSmall {
background-repeat: no-repeat;
background-position: top;
width:228px;
height:267px;
padding:0px;
margin-right:2px;
margin-bottom:5px;
float:left;
}

div.boxLeftArrSmall2 {
background-repeat: no-repeat;
background-position: top;
width:228px;
height:267px;
padding:0px;
margin-right:0px;
margin-bottom:5px;
float:left;
}

div.boxRightArr {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
background-image:url(img/content/Leiste_kurz_mit_Pfeil.jpg);
background-repeat: no-repeat;
background-position: top;
width:337px;
float:left;
margin-bottom:10px;
}

div.boxCenterArr {
border-left: 1px solid #0564aa;
border-right: 1px solid #0564aa;
border-bottom: 1px solid #0564aa;
background-image:url(img/content/Leiste_lang_mit_Pfeil.jpg);
background-repeat: no-repeat;
background-position: top;
width:686px;
padding:0px;
float:left;
text-align:justify;
margin-bottom:10px;
}

div.boxBeschlag {
border-left: 0px solid #0564aa;
border-right: 0px solid #0564aa;
border-bottom: 0px solid #0564aa;
background-image:url(img/content/beschlag2.jpg);
background-repeat: no-repeat;
background-position: top;
width:337px;
height:195px;
padding:0px;
margin-right:14px;
float:left;
}

div.boxSprossen {
border-left: 0px solid #0564aa;
border-right: 0px solid #0564aa;
border-bottom: 0px solid #0564aa;
background-image:url(img/content/sprossen2.jpg);
background-repeat: no-repeat;
background-position: top;
width:337px;
height:195px;
float:left;
margin-bottom:10px;
}


div.boxPadd {
font-size:11px;
padding: 3px 10px 0px 10px;
line-height:14px;
}

.boxPic {
border: 1px solid #0564aa;
}

.boxPicSub {
font-size:10px;
font-style:italic;
margin-bottom:7px;
}

div.boxLeftArrCenter {
background-repeat: no-repeat;
background-position: top;
width:687px;
height:195px;
padding:0px;
margin-right:0px;
margin-bottom:5px;
float:left;
}
#content table.fixedSize {
    width:688px;
}
#content table.fixedSize ul li {
background-image:url("img/bullet1.gif");
background-position:0 6px;
background-repeat:no-repeat;
margin-bottom:0;
padding-left:15px;
line-height:14px;
}