* {
	margin: 0px; padding: 0px; border: 0px;
}

html { 
	height: 100.1%;
	overflow-x: hidden;
	width: 100%;
}

body {
	font-family: Calibri, Verdana, Gill-Sans, Frutiger, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: 100;
	color: #333333;
}

h1 { font-size: 180%; line-height: 1.2em; font-weight: 100; padding-top: 30px; padding-bottom: 20px; }
h2 { font-size: 120%; font-weight: 600; padding-top: 0px; padding-bottom: 20px; }
p { padding-bottom: 10px; }

a { color: #FFFFFF; }
a:link { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }

dl {

}
dt {
	float: left;
	clear: left;
	width: 170px;
	text-align: left;
	font-weight: bold;
}

dd {
	margin: 0 0 0 200px;
	padding: 0 0 0.5em 0;
}


div#wrapper {
	margin: 0px auto;
	width: 700px; 
	text-align: left;
}

div#header {
	background: #F5F5F5; 
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box;
}

div#nav {background: #bbbbbb; text-align: right; }
div#nav ul {padding: 4px 0px 0px 0px; }
div#nav li {display: inline; margin-right: 10px; }

div#wrapcontent {background: #E8E8E8; box-sizing:border-box;}
div#maintext {
	background: #E8E8E8; 
	width: 230px;
	padding: 40px 20px 0px 20px;
	font-size: 0.9em;
	line-height: 1.8em;
}
div#maintext img {
	width: 70%;
	height: auto;
}
div#menu {
	float: right;
	background: #F5F5F5; 
	line-height: 1.2em;
	width: 330px;
	padding: 40px 40px 40px 60px;
}
div#menu a { color: #333333; text-decoration:none;}
div#menu a:link { color: #333333; }
div#menu a:visited { color: #333333; }
div#menu a:hover { color: #333333; text-decoration:underline;}
div#menu a:active { color: #333333; }
div#menu ul {list-style-type: none;}
div#menu ul ul {margin-left: 10px;}

div#footer {
	background: #bbbbbb; 
	color: #FFFFFF;
	font-size: 0.9em;
	margin-top: 0px;
	padding: 4px 0px 6px 0px;
	text-align: center;
	/* order: 1px dashed #333333; */
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.defloat {clear: both;}
* html div#menu {width: 100px;}

span.c6 {font-size: 120%}
div.c5 {text-align: center}
p.c4 {font-size: 80%;line-height: 90%}
span.c3 {font-size: 120%;line-height: 90%}
a.c2 {text-decoration: none;}
h1.c1 {text-align: center}

img#header_logo {
	display:none;
}

@media (max-width:700px) {
	
	div#wrapper, div#header, div#nav, div#wrapcontent, div#menu {
		width: 100%;
	}

	div#header h1 {
		padding: 30px 30px 20px 30px;
		font-size: 1.6em;
	}

	div#maintext {
		width: 0%;
		display:none;
	}

	div#menu {
		box-sizing: border-box;
		padding: 40px 40px;
		width: 100%;
		float:none;
		text-align: center;
	}

	div#footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	img#header_logo {
		display:block;
		margin: auto;
		width: 45%;
		max-width: 180px;
		margin-top: 30px;
	}
}