/* GENERAL */
body,html {
background-image:url("./images/bg.jpg");
height:100%;
}

a:link, a:visited {

}
a:hover, a:focus {

}	
.spacer{
clear:both;
}

/* HEADER: navigation */
nav {
text-align:center;
}

nav ul {

}	

nav li {
margin:10px 30px 0 0px;
}

nav li a {
font-family:Franklin gothic heavy;
font-size: 20px;
fond-weight:bold;
color:white;
}
nav li a:link, 
nav li a:visited {
color:white;
}	
nav li a:hover {
background-repeat: no-repeat;
background-image:url("./images/flag.jpg");
background-position: 100%;
background-size: 100%;
background-clip: text;
opacity:0.3;
color:black;
}
nav li a:focus {
background-repeat: no-repeat;
background-image:url("./images/flag.jpg");
background-position: 100%;
background-size: 100%;
background-clip: text;
opacity:1;
color:black;
}

nav li.current a {
background-repeat: no-repeat;
background-image:url("./images/flag.jpg");
background-position: 100%;
background-size: 100%;
background-clip: text;
opacity:1;
color:black;
}

/* HEADER */

.main{
height:100%;
background-image:url("./images/bg.jpg");
position:absolute;
top:0px;
left:0px;
}

.navigation{
position:relative;
float:left;
top:0px;
left:0px;
width:250px;
height:100%;
background-image:url("./images/menu_bg.jpg");
}

.page{
position:absolute;
	top:0px;
left:250px;
text-align:left;
background-image:url("./images/bg.jpg");
}

.logo{
background-repeat:no-repeat;
height:60px;
background-image:url("./images/logo.png");
}

/* BODY CONTENT */
article {
margin:50px 110px 50px 100px;
}

article h1 {
font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
margin:0 0 30px 0;
color: #275176;
font-size:37px;
}
article section {
padding:0px;
line-height:22px;
width:800px;
font-size:14px;
font-weight:bold;
color:#333;	
}

article section form {
padding:0px;
line-height:10px;
width:800px;
font-size:14px;
font-weight:bold;
color:#333;	
}

article section p {margin:0 0 25px 0;}
article section ul, 
article section ol {
	margin:0 0 25px 30px;
}
article section ul ul, 
article section ol ol,
article section ul ol, 
article section ol ul {
	margin:0 0 0 25px;
}
article section code {
	border:1px solid #ccc;
	background:#f6f6f6;
	font-size:12px;
	padding:1px;
}
article section pre {
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:15px;
	margin:0 0 25px 0;
	line-height:16px;
	font-size:13px;
	color:#555;
	text-shadow: 1px 1px 0px #fff;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-khtml-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}
article section pre code {
	border:none;
	background:none;
	padding:none;
}
article section blockquote {
	margin:0 0 25px 20px;
	color:#555;
	line-height:20px;
	font-family:georgia, garamond, serif;
	font-style:italic;
	padding:0 0 0 15px;
	border-left:1px solid #ccc;
}
article section .footer {
	color:#888;
	font-size:11px;
	margin-top:40px;
	border-top:1px dotted #ccc;
	padding-top:15px;
}
article section .footer p {
	margin:0 0 10px 0;
}