body {
	color: #111177;
	background: #fafafa;
	font-family: sans-serif;
	font-size: 10pt;
	margin: auto;
	line-height: 150%;
}

span.important {
	color: red;
}

p.align-center {
	text-align: center;
	line-height: 180%;
}

.align-center {
	text-align: center;
	line-height: 180%;
}

#wrapper {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 3%;
	padding-bottom: 5em;
}

p,div {
	padding:0;
	margin: 0;
}

h1,h2,h3,h4 {
	padding:0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
	color: #110055;
}

ul.menu-level1 {
	list-style-type: none;
	list-style-position: outside;
	padding:0;
}

ul.menu-level2 {
	list-style-type: none;
	list-style-position: outside;
	padding:0;
	margin-left: 1em;
}

li {
	padding:0;
}

a {
	text-decoration:none;
	color:#aa2222;
}
a:hover {
	text-decoration:underline;
}
.external {
	color:#22aaaa;
}
.menu-spacer {
	height:1em;
}

.wrap {
	clear: both;
	padding:0;
}
.logo {
	position:absolute;
	left:3em;
	z-index:20;
}
img {
	border: none;
}
.wrapinnen {
}
.mitte {
	border-left: 1px solid #5500dd;
	border-right: 1px solid #5533ff;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	float: left;
	left: 13em;
	width: 70%;
}
.content {
	min-height: 23em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.rahmen-r {
	border-left: 1px solid #fafafa;
	height: 1em;
}

.menu {
	position:relative;
	margin-top:3em;
	background: #eeeeee;
	width: 11.5em;
	padding: 0.5em;
	margin-left:-7em;
	z-index:19;
	font-size: 11pt;
}
.o {
	border-right-style: none;
	height: 2em;
}

.links {
	position: absolute;
	float: left;
	left:8%;
}

.links-u {
	position: absolute;
	float: left;
	left:8%;
	width:15em;
}

.rechts {
	position:relative;
	float: left;
	width:4em;
	left:13em;
}
.rahmen-ol {
	border-top: 1px solid #4433ff;
	margin-left:6em;
	padding-right:1em;
}
.rahmen-o {
	border-top: 1px solid #4433ff;
}
.rahmen-odick {
	border-top: 1px solid #5511dd;
}
.rahmen-okurz {
	border-top: 1px solid #5511dd;
	width:2em;
}
.footer {
	padding-top: 0.5em;
	text-align: center;
}
span.cloud1 {
	font-size: 160%;
}
span.cloud2 {
	font-size: 130%;
}
span.cloud3 {
	font-size: 110%;
}
span.cloud4 {
	font-size: 100%;
}

table.grid {
	border-collapse:collapse;
}

table.grid td {
	border:1px solid black;
}
@media (max-width: 767px) {
	.mitte {
		float:none;
		left:0;
		width:auto;
	}
	.logo {
		right:0;
		left:auto;
		top: 0;
	}
	h1 {
		margin: 0;
	}
	body {
		line-height:1.4;
		font-size:14px;
	}
	.rechts {
		display:none;
	}
	.rahmen-ol {
		margin:0;
		padding:0;
		border: 1px solid #5511dd;
	}
	div.menu {
		font-size:16px;
		margin:0;
		width:auto;
		padding:0;
	}
	.links-u {
		width:auto;
		position:static;
		float:none;
		left:auto;
	}
	.links {
		position:static;
		float:none;
		left:auto;
	}
	img {
		max-width:260px;
		height:auto;
	}
	#wrapper {
		padding: 8px;
	}
	.csc-textpic-text {
		clear:both;
	}
	.menu ul li.menu-spacer {
		height:0.5em;
	}
	.menu ul li {
	}
	.menu ul li a {
		margin:2px 2px;
		line-height:2;
		display:block;
		background: #d1d1d1;
	}
	.menu ul li.menu-level1-current-active a {
		background: #e1e1e1;
	}
	.csc-textpic-intext-right-nowrap .csc-textpic-text {
		margin:0;
	}
}

