body {
	background-color: #003366;
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#rahmen {
	width: 590px;
	margin: 10px auto 0 auto;
	position: relative;
}
#logo {
	text-align: right;
	margin-bottom: 15px;
	overflow: hidden;
	height: 57px;
}
#content {
	width: 455px;
}
.q {
	height: 292px;
	width: 292px;
	border: 1px solid white;
	position: absolute;
	background-color: #165481;
}
h1 {
	font-size: 18px;
	padding: 0px;
	margin: 0;
}
/*.q h1, .q p, .q div {
	padding: 3px 3px 0px 3px;
}*/
#q1 h1, #q2 h1 {
	margin-bottom:8px;
}
#q2 h1, #q4 h1 {
	text-align:right;
	right: 8px;
}
#q3 h1, #q4 h1 {
	position: absolute;
	bottom: 0px;
}
.kapitel {
	height: 201px;
}
#footer {
	text-align: center;
	position: absolute;
	top: 672px;
	width: 592px;
	left: 0px;
}
#q1rahmen {
	position: absolute;
	left: -1px;
	top: -1px;
	border: 1px solid #ccc;
	width: 1px;
	height: 1px;
}
#q2rahmen {
	position: absolute;
	left: 225px;
	top: -1px;
	border: 1px solid #ccc;
	width: 10px;
	height: 10px;
	display: none;
}
h1 a, h1 a:visited {
	color:#CCCCCC;
	font-weight: normal;
}
h1 a:hover {
	font-weight:bold;
	text-decoration: none;
}
a, a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#q1 {
	left: 0px;
	top: 70px;
}
#q2 {
	top: 70px;
	left: 300px;
}
#q3 {
	left: 0px;
	top: 370px;
}
#q4 {
	left: 300px;
	top: 370px;
}
.qtext {
	display: none;
	text-align: justify;
}
p {
	margin: 0 0 10px 0;
	line-height: 17px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 5px;
	padding-top: 10px;
}
.left {
	float: left;
}
#q3text {
	height: 390px;
}
.q h1 {
	padding: 8px;
}
.q h2, .q p {
	padding-left: 8px;
	padding-right: 8px;
}
#q1text {
}
#kontakt {
	position: absolute;
	height: 485px;
	width: 485px;
	left: 53px;
	top: 123px;
	border: 1px solid white;
	background-color: #165481;
	text-align: center;
	display: none;
	overflow: auto;
}
img {
	border: none;
}