@import "reset.css";

body {
	
}
#wrapper {
	height:700px;
	width:970px;
	margin:15px auto 10px auto;
}
#c1 {
	height:410px;
	width:550px;
	float:left;
}
#c11 {
	height:270px;
	width:550px;
	float:left;
}
#c111 {
	height:270px;
	width:270px;
	float:left;
	background-image:
	url(pics/c111_logo_.jpg)
}
#c112 {
	height:270px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c1121 {
	height:128px;
	width:128px;
	float:left;
/*	background-image:
	url(pics/1121_haus.jpg);*/
	border:1px solid #d3d2d2;
}
#c1122 {
	height:130px;
	width:130px;
	float:left;
	margin-top:10px;
}
#c113 {
	height:270px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c1131 {
	height:128px;
	width:128px;
	float:left;
	background-image:
	url(pics/1131_kueche.jpg);
	border:1px solid #d3d2d2;
}
#c1132 {
	height:130px;
	width:130px;
	float:left;
	margin-top:10px;
}
#c12 {
	height:130px;
	width:550px;
	float:left;
	margin-top:10px;
}
#c121 {
	height:130px;
	width:130px;
	float:left;
}
#c122 {
	height:128px;
	width:128px;
	float:left;
	margin-left:10px;
	background-image:
	url(pics/112_eingang.jpg);
	border:1px solid #d3d2d2;
}
#c123 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c124 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c2 {
	height:410px;
	width:410px;
	float:right;
}
#c21 {
	height:130px;
	width:410px;
	float:left;
}
#c211 {
	height:130px;
	width:130px;
	float:left;
}
#c212 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c213 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c22 {
	height:270px;
	width:410px;
	float:left;
	margin-top:10px;
}
#c221 {
	height:270px;
	width:270px;
	float:left;
}
#c222 {
	height:270px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c2221 {
	height:130px;
	width:130px;
	float:left;
	background-image:
	url(pics/portrait.png);
	/*border:1px solid #d3d2d2;*/
}
#c2222 {
	height:130px;
	width:130px;
	float:left;
	margin-top:10px;
}
#c3 {
	height:270px;
	width:550px;
	float:left;
	margin:10px 0px 10px 0px;
}
#c31 {
	height:130px;
	width:550px;
	float:left;
}
#c311 {
	height:130px;
	width:130px;
	float:left;
}
#c312 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c313 {
	height:128px;
	width:128px;
	float:left;
	margin-left:10px;
	background-image:
	url(pics/313_terasse.jpg);
	border:1px solid #d3d2d2;
}
#c314 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c32 {
	height:130px;
	width:550px;
	float:left;
	margin-top:10px;
	text-align: center;
	color: #FFF;
}
#c321 {
	height:128px;
	width:128px;
	float:left;
	background-image:
	url(pics/321_treppe.jpg);
	border:1px solid #d3d2d2;
}
#c322 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c323 {
	height:130px;
	width:270px;
	float:left;
	margin-left:10px;
	background-image:url(pics/gruen1x1.jpg);
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
}
#c4 {
	height:270px;
	width:410px;
	float:right;
	margin:10px 0px 10px 0px;
}
#c41 {
	height:130px;
	width:410px;
	float:left;
}
#c411 {
	height:130px;
	width:130px;
	float:left;
}
#c412 {
	height:128px;
	width:128px;
	float:left;
	margin-left:10px;
	background-image:
	url(pics/412_zeichnung.jpg);
	border:1px solid #d3d2d2;
}
#c413 {
	height:130px;
	width:130px;
	float:right;
	margin-left:10px;
}
#c42 {
	height:130px;
	width:410px;
	float:left;
	margin-top:10px;
}
#c421 {
	height:128px;
	width:128px;
	float:left;
	background-image:
	url(pics/421_terassentuer.jpg);
	border:1px solid #d3d2d2;
}
#c422 {
	height:130px;
	width:130px;
	float:left;
	margin-left:10px;
}
#c423 {
	height:128px;
	width:128px;
	float:left;
	margin-left:10px;
	background-image:url(pics/423_kueche.jpg);
	border:1px solid #d3d2d2;
}

#leerer_container {
	height:128px;
	width:128px;
	border:1px solid #d3d2d2;
}
#c111,  #c1131, #c122, #c312, #c313, #c314, #c321, #c412, #c413, #c421, #c422, #c423 {
	/*color: #666;
	font-family:Verdana, Geneva, sans-serif;	
	/*border:1px solid #666666;*/	/*background-color:#d3d2d2;*/
}


a {
	font-size:14px;
	color:#36441a;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	list-style-type: none;
}

a:hover   { 
	color:#fff; background-color:#36441a;
}



p {
	font-size:13px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	display: inline-block;
	line-height:normal;
}

h1 {
	font-size:18px;
	color:#36441a;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-weight: bold;
}

h2 {
	font-size:13px;
	color:#36441a;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:2px;
	font-weight: bold;
}

li {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	display:block;
}

ul li {
	margin-bottom:5px;
	display:block;
}

ul li a {
	font-size:13px;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	display:block;
}

.mailto {
	font-size:13px;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	margin-top:15px;
}