@charset "utf-8";
/* CSS Document */
/* ------------------------------------ Allgemeine Festlegungen -------------------------------- */
html,body{
	margin: 0;
	padding: 0;
	background-color: rgb(233, 228, 222); /*Hintergrundfarbe der gesamten Seite*/
}

body {
	font-family: "Tahoma", "Arial", sans-serif;
	font-size: 10pt;
}

#body {
	width:960px;
	margin-left: auto;/*Zentieren*/
	margin-right: auto;/*Zentieren*/
	padding-left: 0.0em;
	padding-right: 0.0em;
	padding-bottom: 0em;
	padding-top: 0em;
	background-color: rgb(239, 239, 239);/*Hintergrundfarbe der Webseite*/
}

img {
	border: 0;
}

img.LinkLogos{
	border-width:1px;
  	border-color:#C0C0C0;
	border-style:outset;
}

/*------------------------------------------- Header -----------------------------------------*/


#header {
	background-image:url(../Grafiken/Header/header_logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 1em;
	height: 130px;
	color: #FFFFFF;
	margin-bottom: 0.0em;
	position: relative;
}

/*Unteroption Flags*/
#header #flags {
	position: absolute;
	right: 1em;
	top: 5px;
}

#header #flags .flag {
	display: inline;
	float: left;
	margin: 0.15em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	/*opacity: 0.7;*/
}

#header #flags .flag:hover {
	/*opacity: 1;*/
}

#header #flags .flag img {
	padding: 2px;
}
/*Bildet den Kopf des Banners mit der Überschrift der JH*/
#header #JHKopf{
	 padding:1em;
	 /*font-family::"Tahoma", "Arial", sans-serif;*/
	 font-size:15pt;
}

#header #JHKopf img{
	 vertical-align:middle;
}

#container {
	position: relative;
	float:left;
	left: 0em;
	right: 0em;
}

#content{
	position:relative;
	left: 0em;
	right: 0em;
	z-index:1; /*Wichtig, da sonst Überlagerung bei den Menüs links*/
}

/*------------------------------------------- Footer -----------------------------------------*/


#footer {
	width:100%;
	position:relative;
	text-align:center;
	background-image:url("../Grafiken/Footer/footer_logo.png");
	background-repeat: no-repeat;
	background-position: top left;
	height: 130px; /*Höhe der Footer Grafik*/
}

/*-------------------------------------------------------- Tabs -----------------------------------------------------------------------*/
#tabs {
	margin:0;
	padding: 0;
	list-style-type: none;
}
#tabs li {
	display: block;
	float:left;
	margin-right: 0.3em;
	font-family: "Tahoma", "Arial", sans-serif;
	font-size: 11pt;
	font-weight:bold;
	list-style-type: none;
}

#tabs li a {
	padding: 5px;
	padding-left: 1em;
	padding-right: 1em;
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}

/*Extra QualifikationsIcons*/
#tabs li.nav_icons{
	float:right;
	margin:0em;
	padding:0em;
}

#tabs li.nav_icons a{
	margin:0em;
	margin-right:0.5em;
	padding:0em;
	
}

#tabs li.nav_icons a img{
	border: 1px solid #CFCFCF;
}

/*Tabaktvierungen*/
#tabs .tabaktiv {
	margin-bottom:0.6em;
}
#tabs .tabnonaktiv {}


/* ---------------------------------------------------  Path unterhalb der Navigation ---------------------------------------------------------*/

#path {
	clear:both;
	color:#FFFFFF;
	padding: 3px;
	padding-left: 1em;
	margin-bottom: 1em;
	margin-top: 0em;
	font-family: "Tahoma", "Arial", sans-serif;
	font-weight:bold;
	font-size: 0.9em;
}

#path a {
	color: #FFFFFF;
	text-decoration: none;
}

#path a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------ Hintergrund Menues ---------------------------------------------------*/


#menu-links .menu.haus h4,
#tabs .haus,
body.haus #path,
#path 
{
	background-color: rgb(0,96,149);
}
#menu-links .menu.haus
{
	background-color: rgb(160, 200, 255);
}

#menu-links .menu.aufenthalt h4,
#tabs .aufenthalt,
body.aufenthalt #path 
{
	background-color: rgb(255,189,66);
}
#menu-links .menu.aufenthalt
{
	background-color: rgb(255,240,140);
}

#menu-links .menu.agb h4,
#tabs .agb,
body.agb #path 
{
	background-color: rgb(235,105,9);
}
#menu-links .menu.agb
{
	background-color: rgb(250,168,108);
}

#menu-links .menu.impressum h4,
#tabs .impressum,
body.impressum #path {
	background-color: rgb(3, 153, 64);
}
#menu-links .menu.impressum
{
	background-color: rgb(100, 250, 85);
}

#menu-links .menu.system h4
{
	background-color: rgb(113, 113, 113);
}

#menu-links .menu.Systemintern h4,
#tabs .Systemintern,
body.Systemintern #path,
#path 
{
	background-color: rgb(113, 113, 113);
}
#menu-links .menu.Systemintern
{
	background-color: rgb(230, 230, 230);
}

#menu-links .menu.ddEvents h4,
#tabs .ddEvents,
body.ddEvents #path {
	background-color: #7AB800;
}
#menu-links .menu.ddEvents
{
	background-color: #7AB800;
}	

/* -------------------------------------------------- Menues -----------------------------------------------------------------*/

/*Standardeinstellung*/
#menu-links {
	left: 0em;
	top: 0;
	float:left;
	margin-right: 1em;
	margin-left: 0.5em;/*Abstand vom linken Rand*/
	font-family: "Tahoma", "Arial", sans-serif;
	z-index:5; /*Wichtig damit Menu immer oben ist*/
}


#menu-links
{
	width: 12em;
	position: relative;
}

#menu-links .menu{
	background: #FFFFFF;
	font-size: 1em;
	margin-bottom: 10px;
	background: rgb(230, 230, 230);
	border: 1px solid #CFCFCF;
}

/*Menuepunkte*/
#menu-links .menu h4
{
	font-size:1em;
	background-color: rgb(113, 113, 113);
	color: #FFFFFF;
	margin: -1px;
	padding: 4px;
	padding-left: 6px;
	border-bottom: 1px solid rgb(159, 159, 159);
}
/*Listeneinstellungen*/
#menu-links .menu ul
 {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 1em;
	margin: 0;
}

#menu-links .menu ul ul
{
	padding-bottom: 0;
	padding-top: 0;
}

#menu-links .menu ul li
{
	display: block;
	list-style-type: none;
	padding-bottom: 1px;
}
/*Linkeinteilung*/
#menu-links .menu a
{
	color: #000000;
	text-decoration: none;
}
#menu-links .menu a.aktive /*Für die aktiven Sublinks im Menu*/
{
	font-weight:bold;
}
#menu-links .menu a:hover
{
	color: #000000;
	text-decoration: underline;
}