/* General Style */ 

body 
{
	background-color:#eedd82;
	font-size:100%;
	margin:0em;
	padding:0em;
    text-decoration-color:white;
}

::selection {
    background: #9c2348;
    color: #eedd82;
}

.calendar
{
    min-height:36.5em;
    min-width:150%;
}

h1 
{
	font-size:4em;
	line-height:0.85em;
	font-weight:100;
    color:#9c2348;
	margin:0em;
}

h2 
{
	font-size:3.563em;
	line-height:1.4em;
	color:#9c2348;
	margin:0em;
	padding:0.75em;
	text-align:left;
}

p 
{
	line-height:1.25em;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding:1.25em;
	text-align:justify;
}

section p {
    line-height: 1.25em;
    font-weight: 100;
    color: #2F2D2C;
    margin: 0em;
    padding: 1.25em;
    text-align: justify;
    font-size:1.2em;
}

ul 
{
	margin:0px;
	padding:0px;
	
}

li 
{
	list-style:square;
    font-family:Splash;
	font-weight:100;
	color:#2F2D2C;
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}

img 
{
	width:100%;
	height:auto;
	max-width:560px;
}

nav ul li a 
{
	text-decoration: none;
    font-family: Splash;
    color:#FFF5EE;
}

.menubar
{
    background-color: #671313;
}

/* On Top Bar */

#menubar 
{
	display:block
	
} 

#menubar ul 
{
	display:block;
	width:2em;
	padding:0.9em;
	
}

#menubar ul li {
	display:inline;
	
}

#menubar ul li a.menubutton 
{
    font-family:Splash;
	display:none;
	
}

/* Header */ 

header 
{
	display:block;
	text-align:center;
    height:6em;
	
}

/* Navigation */ 

nav 
{
	display:block;
	height:2.5em;
	background:#878585;
	text-align:center;
    -webkit-box-shadow: 0px 9px 13px -2px rgba(0,0,0,0.68);
    -moz-box-shadow: 0px 9px 13px -2px rgba(0,0,0,0.68);
    box-shadow: 0px 9px 13px -2px rgba(0,0,0,0.68);
}

nav ul 
{
	display:block;
	
}

nav ul li 
{
	display:inline;
	margin:0em 0.188em 0em 0.188em;
	
}

nav ul li a 
{
    color:#FFF5EE;
	font-size: 1.125em;
	line-height:2.5em;
	padding:0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}

nav ul li a:hover 
{
	opacity:0.6;
	border-bottom: 0.188em solid #9c2348;
    color:#9c2348;

}

nav ul li a.active 
{
	border-bottom: 0.188em solid #9c2348;
    color:#9c2348;
}

/* Content Area */ 

#bild4
{
    max-height:210px;
	max-width:100px;
}

#main 
{
	display:block;
	width:96%;
	max-width:1100px;
	margin:1.25em auto;
	padding:0em;

}

#main article 
{
	display:inline-block; 
	width:65.3%; 
	background-color:#f8f1cd;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:center;
}

#main article img 
{
    max-height:410px;
	max-width:200px;
	box-shadow:0px 0px 10px -5px #4c4948;
	border-radius: 5px;
	background: #E2E1E1;
	
}

#main aside 
{
	display:inline-block;
	width:30.6%;
	margin-left:3%; 
	padding:0em;
	vertical-align:top;
	background-color:#f8f1cd;
 font-size:14px;
}

#main aside section 
    {
        margin-bottom: 0.563em;
        background: #f8f1cd;
        border-bottom: 0.22em solid #eedd82;
    }

#main aside section img #bild4
{
    margin-bottom:0.563em;
    background: #f8f1cd;
    border-bottom: 0.22em solid #eedd82;
        max-height:210px;
	max-width:100px;
}


#main article h2 
{
	padding:1em 1.8em 1em 1.8em;
	

}

#main aside section ul 
{
	padding:0em 0.875em 1.25em 1.5em;

}

/* Footer */ 

footer 
{
	display:block;
	background: #878585;
	text-align:center;
    border-top:0.1em solid #636363;
    -webkit-box-shadow: 0px -9px 13px -2px rgba(0,0,0,0.68);
    -moz-box-shadow: 0px -9px 13px -2px rgba(0,0,0,0.68);
    box-shadow: 0px -9px 13px -2px rgba(0,0,0,0.68);
	
}



.foot
{
    background-color:#636363;
}

footer ul 
{
	display:block;
	width:100%;
	max-width:980px;
	text-align:left;
	margin:0px auto;
}

footer ul li 
{
	display:inline;
	font-size:0.8em;
	line-height:2.8em;
	color:#E2DBDB;
	padding:0em 0.625em 0em 0.625em;
}

footer ul li a 
{
	color:#E2DBDB;

}

/* Mobile Style */

@media screen and (max-width:800px) {
	body 
    {
		font-size:90%;
	}
}

@media screen and (max-width:600px) 
{
	#main aside, #main article 
    {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
}

@media screen and (min-width:550px) 
{

	nav.nav 
    {
		display:block !important;
	}	
}

@media screen and (max-width:550px) 
{
h2
{
	font-size:2em;
}
	body 
    {
		font-size:86%;
	}
	#menubar ul li a.menubutton 
    {
		display:block;
	}	
	nav 
    {
		display:none;
		height:auto;
	}
	nav ul li 
    {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}