/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #CB4A4A; font-weight: bold; text-transform: lowercase; text-decoration: none;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
	
/* Structure */
#wrapper {
width: 96%;	
max-width: 920px;
margin: auto;
padding: 2%;
} 

#main {
display: block;
width: 65%;
margin: auto;
}		

/*
ORIGINAL MAIN
#main {
width: 95%;
margin-right: 5%;
float: left;
}
*/

		
aside {
width: 30%;
float: right;
}


/* Logo H1 */
header h1 {
height: 86px;
width: 320px;
float: left;
display: block;
background: url(../images/signature.gif) 0 0 no-repeat;
text-indent: -9999px;
}
		
/* Nav */
header nav {
float: right;
margin-top: 40px; 
}
	
header nav li {
display: inline;
margin-left: 15px;
}


/* Banner */			
#banner {
float: left;
margin-bottom: 15px;
width: 100%;
}

#banner img {
width: 100%;
}

/* Bildes */		
#bildes {
margin-bottom: 10px;
max-width: 100%;
text-align: center;
}

#bildes img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 100%;
}
	

/* Media Queries */
@media screen and (max-width: 480px) {

#skipTo {
display: block;
}
	
header nav, #main, aside {
float: left;
clear: left;
margin: 0 0 10px; 
width: 100%;
}	

header nav li {
margin: 0;
background: #efefef;
display: block;
margin-bottom: 3px;
}

header nav a {
display: block;
padding: 10px;
text-align: center;
}			
}