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



/* ---------------------------------- BASICS ---------------------------------- */

a:focus { outline: none; }

img {
	border: none;
} 
 
a:link.img {
	border: none;
}

#wrapper{
	width:837px;
	margin-left:42px;
	font-family:'FrutigerLTW02-55Roman';
	font-size: 16px;
	line-height: 23px;
	color: #595959;
}

.clear{
	clear:both;
}



/* ---------------------------------- FONTS ---------------------------------- */

h1{
	font-family:'GillSansW02-DisplayXtra';
	font-size:45px;
	font-weight: normal;
	font-style: normal;
	line-height:45px;
	color:#f6621c;
	
}

h2{
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	padding:10px 0px 10px 0px;
	margin:15px 0px 20px 0px;
}







/* ---------------------------------- CONTENT ---------------------------------- */

#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:9999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(img/preloader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#bild{
	width:818px;
	height:415px;
	margin-left: 0px;
}


#text{
	margin-top: 100px;
	width:837px;
	height:415px;
	margin-left: 0px;
	}




/* ---------------------------------- NAV ---------------------------------- */





#nav{
	position:absolute;
	top:300px;
	left:0px;
	width:837px;
	height:125px;
}

#button_klein {
	margin-top: 70px;
	margin-left: 55px;
	width:30px;
	height:30px;
	overflow:hidden;
	float:left;
}

#button_gross {
	margin-left: 20px;
	margin-right: 10px;
	width:162px;
	height:162px;
	overflow:hidden;
	float:left;
}


.button_normal_1{
	margin-top:40px;
	margin-left: 0px;
	width:110px;
	height:135px;
	overflow:hidden;
	float:left;
}

.button_normal_2{
	margin-top:40px;
	margin-left: 0px;
	width:110px;
	height:135px;
	overflow:hidden;
	float:left;
}

.button_normal_3{
	margin-top:40px;
	margin-left: 0px;
	width:110px;
	height:135px;
	overflow:hidden;
	float:left;
}

.button_normal_4{
	margin-top:40px;
	margin-left: 0px;
	width:110px;
	height:135px;
	overflow:hidden;
	float:left;
}



#button_klein img {
	position:relative;
	left:0px;
}

#button_gross img {
	position:relative;
	left:0px;
}

.button_normal_1 img {
	position:relative;
	left:0px;
}

.button_normal_2 img {
	position:relative;
	left:0px;
}

.button_normal_3 img {
	position:relative;
	left:0px;
}

.button_normal_4 img {
	position:relative;
	left:0px;
}