/* body */
body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #BACAFF; /* ---blau */
	background-image: url(../images/background_page.gif);
	color: #FFFFFF; /* weiss */
}
* {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;		
}

/* centered content */
body {
	text-align: center;
}
#page {
	margin: 0 auto;
	width: 903px;
	text-align: left;
	background-color: #4160C7; /* blau */
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/* logo */
#logo {
	height: 104px;
}
#logo img {
	margin: 0px;
}

/* main navigation */
#mainnavi1, #mainnavi2	{
	list-style-type: none;
}
#mainnavi1 li	{
	float: left;
	padding: 11px 0px 7px 0px;
	font-size: 1.1em;
}
#mainnavi1 a	{
	padding: 11px 11px 7px 11px;
	border-right: 1px solid #4160C7; /* blau */
	text-decoration: none;
	color: #FFFFFF; /* weiss */
	font-weight: bold;
	text-transform: uppercase;
	background-color: #133194; /* blau++ */
}
#mainnavi2 a	{
	padding: 11px 11px 7px 11px;
	border-left: 1px solid #4160C7; /* blau */
	text-decoration: none;
	color: #FFFFFF; /* weiss */
	font-weight: bold;
	text-transform: uppercase;
	background-color: #133194; /* blau++ */
}
#mainnavi1 a:hover, #mainnavi2 a:hover	{
	background-color: #84A0FA; /* --blau */
	color: #133194; /* blau++ */
}
#mainnavi1 a.act, #mainnavi2 a.act	{
	background-color: #FFE482; /* --gelb */
	color: #133194; /* blau++ */
}
#mainnavi1 a.act:hover, #mainnavi2 a.act:hover	{
	background-color: #FFE482; /* --gelb */
	color: #133194; /* blau++ */
}
#mainnavi1 li.first a, #mainnavi1 li.first a.act, #mainnavi2 li.last a, #mainnavi2 li.last a.act	{
	border-left: none;
}
#mainnavi1 li.last a, #mainnavi1 li.last a.act, #mainnavi2 li.first a, #mainnavi2 li.first a.act	{
	border-right: none;
}
#mainnavi2 li	{
	float: right;
	padding: 11px 0px 7px 0px;
	font-size: 1.1em;
}

/* extra */
#extra	{
	width: 903px;
	height: 45px;
	background-color: #FFE482; /* --gelb */
	clear: both;
}
#search {
	width: 258px;
	float: left;
}
#search .field {
	border: 1px solid #133194; /* blau++ */
	width: 160px;
	margin: 15px 5px 0px 11px;
	padding: 1px;
}
#search .button {
	width: 60px;
	background-color: #133194; /* blau++ */
	font-weight: bold;
	border: none;
	color: #FFFFFF; /* weiss */
	padding: 1px;
	margin: 15px 11px 0px 0px;
}
#breadcrumb {
	width: 387px;
	float: left;
}
#breadcrumb p {
	padding: 17px 11px 0px 0px;
	color: #133194; /* blau++ */
	font-size: 1.2em;
}
#breadcrumb a {
	color: #133194; /* blau++ */
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#live {
	width: 645px;
	float: left;
}
#live p {
	padding: 10px 11px 10px 0px;
	text-align: right;
}
#live img {
	margin-left: 5px;
}

/* flash banner */
#landscape	{
	width: 903px;
	clear: both;
}

/* content area */
#main {
	background-image: url(../images/background_content.gif);
	background-position: top left;
	background-repeat: repeat-y;
	clear: both;
}

/* column 1 */
#col1 {
	width: 258px;
	float: left;
}
#col1 #subnavi, #col1 #subnavi ul {
	list-style-type: none;
}
#col1 #subnavi li {
	font-size: 1.1em;
}
#col1 #subnavi a {
	padding: 5px 11px 5px 11px;
	border-bottom: 1px solid #4160C7; /* blau */
	text-decoration: none;
	color: #FFFFFF; /* weiss */
	font-weight: bold;
	text-transform: uppercase;
	background-color: #133194; /* blau++ */
	display: block;
}
#col1 #subnavi a:hover {
	background-color: #84A0FA; /* --blau */
	color: #133194; /* blau++ */
}
#col1 #subnavi a.act {
	background-color: #FFE482; /* --gelb */
	color: #133194; /* blau++ */
}
#col1 #subnavi a.act:hover {
	background-color: #FFE482; /* --gelb */
	color: #133194; /* blau++ */
}
#col1 #subnavi li.last {
	border-bottom: none;
}
#col1 #subnavi li.last a {
	border-bottom: none;
}
#col1 #subnavi li.first a {
	border-top: none;
}
#col1 #subnavi li ul li a {
	padding: 5px 11px 5px 22px;
	font-weight: normal;
	text-transform: none;
}
#col1 .content-left {
	margin: 17px 11px 11px 11px;
}

/* column 2 */
#col2 {
	margin: 0px 1px 0px 0px;
	width: 643px;
	float: left;
}
#col2 .content {
	margin: 17px;
}

/* meta navigation */
#metanavi {
	clear: both;
}
#metanavi p {
	background-color: #133194; /* blau++ */
	border-bottom: 1px solid #FFFFFF; /* weiss */
	padding: 10px 11px 9px 11px;
	font-size: 1.1em;
}
#metanavi a {
	color: #FFFFFF; /* weiss */
	text-decoration: none;
}
#metanavi a:hover {
	text-decoration: underline;
}

/* footer */
#footer {
	padding: 1px 0px 0px 0px;
	background-color: #575757; /* grau */
}
#footer p {
	border-top: 1px solid #FFFFFF; /* weiss */
	background-color: #575757; /* grau */
	padding: 5px 11px 5px 11px;
	font-size: 1.1em;
}
#footer a {
	color: #FFFFFF; /* weiss */
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* content */
.content h1 {
	padding: 11px 0px 15px 0px;
	font-size: 1.7em;
	color: #133194; /* dunkelblau */
	font-weight: bold;
	text-transform: uppercase;
}
.content-left h1 {
	padding: 11px 0px 15px 0px;
	font-size: 1.7em;
	color: #FFFFFF; /* weiss */
	font-weight: bold;
	text-transform: uppercase;
}
.content h2, .content-left h2 {
	padding: 9px 22px 5px 22px;
	font-size: 1.3em;
	font-weight: bold;
	background-color: #FFFFFF; /* weiss */
	color: #133194; /* blau++ */
}
.content .text {
	padding: 22px 163px 11px 22px;
	background-color: #4160C7; /* blau */
	position: relative;
}

.csc-textpic.csc-textpic-intext-left {
	padding: 0px 0px 11px 22px;
	background-color: #4160C7; /* blau */
}
.csc-textpic-imagewrap {
	margin: 22px 0px 0px 0px;
	position: relative;
	z-index: 99;
}

.content p, .content-left p {
	margin: 0px 0px 11px 0px;
	font-size: 1.2em;
}
.content td p, .content-left td p {
	font-size: 1.2em;
}
.content a, .content-left a {
	color: #FFFFFF; /* weiss */
	text-decoration: none;
}
.content a:hover, .content-left a:hover {
	text-decoration: underline;
}
.content .text a, .content-left .text a {
	color: #FFFFFF; /* weiss */
	text-decoration: underline;
}
.content .text a:hover, .content-left .text a:hover {
	text-decoration: underline;
}
.content ul, .content-left ul {
	margin: 0px 0px 0px 35px;
	list-style-type: square;
}
.content ol, .content-left ol {
	margin: 0px 0px 0px 35px;
}
.content li, .content-left li {
	margin-bottom: 5px;
	font-size: 1.2em;
}
.content li li, .content-left li li {
	font-size: 1em;
}
.content strong, .content-left strong {
	font-weight: bold;
}
.content em, .content-left em {
	font-style: italic;
}
.content p.label {
	margin: 0px 0px 3px 0px;
}
.content label {
	font-weight: bold;
}
.content span.csc-mailform-label {
	font-weight: bold;
	font-size: 1.2em;
}
.content p.field {
	margin: 0px 0px 11px 0px;
}
.content .csc-mailform-submit {
	margin: 11px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
	background-color: #133194; /* blau++ */
	border: none;
	color: #FFFFFF; /* weiss */
	font-weight: bold;
	width: auto;
}
.content .csc-mailform-check {
	width: auto;
	background-color: transparent;
	border: none;
}
.content input, .content textarea {
	padding: 1px;
	background-color: #BACAFF; /* ---blau */
	border: 1px solid #133194; /* blau++ */
	width: 420px;
	font-size: 1.2em;
}
.content select {
	background-color: #BACAFF; /* ---blau */
	border: 1px solid #133194; /* blau++ */
	width: 420px;
	font-size: 1.2em;
}
.content .csc-sitemap {
	padding: 22px 163px 11px 22px;
	background-color: #4160C7; /* blau */
}
.content .csc-sitemap li ul li {
	margin-bottom: 5px;
	font-size: 1.0em;
}