/* General Properties */
body				{
					font-family:arial;
					font-size: 100.01%; /* font-size-bug in Safari, older Opera and IE */
					margin:10px 10px;
					padding: 1%;
					text-align:left;
					background-color: #90bdff
					}
a:link 				{ color: #408dfd; text-decoration: none; border:none; }
a:visited 			{ color: #408dfd; text-decoration: none; border:none; }
a:focus 			{ color: #ff0000; text-decoration: none; border:none;  }
a:hover 			{ color: #ff0000; text-decoration: none; border:none; }
a:active 			{ color: #408dfd; text-decoration: underline; border:none; }
li					{
					padding-top:0px;
					padding-bottom:3px;
					margin-top:1px;	
					list-style-type:circle;
					}
img 				{
					border:none;
					}
table				{
					border:0;
					}
td					{
					vertical-align:top;
					}
h2					{
					white-space:nowrap; 
					}

/* General Style-Classes */		
td.link				{
					width:17em;
					}
li.spacetop			{
					margin-top:1em;
					}							
.bold				{
					font-weight:bold;
					}
.italic				{
					font-style:italic;
					}
.subtitle			{
					font-size:0.7em;
					font-style:italic;
					}
.textcenter			{
					text-align:center;
					}
.imgcenter			{
					display:block;
					margin:0 auto;
					text-align:center;
					} 
.floatright			{
					float:right;
					}
.floatleft			{
					float:left;
					}
.floatclear			{
					clear:both;
					}
					
/* ------------------------------------------------------------- */
/* -------Layout ordered by Site-Components and -Content ------- */
/* ------------------------------------------------------------- */	
				
/* ------- */
/* Content */
/* ------- */
#content			{
					position:absolute; left:10px; top:145px;
					border:1px solid #000000;
					background-color:#ffffff;
					padding: 20px 20px 10px 20px;
					width:750px;
					height:auto;
					z-Index:2;					
					text-align:left;	
					}	
* html #content {
  width: 772px;    /* IE 5 */
  w\idth: 750px;   /* IE 6 */
}									
#impressum			{
					position:absolute;
					bottom:10px;
					right:20px;
					border:0;					
					z-Index:4;					
					text-align:left;			
					}					
p.impressum			{
					margin: 0;
					padding: 0;
					text-align:left;
					font-size:0.8em;
					}					
p.nachoben			{
					text-align:right;
					font-size:0.8em;
					}						
.title				{
					text-align:left; 
					float:left; 					
					font-weight:bold;
					padding:2px;			
					}
.titlesubnav		{
					width: 530px;
					text-align:left;				
					font-weight:bold;	
					border-bottom:1px #90bdff solid;				
					}
* html .titlesubnav { width: 520px; } /* IE 5,6 */
* + html .titlesubnav{ width: 520px; } /* IE 7 */
.date				{
					text-align:right; 
					border-bottom:1px #90bdff solid;
					font-size:0.9em;
					padding-bottom:2px;	
					}
.text				{
					clear:left;
					margin-top:5px;
					padding-left:1em;
					margin-bottom:2em;
					}							
/* Archive */				
col.archive1		{width:400px;}
col.archive2		{width:150px;}
col.archive3		{width:100px;}
col.archive4		{width:100px;}
.titlearchive		{
					text-align:left; 
					float:left; 					
					font-weight:bold;
					padding:2px 2px 0px 2px;			
					}
.datearchive		{
					text-align:right;
					border:1px #000000 solid;
					border-bottom:0;
					padding-bottom:2px;
					margin-bottom:0;
					background-color:#CCCCCC;
					border-collapse: collapse;
					}
.textarchive		{
					clear:left;
					padding:2px 0px 2px 2px;
					margin-bottom:1em;
					border:1px solid black;
					}	
/* Calendar */
#calendar			{
					width: 100%;
					border-collapse: collapse;
					text-align: left;
					}
#calendar th		{
					padding: 2px 7px;
					font-size:1.1em;
					text-align: inherit;	
					}
#calendar td		{
					padding: 2px 7px;
					border-top:1px #90bdff solid;
					font-size:0.8em;	
					}
/* Contacts */
.contactpic			{
					float:right;
					}
/* Links */
.linktable			{
					border:0;
					width:100%;
					}	
					
/* ------ */				
/* Subnav */
/* ------ */
#subnav				{
					position:relative; top:-20px; right:-20px;
					width:180px;
					float:right;
					padding: 20px;
					border-bottom: 1px solid black;
					border-left: 1px solid black;
					z-index: 5;
					margin-left: 5px;
					margin-bottom: 10px;
					background-color:#ffffff;
					}		
	
					
/* ------ */
/* HEADER */
/* ------ */
#header 			{	
					position:absolute; left:10px; top:10px;
					border:1px solid #000000;
					background-color:#ffffff;
					padding: 0 20px 5px 5px; 
					width:765px;
					max-width:765px;			
					margin:0px auto;
					z-Index:3;
					text-align:left;
					}
#logo 				{
					float: left;
					margin-right: 5px;
					width:170px;
					height:117px;
					}
#head 				{
					float: left;
					width:570px;
					height:117px;
					z-index:6;
					}
#title 				{	
					position:relative;
					height: 70px;
					border-bottom: 1px solid black;
					margin: 0 0 0 3px;	/* 1px border + padding-left 2px at dropdown menue */					
					background-repeat:no-repeat;
					background-position:top right;
					}
#titleheader		{
					position:absolute;
					bottom:0; left:0;
					}
#navigation			{
					font-size: 0.8em;
					padding: 7px 0 0 6px; /* 1px border + padding-left 2px at dropdown menue a */
					}						
/* DROWDOWN MENU */
  #menu 			{
					margin: 0;
					padding: 2px 0;
					text-align: left;
					border-collapse: collapse;
  }
  
  #menu li 			{
					list-style: none;
					float: left;
					position: relative;
					display: inline;
					margin: 0; padding:0; border:0;
					/*margin: 1px 3px 0 0; padding: 0 3px 0 0; */
					border-right:1px solid black;
  }
  
  #menu li ul 		{
					margin: 0; padding: 0;
					position: absolute;
					top: 1em; left: -0.1em;
  }
  * html ul#menu li ul { display:none; } /* IE 5,6 (no collapse/expand supported) */
  
  #menu li ul li 	{
					float: none;
					display: block; /* vertical alignment */
					margin: 0; padding: 0;
					white-space: nowrap;
  }    
  
  #menu li .inline	{
  					position: relative;
					left: 13.7em; /* horizontal offset of 2nd order dropdown = width of 1st order (vertical) dropdown */
					top: -1.6em; /* subtract vertical offset of 1nd order dropdown to have no vertical offset in 2nd order */
  }
  #menu li .inline	{ left /*\**/: 13.2em\9; top /*\**/: -1.5em\9; } /* IE 7-9 */
  :root #menu li .inline { left:13.7em \0/IE9; }  /* IE 9 */
    
  #menu a			{
					display: block;
					margin: 0;
					padding: 2px 5px;
					text-decoration: none;
					border: 1px solid white;
					color: #408dfd; background-color: #ffffff;
  }
  * html ul#menu a { padding: 2px 4px; } /* IE 5,6 little smaler */
  
  
  #menu a:hover 	{
					border-color: black;
					color: black; background-color: #90bdff;
  }  
  
  /* dynamic */
  #menu li>ul 		{
					display: none; top: 1.6em; /* vertical offset of 1st order dropdown = height of #menu a */
  }
  #menu li>ul { top /*\**/: 1.5em\9; }  /* IE 7-9 */
  
  #menu li:hover>ul	{
					display: block;
  }