/* ### formatierung (classen) allgemein ### */
* { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
html {
	/*height: 100%;*/
	width: 100%;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #800909;
	background-image: url(../art/00-background-body.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: white;
	font-size: 82%;
}
@media print {
  /* ... Formatdefinitionen zum Drucken ... */
  * { color: black !important; }
  body { background-color: white; background-image: none; color: black; }
}


p, li, label {
	/*font-size: 76%;*/
	line-height: 140%;
	color: white;
}
label {
	padding-top: 6px;
	padding-left: 16px;
	float: left;
}
input, textarea {
	color: black;
}
p, ul, h1, h2, h3 {
	padding-bottom: 1.4em;
}
ul {
	padding-left: 16px;
	padding-bottom: 0.5em;
}
ol {
	padding-bottom: 0.5em;
}
ul li {
	/*padding-left: 12px;*/
	list-style: disc;
	padding-bottom: 0.5em;
}
ol li {
	list-style: none;
	padding-bottom: 0.5em;
	padding-left: 28px;
	text-indent: -28px;
}
a {
	color: #FF9900;
	text-decoration: underline;
	white-space: nowrap;
}
a img {
	border: none;
}
#content a img {
	border: 1px solid #FF9900;
}
#content a:hover img {
	border: 1px solid white;
}

a:hover, a:active, a:focus {
	color: white;
	text-decoration: underline;
}
h1, h2, h3, h4 {
	color: white;
}

h1 {
	font-size: 162%;
	font-weight: bold;
	
	font-weight: normal;
}
h2 {
	font-size: 112%;
	padding-bottom: 0.5em;
}
h3 {
	font-size: 96%;
	padding-bottom: 0.3em;
}



/* ### layout -container, -elemente (id's) allgemein  ### */

#header-image {
	position: absolute;
	left: 720px;
	top: 0;
}

a#homepage {
	position: absolute;
	left: 0px;
	top: 186px;
	padding-left: 18px;
	color: #800909;
	font-weight: bold;
}
#changeFontSize a,
#print_button a {
	color: #800909;
	font-weight: bold;
}
#print_button a {
	font-size: 96%;
}
#changeFontSize a#decreaseFont {
	font-size: 82%;
}
#changeFontSize a#increaseFont {
	font-size: 126%;
}

a#homepage:hover,
#changeFontSize a:hover,
#print_button a:hover {
	color: white;
}
a#homepage.active {
	color: white;
}
#title {
	position: absolute;
	left: 220px;
	top: 174px;
	width: 640px;
	padding-left: 115px;
	height: 36px;
	background-color: White;
	
}
#title h1 {
	color: black;
	padding: 0px;
	margin: 0;
	position: relative;
	top: 6px;
	font-family: "Times New Roman", Times, serif;
}
#logo {
	position: absolute;
	left: 0px;
	top: 210px;
}

#navi {
	position: absolute;
	left: 0;
	top: 312px;
	width: 219px;
	/*height: 350px;*/
	background-color: #963D3E;
	padding-top: 3px;
	padding-bottom: 5px;
}
#navi a {
	
	float: left;
	clear: both;
	
	width: auto;
	padding-left: 18px;
	font-size: 92%;
	line-height: 160%;
	font-weight: bold;
	margin-bottom: 5px;
}
#navi a.lock { /* schloss-icon */
	/*display: inline;*/
	
	clear: none;
	/*width: auto;*/
}
#navi a.layer-2 { /* zweite ebene */
	padding-left: 36px;
}
#navi a.layer-3 { /* dritte ebene */
	padding-left: 54px;
}
#navi span.lock { /* schloss-icon */
	display: block;
	float: left;
	/*text-decoration: none;*/
	width: 12px;
	/*height: 12px;*/
	background-image: url(../art/00-icon-schloss.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	/*background-position: 5px 6px;*/
}

#navi .spacer,
#content .spacer {
	border: none;
	line-height: 100px;
	font-size: 100px;
	height: 1px;
	overflow: hidden;
	background-color: #800909;
	/*margin-top: 5px;*/
	margin-bottom: 2px;
	
	clear: both;
}

#content .spacer {
	margin-top: 5px;
}

#content {
	position: absolute;
	left: 338px;
	top: 250px;
	width: 634px;
}
.print { padding: 1cm; !important }
#print_button {
	position: absolute;
	/*left: 16px;
	top: 40px;*/
	left: 116px;
	top: 14px;
}

.image-col { /* ein-spaltige bilder-zeile */
	width: 634px;
	float: left;
	margin-bottom: 15px;
	background-color: #963D3E;
}
.image-col-left { /* das bild-kontainer */
	width: 104px;
	float: left;
	padding-right: 12px;
}
.image-col-left img { /* das bild */
	float: left;
}
.image-col-right {/* text-spalten */
	width: 234px;
	float: left;
	margin-right: 16px;
	margin-top: 6px;
	margin-bottom: 4px;
}

.image-colx2 { /* zwei-spaltige bilder-zeile */
	width: 634px;
	float: left;
	margin-bottom: 15px;
	background-color: #963D3E;
}
.image-colx2 img {
	float: left;
	/*padding-right: 12px;*/
}
.image-colx2 .col-1,
.image-colx2 .col-2 {
	width: 314px;
}
.image-colx2 .col-1 .text,
.image-colx2 .col-2 .text {
	width: 196px;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 6px;
}
.image-colx2 .col-1 {
	border-right: solid 6px #800909;
}


#content img.content-image {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;

}
table.padding-bottom td {
	padding-bottom: 10px;
}
.caption {
	clear: left;
}
.col-1 .caption {
	padding-right: 8px;
}
.padding {
	padding: 8px;
}

#footer {
	clear: both;
	height: 2em;
	font-size: 86%;
	text-align: right;
}




/* ### formate, klassen allgemein  ### */
.clear {
    clear:both;
	 /*height: 3em;*/
}
.small {
	font-size: 82%;
}
.left {
    float: left;
}
.no-bg {
	background-color: transparent !important;
	background-image: none !important;
	
}
.pdf { /* pdf-icon */
	background-image: url(../art/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 22px;
}
.margin-left {
	margin-left: 30px;
}



/* ### homepage ### */



/* ### kontakt  ### */


/* ### ablauf-seiten  ### */
#ablauf {
	
}
#ablauf .col-left {
	width: 240px;
	height: 356px;
	float: left;
	background: url(../art/00-background-ablauf-schema2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
#ablauf .col-right {
	width: 360px;
	float: right;
}
#ablauf .col-left a {
	display: block;
	width: 214px;
	padding-left: 26px;
	height: 25px;
	font-size: 92%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	text-decoration: none;
	
}
#ablauf .col-left a:hover {
	text-decoration: none;
}