/* Global Styles */

body {
	background-color: #EDF5FE; /* #F4FFE4  hellstes gruen */
	margin:0px;
	}
	
td {
	color: #231F1C; /* #231F1C  fast schwarz */
	font-family: Arial, Helvetica, sans-serif;
	font-size:       11px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.6875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height: 12px;
	text-align: left;
	vertical-align: top;
	padding-top:    0px;
	padding-right:  2px;
	padding-bottom: 0px;
	padding-left:   2px;
	}
	
ul {
	list-style-position: inside;
	padding: 0px;

	font-family: Arial, Helvetica, sans-serif;
	font-size:      12px; 	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  14px= 0.875rem .. 16px=1.0 rem ..18px=1.125 rem */
	line-height: 18px;
	}

a {
	color: #993300; /* #993300  braun */
	text-decoration: none;
	}
	
a:hover {
	color: #5C743D; /* #5C743D  bundeswehr-gruen */
	}



/* ----  ID Styles  ---- */
/* --------------------- */

.HorLine {		/* Horizontal Line ... with HTML5:  <div class=*HorLine'></div> */
				/* NOTE. . . . . . . . . . . . . :  don't use <hr> anymore !!! */
	content: " ";
    border-width:	1px;
    border-style:	solid;
    border-color:	#808080; /* hell-grau */
    margin-top: 	    10px;
    margin-top:		0.625rem;
    margin-bottom:		10px;
    margin-bottom:	0.625rem;
    display: 		block;
    max-width: 		90%;
}


.headline_1_2 {
	background-color: 	#D5EDFF; /* #D8EBFE  helles blau    //  #D5EDB3   helles gruen */
	}
.headline_3_7_9_thin {
	background-color: 	#1109AA; /* #537BB4; /* #1C298A  dunkles blau   //  #5C743D  dunkles gruen */
	height: 				2px;
	}
.headline_4_6_thin_dashed {
	background-color: 	#537BB4; /* #93AEEE  mittleres blau //  #99CC66  mittleres gruen */
	height: 				3px;
	}
.headline_4_6_thin_dashed td {
	background-image: url(../_pics/dashed_line.gif);
	background-repeat: repeat-x;
	}

.headline_5_motto {
	background-color: 	#9DC1E6; /* #93AEEE  mittleres blau //  #99CC66  mittleres gruen */
	}
	
.headline_5_left {
	font-size:       11px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.6875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	text-decoration:none;
	letter-spacing:.1em;
	}

.headline_5_left a {
	color: #993300;
	font-weight:bold;
	}

.headline_5_left a:hover {
	color: #F4FFE4;
	letter-spacing:.2em;
	}
.headline_8_navi_top {
	background-color: #D5EDFF; /* #D5EDFF  dunkles blau   // */
	}


#pic_top {
	position: absolute;
	top:   84px;
	left: 200px;
	font-size: 9px;
	}

#headline_1_text {
	color: #1109AA; /* #5C743D    bundeswehrgruen  */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:      22px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   1.375rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:    26px;
	letter-spacing:0.1em;
	vertical-align: bottom;
	text-align: center;
	}

#headline_2_text {
	color: #993300;
	letter-spacing:0.4em;
	line-height:18px;
	font-size:       13px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.8125rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	text-align: center;
	vertical-align: top;
	}
	
	
/* --------------- */
/* -- Container -- */
/* --------------- */
#navTopContainer a {
	color: #1C298A; /* #1C298A  dunkles blau */
	font-size:	    14px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	}
#navTopContainer a:hover {
	color: #DA271B; /* #DA271B  dunkelrot  // #163E6D  dunkelstes blau // #1C298A  dunkelblau */
	}
#navTopContainer a.active {
	color: #F00; /* rot */
	}

#navigation {
	/* background-color: #5C743D; dunkelgrün */
	}


#navLeftContainer {
	position: relative;
	float:   left;
	top:     10px;
	left:     2px;
	width:  230px;
	height: 460px; /* 460 */
	border-right-color: #1109AA; /* #5C743D  dunkelgruen */
	border-right-width: 3px;
	border-right-style: solid;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-top:    5px;
	padding-left:   4px;
	padding-bottom: 4px;
	padding-right:  4px;
	}
#navLeftContainer a {
	color: #1C298A;
	font-size:      14px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top:    6px;
	padding-right:  0px;
	padding-bottom: 6px;
	padding-left:   5px;
	}
#navLeftContainer td.navMain a {
	width: 200px;
	padding-top:   0px;	
	}
#navLeftContainer td.navSub a {
	width: 200px;
	padding-top:   0px;	
	padding-left: 14px;
	}
#navLeftContainer td.navSubSub a {
	width: 200px;
	font-size:     12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:   14px;
	padding-top:    0px;
	padding-left:  28px;
	}
#navLeftContainer td.navComeSoon {
	color: #666;
	font-style: italic;
	font-weight: bold;
	width: 200px;
	font-size:     12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:   14px;
	padding-top:    6px;
	padding-bottom: 0px;
	padding-left:  28px;
	}
	
#navLeftContainer a.active {
	color: #F00; /* rot */
	font-weight: bolder;
	}
#navLeftContainer a:hover {
	color:#993300;
	}

#rightContainer {
	top:      0px;
	left:     0px;
	width:  800px;
	height: 502px;
	}

#contentContainer {
	top:     10px;
	left:     0px;
	width:  550px;
	height: 486px;
	overflow: auto;
	}

#contMidRightContainer {
	top:     10px;
	left:     0px;
	width:  750px;
	height: 500px;
	overflow: auto;
	}

#infoRightContainer {
	position: relative;
	top:      5px;
	left:    18px;
	width:  200px;
	height: 500px;
	vertical-align: top;
	}

/* ------------------- */
/* -- Class Styles  -- */
/* ------------------- */

.motto {
	color: #000; /* #163E6D --> dunkelstes blau */
	font-family: Arial, Helvetica, sans-serif;
	font-size:       11px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.6875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:   17px;
	letter-spacing: 2px;
	text-align: center;
	}
.motto .m_A {
	font-size:       15px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.9375rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	}

.content {
	color:#231F1C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:      14px; 	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.875rem;	/* CSS3: px/16=rem :  14px= 0.875rem .. 16px=1.0 rem ..18px=1.125 rem */
	line-height: 20px;
	margin-top:   0px;
	}

/* .content_lawful: Geschäftsbedingungen, Datenschutz, Haftung */
.content_lawful {
	color: #231F1C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:      12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:    0.75rem;	/* CSS3: px/16=rem :  14px= 0.875rem .. 16px=1.0 rem ..18px=1.125 rem */
	line-height:    14px;
	line-height:  0.875rem;
	margin-top:      0px;
	}
.content_lawful h1 {
	color: red;
	font-size:      14px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	font-weight: bold;
	}
.content_lawful h2 {
	color: #231F1C;
	font-size:      12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:    0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	}
.content_lawful div h3 {
	color: red;
	}
.content_lawful div h4 {
	color: red;
	}

.contHead {
	font-size:      18px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   1.125rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	font-weight: normal;
	}

.contHeadRed {
	color: red;
	font-size:      18px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   1.125rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	font-weight: bold;
	}

.contText {
	font-size:     12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:   18px;
	}
	
.contTextBlue {
	color:    #1C298A;
	font-size:     12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	}
	
.impTable {
	table-layout: fixed !important; 
	width: 244px;
	}

.impTable th {
	font-size:     12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height: 34px;	
	font-weight: bold;
	text-align: left;
	}

.impTable td {
	font-size:      14px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height: 18px;
	text-align: left;	
	}

.pageName{
	color: #5C743D; /* #5C743D  bundeswehr-gruen */
	font-family: Arial, Helvetica, sans-serif;
	font-size:     14px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height: 26px;
	letter-spacing:0.21em;
	}
	
.subHeader {
	color: #993300;
	font-family: Arial, Helvetica, sans-serif;
	line-height:    22px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   1.375rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	letter-spacing:.2em;
	font-size: 12px;
	font-weight: bold;
	}

.quote {
	color: #759DA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:      20px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   1.125rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:30px;
	}
	
.navText {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size:       11px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.6875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.formulartext {
	line-height: 16px;
	}
	
.smallText {
	color: #231F1C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:     12px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.75rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	line-height: 18px;
	}
	
.Magn_TableFont {
	font-family:	"Tahoma","Times",serif;
	font-size:	 	 11px;	/* CSS3-Fallback . :  wenn Browser CSS3 nicht kann */
	font-size:   0.6875rem;	/* CSS3: px/16=rem :  10px=0.625rem; 12px=0.75rem; 14px=0.875rem; 16px=1.0rem; 18px=1.125 rem */
	}

.Magn_TableTD {
	vertical-align:	top;
	border-top:		solid black 1.0pt;
	border-bottom:	solid black 1.0pt;
	border-right:	none;
	border-left:	none;
	padding: 0cm 2.85pt 0cm 2.85pt;
	}