/**********************/
/* boarder left/right */
/**********************/
@media only screen and (min-width:1025px){
	#body
	{
		font-family: "Trebuchet MS-Bold", Arial, sans-serif;
		font-size: 12px;
		color: rgb(120,120,120);
		overflow: hidden;
		background-color: #e5e5e5;
	}

	#left{
		position:absolute;
		top: 0px;
		left:50%;
		width:9px;
		height: 100%;
		margin-left:-521px;
		background-image: url("../images/left.png");
		background-color: 0; /*#283f93;*/
	}
	
	#mid{
		position:absolute;
		top: 0px;
		left:50%;
		width:1024px;
		height: 100%;
		margin-left:-512px;
		background-color: #ffffff;
	}

	#right{
		position:absolute;
		top: 0px;
		right:50%;
		width:9px;
		height: 100%;
		margin-right:-521px; 
		background-image: url("../images/right.png");
		background-color: #e5e5e5;
	}
}

@media only screen and (max-width:1024px)
{
	#body
	{
		font-family: "Trebuchet MS-Bold", Arial, sans-serif;
		font-size: 12px;
		color: rgb(120,120,120);
		overflow: hidden;
		background-color: #ffffff;
	}
}

/**********************/
/* header / main menu */
/**********************/
	#header {
		clear: left;
		overflow: hidden;
		top: 0px;
		left: 0px;
		height:100px;
		width: 100%;
		position: absolute;
		display: table;
	}
	#headerCell	{
		display: table-cell;
		vertical-align: middle;
	}

	#mainMenu{
		float: left;
		position: relative; 
		left: 50%;
	}
	#mainMenu ul{
		/* Ausgleich für die Zentrierung der Schrift auf den "Knöpfen" */
		position: relative;
		left: -45px;
	}
	#mainMenu ul li {
		margin: 0 auto; /* Menü Text ohne Rand (wichtig für Zentrierung) */
		list-style-type: none;
		float: left;
		position: relative;
		right: 50%;
		background-repeat: no-repeat; /* for separator*/
		height: 50px;
		vertical-align: middle;
		/*padding: 8px;*/ /* vertical allignment Schrift/Seperatoren */
	}
	#separator{
		background-image: url("../images/separator.png");
	}
	#mainMenu a {
		text-align: center; 
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		color: rgb(120,120,120);
		display: block;
		width: 120px;
	}
	#mainMenu a:hover {
		color: #3A7DC1; 
	}

/**********/
/* banner */
/**********/
	#banner {
	  overflow: hidden;
	  height:145px;
	  /* background-repeat: repeat-x; */
	  /* background-position: center; */
	  top: 71px;
	  left: 0px;
	  width: 100%;
	  position: absolute;
	}
	#blueLine{
	  overflow: hidden;
	  background-color: #3A7DC1;
	  top: 215px;
	  left: 0px;
	  height: 7px;
	  width: 1024px;
	  position: absolute;
	}

/***********/
/* content */
/***********/	
	#content{
		left:0px; /* verhindert halbe Scrollbar bei Vollbild */
		position:absolute;
		width: 100%;
		top: 222px; /* see header */
		bottom: 40px; /* see footer */
	}

	/***********/
	/* submenu */
	/***********/
	#subMenu{
		position: absolute;
		overflow: hidden;
		float: left;
		right: 75%;
		width:130px;
		padding-right:30px;
		font-weight: bold;
	}
	#subMenu ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#subMenu a {
		color: rgb(120,120,120);
		float: left;
		text-decoration: none;
	}
	#subMenu a:hover{
		color: #3A7DC1;
	}
	#arrow{
		float: right;
		color: rgb(120,120,120);
	}
	#line{
		position:static;
		width: 100%;
		height: 2px;
		background-color: #3A7DC1;
	}
	
	/********/
	/* text */
	/********/
	#text{
		/* position: absolute; */
		padding-left:25%;
		padding-right:25%; 
		height:100%;
		overflow-x: hidden; 
		overflow-y: auto;
		text-align: justify;
	}
	#text h1	{ color: #3A7DC1; }
	#text h2	{ color: #3A7DC1; }
	#text h3	{ color: #3A7DC1; }
	#text span
	{
	    text-decoration: underline;
        color: #3A7DC1;
	}
	#text a 
	{
		text-decoration: none;
		/* text-transform: uppercase; */
		/* font-weight: bold; */
		color: rgb(120,120,120);
	}
	#text a:hover {
		color: #283f93; 
	}
	#text table 
	{ 
		width:430px;
		margin-left: auto;  /* zentrieren */
		margin-right: auto; /* zentrieren */
		table-layout:fixed;
		border-collapse:collapse;
		vertical-align:top; 
		overflow:hidden;
	}
	#text tr
	{ 
		height:20px;
	}
	#text th
	{
		border:1px solid #aaaaaa;
		background-image: url("../images/tableHead.jpg");
		padding-left: 10px;
		color: #FFFFFF;
	}
	#text td
	{
		border:1px solid #aaaaaa;
		background-color: #f0f0f0;
		padding-left: 10px;
		overflow:hidden;
	}
	#text ul
	{
		margin:  0.6em;
		padding: 0.6em; 
		/* list-style-type: none; */
		/* text-align: left; */
		/* list-style-position: outside; */
	}

	#code
	{
		border-width: 2px;
		border-style: solid;
		border-color: #aaa;
		color: black;
		background-color:#eee;
		font-family:"Liberation Mono",dl_liberation_mono,monospace;
		padding: 0px 10px 0 10px; /*.4em;*/
		overflow:auto;
		font-style:normal;
	}

/**********/
/* footer */
/**********/  
#footer {
	overflow: hidden;
	height: 40px; /* margin-top * 2 + font size = 15*2 + 10 = 40 */
	background-image: url("../images/footer.png");
	background-repeat: repeat-x;
	bottom: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
}
#impressum{
	font-size: 10px;
	margin-top: 15px; /*1.5%;*/
	/* left: 50%; */
	/* width: 50%; */
	/* margin-left: 25%; */
	/* margin-right: 10%; */
	color: black;
	text-align: center;
}
#impressum span
{
	text-decoration: underline;
	color: #283f93;
}
#impressum a 
{
	text-decoration: none;
	/* text-transform: uppercase; */
	/* font-weight: bold; */
	color: black;
}
#impressum a:hover {
	color: #283f93; 
}