body {
	height:100%; 
	width:100%;
	margin:0;
	padding:0;
	overflow:none;
	background-color: #6496C8;
	color: white;
	font-weight: normal;
	font-family: Helvetica, sans-serif; }

.shownomore{	
	color: #6395C7;
}

#page {
	width: 100%;
	height:100%;
	margin: 0;
	padding:0;
}

#header {
	clear:both;
	width: 100%;
    height:135px;	
	margin: 0;
	padding:0;
	background-color: #6496C8;	
}

#page_middle {
	width: 100%;
	margin: 0;
	padding:0;
	background-color: #6496C8;	
}

#menu {
	width:200px;
	padding-top:10px;
	float:left;
	background-color: #6496C8;	
}

#content {	
	width:100%;	
	background-color: #6496C8;	
	height:300px;
}

#impressum {	
	width: 180px;
	height: 30px;
	margin: 0;
	padding-top:10px;
	background-color: #6496C8;	
	text-align:center;
	font-size: xx-small;
}


#aba_logo {
	margin-left:0px;
	width: 170px;
	text-align:center;
	font-size: xx-small;
	font-weight:bold;
	color:black;
}


#top_container {
	background-color: #6496C8;
	margin-left:220px;	
	height:135px;
	z-index:15;
}

#logo {
	position: absolute;	
	top:0px;
	width:200px;
	height:135px;
}

#motto {
	position:absolute;
	top:0;
	left:795px;
	background-color:#6496C8;
	height:120px;
	width:100px;
	z-index:88;
}

#welcome {
	position:relative;
	top:50px;
	left:15px;
	background-color:#6496C8;
	width:508px;
	z-index:99;
}

img {
	margin:0;
	padding:0;
	border:0;
}

a {
	color: white;
}

#start_text {
	position: absolute; 
	left: 448px; 
	top: 313px; 
	width: 307px; 
	height: 233px; 
	text-align: center;
}

div.start_white {
	color: white;
	font-size: small;
}

div.start_white.a {
	color: white;
}

div.start_orange {
	color: orange;
	font-size: medium;
}

div.start_white.a {
	color: orange;
}

h1 {
	color: orange;
	font-size: 150%;
	font-weight: normal;
}

h2,h3  {
	color: orange;
	font-size: 100%;
	font-weight: normal;
	margin-bottom:2px;
	margin-top:2px;
}

div.high {
	color: orange;
}

.small {
	font-size:small;
	color: #FFFFFF;
}

.xsmall{
	font-size: x-small;
	color: #FFFFFF;
}

.medium {
	font-size:medium;
	color: #FFFFFF;
}

.fussnote {
	color: white;
	font-size: xx-small;
	font-style:italic;
}

.kursfrei{
	margin-top:15px;
	margin-bottom:15px;
	margin-left:20px;
}

.listTermin {
	margin-bottom:10px;
}

.impressumHeader{
	margin-bottom:10px;
	margin-top:15px;
	text-decoration: underline; 
	font-size: x-small; 
	height: 17px;
}

.impressumText{
	font-size: x-small; 
}


/* **************************************************************************************** */
/*           Menu                                                                           */
/* **************************************************************************************** */

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
/* font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; */
font: bold 16px  Helvetica, sans-serif; 

color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 14px Helvetica, sans-serif;
color: #6496C8;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}

/* Rounded Buttons */

div.btns{
	zoom:1;
	white-space:nowrap;
}

div.btns:after
{
	display:block;
	clear:both;
	content:'';
}

div.btns a.btn{
	float:left;
	background:cursor:pointer;font-size:0;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.btns a.btn:hover span{	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.btns a.btn span
{
	padding:3px 8px 4px 8px;
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background: right bottom no-repeat;
	background-color:rgb(100,200,220);
	font:small/1 comic sans ms;
	color:rgb(0,0,64);
}

xmp{
	margin:0;
	font-size:1.2em;
}

/* Expand - Collapse Panel */

.squarebox {
    width: 100%;
    overflow: hidden;     
}

.squareboxgradientcaption {
    color: #ffffff;
    padding: 5px;    
}

.squareboxcontent {
    padding: 5px;
    overflow: hidden; 
    
}

.img {
	position:absolute;	
}

.mediumDiv{
	color: #FFA500;
	font-size: medium;
	text-align: center;
}


#pmenu a .large {display:block; position:absolute; width:0; height:0; border:0; top:135; left:200;}
#pmenu a.p1:hover .large {display:block; position:absolute; top:150px; left:250px; width:350px; height:260px; border:10px solid #ccc;}

.style1 {
	font-size: small;
}
.style2 {
	font-size: small;
	color: #FFA500;
}
.style4 {
	text-align: left;
}
.auto-style1 {
	font-size: x-small;
	color: #FF0000;
}
.auto-style2 {
	color: #FFA500;
}