/* standard elements */
html {min-height: 100%;}

* {
margin: 0;
padding: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
background:#62814C url(../gfx/bgheader.gif) 10% bottom repeat-x;
color: #6F6F6F;
font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1.2em;
}
table.projekt {
border: 1px solid #CFCFCF;
background:#FFFFFF;
width: 100%;
padding:3px 0 10px 0;
margin: 0 0 5px 0;
}

table.projekt caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #495D3B;
margin: 0 0 2px 0;
text-align: left;
}

table.ref {
border: 1px solid #495D3B;
border-collapse:collapse;
width: 100%;
}
table.ref td {
border: 1px solid #495D3B;
text-align: left;
}

h1,h2,h3,h4 {padding-top: 6px;}

h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #495D3B;
        margin: 0 0 5px 0;
}

h2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #7F7F7F;
        margin: 0 0 10px 0;
}

h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #495D3B;
        margin: 0 0 5px 0;
}

h4 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #7F7F7F;
        margin: 0 0 5px 0;
}
.meta {
        margin: 2em 0 2em 0;
        border-top: 1px dotted #939A3C;
        font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
        color: #999999;
}
.tooltip {
        color: #7F7F7F;
        text-decoration: none;
        font-weight: bold;
        border-bottom: 1px solid #097d56;
        border-bottom-style: dashed;
}

 a:hover.tooltip {
        color: #7F7F7F;
        text-decoration: none;
}
ul.tooltip {padding-bottom: 1.2em;}
li.tooltip {margin-left: 30px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
        font-size: 1.2em;
        margin: 0 auto;
        padding: 0px 0 0px 0;
        width: 770px;
        background:#FFFFFF;
        border-left: 3px solid #405433;
        border-right: 3px solid #405433;
}

/* header */
.top {
        background: url(../gfx/bgheader.gif) repeat-x;
        padding: 10px 0px 0px 0;

}

/* title */
.header {
        background: #62814C;
        font-size: 1.2em;
        height: 195px;
        margin: 0 auto;
        padding: 0px 0px 0px;
        width: 770px;
        border-left: 3px solid #405433;
        border-right: 3px solid #405433;
}

.header .left {
overflow: auto;
margin: 0 0px 0 0;
width: 200px;
height: 170px;
color: #EFEFEF;
background: #62814C url(../images/archbau1b.jpg) no-repeat;
}

.header .left h1 {
font-weight: bold;
letter-spacing: -1px;
padding: 0px 0 0 70px;
color: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.0em;
}
.header .left h2 {
font-weight: bold;
letter-spacing: -1px;
padding: 0px 0 0 2px;
color: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.8em;
}
.header .right {
background: #62814C url(../images/luft.jpg) no-repeat;
height: 170px;
width: 568px;
}

.header .right h1 {
font-weight: bold;
letter-spacing: -1px;
padding: 0px 0 0 5px;
color: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.8em;
}
.header .right h2 {
font-weight: bold;
letter-spacing: -1px;
padding: 0px 0 0 2px;
color: #EFEFEF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.8em;
}
.update {
float: right;
color: #000000;
font-size: 11px;
margin: 10px 3px 0 0;
}
/* navigation */
.navitop {
        background: #62814C url(../gfx/bgtop.gif);
        height: 25px;
}
.navitop p {
padding: 4px 0 0 0;
}
.navitop a {
        color: #4F4F4F;
        display: block;
        float: left;
        font: bold 1.1em sans-serif;
        padding: 0px 10px;
        margin-top: 4px;
        text-decoration: none;
}
.navigation {
        background: #62814C url(../gfx/bgmenue.gif);
        height: 36px;
}
.navigation a {
        border-right: 1px solid #AFBEC7;
        color: #4F4F4F;
        display: block;
        float: left;
        font: bold 1.1em sans-serif;
        line-height: 35px;
        padding: 0 5px;
        text-decoration: none;
}
.navigation a:hover {
border-top: 1px solid #AFBEC7;
height: 35px;
padding: 0 5px;
color: #FFFFFF;
background:#62814C url(../gfx/bgmenue.gif) 90% 90% repeat-x;
}
.navigation a#selected {
        border-top: 1px solid #AFBEC7;
height: 35px;
padding: 0 5px;
        color: #FFFFFF;
        background:#62814C url(../gfx/arrow3.png) top center no-repeat;
}
.navigation img {
        border: none;
        color: #456;
        display: block;
        float: left;
        font: bold 1.1em sans-serif;
        line-height: 41px;
        padding: 5px 10px;
        text-decoration: none;
}

/* main */
div.main {
background: url(../gfx/bgmaintop.gif) repeat-x;
height: 33px;
}

/* content */
.content {
        float: left;
        margin: 10px 20px 0 20px;
        padding: 0px 20px 0 20px;
        width: 660px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: url(../images/hintergrund_eching.jpg)  repeat center top;
}
.content p {
margin: 5px 0 0px 0;
line-height: 15px;
}

/* footer */
.footer {
        background:#62814C url(../gfx/bgfooter.gif) repeat-x;
        color: #FFF;
        font: bold 1em sans-serif;
        line-height: 36px;
        padding: 0 12px;
        text-align: center;
        width: 746px;
}
.footer .right {color: #DEF;}
.footer .right a {color: #aaa; text-decoration: none;
width: 100%;
background: url(../gfx/top_bg.gif) center no-repeat;
padding: 2px 45px 2px 45px;
}

.footer a, .footer a:hover,.footer .right a:hover {color: #007F00;}