* {
	margin: 0px;
	padding: 0px;
	text-align: left;
	line-height: 14px;
	
}

body  {
	background-color: #FFF;
	color: #333333;
    background-image: url(../images/design/background_top_image.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	text-align: center;
    margin: 0px;
	padding: 0px;
}

td.abstandmitte {
width: 200px;
}

.wetextarea 
{
   background-image:none;
   background-color: #FFF;
   color: #000;
}

p
{
  margin-bottom:1em;
}

h1, h2, h3, strong {
    font-size: 1.1em;
	
   
}

img {
	border: none;
	border: 0px;
}

a {
    text-decoration: none;
    color: #5B8D44;
}

li {
    margin-left: 15px;
}

.clear {
	clear: both;
    height:0px;
}

input , select, textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

input
{
width: 150px;
}

input.senden
{
  background-image: url(../images/design/grey_button.jpg);
    background-position: 0% 0%;
    background-repeat: no-repeat;
  color: #000; 
padding-left: 10px;
padding-top: 0px;
padding-bottom: 8px;
width: 83px;
height: 18px;
background-color: none;
border: none;
border: 0px;
line-height: 14px;
float: right;
margin-top: 4px;
}

div.page {
    width: 900px;
    margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
    margin-top: 40px;
	height: 100%;
	padding: 0;
    background-image: none;
}

/*********  NAVI  **********/
ul.navigation {
    float:left;
    padding-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
}

div.navi {
    padding: 0;
    margin: 0;
    }

ul.navigation li {
    float:left;
    padding-right: 25px;
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
    height:22 px;
    text-align: top;
}

div.logo {
    float:right;
}

/*********  HEADER  **********/
div.header_start {
    clear: both;
    height: 308px;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    padding: 0;
}

div.header {
    clear: both;
    height: 202px;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    padding: 0;
}

div.left_image_home {
    float:left;
    width: 900px;
    padding-right:11px;
}

div.left_image {
    float:left;
    width: 687px;
    padding-right:11px;
}


div.right_images {
    float:right;
    width: 202px;
}

div.right_images_pic_left {
    clear: both;
    float:left;
    padding: 0 10px 10px 0;
    margin: 0;
}

div.right_images_pic_right {
    float:left;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
}

div.right_images_pic_left_last {
    clear: both;
    float:left;
    padding: 0;
    padding-right: 10px;
    margin: 0;
}

div.right_images_pic_right_last {
    float:left;
    padding: 0;
    margin: 0;
}


/*********  MAIN  **********/
div.main {
    clear:both;
    margin-top: 11px;
    width:100%;
}

div.inhalt_head_start {
    clear:both;
    background-image: url(../images/design/inhalt_head_start.gif);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 10px;
}

div.inhalt_background_start {
    clear:both;
    background-image: url(../images/design/inhalt_footer_start.gif);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 20px;
}

div.inhalt_start {
    clear: both;
    background-image: url(../images/design/inhalt_background_start.gif);
    background-position: 0% 0%;
    background-repeat: repeat-y;
    width: 100%;
    padding-top: 10px;
}



div.inhalt_head {
    clear:both;
    background-image: url(../images/design/inhalt_head.gif);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 10px;
}

div.inhalt_background {
    clear:both;
    background-image: url(../images/design/inhalt_footer.gif);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 20px;
}

div.inhalt {
    clear:both;
    background-image: url(../images/design/inhalt_background.gif);
    background-position: 0% 0%;
    background-repeat: repeat-y;
    width: 100%;
    padding-top: 10px;
}

div.left_part {
    clear: both;
    float:left;
    width: 667px;
    padding-right:21px;
    padding-left: 10px;
    margin: 0;
    padding-top:0px;
}

div.right_part {
    float:right;
    width: 182px;
    padding-right:10px;
    padding-left: 10px;
}

div.inhalt_part1 {
    float: left;
    width: 290px;
    padding-right:10px;
}


div.inhalt_part2 {
    float:left;
    padding-left: 30px;
    width: 335px;
}

h1.headline {
    background-image: url(../images/design/headline_left_pic.gif);
    background-position: 0 4px;
    background-repeat: no-repeat;
    padding-left: 17px;
    font-weight: bold;
    font-size: 13px;
}

p.border_bottom {
    clear:both;
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 10px;

}

div.handwerk{
    clear:both;
    padding-bottom: 10px;
    padding-top: 10px;
}

div.border_bottom {
    border-bottom: 1px solid #9a9a9a;
}

div.element_with_bottom_border {
    float:left;
    width: 150px;
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 12px;
    margin-bottom: 12px;
    margin-right:12px;
}

div.element {
    float:left;
    width: 150px;
    margin-right:12px;
}

div.inhalt_text {
    padding-left: 35px;
    padding-right: 20px;
}

ul.projekte_navi {
    width:225px;
    float:left;
    background-image: url(../images/design/projekte_navi_ul_background.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    border-right: 1px solid #9a9a9a;
}
ul.projekte_navi li {
    list-style-type: none;
    background-image: url(../images/design/headline_left_pic.gif);
    background-position: 0 9px;
    background-repeat: no-repeat;
    padding-left: 17px;
    line-height: 11px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #FFF;
}

ul.projekte_navi li a {
    color: #8a8a8a;
}

ul.projekte_navi li a:hover {
    color: #4daa00;
}

ul.projekte_navi li.active  {
    background-color: transparent;
}
ul.projekte_navi li.active a {
    color: #333333;
}

div.projekt_details {
    float:left;
    padding-left: 25px;
    width: 415px;
    /*border-left: 1px solid #9a9a9a;*/
}

div.contact_box {
    background-image: url(../images/design/verlauf_grau.gif);
    background-position: 0 0;
    background-repeat: repeat-y;
    width: 480px;
    border-top: 1px solid #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    padding: 10px;
	
}

/*********  FOOTER  **********/
div.footer {
    clear: both;
    background-image: url(../images/design/footer.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 24px; 
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}
div.footer_text {
    color: #5f5f5f;
    padding-top: 5px;
    padding-left: 16px;
}

div.footer_text  a {
    color: #5f5f5f;
}
/*********  handwerkzeug content  **********/

div.handwerkzeug_menu {
float:left;
width:180;
}

div.handwerkzeug_content {
float: left;
padding-left: 20px;
width: 470px;
}

.navi_unterstrich {
font-weight:bold;
/*text-decoration:underline;*/
}