/* custom fonts */

@font-face {
    font-family: 'KontrapunktBold';
    src: url('Kontrapunkt-Bold-webfont.eot');
    src: url('Kontrapunkt-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Kontrapunkt-Bold-webfont.woff') format('woff'),
         url('Kontrapunkt-Bold-webfont.ttf') format('truetype'),
         url('Kontrapunkt-Bold-webfont.svg#KontrapunktBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KontrapunktLightItalic';
    src: url('Kontrapunkt-LightItalic-webfont.eot');
    src: url('Kontrapunkt-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Kontrapunkt-LightItalic-webfont.woff') format('woff'),
         url('Kontrapunkt-LightItalic-webfont.ttf') format('truetype'),
         url('Kontrapunkt-LightItalic-webfont.svg#KontrapunktLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KontrapunktLight';
    src: url('Kontrapunkt-Light-webfont.eot');
    src: url('Kontrapunkt-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Kontrapunkt-Light-webfont.woff') format('woff'),
         url('Kontrapunkt-Light-webfont.ttf') format('truetype'),
         url('Kontrapunkt-Light-webfont.svg#KontrapunktLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* general definitions */

body {
background: #E8E8E8; 
font-size: 14px;
font-family: 'KontrapunktLight', Tahoma, Arial, Verdana, Sans Serif;
color: #48595e;
width: 600px;
margin: 0px auto 0px auto;
}

a:link {  text-decoration: none; color: #808080;}
a:active {  text-decoration: none; color: #808080;}
a:visited {  text-decoration: none; color: #808080;}
a:hover {  text-decoration: none; color: #219fc9;}

.clearer {
display: block!important;
margin: 0!important;
padding: 0!important;
clear: both!important;
line-height: 0!important;
font-size: 0!important;
height: 0!important;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* site definitions */

.languages{
	display: block;
	text-align: right;
	font-size: 12px;
}

h1{
	font-size: 40px;
	line-height: 52px;
	letter-spacing: 0.75px;
}

h2{
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.5px;
}

p{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.25px;
}

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

li{
	display: block;
	width: 520px;
	background: #219fc9;
	padding: 10px 10px 10px 30px;
	margin: 0px 0px 12px 0px;
	/*border: 1px solid #737373;*/
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	-moz-border-radius: 8px; /* Firefox */  
    -webkit-border-radius: 8px; /* Safari, Chrome */  
    border-radius: 8px; /* CSS3 */
}

li:hover{
	background: #25B7E8;
}

li a, li a:link, li a:visited, li a:active{
	color: #333;
}

li a:hover{
	color: #fff;
}