* {
	padding:0px;
	margin:0px;
}
	
@font-face {font-family: 'PT Serif';
	font-style: italic;
	font-weight: bold; 
	src: url('fonts/ptf76f_w.eot'); 
	src: local('PT Serif Bold Italic'), url('fonts/ptf76f_w.woff') format('woff'),url('fonts/ptf76f_w.ttf') format('truetype'), url('fonts/ptf76f_w.svg#PTSerif-BoldItalic') format('svg');
}

/*------------------------------------------*/
#header {
	width:100%;
	float:left;
	
}

#menu {
	height:300px;
	width: 480px;
	margin-top:23px;
	margin-left:420px;
	float:left;
	
}

#menu ul {
	list-style:none;
	margin-top:45px;
	margin-left:23px;
}

#menu li {
	margin:0px;
}

#menu a {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	text-decoration:none;
	color: black;
}

#menu a:hover {
	text-decoration:underline;
	color:#11b1b0;
}

#menu a:active {
	color:#11b1b0;
}

#won {
	width:140px;
	height:auto;
	
	margin:5px;
	
	float:left;
	
	background-image:url("img/menu/won.png");
	background-repeat:no-repeat;
	
}


#to {
	width:140px;
	height:auto;
	
	margin:5px;	
	
	float:left;
	
	background-image:url("img/menu/to.png");
	background-repeat:no-repeat;
	

}

#tree {
	width:160px;
	height:auto;
	
	margin:5px;	
	
	float:left;
	
	background-image:url("img/menu/tree.png");
	background-repeat:no-repeat;

}





/*####################### ICONS #########################*/

#wurst {
	width:208px;
	height:129px;
	
	margin-top:85px;
	margin-left:60px;
	position:absolute;
	display:block;
	
	background-image:url("img/menu/wurst.png");
	background-repeat:no-repeat;
}

#wurst:hover {
	
	background-image:url("img/menu/wurst.gif");
	/*background-position:-208px 0px;*/
}

/*------------------------------------------*/

#daumen {
	width:137px;
	height:197px;
	margin-left:270px;
	position:absolute;
	display:block;
	
	background-image:url("img/menu/daumen.png");
	background-repeat:no-repeat;
}

#daumen:hover {
	background-position:-137px 0px;
}

/*------------------------------------------*/

#andme {
	width:69px;
	height:67px;
	
	margin:20px;
	margin-top:30px;
	float:left;
	display:block;
	
	background-image:url("img/menu/andme.png");
	background-repeat:no-repeat;
}

#andme:hover {
	background-position:-69px 0px;
}

/*------------------------------------------*/

#apple {
	width:81px;
	height:100px;

	margin:10px;
	margin-top:7px;
	float:left;
	display:block;
	
	background-image:url("img/menu/apfel.png");
	background-repeat:no-repeat;
}

#apple:hover {
	background-position:-81px 0px;
}

/*------------------------------------------*/

#facebook {
	width:80px;
	height:92px;
	
	margin:10px;
	margin-top:12px;
	float:left;
	display:block;
	
	background-image:url("img/menu/fledermaus01.png");
	background-repeat:no-repeat;
}

#facebook:hover {
	background-position:-80px 0px;
}

/*------------------------------------------*/

#stift {
	width:71px;
	height:65px;
	
	position:absolute;
	right:50%;
	display:block;
	
	background-image:url("img/menu/stift.png");
	background-repeat:no-repeat;
}

#stift:hover {
	background-position:-71px 0px;
}

/*------------------------------------------*/

#links {
	
	width:73px;
	height:80px;
	
	margin-top:370px;
	float:left;
	margin-left:30px;
	position:fixed;
	display:block;
	
	background-image:url("img/menu/links2.png");
	background-repeat:no-repeat;
	
}

#links:hover {
	
	background-position:-73px 0px;
}

/*
#links {	
	
	width:50px;
	height:91px;
	
	
	margin-top:370px;
	float:left;
	margin-left:30px;
	position:fixed;
	
	background-image:url("img/menu/links.png");
	background-repeat:no-repeat;
	
}


#links:hover {

	background-position:-50px 0px;
	
}

*/


/*------------------------------------------*/

#rechts {
	width:68px;
	height:85px;
	
	margin-top:365px;
	position:fixed;
	right:30px;
	display:block;
	
	background-image:url("img/menu/rechts2.png");
	background-repeat:no-repeat;
}
#rechts:hover {
	background-position:-68px 0px;
}

/*
#rechts {
	width:66px;
	height:86px;
	
	margin-top:370px;
	position:fixed;
	right:30px;
	
	background-image:url("img/menu/rechts.png");
	background-repeat:no-repeat;
}
#rechts:hover {
	background-position:-66px 0px;
}

*/






/*######################## CONTENT ######################*/


#container {
	width:100%;
	height:auto;
	float:left;
	padding-top:60px;
	
}

#content {
	width:90%;
	
	margin-left:auto;
	margin-right:auto;

	text-align: center;
}

#content img{
	margin:10px;
	margin-bottom:60px;
}

#content h1 {

	font-family: PT Serif, Times New Roman, serif;
	font-style: italic;
	font-weight: bold; 
	font-size:1.7em;

}


#content h2 {
	
	margin-top:2px;
	margin-bottom:22px;
	
	
	font-family: Arial, sans-serif;
	font-size:0.9em;
	font-weight: normal;
	color:#11b1b0;
	
}


#content p {
	

	margin:20px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	
	font-family: Arial, sans-serif;
	font-size:0.8em;
	line-height: 1.6em;
	font-style:italic;
}

#content a {
	color:#11b1b0;
}