@CHARSET "UTF-8";
* { padding: 0; margin: 0; }
/**
---------------------------------------------
Layout
--------------------------------------------- */
/* Fix für Scrollbug */
html {
	height: 101%;
}
body {
	height: 101%;
	text-align: center;
}

#wrapper {
 margin: 0 auto;
 width: 770px;
 padding-bottom: 20px;
 text-align: left;
}


#header {
 background: url(streifen.gif) top left repeat-y;
 width: 100%;
 height: 40px;
 margin: 50px 0px 0px 0px;
 border-bottom: 1px solid #6b6b6b;
 overflow: hidden;
}


/** Navi rechts oben
--------------------------------------------- */
	#topNavigation {
		position: absolute;
		margin: 20px 0px 0px 537px;
		height: 20px; /* fuer IE */
	}
	#topNavigation a {
		display: inline;
		border-left: 1px solid #6B6B6B;
		padding: 5px 25px 8px 12px;
		font-size: 9px;
		font-family: Tahoma, Verdana, sans-serif;
		color: #6b6b6b;
		text-decoration: none;
	}
	#topNavigation a:hover {
		color: #01b4d6;
	}

/** Layout Hauptbereich
--------------------------------------------- */
#main {
 background: url(streifen.gif) top left repeat-y;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 padding:0px 1px;
}


#leftColumn {
 display: inline;
 color: #333;
 width: 197px;
 float: left;
}
#logoTop {
	display: inline;
	position: absolute;
	border-bottom: 1px solid #6B6B6B;
}

/** Hauptnavigation - Ebene 1
--------------------------------------------- */
#navigation {
	position: absolute;
	display:block;
	list-style: none;
	width: 197px;
	margin-top: 183px;
	padding:0px;
	border-top: 1px solid #6B6B6B;
	font-weight: bold;
}
#navigation dt {
	display: block;
	border-bottom: 1px solid #6b6b6b;
	padding: 5px;
	padding-left: 15px;
	font-size: 16px;
	color: #0d3c83;
}
#navigation dt.selected {
	border-right: 8px solid #0d3c83;
}
#navigation dt a {
	color: #6b6b6b;
	text-decoration: none;
}
#navigation dt a:hover,
#navigation dt a:focus {
	color: #01b4d6;
}

/** Hauptnavigation - Ebene 2
--------------------------------------------- */
#navigation dd ul {
	list-style: none;
	display: block;
	border-bottom: 1px solid #6b6b6b;
	font-size: 13px;
	color: #0d3c83;
	padding-left: 24px;
}
#navigation dd ul li {
	list-style: none;
	display: block;
	border-bottom: 1px solid #6b6b6b;
}
#navigation dd ul li.selected {
	border-bottom: 1px solid #6b6b6b;
	padding: 7px;
	font-weight: bold;
	color: #0d3c83;
}
#navigation dd ul li.last {
	display: block;
	border-bottom: none;
}
/* workaround für IE */
* html #navigation dd ul li.last {
	display: block;
	border-bottom: 1px solid white;
}


#navigation dd ul li a {
	display: block;
	padding: 7px;
	font-weight: bold;
	color: #6b6b6b;
	text-decoration: none;
}
#navigation dd ul li a:hover,
#navigation dd ul li a:focus {
	color: #01b4d6;
	border-right: 8px solid #01b4d6;
}


#logoAenderl {
	position: absolute;
	margin-top: 500px;
	margin-bottom: 50px;
	border-top: 1px solid #6b6b6b;
	border-bottom: 1px solid #6b6b6b;
}




#rightColumn {
 float: right;
 color: #333;
 width: 572px;
 display: inline;
 position: relative;
 padding-left: 1px;
}

#banner {
	border-bottom: 1px solid #6b6b6b;
}

/** Inhaltscontainer
--------------------------------------------- */
#content {
	background: url("DesignBlau/wasserzeichenScio.jpg") center 25px no-repeat;
	min-height: 500px;
	margin: 5px;
	padding: 25px;
	padding-top: 0px;
	margin-top: -5px;
	text-align: justify;
}
* html #content {
	height: 500px;
	font-size: 100%;
}

/** Linkliste, allgemein (Navigation - Ebene 3)
--------------------------------------------- */
.linkList {
	display: block;
	text-align: center;
	font-size: 9px;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
}
.linkList span {
	border-right: 1px solid #AAAAAA;
	padding: 2px 10px;
	color: #333333;
	font-weight: bold;
}

.linkList a {
	display: inline;
	border-right: 1px solid #AAAAAA;
	padding: 2px 10px;
	text-decoration: underline;
	color: #AAAAAA;
}
.linkList .lastLink {
	border-right: none;
}

.linkList a:hover {
	color: #01b4d6;
}


/* Konkrete Linklisten */
#linksTop {
	margin-top: 15px;
}
#linkContinue a,
#linkContinue span {
	font-size: 11px;
	border-right: none;
	display: block;
	margin-top: 20px;
	text-align: right;
}


/**
---------------------------------------------
 Schriftformatierung
--------------------------------------------- */

/* allgemein */
body {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 80%;
}
td, th {
 f\ont-size: 100%;
}

/* Überschriften */

#content h1, h2, h3, h4, h5, h6 {
	margin-top: 20px;
	color: #333333;
}
#content h1 {
	font-size: 250%;
	padding-bottom: 0.3em;
	text-align: center;
}
#content h2 {
	font-size: 180%;
	padding-bottom: 0.3em;
	text-align: center;
}
#content h5 {
	font-size: 100%;
	padding-bottom: 0.3em;
}
#content .caption {
	text-align: center;
}
#content .caption2 {
	text-align: center;
	font-weight: bold;
	color:#333333;
}


/* Absätze */

#content p {
		font-size: 110%;
		padding: 10px 0px;
		color: #6b6b6b;
		line-height: 1.8em;
}
#content .bigParagraphs p {
	padding: 10px 0px;
	color: #6b6b6b;
}
#content .bigParagraphs {
	padding: 0px;
	margin: 0px;
	color: #6b6b6b;
}
#content .center {
	text-align: center;
}


/* Listen */

#content ul {
}
#content li {
	color: #6b6b6b;
	margin-left: 30px;
	padding: 5px;
	text-align: left;
}
#content li h3 {
	color: #333333;
	margin: 0px;
	padding: 0px;
}

#content li p {
	margin: 0px;
	padding: 0px;
}

#content ul.simpleList {
	margin-top: 10px;
}
#content h5.simpleList {
}

.noBullets {
	list-style: none;
	margin-left: -35px;
	padding-left: 2px;
}

#content .methodsList h1 {
	margin-bottom: 0px;
}

#content .methodsList h2 {
	text-align: left;
	font-size: 150%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 0px;
}

#content .methodsList li strong {
	font-weight: bold;
	color: #666666;
}

#content .methodsList li {
	margin-top: 10px;
	margin-left: 50px;
	color: #333333;
}


/* Bilder */

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

.right {
	float: right;
	padding: 0 0 10px 30px;
}


/* Links */
a {
	color: #6b6b6b;
}

a:hover,
a:focus {
	color: #01b4d6;
}


/* Betonungen */

#content em {
	color: #333333;
	font-weight: bold;
	font-style: normal;
}


/* Formular */
fieldset {
	padding: 10px;
	padding-top: 0;
	text-align: left;
}
fieldset #formName,
fieldset #formEMail {
	margin: 0px 10px;
	width: 253px;
}
fieldset #formMsg{
	margin: 0px 10px;
	width: 350px;
}
fieldset #submit {
	margin: 10px;
	text-align: center;
}

fieldset td {
	text-align: left;
}



/**
---------------------------------------------
 Layout Fußbereich
--------------------------------------------- */

#footer {
 clear: both;
 width: 100%;
 background: url(streifen.gif) top left repeat-y;
 border-top: 1px solid #6b6b6b;
 font-size: 9px;
 color: #6b6b6b;
 font-family: Tahoma, Verdana, sans-serif;
 }
#footerLeft {
 display: inline;
 width: 197px;
 float: left;
 padding: 10px 0px;
 text-align:center;
 color: #6b6b6b;
}
#footerRight {
 display: inline;
 float: right;
 width: 573px;
 position: relative;
 padding: 7px 0px 13px 0px;
 text-align:right;
  }
 #footerRight span {
	display: inline;
	border-left: 1px solid #6B6B6B;
	padding: 7px 25px 3px 12px;
}

.clear { clear: both; background: none; }

/**
---------------------------------------------
 Drucker
--------------------------------------------- */
@media print {
	* {
		background: none !important;
		font-family: serif;
	}
	#leftColumn,
	#header,
	#footer	 {
		position: fixed;
		display: none !important;
		width: 0 !important;
	}
	#rightColumn {
		position: fixed;
		width: 700px;
	}
	#banner {
		width: 80%;
	}
	#linkContinue {
		display: none;
	}
	#content {
	margin:0;
	padding: 0;
	width: 80%;
	}

}