/* CSS Document */
/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700); 
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
/* links */
a	 			{ color: #000; text-decoration: none; }
a:visited 		{ color: #000; text-decoration: none; }
a:hover 		{ color: #000; text-decoration: underline 3pt #FEC56D; }
.aktiv 			{ color: #FC6; }

/* main */
body {    	
    		text-align: center;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 100%; 	
			letter-spacing: 0.02em;	
			word-spacing: 0.025em;		
			line-height: 140%;
			color: black;		
}
/* header */
#header	{	margin: 0 auto;
			padding: 40px;
			height: auto;
			text-align:left;
			background-color:#FFF;
}
#boxA { 	float: left; 
			margin: 0 0 0 0;
			width: 30%;
			height: auto;
			align: left;
}
#boxB { 	float: right; 
			margin: 0 0 0 0;
			width: 70%;
			height: auto;
			align: right;
}
#boxC { 	float: left; 
			margin: 2% 0 5% 0;
			width: 100%;
			height: auto;
			text-align: right;
}
#nav	{	margin: 0 auto;
			margin-left: -12px;
			margin-right: -1px;
			height: 35px;
			width: 102%;
			text-align: center;
			text-transform: uppercase;
			font-size: 90%;
			line-height: 180%;
			letter-spacing: 0.03em;
			background-color: #f1ebf1 ;
}
#navigation	{
			margin-bottom: 0px;
			height: 30px;
}
#navigation ul {	  
			list-style-type: none;
  			margin: 0;
}
#navigation ul li {		
			float: right;
  			margin: 0 0 0 11px;
}
#navigation ul a {
		  	display: block;
		 	height: 30px;
		 	text-decoration: none;
			text-transform: uppercase;
			font-weight: 300;
		  	font-size: 90%;
			color: #000;		 	
		  	letter-spacing: 0.1em;
}
/* work examples */
#work {		margin: 0 auto;
			padding: 0;
			width: 100%;
			height: auto;		
}
.box1 { 	float: left; 
			margin: 0;
			width: 25%;
			height: auto;
			cursor: pointer;
}
.box2 { 	float: right; 
			margin: 0;
			width: 25%;
			height: auto;
			cursor: pointer;
}
.small {	margin: 0 -2% 0 -2px;
			width: 100%;
}
/* info */
#info	{	
			margin: 0 -20px 0 -20px auto;
			padding: 6% 20% 7% 20%;
			width: 60%;
			height: auto;
			background-color:#FFF;
}
/* kontakt */
#kontakt	{	
			margin: 0 auto;
			padding: 6% 20% 7% 20%;
			width: 60%;
			height: auto;
			background-color: #f1ebf1;
}
h1 {		margin: 0 0 1% 0;
			padding: 0;
			font-family: 'Poiret One', Calibri, cursive;
			font-size: 160%;
			font-weight: bold;
			letter-spacing: 0.08em;

}
h2 {		margin: 4% 0 0 0;
			padding: 0;
			font-family: 'Poiret One', Calibri, cursive;
			font-size: 130%;
			font-weight: bold;
			letter-spacing: 0.08em;

}
.subheadline 
		{	margin: 0 0 0 0;
			padding: 0;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			font-size: 80%;
			text-transform:uppercase;
			letter-spacing: 0.1em;

}
.deco 
		{	margin: 0 0 0 0;
			padding: 0;
			color:#CCC;
			font-family: 'Lato', sans-serif;
			font-weight: 600;
			font-size: 130%;
			letter-spacing: 0.6em;
			line-height: 170%;
}
p {			padding: 10px 0 0 0;
}