body {
font : 12px/100% 'Lucida Grande', LucidaGrande, Lucida, Arial, sans-serif;
background-image: url(http://www.jokhosha-design.de/images/bogen.png);
background-repeat: repeat-x;
}

div#head {

width: 100%;
height: 130px;
color: black;
margin-top: 0px;
padding: 0px;
}

div#bild-links {
float : left;
clear : none;
}

div#rechts {
float : left;
clear : none;
padding-top: 8pt;
padding-left: 20px;
font-size: 90%;
line-height:160%;
}

#rechts ul {
text-align : left;
display : block;
width : 100%;
height : auto;
overflow : hidden;
float : none;
clear : none;
font-size: 85%;
list-style-type : none;
padding-left : 0px;
margin-top : 10px;
}

div.drumrum {
width: 500px;
float : left;
clear:none;

}

div#main, div.main {
text-align : left;
background: #fff;
color: black;
margin-left: 0px;
padding-left: 0px;
float : left;
clear:none;
display: inline;
}

div.main {
text-align : left;
background: #fff;
color: black;
margin-left: 0px;
padding-left: 0px;
float : left;
clear:right;
display: block;
}

div#index {
text-align : left;
background: #fff;
color: black;
width: 400px;
margin-left: 220px;
padding-left: 0px;
float : left;
clear:none;
}


div#mainprojekt, div.mainprojekt {
text-align : left;
background: #fff;
color: black;
margin-left: 0px;
padding-left: 0px;
float : left;
clear:right;
}

div#projektnavi {
text-align : left;
background: #fff;
padding-left: 220px;
float : left;
clear:left;
}

div.maintext {
background: #fff;
width: 600px;
color: black;
line-height: 140%;
}

.right {
text-align: right;
color: #369;
font-weight : bold;
}

div#index h1.headline, div#main h1.headline {
padding-top : 20px;
font-size: 160%;
color: #336699;
text-align : left;
}

div#index h2.claim, div#main h2.claim {
padding-top : 20px;
font-size: 100%;
color: #666;
text-align : left;

}

div#main .text, div#index .text {
font-size: 90%;
line-height:160%;
}

img.willkommen {
margin-top:0px;
}

.red {
color: red;
}

ul#navi  {
text-align : left;
display : block;
margin: 0px;
padding-left: 20px;
padding-top : 20px;
margin-left: 20px;
height : auto;
overflow : hidden;
border-style : none;
float : none;
clear : none;
background-image: url(images/navi_hg.png);
}
ul#navi li  {
font-size : 100%;
display : inline;
}
ul#navi li a  {
color : #fff;
background-image: url(images/navi_passiv.png);
background-repeat: no-repeat;
font-style : normal;
font-weight : bold;
line-height : 120%;
text-decoration : none;
display : block;
margin : 0;
padding : 0px 10px;
padding-right: 30px;
float : left;
clear : right;
}
ul#navi li a:hover  {
color : #9e9292;
font-size : 100%;
font-style : normal;
text-decoration : none;
background-image: url(images/navi_aktiv.png);
background-repeat: no-repeat;
}