@charset "UTF-8";
/* CSS Document */

	
body {
overflow-h: hidden;
font-family: Arial, Geneva, SunSans-Regular, sans-serif;
font-size: 14px;
color: #929292;
line-height: 22px;
margin:0;
-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}

* {
font-size: 14px!important;
}

a:link, a:visited {
text-decoration:none;
}
        
a:hover, a:active {
text-decoration:none;
}
            
/* Preloader */
#preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff; /* change if the mask should have another color then white */
z-index:99; /* makes sure it stays on top */
}
            
#status {
width:100%!important;
height:5px;
position:absolute;
left:0px; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url(../images/preloader/status.gif); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
background-size:cover;
margin:60px 0 0 0; /* is width and height divided by two */
}

#instructions {
float:left;
clear:both;
width:84%;
margin:5% 0 0 0;
padding:20px 8% 40px 8%;
}

#instructions p {
margin:0 0 0 0;	
}

#wrapper {
float: left;
clear:both;
width:100%!important;
height: 200px;
margin:0 0 0 0;
padding:0;
}

#carousel div {
text-align: center;
width: auto;
height: 200px;
float: left;
position: relative;
}
		
#carousel div img {
border: none;
}

.info {
left:float;
clear:both;
width:84%;
margin:5% 0 0 0;
padding:40px 8% 0 8%;
}

/*
#relations {
clear: both;
width:84%;
margin:0 0 0 0;
padding:40px 8% 20px 8%;
white-space: nowrap!important;
overflow:scroll;
}
*/

#relations {
clear: both;
min-width:50%;	
float:right;
margin:0px 0 0 0px;
padding:40px 0 0 0;
white-space: nowrap!important;
}

#relations p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#relations p a {
	padding-right:20px;}

.relations, .detail {
	clear:both;
	padding-top:20px;
	width:50%;	
float:right;
margin:0px 0 0 0px;
	
}
.links {
width:50%;	
float:right;
margin:0px 0 0 0px;
}
.branding {
float: left;
white-space: nowrap!important;
}


h1 {
font-size:14px;
word-spacing:0px;
margin: 0 20px 0 0;
cursor:default;
float:left;
color:#606060;
}

a:link > h1, a:visited > h1 {
color:#606060!important;
text-decoration:none;
}
        
a:hover > h1 , a:active > h1 {
color:#606060;
text-decoration:none;
cursor:pointer;
}

h2 {
display:none;
} 
 
/*
h2 span {
white-space:nowrap;
font-size: 14px!important;
}

a:link > h2, a:visited > h2 {
color:#929292;
text-decoration:none;
}
        
a:hover > h2 , a:active > h2	{
color:#929292;
text-decoration:none;
cursor:pointer;
}
*/




h3 {float:left;font-size: 14px!important;margin: 0px 15px 0 0; font-weight:400; }    

.details {
float:right;
margin:0 0 0 0;
width:45%;
padding:40px  5% 0 5%;-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}

p.detail {
margin:0 0 0px 0;
font-weight:normal;
font-size: 14px!important;
-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
padding-bottom: 25px;

}


ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 25px 0;
}

li {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
	
	
/*
.details h3 {
margin:0 0 0 0;font-weight:normal;float:left;font-size: 14px!important;
}
*/

.details p span {white-space:nowrap;-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;}

.details a:link, .details a:visited,
.backlink a:link, .backlink a:visited,
li a:link, li a:visited,
h3 a:link, h3 a:visited {
color:#929292;
text-decoration:none;-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}
        
.details a:hover, .details a:active,
.backlink a:hover, .backlink a:active,
li a:hover, li a:active.
h3 a:hover, h3 a:active	{
color:#606060;
text-decoration:none;-moz-text-size-adjust:none;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}

.details, .about, .about2 {
max-height: 5000em;
}

.responsible {
	width:50%;
	}

@media only screen 
and (max-device-width : 768px) {
	
	.responsible {
	width:68%;
	}
}



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

.details,
.detail {
padding-top:20px;
float:left;
width:100%!important;

}

.relations {
	width:100%;
}
}
@media only screen 
and (max-device-width : 515px) {

.links {
	width:100%;
	}
	h3 {
		margin: 0px 15px 0px 0px;
	}
.details,
.detail {
padding:20px 0 0 0;
float:left;
width:100%!important;


}

.relations {
	width:100%;
}
}



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

.links {
padding-top:0px;
width:100%;
	float:left;
	clear:both;
}

.responsible {
	
	}
	h3 {
		margin: 0px 15px 0px 0px;
	}
.details,
.detail {
padding:20px 0 0 0;
float:left;
width:100%!important;


}

.relations {
	width:100%;
}
}