@import url(/css/reset2016.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext);

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {height: 100%; -webkit-text-size-adjust: none;}
body {height: 100%;min-height: 100%;background: #fff;font-family: 'Open Sans', sans-serif;font-size: 100%;font-weight: 400;color: #8AC249;}
h1 {font-size: 1.5em !important;padding-top:10px;margin:0 auto;width:1024px;}


#container {width:1024px !important;height:768px !important;}
 
 
/*Hover*/
a {-webkit-transition: color 500ms; -moz-transition: color 500ms; -o-transition: color 500ms; transition: color 500ms;}
#logo a {opacity: 1;-webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;}
a:active {color: #333333;text-decoration: none;}
a:link {color: #333333; text-decoration: none;}
a:focus {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #89EEC1; -webkit-transition: color 2s ease-out;-moz-transition: color 2s ease-out; -o-transition: color 2s ease-out;transition: color 2s ease-out;text-decoration: none;}

/*Responsive Webdesign */
@media screen and (max-width: 1024px){
#container {width:100% !important;height:100% !important;}
h1 {padding-top:10px;padding-left:8px;width:100%;}
}

/*Responsive Webdesign */
@media screen and (max-width: 768px){
h1 {font-size: 1.2em !important;}
}

/*Responsive Webdesign */
@media screen and (max-width: 580px){
#container {width:100% !important;height:90% !important;}
h1 {font-size: 1em !important;}
}

@media screen and (max-width: 480px){
#container-objekt {width:100% !important;height:260px !important;}

}

@media screen and (max-width: 320px){
#container-objekt {width:100% !important;height:230px !important;}

}