@font-face {
	font-family: 'Conv_Vivaldii';
	src: url('fonts/Vivaldii.eot');
	src: local('?'), url('fonts/Vivaldii.woff') format('woff'), url('fonts/Vivaldii.ttf') format('truetype'), url('fonts/Vivaldii.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}   

body {
background-color:#000;
color: #fff;

font-family: Georgia,Times New Roman,Times,serif;
*//
}

.open {
	color: yellow !important;
}

.freund {
	
display: block;	
margin-bottom: -40px;
}

#canvas {

        background: transparent url(/media/bg_zier.png) no-repeat top center ;
        background-size: 80%;
        background-repeat: repeat-y;
 margin:auto;       

}

#all {
	
border: 0px solid red;	
text-align: center;
margin: auto;
max-width: 80%;
}

#leftimg {
	display: table-cell;
	border: 0px solid green;	
	size: 200px;
	text-align: center;
	vertical-align: middle;
	
}

#middle {
	border: 0px solid orange;	
	
	display: table-cell;
	text-align: center;
	width: 30%;;
	vertical-align: middle;
}

#middle1 {
	border: 0px solid blue;	
	text-align: center;
	max-size: 20%;
	vertical-align: middle;
}

#middle2 {
	
	border: 0px solid yellow;
text-align: center;	
max-size: 20%;
vertical-align: middle;
display: none;
}
#rightimg {
	
	border: 0px solid silver;	
	size: 30%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}






#content {
border: 0px solid red;
margin: auto;
margin-top: 2%;
text-align: center;
}

img {
    max-width: 100%;
}

#content img.rund {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
 
    border-image: none;
    border-radius: 100% 100% 100% 100%;
    border-style: none none solid solid;
    border-width: 3px 3px 4px 4px;
    margin: 5px;
   max-width: 70%;
}

#content img.rund2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
 
    border-image: none;
    border-radius: 100% 100% 100% 100%;
    border-style: none none solid solid;
    border-width: 3px 3px 4px 4px;
    margin: 5px;
    max-width: 60%;
    margin-bottom: 70px;
    
}

.casa {
margin-top: 40px;
}

div#content a img.rund2.casa{
margin: 45px ;
}

#links {

border: 1px solid blue;


}

#rechts {


border: 1px solid yellow;

}

#clearall {
clear:both;
}

#info{
text-align: center;
margin: 20px;
}

a:link, a:visited {
color: #C3B97E;
}

@media only screen and (max-width: 1000px) { 

#content img.rund {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
 
    border-image: none;
    border-radius: 100% 100% 100% 100%;
    border-style: none none solid solid;
    border-width: 3px 3px 4px 4px;
    margin: 15px;
    max-width: 70%;
    
}

#content img.rund2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
 
    border-image: none;
    border-radius: 100% 100% 100% 100%;
    border-style: none none solid solid;
    border-width: 3px 3px 4px 4px;
    margin: 15px;
    max-width: 50%;

}

} 


@media (max-width: 768px) {
	
	#leftimg {
	display: block;
	
	
}

#middle {
	display: block;
	width: 100%;
}

#middle1 {
	display: block;
}

#middle2 {
	
display: none;
}
#rightimg {
	
display: block;
}

	
	

	}