/* CSS Document */

/*------------------------------------------------------------------------------------------------------*/
* { margin:0; padding: 0 }
option { padding-left: 0.4em }
html * { font-size: 100.01% }
/*Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height: 100%; margin-bottom: 1px; }

body { font-size: 100.01%; color: #000; text-align: left;
			 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
			 margin:0; padding: 0; 
			 background-color:#000099; background-image:url(bd_page3.jpg); background-repeat:repeat-x;
			 
			 font-size: 75.00%; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border: 0 solid; }


hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #000 solid;
}

/*------------------------------------------------------------------------------------------------------*/
/* Basis Layout */

#header, #nav, #main, #footer { clear:both; }

#page_margins { margin: 0; width: auto;}
#page { padding: 0; margin:0; }

#header { padding: 45px 2em 1em 20px; color: #000; display:none; }
#topnav { color: #aaa; background: transparent; }

#/* CSS Document */

/*------------------------------------------------------------------------------------------------------*/
* { margin:0; padding: 0 }
option { padding-left: 0.4em }
html * { font-size: 100.01% }
/*Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height: 100%; margin-bottom: 1px; }

body { font-size: 100.01%; color: #000; text-align: left;
			 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
			 margin:0; padding: 0; 
			 background-color:#000099; background-image:url(bd_page3.jpg); background-repeat:repeat-x;
			 
			 font-size: 75.00%; }

/* Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border: 0 solid; }


hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #000 solid;
}

/*------------------------------------------------------------------------------------------------------*/
/* Basis Layout */

#header, #nav, #main, #footer { clear:both; }

#page_margins { margin: 0; width: auto;}
#page { padding: 0; margin:0; }

#header { padding: 45px 2em 1em 20px; color: #000; display:none; }
#topnav { color: #aaa; background: transparent; }

#main {margin: 0; padding:0; position:absolut; top:0; left:0;}
/* linke spalte ---------- */
#col1 {z-index: 3; position:absolute; left:0; top:0; width:240px;}
#col1_content { position:relative; z-index: 4; padding: 0 5px 0 0; }

#nav {width: 240px;	overflow:hidden;}

/* mittlere spalte ------- */
#col3 {z-index: 1; width: 710px; position:relative; left:0; top:0; margin: 0 0 0 240px;}
#col3_content { z-index:2; position:relative; padding: 0 20px 0 10px }

#footer { width: 710px; margin: 0 0 0 240px ; padding:20px 20px 20px 20px; color:#FFF; text-align:center; }
/*------------------------------------------------------------------------------------------------------*/
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none }
/*------------------------------------------------------------------------------------------------------*/
/* Klassen für unsichtbare Elemente */
.skip, .hideme, .print {
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 1px;
	width: 1px;
}

/* Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}

/*-------------------------------------------------------------------------*/
/* ### Überschriften ###################### */
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif; font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 200%; margin-top:0; }             /* 24px */
h2 { font-size: 166.67%; margin-top: 1em;} 				/* 20px */
h3 { font-size: 150%; margin-top: 0.75em;} 				/* 18px */
h4 { font-size: 133.33% }                     		/* 16px */
h5 { font-size: 116.67% }                     		/* 14px */
h6 { font-size: 116.67%; font-style:italic }  		/* 14px */

p { line-height: 1.5em; margin: 0 0 15px; }

/* ### Listen  ############################ */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.0em; line-height: 1.5em; }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/* ### Textauszeichnung ################### */
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong, b { font-weight: bold }
em, i { font-style:italic }
.center, .c { text-align:center; margin: 0.5em auto }
.right, .r { text-align:right; }
.left, .l { text-align:left; }

pre, tt, code { font-family:"Courier New", Courier, monospace; font-size: 1.1em; }

acronym, abbr { letter-spacing: .07main {margin: 0; padding:0; position:absolut; top:0; left:0;}
/* linke spalte ---------- */
#col1 {z-index: 3; position:absolute; left:0; top:0; width:240px;}
#col1_content { position:relative; z-index: 4; padding: 0 5px 0 0; }

#nav {width: 240px;	overflow:hidden;}

/* mittlere spalte ------- */
#col3 {z-index: 1; width: 710px; position:relative; left:0; top:0; margin: 0 0 0 240px;}
#col3_content { z-index:2; position:relative; padding: 0 20px 0 10px }

#footer { width: 710px; margin: 0 0 0 240px ; padding:20px 20px 20px 20px; color:#FFF; text-align:center; }
/*------------------------------------------------------------------------------------------------------*/
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none }
/*------------------------------------------------------------------------------------------------------*/
/* Klassen für unsichtbare Elemente */
.skip, .hideme, .print {
	position: absolute;
	top: -1000em;
	left: -1000em;
	height: 1px;
	width: 1px;
}

/* Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}

/*-------------------------------------------------------------------------*/
/* ### Überschriften ###################### */
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif; font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 200%; margin-top:0; }             /* 24px */
h2 { font-size: 166.67%; margin-top: 1em;} 				/* 20px */
h3 { font-size: 150%; margin-top: 0.75em;} 				/* 18px */
h4 { font-size: 133.33% }                     		/* 16px */
h5 { font-size: 116.67% }                     		/* 14px */
h6 { font-size: 116.67%; font-style:italic }  		/* 14px */

p { line-height: 1.5em; margin: 0 0 15px; }

/* ### Listen  ############################ */
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.0em; line-height: 1.5em; }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/* ### Textauszeichnung ################### */
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong, b { font-weight: bold }
em, i { font-style:italic }
.center, .c { text-align:center; margin: 0.5em auto }
.right, .r { text-align:right; }
.left, .l { text-align:left; }

pre, tt, code { font-family:"Courier New", Courier, monospace; font-size: 1.1em; }

acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help;}

.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

/* ### Boxen ############################## */
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }

/* ### Links ############################## */
a {color:#0000CC; text-decoration:underline;}
a:focus,
a:hover,
a:active {color:#000099; text-decoration:none;}

#topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active{ text-decoration:underline; background-color: transparent;}

#footer a { color: #fff; background:transparent; text-decoration:none;	}
#footer a:focus,
#footer a:hover,
#footer a:active {color: #fff; background-color: transparent; text-decoration:underline;}

/*Hervorhebung externer Hyperlinks mit CSS*/
/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
	padding-left: 12px;
	background-image: url('your_image.gif');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}
*/
/* ### Tabellen ########################### */
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }

th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }


em; border-bottom: .1em dashed #c00; cursor: help;}

.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

/* ### Boxen ############################## */
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }

/* ### Links ############################## */
a {color:#0000CC; text-decoration:underline;}
a:focus,
a:hover,
a:active {color:#000099; text-decoration:none;}

#topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active{ text-decoration:underline; background-color: transparent;}

#footer a { color: #fff; background:transparent; text-decoration:none;	}
#footer a:focus,
#footer a:hover,
#footer a:active {color: #fff; background-color: transparent; text-decoration:underline;}

/*Hervorhebung externer Hyperlinks mit CSS*/
/*
#main a[href^="http://www.my-domain.com"],
#main a[href^="https://www.my-domain.com"]
{
	padding-left: 12px;
	background-image: url('your_image.gif');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
}
*/
/* ### Tabellen ########################### */
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }

th,td { padding: 0.5em; }
thead th { background: #444; color: #fff }
tbody th { background: #ccc; color: #333 }
tbody th.sub { background: #ddd; color: #333 }