/*
wichitge farben
hintergrund grün:#729B8A
hintergrund gelb:#FDFEF8
dunkles grün: #0F6D48
grünrahmeninnnen: #e2e5e0 
rot: #8D1E36
farben ende
layout definitionen anfang
*/

body {
	background-color: #729B8A;
	color: #000000;
	
}



#hintergrunddiv
{
background-color:silver;
width:780;height:575px;

margin-left:-380px;margin-top:-287px;

left:50%;top:50%;position:absolute;
background-image: url(../images/hintergrund.jpg);
background-repeat:no-repeat;
background-color: #729B8A;

}

/*
#bgdiv { 
position:relative;top:13px;left:13px;width:753px;height:549px; 

background-color:#FDFEF8; 
border:solid 1px black; 
overflow:auto; 
	} 
*/

#navi { 
position:relative; 
top:11px; 
left:13px; 
width:754px; 
height:26px; 
background:#e2e5e0; 
border:0px solid #e2e5e0;
overflow:none; 
	} 

#headline
{
position:relative;
top:13px;
left:13px;
width:754px;
height:68px; 
background-color:#FDFEF8;
/*border:1px solid #e2e5e0;*/
overflow:hidden; 
}


#content
{
position:relative;
top:11px;
left:13px;
width:754px;
height:455px; 
background-color:#ffffed;
border:0px solid #FDFEF8;
overflow:auto; 
font-family: Verdana, Arial, sans-serif, Bodoni MT; font-size : 12px; 
color:#000000;


}


#innen
{
position:relative;top:11px;left:20px;width:710px;

border:0px solid #e2e5e0;
overflow:visible; 




}


/*layout definitionen ende


// links anfang -->*/
a				{ font-weight:bolder; border="0"; color:#0F6D48; text-decoration:none; font-size : 15px; font-family: Verdana, Arial, sans-serif, Bodoni MT;}
a:link 		{ font-weight:bolder; border="0"; color:#0F6D48; text-decoration:none; font-size : 15px; font-family: Verdana, Arial, sans-serif, Bodoni MT;}
a:visited 	{ font-weight:bolder; border="0"; color:#0F6D48; text-decoration:none; font-size : 15px; font-family: Verdana, Arial, sans-serif, Bodoni MT;}
a:focus 		{ font-weight:bolder; border="0"; color:#0F6D48; text-decoration:none; font-size : 15px; font-family: Verdana, Arial, sans-serif, Bodoni MT;}
a:hover 		{ font-weight:bolder; border="0"; color:#8D1E36; text-decoration:none; font-size : 15px; font-family: Verdana, Arial, sans-serif, Bodoni MT;}
a:active 	{ font-weight:bolder; border="0"; color:#8D1E36; text-decoration:none; font-size : 15px; font-family: Verdana, Arial, sans-serif, Bodoni MT;}


/*
//links ende  <--


//sonstiges start
*/
img.punkt {
float:right; margin-top:0;margin-right:0;margin-bottom:10px; margin-left: 10px;
}

img{
  border:0;
}
 
/*Sontiges ende */


/*schriftarten start*/

.headline {
	text-align: center;
		font-size: 16;
	font-weight: 900;
	font-family: Verdana, Arial, sans-serif, Bodoni MT;
}


#text {
	font-family: Verdana, Arial, sans-serif, Bodoni MT;
	font-weight: 900;
	text-align:justify;

}

#bild {
	border-style: solid;
	border-color: #000000;
	border-width: 1;
	margin-left: 4;
	float:right;
	
}

.infodiv {
	
	position:absolute; 
	top:420px; 
	right:0px; 
	color:grey; 
}

/*Definitionen für Kollektoin*/

div.rowdiv_left {
	width:200px; 
	height:300px; 
	top:0; 
	left:0;
	overflow:hidden; 
	margin: 0px; 
	padding: 0px; 

	position:absolute;
}

div.rowdiv_left_sub {
	width:200px; 
	height:20px; 
	top:310; 
	left:0;
	overflow:hidden; 
	margin: 0px; 
	padding: 0px; 

	position:absolute;
	text-align:center;
}

div.rowdiv_middle {
	width:200px; 
	height:300px; 
	top:0; 
	left:253;
	overflow:hidden; 
	margin: 0px; 
	padding: 0px; 

	position:absolute;
}

div.rowdiv_middle_sub {
	width:200px; 
	height:20px; 
	top:310; 
	left:253;
	overflow:hidden; 
	margin: 0px; 
	padding: 0px; 

	position:absolute;
	text-align:center;
}

div.rowdiv_right {
	width:200px; 
	height:300px; 
	top:0; 
	right:0;
	overflow:hidden; 
	margin: 0px; 
	padding: 0px; 

	position:absolute;
}

div.rowdiv_right_sub {
	width:200px; 
	height:20px; 
	top:310; 
	right:0;
	overflow:hidden; 
	margin: 0px; 
	padding: 0px; 

	position:absolute;
	text-align:center;
}

.randan {
	border-style:solid; 
	border-color:black;
	border-width:1px; 
}

#labelbox {
	border-style: solid;
	border-color: #0F6D48;
	border-width: 0;
	width:350;
	height:230;
}

#labeltd {
	border-style: solid;
	border-color: #0F6D48;
	border-left: 1;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;

	
}

.raster_left_div {
    width:245px; 
    height:100px; 
    left:0; 
    margin: 0px; 
    padding: 0px; 
    border-style:solid; 
    border-color:black; 
    border-width:0px;
    position:absolute; 
    text-align:left; 
}

.raster_left_img {
    position:absolute;
    left:255px;
    top:-40px;
}

.raster_right_div {
    width:245px; 
    height:100px; 
    left: 350px; 
    margin: 0px; 
    padding: 0px; 
    border-style:solid; 
    border-color:black; 
    border-width:0px;
    position:absolute; 
    text-align:right; 
    top:0px; 

}

.raster_right_img {
    position:absolute;
    right:255px;
    top:-40px;
}


a.wohnen1 {
background: transparent url(/content/collection/wohnen/thumbs/1.jpg) no-repeat; 
}

a.wohnen2 {
background: transparent url(/content/collection/wohnen/thumbs/2.jpg) no-repeat; 
}

a.wohnen3 {
background: transparent url(/content/collection/wohnen/thumbs/3.jpg) no-repeat; 
}

a.garten1 {
background: transparent url(/content/collection/garten/thumbs/1.jpg) no-repeat; 
}

a.garten2 {
background: transparent url(/content/collection/garten/thumbs/2.jpg) no-repeat; 
}

a.garten3 {
background: transparent url(/content/collection/garten/thumbs/3.jpg) no-repeat; 
}

.raster_left_div a { 
display: block; 
width: 350px; 
height: 100px; 
background-position: 250 -100;

border-style:solid; 
border-color:black; 
border-width:0px;
}


.raster_left_div a:hover { 
background-position: 250 0; 
}


a.wohnen4 {
background: transparent url(/content/collection/wohnen/thumbs/4.jpg) no-repeat; 
}

a.wohnen5 {
background: transparent url(/content/collection/wohnen/thumbs/5.jpg) no-repeat; 
}

a.wohnen6 {
background: transparent url(/content/collection/wohnen/thumbs/6.jpg) no-repeat; 
}

a.garten4 {
background: transparent url(/content/collection/garten/thumbs/4.jpg) no-repeat; 
}

a.garten5 {
background: transparent url(/content/collection/garten/thumbs/5.jpg) no-repeat; 
}

a.garten6 {
background: transparent url(/content/collection/garten/thumbs/6.jpg) no-repeat; 
}

.raster_right_div a { 
display: block; 
width: 350px; 
height: 100px; 
background-position: 1 -100;

border-style:solid; 
border-color:black; 
border-width:0px;
}


.raster_right_div a:hover { 
background-position: 1 0; 
}

/*schriftarten ende*/