html {
	height						: 100%;
	margin						: 0;
	padding						: 0px;	
}

body {	
	background-color			: #a9a09c;
	color						: #000000;
	font-family					: "Titillium Web", Arial, sans-serif;
	font-weight					: 300;
	margin-left					: 0px;
	margin-right				: 0px;
	margin-top					: 0px;
	padding						: 0px;
	text-align					: center;
}

a, a.visited {
	color						: #7f1e7d;
	text-decoration				: none;
}

a:hover {
	color						: #68285d;
	text-decoration				: underline;
}

h1, h2, h3, h4 {
	color						: #7f1e7d;
	font-weight					: 400;
}

.website_outerbox, .website_outerbox_admin {	
	background-color			: #ffffff;
	color						: #918884;
	float						: center;	
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	max-width					: 900px;
}

.website_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	width						: 100%;
}

.website_header {
	background-color			: #a9a09c;
	float						: center;
	padding-bottom				: 20px;
	position					: relative;	
	text-align					: center;
}

.website_header img {
	max-width					: 100%;
}

.website_menu, .website_menu_admin {	
	background-color			: #7f1e7d;
	color						: #ffffff;
	font-size					: 1.1em;
	float						: center;
	line-height					: 1em;
	height						: 30px;
	margin-bottom				: 10px;
	margin-left					: auto;
	margin-right				: auto;
	padding-top					: 0px;		
	position					: relative;	
	width						: 100%;
}

.website_menu ul, .website_menu_admin ul {
	margin						: 0;
	padding						: 0;
	list-style					: none;	
	padding-left				: 18%;
	position					: relative;	
	text-align					: left;
}

.website_menuitem, .menu_spacer, .website_menuitem_selected {
	display						: inline;
	float						: center;
	position					: relative;
	vertical-align				: middle;
}

.website_menuitem a {
	color						: #ffffff;	
}

.website_menuitem a:hover {
	color						: #f4e4f4;
}

.website_menuitem_selected {
	border-bottom				: 6px solid #b7b0ae;
}

.website_menuitem a, .website_menu_admin a {	
	text-decoration				: none;
}

.website_menuitem a:hover, .website_menu_admin a:hover {
	text-decoration				: underline;
}

.website_content {
	float						: center;
	padding						: 15px 15px 15px 15px;
	position					: relative;	
	text-align					: left;		
	vertical-align				: top;
}

.website_content_kolom1 {
	border-right				: 1px solid #918784;
	float						: left;
	line-height					: 1.5em;
	padding-left				: 17%;
	padding-right				: 3%;
	position					: relative;
	width						: 50%;
}

.website_content_kolom1 img {
	float						: left;
}

.website_content_kolom2 {
	float						: left;
	line-height					: 1.5em;
	padding-left				: 3%;
	position					: relative;
	width						: 26%;
}

.website_copyright {
	color						: #ffffff;
	font-size					: 0.8em;
	text-align					: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 880px;
	padding						: 10px;
}

.website_copyright a {
	color						: #ffffff;
}

hr {
	border						: none;
	background-color			: #a48186;
	height						: 1px;
	width						: 100%;
}

.website_slideshow {
	background-color			: #000000;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 900px;
}

.rslides {
	float						: center;
  	list-style					: none;
  	padding						: 0;
  	margin						: 0;  	
  	position					: relative;
  	overflow					: hidden;
  	text-align					: right;
  	width						: 100%;
}

.rslides li {
  	-webkit-backface-visibility	: hidden;
  	display						: none;
  	float						: center;
  	position					: absolute;
  	width						: 100%;
}

.rslides li:first-child {
  	position					: relative;
  	display						: block;
  	float						: center;
}

.rslides img {
  	display						: block;
  	height						: auto;
  	float						: center;
	width						: 100%;
  	border						: 0;
}

@media screen and (max-width: 600px) {
	.website_menuitem, .website_menuitem_selected {
		font-size				: 0.9em;
	}
	
	.website_content_kolom1, .website_content_kolom2 {
		border					: none;
		padding					: 0;
		margin					: 0;
		width					: 100%;
	}	
}

@media screen and (max-width: 500px) {
	.website_menu {
		height					: auto;
	}
	
	.website_menu ul {
		padding-left			: 0%;
	}
	
	.website_menuitem {
		border-bottom			: 1px solid #c75ac3;
		display					: block;
	}
	
	.menu_spacer {		
		display					: none;		
	}		
	
	.website_menuitem_selected {
		border-bottom			: 1px solid #c75ac3;
		display					: block;
		padding-bottom			: 0;
	}
}

@media screen and (max-width: 400px) {
	.website_content_kolom1 img {
		clear					: both;
		float					: none;
    	height					: auto;	
	    width					: 100%;
	}
}