html
		{
		font-size: 100%;
		}
		
body 
		{
		color: #333;						/* ? */
		margin: 0;								
		}
		
body, input
		{
		font: 1em Arial, sans-serif;
		}



.clear
		{
		clear: both;
		height: 1px;
		padding:0;
		margin:0;
		overflow: hidden;
		}

.ie .clear
		{
		display: inline;
		}

#container 
		{
		position: relative;
		width: 61.25em;/*980px*/				/* ok */
		margin: 0 auto;
		}


li.nobullet
		{
		list-style: none;
		}


/**
 * 
 */

body.en .en a,
body.de .de a
		{
		cursor: default;
		font-style: italic;
		}

/**
 * 
 */

#navigation-top
		{
			
		font-size: 0.625em; /*10px*/
		position: relative;
		height: 3em;/*30px*/ 				/* ok */
		margin-bottom: 6em;/*60px*/			/* ok */

		}

		
#navigation-top .logo
		{
		border: none; 
		float: right;
		}
/**
 * 1em = 10px
 */

#navigation-top ul
		{
		list-style: none;
		padding: 0px;
		margin: 0px;
		height: 3em;/*30px*/
		}
		
/**
 * 1em = 10px
 */

#navigation-top ul li
		{
		float: left;
		position: relative;
		
		height: 3em;/*30px*/
		padding: 0em 1.2em;/*0px 12px;*/			/* ok */
		
		border-left: 0.1em solid #c8c8c8;/*1px*/
		}


/**
 * 1em = 10px
 */

#navigation-top ul li a
		{
			
		position: relative;
		display: block;
		text-decoration: none;
		color: #636363;				/* ?  */
		text-transform: uppercase;
		
		/* Vertical align: bottom */
		line-height: 1em;
		top: 1.9em; /*19px*/ /* total height is 30px / 3.75em */
		
		}
	

#navigation-top li.active
		{
		font-weight: bold;
		}
body.en #navigation-top li.en a,
body.de #navigation-top li.de a
                {
		cursor: default;                         
		font-style: italic;
		color: #737373;
		}
								

/**
 * 1em = 10px
 */

#navigation-top ul li .search-container
		{			
		position: relative;	
				
		display: block;

		height: 100%;
		}

		
/**
 * 1em = 10px
 */

#navigation-top ul li .search-container input
		{
			
		position: absolute;

		width: 0em;

		margin: 0;
		padding: 0.5em 5em 0.5em 0.5em;
		line-height: 1em;
		
		text-transform: uppercase;
	
	
		outline: none;
		border: 0.1em solid #ddd;

		left: -1em;
		bottom: -0.6em;
		
		display: none;
		opacity: 0;
				
		}		


#navigation-top ul li .search-container form
		{
		display: inline;
		}

/**
 * 1em = 10px
 */

#navigation-top ul li .search-container input:focus
		{
		border-color: #ccc;
		background-color: #f9f9f9;
		}

	
/**
 * 1em = 10px
 */

#navigation-top ul li .search-container a
		{
		position: absolute;	

		top: auto;
		bottom: -0.5em;
		
		left: 0em;

		padding: 0.65em 0em;
		
		
		}
	
	
	
	
/**
 * 
 */

#navigation-main
		{
		position: relative;
		
		background-color: #c8c8c8; 	/* ok */
		
		
		font-size: 0.9375em; /*15px*/

		height: 2.666em;				/* ok */
		
		margin-bottom: 0.3333em; /* 5px */
		}
		
		
/**
 * 1em = 15px
 */
#navigation-main ul 
		{
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		}
		
/**
 * 1em = 15px
 */

#navigation-main ul li 
		{
		position: relative;
		float: left;
		display: block;
		width: 16.66%;
		height: 100%;
		
		border-right: 0.0666em solid #d7d7d7;
		border-left: 0.0666em solid #b9b9b9;
		margin-right: -0.0666em;
		margin-left: -0.0666em;
		
		overflow: hidden;
		}		


/**
 * 1em = 15x
 */

#navigation-main ul li.first-child
		{
		border-left: none !important;
		margin-left: 0;
		}
		
/**
 * 1em = 15x
 */

#navigation-main ul li.last-child
		{
		border-right: none !important;
		margin-right: 0;
		}
		

/**
 * 1em = 15px
 */		

#navigation-main ul li a
		{
		display: block;
		color: #636363;
		position: absolute;
		text-decoration: none;

		bottom:0;
		
		left: 0.0666em;
		width: 100%;
		padding: 3em 0em 0.35em 0.6em;

		}
#navigation-main ul li a:hover
		{
		background-color: #ccc;
		}

#navigation-main ul li.active
		{
		}
#navigation-main ul li.active a
		{
		color: #444;
		background-color: #ccc;
		}

/**
 * 1em = 16px
 */		

#header /* total height: 210px */
		{
		position: relative;
		font-size: 10px;
		margin-bottom: 0.5em;/*5px*/			
		background-color: #eee;
		}
		
.col
		{
		position: relative;
		float: left;
		border-top: 0.1875em solid #c8c8c8; /*3px*/	/* ok */
		margin-bottom: 3.125em;/*50px*/
		padding-top: 2.8125em; /*45px*/
		
		color: #4f4f4f;
		}
	
.col div.block,
.col div.protected-content
		{
		position: relative;
                line-height: 1.5em;
		font-size: 0.75em;
               	margin-bottom: 1.75em; /* 28px */
		padding-bottom: 0 !important;
		}

.col div.protected-content div.block {
		font-size: 1em;
		} 

.col div.protected-content div.block h2 {
		font-size: 1.67em;
}

.col div.block h2
		{
		font-weight: normal;
		font-size: 1.6667em; /* 20px */
		margin: 0;
		margin-bottom: 1.25em; /* 25px */
		}
.col div.block p
		{
		margin-top: 0;
		}

.col div.block ul
		{
		padding-left: 1.5em;
		margin-top: 0;
		}

.col div.block a
		{
		color: #ce295a;
		text-decoration: none;
		}
.col div.block a:hover
		{
		color: #B73D62;
		}

.col div.block div.image-link
		{
		position: relative;
		display: block;
		font-size: 1em;
		line-height: 1em;
		font-weight: bold;
		padding-left: 1em;
		white-space: nowrap;
		}

.col div.block div.disclosure /* image-link */
		{
		font-weight: normal;
		}


.col div.block div.disclosure img.icon /* image-link */
		{
		display: inline;
		}
.col div.block div.disclosure img.icon_active /* image-link */
		{
		display: none;
		}
.col div.block div.active img.icon_active /* image-link */
		{
		display: inline !important;
		}
.col div.block div.active img.icon /* image-link */
		{
		display: none;
		}


.col div.block div.image-link a
		{
		position: relative;
		color: #4f4f4f;
		padding-left: 2em;
		padding-right: 1.5em;
		top: 0.4em;
		white-space: normal;
		display: block;
		position: absolute;
		overflow: visible;
		}

.col div.block div.image-link img
		{
		position: relative;
		left: -1em;
		vertical-align: middle;
		border: none;
		margin-top: -0.1em;
		}

.col div.block div.image-link img.icon,
.col div.block div.image-link img.icon_hover,
.col div.block div.image-link img.icon_active
		{
		position: absolute;
		left: 0;
		top: 0;
		}

.col div.block div.image-link img.icon_hover,
.col div.block div.image-link img.icon_active
		{
		display: none;
		}

.ie7 div.block div.image-link a
		{
		left: 1em;
		}
.ie6 div.block div.image-link a
		{
		left: 0;
		}

.ie6 div.block div.image-link img
		{
		margin-top: -0.05em;
		left: -1em !important;
		}


#col1
		{
		width: 10.5em; /*200px*/				/* ok */
		margin-right: 0.625em; /*10px*/			/* ok */
		padding-right: 2em;
		overflow: hidden;
		}
		
#col2
		{ /* 980 - (200+10) - (10+200) = 560 */
		width:31em;/* 560px - 64px(padding-right) = 496px */				/* ok */
		padding-right: 4em; /*64px*/;
		overflow: hidden;
		}
		
#col3		
		{
		width: 12.5em; /*200px*/				/* ok */
		margin-left: 0.625em;/*10px*/			/* ok */
		overflow: visible;
		}


/**
 * Site Layout without the first column.
 */

body.hideCol1 #col1
		{
		display: none;
		}
body.hideCol1 #col2
		{
		width: 44.125em;
		}

/**
 * Site Layout without the third column.
 */

body.hideCol3 #col3
		{
		display: none;
		}

body.hideCol3 #col2
		{
		width: 48.125em;
		padding-right: 0;
		}

body.hideCols13 #col2 /* IE can't handle multiple class names, that's why we need an extra class here and can't just use body.hideCol1.hideCol3 ... */
		{
		width: 57.25em !important; /* total width (61.25em) minus right-margin (4em) */
		padding-right: 4em !important;
		}
body.hideNav3 #fixed-nav
		{
		display: none;
		}

#col1 #sub-nav
		{
		}

#col1 #sub-nav ul
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}

#col1 #sub-nav ul ul
		{
		margin-left: 1em;
		}

#col1 #sub-nav li
		{
		padding: 0.03em 0;
		}

li.wrapper
		{
		display: inline;
		}

#col1 #sub-nav li.separator
		{
		font-size:30px;
		height: 0.1em;
		padding: 0.5em 0em;
		}
#col1 #sub-nav li.separator div
		{
		overflow: hidden;
		height: 0.1em;
		background-color: #c8c8c8; 
		}

#col1 #sub-nav li a
		{
                font-size: 0.75em;
		text-decoration: none;
		color: #636363;
		}
#col1 #sub-nav li a:hover
		{
		color: #444;
		}

#col1 #sub-nav li.active a
		{
		font-weight: bold;
		}

#col3 #fixed-nav ul
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
/**
 * 1em = 16px
 */
#col3 #fixed-nav ul li
		{
		position: relative;

		border-top: 0.1875em solid #c8c8c8;/*3px*/
		
		padding: 1.375em 0 1.375em 2.5em; /* 22px 8px 22px 40px */
		}

#col3 #fixed-nav ul li.first-child
		{
		border-top: none;
		}

#col3 #fixed-nav ul li.editor-new
		{
		padding: 0;
		border: none;
		}

#col3 #fixed-nav ul li div.icon-container 
		{
		position: absolute;
		left: 0px;
		top: 0px;

		font-size: 10px;

		width: 4em; /* 40px */
		height: 4.6em; /* 46px */
		

		}

.ie6 #col3 #fixed-nav ul li div.icon-container
		{
		left: -4em; /* 40px */
		top: 0.6em;;
		}

.ie7 #col3 #fixed-nav ul li div.icon-container
		{
		top: 0.6em;
		}

#col3 #fixed-nav ul li div.icon-container img
		{
		position: absolute;  

		left: 0.7em;
		bottom: 0;
		}
		
/**
 * 1em = 11px
 */
#col3 #fixed-nav ul li h2
		{
		margin: 0 0 0 0;
		font-weight: bold;
		font-size: 0.6875em; /* 11px */
		color: #4b4b4b;
		}
		
/**
 * 1em = 10px
 */
#col3 #fixed-nav ul li p
		{
		margin: 0;
		font-size: 0.625em; /* 10px */
		color: #959595;
		overflow: hidden;
		margin-top: 0.15em;
		height: 1.2em;
		display:block;
		line-height: 1.2em;
		padding: 0;
		padding-right: 0.5em;
		}


#col3 #fixed-nav ul li p span
		{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		white-space: nowrap;
		}

#col3 #fixed-nav ul li a.hover
		{
		position: absolute;
		z-index: 10;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;	
		background-image: url(../imgs/empty.gif);
		}

#col3 #fixed-nav ul li a.hover.inactive
		{
		cursor: default;
		}

/**
 * ouch!
 */
.ie6 #col3 #fixed-nav ul li a.hover
		{
		background-image: url(../imgs/empty.gif); /* without this image, IE messes up with the mouse outs... */
		top: 0.1875em;
		left: -2.5em; /* see padding in #col3 ul li */
		padding: 1.375em 0em 1.375em 2.5em;
		width: expression(jQuery(this).parent().width());
		height: expression(jQuery(this).parent().height());
		}



#footer
		{
		position: relative;
		float: left;
		width: 100%;
		border-top: 0.1875em solid #c8c8c8; /*3px*/	/* ok */
		}


#footer .partnerlogos
		{
		padding: 0.75em 0;
		}

#footer .partnerlogos ul
		{
		list-style: none;
		padding: 0;
		margin: 0;
		}

#footer .partnerlogos ul li
		{
		display: block;
		float: left;
		padding-right: 0.75em;
		padding-bottom: 1em;
		}

#footer .partnerlogos ul li a img
		{
		position: relative;
		border: none;
		}

#footer .partnerlogos ul li.editor,
#footer .partnerlogos ul li.editor-new
		{
		border-left: 1px solid gray;
		padding-left:5px; 
		padding-top:5px; 
		height: 2em;
		}
#footer .partnerlogos ul li.editor-new
		{
		background-color: #eee;
		margin-right: 20px;
		}

a.hover img.hover
		{
		display: none;
		}



/**
 * Course & Application
 */
div.course-application ul
		{
		list-style: none;
		margin: 0;
		padding: 0;
		}

div.course-application ul li
		{
		position: relative;
		}

div.course-application ul li label
		{
		position: absolute;
		display: block;
		width: 10em;
		}

div.course-application ul li .description
		{
		display: block;
		padding-left: 10em;
		}
.ie div.course-application ul li .description
		{
		display: inline-block;
		}

div.course-application .course-application-form
		{
		padding-left: 10em;
		}

div.course-application fieldset
		{
		margin: 0;
		padding: 0;
		border: none;
		}

div.course-application .disclosure
		{
		margin: 1.5em 0;
		}

div.course-application ul li.course-form-element label,
div.course-application ul li.course-form-element input
		{
		line-height: 1.3em;
		padding: 0.2em 0em;
		margin: 0.5em 0;
		outline: none;
		}
div.course-application ul li.course-form-element label
		{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		}
div.course-application ul li.course-form-element input
		{
		width: 20em;
		border: 1px solid #ccc;
		}
div.course-application ul li.course-form-element input:focus
		{
		border-color: #bba;
		background-color: #f9f9f9;
		}

div.course-application fieldset .submit
		{
		position: relative;
		left: 10em;
		top: 1em;
		}


div.course-application .dates
		{
		margin-bottom: 2em;
		overflow: hidden;
		}

div.course-application .dates-col
		{
		float: left;
		display: inline;
		width: 20em;
		}
	

div.course-application h3
		{
		font-size: 1em;
		}

div.course-application .dates-col label
		{
		position: relative;
		left: 0.5em;
		display: inline;
		}



/**
 * Separator
 */
div.separator
		{
		height: 3px !important;
		background-color: #c8c8c8;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin: 0 0 2.1em 0 !important;
		overflow: hidden;
		}

/**
 * Search
 */
div.search-result 
		{
		margin-bottom: 1em;
		}
div.search-result a 
		{
		}
div.search-result a span
		{
		display: block;
		position: relative;
		top: -0.2em;
		font-size: 0.8em;
		color: #999;
		padding-left: 1.3em;
		}
div.search-result a:hover span
		{
		color: #333;
		}
div.search-result p
		{
		padding: 0 0 1em 1.1em;
		margin: 0;
		border-bottom: 1px dashed #eee;
		}



div.block.sitemap ul
		{
		list-style: none;
		margin-left: 0;
		padding:0;
		}
div.block.sitemap li
		{
		padding: 0;
		}
div.block.sitemap ul ul
		{
		margin-left: 1em;
		}


/**
 * Form Validation
 */
input.error {
	background-color: #ffbb99 !important;
	border: 1px solid #bc1c3a !important;
}

/**
 * Protected content
 */
.protected-content-info,
#loginform {
	margin: 0 0 30px;
}

#loginform label {
	float: left;
	margin: 0 10px 0 0;
}

#loginform input {
	margin: 0 5px 0 0;
}