html,body{
	height:100%; 
	max-height:100%;  
	font-family: Arial, Verdana, sans-serif; 
	font-size:100.01%;
	overflow: hidden;
	background-color: white;	
	}
				
h1				{
				font-size: 1.3em;
				font-weight: bold;	
				letter-spacing: 0.02em;
				text-transform: uppercase;
				margin-bottom: 0.3em;
				margin-top: 1em;				
				}
				
h2				{
				font-size: 1em;
				font-weight: bold;
				letter-spacing: 0.02em;	
				text-transform: none;
				margin-bottom: 0.2em;
				padding-top: 1em;		
				}
h3				{
				font-size: 0.9em;
				font-weight: bold;
				letter-spacing: 0.02em;
				text-transform: uppercase;	
				
				}
h4				{
				font-size: 1em;;
				font-weight: bold;
				letter-spacing: 0.02em;
				margin-bottom: 0.4em;
				}
.h5				{
				font-size: 1em;
				font-weight: bold;
				margin-right: 5px;
				display: inline;
				}
				
img				{	
				padding: 0px;
				margin: 0x;
				}			

table,td,th		{
				border: 1px none black;
				border-collapse: collapse;	
				height: 100px;
				background-color: transparent; 
				}
th				{
				font-weight: bold;
				}
a, 
a:visited, 
a:active		{			
				text-decoration: underline;
				color: black;
				}
a:hover			{				
				text-decoration: underline;
				background-color: black;
				color: white;
				}
				
strong			{
				font-weight: bold;
				}				
ul				{
				list-style: bullet;
				margin-left:3.0em;
				}
li				{
				margin:0em;
				}
				
p				{			
				
				}
				
/* Definition der Stylesheets für die Workshop-Seite 
-----------------------------------------------------*/		
table.workshops{
				margin-top: 25px;
				border-bottom: 1px none black;
				}
				
table.workshops td{
				border: 1px none black;
				border-collapse: collapse;	
				background-color: transparent; 
				padding:5px 0px 5px 5px;
				height: auto;
				}
				
table.workshops th.title,
table.workshops td.title,
table.workshops th.abstract,
table.workshops td.abstract,
table.workshops th.niveau,
table.workshops td.niveau,
table.workshops th.participants,
table.workshops td.participants,
table.workshops th.scope,
table.workshops td.scope,
table.workshops th.date,
table.workshops td.date,
table.workshops th.place,
table.workshops td.place,
table.workshops th.price,
table.workshops td.price,
table.workshops th.provider,
table.workshops td.provider,
table.workshops th.information,
table.workshops td.information,
table.workshops th.registration,
table.workshops td.registration
				{
				padding-bottom: 3px;
				padding-top: 3px;
				}
				
table.workshops th.title
				{
				font-style: normal;
				}
				
table.workshops th{
				border: 1px none black;
				border-collapse: collapse;	
				background-color: transparent; 
				padding:5px 0px;
				height: auto;
				font-weight: normal;
				vertical-align: top;
				font-size:0.95em;
				width: 140px;
				}
span.new		{
				font-weight: bold;
				text-transform: uppercase;
				text-align: right;
				padding-left: 75px;
				}

								
/* Definition der Stylesheets für die Partner-Seite 
-----------------------------------------------------*/		
table.partners td{
				border: 1px none black;
				border-collapse: collapse;	
				background-color: transparent; 
				padding:5px 5px;
				height: auto;
				}

table.partners img{
				margin: 15px 15px 10px 15px;
				vertical-align: middle;
				}
	
/* Definition der  Stylesheets für die Impressum-Seite 
-----------------------------------------------------*/					
table.imprint td{
				border: 1px none black;
				border-collapse: collapse;	
				background-color: transparent; 
				padding:5px 5px;
				height: auto;
				}
table.imprint th{
				border: 1px none black;
				border-collapse: collapse;	
				background-color: transparent; 
				padding:5px 0px;
				height: auto;
				font-weight: bold;
				vertical-align: top;
				font-size:0.95em;
				width: 310px;
				}
				
h1.imprint 		{
				margin-bottom: 15px;				
				}
				
h2.imprint 		{
				color: black;
				margin-bottom: 1em;				
				}
				
span.imprint 	{
				font-weight: bold;
				padding-right: 0.5em;
				}
	
/*How to Create a Frames Layout with CSS:
http://www.webreference.com/programming/css_frames/3.html
*/		
	
/* Definition der IDs -> zentrale Elemente des Layouts
-----------------------------------------------------*/			
* html body{ /*IE6 hack*/
padding: 130px 200px 0 15.5em; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

#header{
	position:absolute;
	background-color: #88221E;
	left: 0px;
	top:0px;
	width: 100%;
	height:130px;
	z-index:1;	
	overflow: hidden;
	}
* html #header{ /*IE6 hack*/
	width: 1500px;
	}
		
#infoContainer{
	position: absolute;
	right: 0;
	top: 0;	
	padding: 0.5em;
	z-index:2;
	text-align: right;
	font-size: 0.7em;
	color: white;
	line-height: 1.5em;
	}
	#infoContainer a{
	color: white;
	}
	#infoContainer a:hover{
	}
	
#content{
	position: fixed; 
	top: 130px; /*Set top value to HeightOfTopFrameDiv*/
	left: 15.5em; /*Set left value to WidthOfLeftFrameDiv*/
	right: 200px; /*Set right value to WidthOfRightFrameDiv*/
	bottom: 0;
	overflow: auto; 
	padding-bottom: 0em;
	}
* html #content{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
	}
#innerContent{
		margin: 0em 1em;
		position: relative;
		width: auto;
		height: auto;		
		}
	#innerContent p,
	#innerContent ul{
		font-size: 0.85em;
		line-height: 1.45em;
	}

#frameMenu, #framePicture{
	position: absolute; 
	top: 0px; 
	left: 0; 
	width: 15.5em; /*Width of left frame div*/
	height: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}
#homeMenuContainer{
	z-index:3;
	width: 15.5em;
	height:133px;
	position: absolute;
	border: 1px none black;
	padding: 0px;
	left:0;
	top: 0px;	
}
#homeMenu{
	position:absolute;
	left:0;
	bottom: 0px;
	* bottom: -1px;		
	width: 100%;
	}
	#homeMenu ul{
		position:relative;
		display:block;
		list-style: none;		
		width: 100%;
		margin: 0px;
		padding:0px;				
		}
	
	#homeMenu ul li.home {
		margin: 0px;
		text-align: center;		
		color: white;	
		font-size: 0.9em;		
		}
	#homeMenu ul li.home a {
		position:relative;
		display:block;
		list-style: none;		
		width: 100%;
		margin: 0px;
		padding: 0.3em 0em;	
		color: white;	
		text-decoration: none;		
		}
	#homeMenu ul li.home a:hover {
		text-decoration: underline;		
		}
	#homeMenu ul li.welcome {
		margin: 0px;
		text-align: left;		
		font-size: 0.75em;	
		}
	#homeMenu ul li.welcome a {
		position:relative;
		list-style: none;		
		margin:0px;
		padding-left: 5px;
		padding-right: 5px;
		top: -2px;
		}
		
	#innerTubeMenu{
		position: relative;	
		top: 133px;		
		}
	
		#mainmenu{
			position: relative;			
			font-size:0.95em;				
			color: white;
			text-align: right;
			* margin-right: 1.3em;			
			}			
			#mainmenu ul{
				position:relative;
				display:block;
				list-style: none;
				padding-top: 0em;	
				padding-left:0em;
				width: 10.6em;
				margin-right: 1.3em;
				margin-left: auto;
				padding-top: 5px;
   				* margin: 0em;									
			}
			#mainmenu li{							
				margin-bottom: 5px;
				display: block;	
				* height:0.1%;	
					
			}
			#mainmenu li.active{				
				display: block;								
				color:black;
				padding: 0.1em 0.6em;							
			}
			#mainmenu li a{
				display: block;	
				* height:0.1%;
				padding: 0.1em 0.6em;
				background-color:white;
				text-decoration: none;
				text-align: left;			
				}
			#innerTubeMenu ul.home{
				position:relative;
				display:block;
				width: 100%;
				list-style: none;		
				margin: 0px;
				padding:0px;				
				}
			#innerTubeMenu ul li.home {
				margin: 0px;
				text-align: center;		
				color: white;	
				font-size: 0.9em;		
			}
			#innerTubeMenu ul li.home a {
				position:relative;
				display:block;
				list-style: none;		
				width: 100%;
				margin: 0px;
				padding: 0.3em 0em;	
				color: white;	
				text-decoration: none;		
				}
			#innerTubeMenu ul li.home a:hover {
				text-decoration: underline;		
				}
			#submenu{
				position: relative;			
				font-size:0.7em;	
				margin-bottom: 2em;	
				padding-top: 1em;				
				}			
			#contact{
				margin-top:10px; 
				text-align: center;
				}
				#contact p{					
					font-size:0.75em;
					line-height:1.15em;
					margin-bottom:0.5em;
					text-align: center;
					}
			#archive {
			text-align: right;	
				}
				#archive a{
					margin: 0px;						
					font-size: 0.75em;
					position:relative;
					padding-left: 5px;
					padding-right: 5px;
					top: -2px;
					}

#framePicture{
	left: auto;
	top:0px;
	right: 0; 
	width: 200px; /*Width of right frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	}
#framePicture img{
	display: block;
	position: relative;
	top:130px;
	}

table#references{
	border: 1px none black;
	border-collapse: collapse;	
	border-color: white;
	margin-bottom: -24px;
	}
#references td{
	border: 1px none black;
	background-color: white;
	height: 100px;
	vertical-align: middle;
	line-height: 0px;
	}	
#references img{
	margin: 0px;
	padding: 0px;
	}
#references p{
	padding-left:2em;
	margin: 0px;
	line-height: 1.1em;
	}
#references span{
	display: block;
	text-indent: -1em;
	}
	#references span.noWrap{
	display: inline;
	}
#footer{
	padding-top: 0.5em;
	font-size: 0.7em;
	font-size: 0.85em;
	line-height: 1.45em;
	}
	
#endofpage{
	font-family: serif;
	text-align: center;
	font-size: 18px;
	padding: 20px 0px 10px 0px;
	overflow: visible;
	z-index: 100;
	}	
/* Definition der  Stylesheets für die Publikationen-Seite 
-----------------------------------------------------*/	
#publicationsGallery{	
	font-weight: normal;
	position: relative;  
	padding-top: 1em;
	background-color: transparent;
	float: right;
	padding-left: 25px;
	margin-bottom: 0px;
	z-index: 1000;
	}
#publicationsGallery a{
	font-size: 0.7em;
	display: block;
	margin-bottom: 3px;
	}	

#publicationsGallery div.entryWrapper{
	margin-bottom: 1em;
	}
	
	
div.entryWrapper img{
	height: 140px;
	}
#publicationReferences{	
	/* margin-right: 135px; */
	position: relative;
	background-color: transparent;
	}
#publicationReferences h2{	
	padding-bottom: 0.5em;
	}
p.reference{
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 1em;
	}
span.title, .title {
	font-style: italic;
	}
	
/* Definition von spezifischen ES-Klassen
-----------------------------------------------------*/
.language,
a.language,
a:ACTIVE.language,
a:VISITED.language {
		color: #B30000;			
		}
a:hover.language {
		color: white;
		background-color: black;				
		}
/*  .bgLanguage a:hover ---*/		
.bgLanguage,
.bgLanguage a:hover	{
		background-color: #B30000;	
		}
.borderLanguage{
		border: 1px solid #B30000;
		background-color: #E4DDE4;
		}
	
/* Definition von spezifischen PE-Klassen
-----------------------------------------------------*/
.personnel,
a.personnel,
a:ACTIVE.personnel,
a:visited.personnel{
		color: #5062AC;						
		}
a:hover.personnel{
		color: white;
		background-color: black;				
		}
.bgPersonnel,
.bgPersonnel a:hover{
		background-color: #5062AC;	
		}
.borderPersonnel{
		border: 1px solid #5062AC;
		background-color: #DFE2F1;
		padding: 0.5em;
		}

/* Definition von generellen Klassen
-----------------------------------------------------*/		
 a:hover.imgLink {				
		text-decoration: none;
		background-color: transparent;
		color: transparent;
		}

.moveTop	{
			font-size: 0.7em;
			background-color: none;
			}
.underlined {
			text-decoration: underline;

			}
			
.archive	{
			background-color: #CCCCCC;
			}
			
.archived	{
			display:block;
			font-size:10px;
			}

div.portraitWrapper{	
			border: none;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			}
img.portrait{
			float: left;
			margin-right:0.6em;
			margin-bottom:0px;
			margin-top: 4px;
			}			
			
a.printSite	{				
			background:url(../img/site/printer.gif) no-repeat center left;	
			padding-left: 17px;
			}
			
a:hover.printSite	{				
			background-color: black;	
			}		
a.mail		{				
			background:url(../img/site/getintouch_small.gif) no-repeat center left;	
			padding:0px 1px 1px 30px;			
			font-weight: normal;
			}
#innerContent a.mail
			{
			font-size: 0.8em;
			}
			
#contact a.mail
			{
			line-height: 1.45em;
			
			}				
			
a:hover.mail{					
			background:black url(../img/site/getintouch_small_hover.gif) no-repeat center left;	
			}
.IE6ImgWorAr{
			border-top:0px solid white;
			line-height:1.45em;
			vertical-align: -0.05em;
			margin-left: 6px;
			
			}
			
.teamcontact{
			margin-left: 6px;	
			}		
		
.printOnly,
.printOnlyBlock	{
			display: none;
			}	
.left		{
			float:left;
			line-height:0px;
			}
	
.right		{
			float:right;
			line-height:0px;
			}

.clear_both	{
			clear: both;
			margin: 0px;
			padding: 0px;
			height:-10px;
			background-color: none;
			}				
.align_right{
			text-align: right;
			}
.align_left{
			text-align: left;
			}
.align_center{
			text-align: center;
			}
.v_align_middle{
			vertical-align:middle;
			}
.v_align_bottom{
			vertical-align: bottom;
			}
.Input		{
			width:13em;
			border: 1px solid black;			
			}
.Input_content{
			border: 1px none black;		
			background-color: white;	
			}
.padding_right{
			padding-right: 0.5em; 
			}
.padding_left{
			padding-left: 50px; 
			}
.mar-bot_0-2em{
			margin-bottom: 0.2em;
			}
.mar-bot_0-5em{
			margin-bottom: 0.5em;
			}
.mar-bot_1em{
			margin-bottom: 1em;
			}
.smaller 	{
			font-size: 0.85em;
			}
.upperC		{
			text-transform: uppercase;
			}
.lowerC		{
			text-transform: lowercase;
			}
.noWrap		{
			white-space: nowrap;
			}
.black		{
			color: black;
			}
.bold		{
			font-weight: bold;
			}
.TextStyle	{
			font-size: .85em;
			font-weight: normal;			
			}
.mar-bot-p {
			margin-bottom: 15px;
			}

.xs			{ width: 1em; }
.xss		{ width: 2em; }
.s			{ width: 4em; }
.ssm		{ width: 6em; }
.sm			{ width: 8em; }
.m			{ width: 10em; }
.mml		{ width: 13em; }
.ml			{ width: 16em; }
.l			{ width: 20em; }
.lxl		{ width: 25em; }
.xl			{ width: 30em; }
.xxl		{ width: 40em; }

/* Definition der spezifischen CSS für die gemeinsame Startseite
----------------------------------------------------------*/			
h1.welcome{
	text-transform: none;
	letter-spacing: 0em;
	color: black;
	}
	
#header{				
	background-color: #5062AC;											
	}

#frameMenu{
	background: #B30000 url(../img/site/navi_sprachdienste_520x20.jpg) repeat-x;	
	}
	
.personnelNews{	
	background-color: #9EA8D1;
	border:1px solid #5062AC;
	padding:0em;
	}
	
.languageNews{	
	background-color: #D57C7B;
	border:1px solid #B30000;
	padding:0em;
	position: relative;
	min-height: 168px;
	* height: 0.1%;
	}
	
.audioNews{	
	background-color: #CCCCCC;
	border:1px solid black;
	padding:0.3em;
	}

.newsWrapper_clear{
	position: relative;
	* height: 0.1%;
	clear: both;
}
.newsImg {
	height: 168px;
	overflow: hidden;
	z-index: 100;
	position: relative;
	}

p.maintenance{
	margin-top: 2em;
	}
#contact a:hover{
				}