/* Basics */
		.pngBg{ 
			behavior: url(css/pngbghack.htc); 
		}
		.png{
			behavior: url(css/pnghack.htc); 
		}
		
		html {
		    color:      #000000;
		    font-size:  100.01%;
		    direction:  ltr;
			width:100%;
			height:100%;
		}

		body {
			margin:0px;
			padding:0px;
		    font:       normal 12px Verdana, Arial, Helvetica, sans-serif;
			background-color:#BBC4D3;
			
		}
		* {
		    font-size:         1em;
		    font-family:       inherit;
		    line-height:       inherit;
		}

		body * { background-repeat: no-repeat; /* Better for Opera 7 */ }

		a { color: #1564c4; 
			text-decoration: none; 
			cursor:pointer;}

		a:visited { color: #1564c4; }

		a:hover   { text-decoration: underline; }
    
		fieldset { border: 0px solid; } /* This is needed by elderly phantoms of the Opera */

		.kill{
			clear:both;
		}
		img{border:none;}
		#dist{
			width:100%;
			height:1px;
			background-color:#030303;

		}
		#wrapper{
			position:relative;
			width:100%;
			height:100%;
			background: transparent url(../img/bg_2.jpg) 0 0 repeat-x;
		}
		#site{
			width:880px;
			height:730px;
			margin:auto;
		}
		#nav{
			width:100%;
			height:14px;
			padding-top:90px;
		}
		#nav #nav_startseite{
			float:left;
			margin-right:60px;
		}		
		#nav #nav_projekte{
			float:left;
			margin-right:60px;
		}
		#nav #nav_kontakt{
			float:left;
			margin-right:550px;
		}
		#middle{
			width:100%;
			height:450px;			
		}
		
		#middle  #welcome{
			margin-top:62px;
			-margin-top:60px;
			padding-right:16px;
			padding-bottom:13px;
			width:534px;
			height:17px;
			float:right;
			background:transparent url(../img/header/h_willkommen.gif) 0 0 no-repeat;
		}
		#middle #box{
			position:relative;
			width:563px;
			height:289px;
			float:right;
			background:transparent url(../img/box1.jpg) 0 0 no-repeat;

		}
		
		#middle #box #content{
			width:523px;
			height:249px;
			padding:20px;
		}
		#middle #box #content #pic{
			float:left;
		}
		#middle #box #content #text{
			width:260px;
			-width:258px;
			height:230px;
			padding-left:10px;
			padding-top:5px;
			overflow:auto;
		}
		#bottom{
			padding-top:65px;
			width:100%;
			height:45px;
			
		}
		#bottom #logo{
			float:left;
			width:373px;
			height:45px;
			background-image: url(../img/kma_logo.jpg);
		}
		#bottom #impressum{
			float:right;
			padding-right:16px;
		}
		#middle #header_projekte_small{
			
			margin-top:104px;
			-margin-top:102px;
			padding-right:20px;
			padding-bottom:13px;
			width:632px;
			height:17px;
			background:transparent url(../img/header/h_projektuebersicht.gif) 0 0 no-repeat;
			float:right;
		}
		#middle #box_projekte_small{			
			width:669px;
			height:289px;
			float:right;
		}
		#box_projekte_small #scrollarea{
			width:669px;
			height:275px;
			overflow:auto;
		}
		#box_projekte_small #scrollarea table{
			width:500px;
			border:none;
		}
		#box_projekte_small #scrollarea table td{
			width:165px;
			height:225px;
		}
		#middle #box_projekte_small #scrollarea table td .picwrapper{
			width:223px;
			height:255px;
			float:left;
			cursor:pointer;
			background:transparent url(../img/box2.jpg) 0 0 no-repeat;
		}
		#middle #box_projekte_small #scrollarea table td .bild{
			padding-left:27px;
			padding-top:23px;

		}
		#middle #box_projekte_small #scrollarea table td .text{
			margin-left:27px;
			margin-top:5px;
			width:170px;
			height:90px;
			font-size:11px;
			overflow:hidden;

		}

		#middle #box_projekte_big{
			/* Projekte detail */
			position:relative;
			width:753px;
			height:357px;
			float:right;
			background:transparent url(../img/box3.jpg) 18px 0 no-repeat;
		}
		#middle #header_projekte_detail{
			margin-top:61px;
			-margin-top:61px;
			padding-left:160px;
			padding-bottom:10px;			
			height:22px;
			float:left;
		}
		#middle #box_projekte_big #ppic{
			width:335px;
			height:285px;
		}
		#middle #box_projekte_big #pic{
			padding-top:30px;
			padding-left:30px;
			padding-right:10px;
			float:left;
		}
		#middle #box_projekte_big #text{
			padding-top:30px;
			float:left;
			width:310px;
			height:217px;
			overflow:hidden;
		}
		#middle #box_projekte_big .pfeil{
			float:left;
			width:19px;
			margin-top:330px;
						
		}
		#middle #pic #picnav{
			
			padding-top:10px;
			font-size:11px;
			color:#707070;
		}
		#middle #pic #picnav a{
			color:#707070;
			text-decoration:none;
		}
		#middle #pic #picnav b{
			color:#000;
		}
		#middle #kontakt{
			margin-top:92px;
			position:relative;
			float:right;
			width:563px;
			height:335px;
			background: transparent url(../img/box4.jpg) 0 0 no-repeat;
		}
		#middle #kontakt #kontaktformtable{
			width:500px;
			height:270px;
			margin:55px 0 0 30px;
		}
		#middle #kontakt #kontaktformtable td{
			vertical-align:top;
		}
		#middle #kontakt #kontaktformtable .left{
			width:250px;
			height:60px;
		}
		#middle #kontakt #kontaktformtable .right{
			width:250px;
		}
		#middle #kontakt #kontaktformtable input{
			width:200px;
			margin-top:5px;
			border:1px solid #707070;
		}
		#middle #kontakt #kontaktformtable textarea{
			width:493px;
			height:100px;
			border:1px solid #707070;
		}
		
		#middle #box_projekte_big #impressumtext{
			/* Impressum */
			margin-left:30px;
			padding-left:30px;
			padding-right:30px;
			width:658px; 
			height:309px;
			overflow:auto;
		}
		#middle #links{
			margin-top:62px;
			-margin-top:60px;
			padding-right:16px;
			padding-bottom:13px;
			width:534px;
			height:17px;
			float:right;
		}
		#middle #box #impressumtext{
			/* Impressum */
			margin-left:30px;
			padding-left:30px;
			padding-right:30px;
			width:659px; 
			height:309px;
			overflow:auto;
		}