body {
	color: #333;
	background-color: #CCC;
}

/* =Background
-----------------------------------------------------------------------------*/
/*.wrap {
    height: 357px;
    background-color: red;
    overflow: hidden;
    position: relative;
}
.bund {
    position: absolute;
    left: 50%;
    margin-left: -1174px;
    background:url('../../template/img/pipes2.jpg') no-repeat;
    width:2348px;
    height:1836px;
}*/
/* =Layout
-----------------------------------------------------------------------------*/
.wrapper {
	margin: auto; 
	max-width: 1000px;
	padding: 25px 25px;
	_width: 940px;		
	background-color: white;
	border-radius: 10px 10px 10px 10px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#main aside {
	background-color: #f1f1f0;
	border-radius: 4px;
}

#blocks li {
	background-color: #f1f1f0;
	border-radius: 4px;
}

/* =Header
-----------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	padding-bottom: 1em;
	margin-bottom: 2em;
	border-bottom: 1px solid #e5e5e5;
}
#header .logo {
	float: left;
	margin: 0;	
}

/* =Nav
-----------------------------------------------------------------------------*/
#nav {
	padding-top: 1.1em;
	float: right;	
	font-size: 15px;
}

#nav a {
	color: #aaa;
	text-decoration: none;
}

#nav a.on {
	color: #111;
}

#nav ul, #navside ul {
	margin: 0;
	list-style: none;	
}
#nav ul li {
	color: #999;
	float: left;
	margin-left: 1.5em;	
}
#navside ul li {
	padding: 2px 0;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #e5e5e5;
	padding-top: 1.5em;
	margin: 2em 0;
	font-size: .85em;
}

.soc-icons {
	float: right;
}

.copyright {
	float: left;
}

/* =Misc
-----------------------------------------------------------------------------*/

h4 {
	color: #333;
}

#blocks p {
	margin-bottom: 0px;
	color: #555;
}

aside p {
	color: #555;
}



/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.wrapper { width: 300px; }
	#nav, #header .logo { float: none; }
	#header .logo { margin-bottom: .5em; }
	#nav ul li { margin: 0; float: none; margin-bottom: 1px; background-color: #f4f4f4; border-radius: 4px; }
	#nav ul li a, #nav ul li span { display: block; padding: 6px 12px; }
	#blocks li { margin-bottom: 10px; }
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper { width: 100%; max-width: 480px; }
}

/* Emil Edits */

#hide img {
	visibility:hidden;
}