body
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #f2f2f2;
	color: #003366;
}

img
{
	border-width:0;
}

input, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	color: #003366;
}

/* ----------------- LAYOUT ----------------- */

#wrapper
{
	padding: 0;
}

#container
{
	margin: 0px auto;
	padding: 0px;
	text-align: justify;
	width:100%;	
	min-width: 990px;
	max-width: 1320px;	
}

#header
{
	clear: both;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 95px;
	position: relative;
	z-index: 10;
}

#columns-wrapper
{
	overflow: hidden;
	width: 100%;
	background-color: #004466;
	margin: 0;
	padding: 0;
	position:relative;
}

#sidebar-left
{
	float: left;
	width: 165px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

/* to position the content betwen columns */
#content-wrapper
{
	margin: 0px 165px;
	background-color: #FFFFFF;
	padding: 0; /* for IE6 */
	position: relative;
}

#center-column
{
	padding: 0;
	margin: 0;
}

#content
{
	padding: 0 20px 10px 10px;
	margin: 0;
	min-height:555px;
}


#sidebar-right
{	
	width: 165px;
	position:absolute;
	right:0;
	top:0;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

#footer
{
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 10px;
	padding: 0;
	position: relative;
}

/* ----------------- LAYOUT DECORATIONS ----------------- */

div.lines-header1
{
	height: 26px;
	background: url(../images/header1.png) repeat-x 0px 0px;
	width: 165px;
}

div.lines-header2
{
	/* IE6 will display small margins, if height is set; no height needs   in the divider though */ /* height: 10px; */
	line-height: 10px;
	background: url(../images/header2.png) repeat-x 0px 0px;
}

div.lines-footer
{
	width: 100%;
	height: 4px;
	background: url(../images/footer.png) repeat-x 0px 0px;
}


/* ----------------- MENU ----------------- */

#menu
{
	padding: 0;
	margin: 0;
}

#menu-top-divider
{
}

div.menu-1-nor A, div.menu-1-act A
{
	display: block;
	border-top: solid 1px #3399CC;
	border-bottom: solid 1px #3399CC;
	text-decoration: none;
	height: 18px; /* to center vertically */
	line-height: 18px;
	color: #FFFFFF;
	padding-left: 24px;
	font-size:14px;
}

/* remove top border, if one level 1 menu item is after another level 1 menu item */
div.menu-1-nor + div.menu-1-act A, div.menu-1-act + div.menu-1-nor A, div.menu-1-nor + div.menu-1-nor A /*, div.menu-1-act + div.menu-1-act A */ /* only one can be active */
{
	border-top: none;
}

div.menu-1-nor A:visited, div.menu-1-act A:visited
{
	color: #FFFFFF;
}

div.menu-1-nor A:hover
{
	background: url(../images/menu1.png) no-repeat 10px 0px;
}

div.menu-1-act A
{
	background: url(../images/menu1.png) no-repeat 10px 0px;
}


div.menu-2-nor A, div.menu-2-act A
{
	display: block;
	text-decoration: none;
	font-size: 11px;
	height: 18px; /* to center vertically */
	line-height: 18px;
	padding-left: 24px;
	color: #FFFFFF;
}

div.menu-2-nor A:visited, div.menu-2-act A:visited
{
	color: #FFFFFF;
}

div.menu-2-nor A:hover
{
	text-decoration: underline;
}

div.menu-2-act A
{
	text-decoration: underline;
}


div.menu-3-nor A, div.menu-3-act A
{
	display: block;
	text-decoration: none;
	font-size: 11px;
	height: 18px; /* to center vertically */
	line-height: 18px;
	padding-left: 34px;
	color: #FFFFFF;
}

div.menu-3-nor A:visited, div.menu-3-act A:visited
{
	color: #FFFFFF;
}

div.menu-3-nor A:hover
{
	text-decoration: underline;
}

div.menu-3-act A
{
	text-decoration: underline;
}

/* ----------------- GEGENRASSISMUS Button ----------- */
#gegenrassismus_button {
	padding: 2em 2.6em;
}
/* ----------------- COMMON ELEMENTS ----------------- */

A, A:visited
{
	color: #0099cc;
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
}

h1, h1 A:link, h1 A, h1 A:visited, h2, h2 A:link, h2 A, h2 A:visited
{
	color: #669933;
	font-weight: bold;
	text-decoration: none;
}

h1
{
	font-size: 18px;
	display: block;
	border-bottom: solid 1px #669933;
	width: 500px; /* that's for Safari */
	margin-left: 0px;
	margin-top:13px;
		
}

h2
{
	font-size: 14px;
}

h3, h3 A:link, h3 A, h3 A:visited
{
	font-size:12px;
	font-weight:bold;
	margin-bottom: 10px;
	color:#003366;
}

h1 A:hover, h2 A:hover, h3 A:hover
{
	text-decoration: underline;
}


/* ----------------- HEADER ELEMENTS ----------------- */

#logo-crtd
{
	background: white url(../images/logo_CRTD.png) no-repeat center center;
	height: 95px;
	width: 165px;
	line-height: 95px;
	float: left;
}

#logo-crtd-link
{
	width: 165px;
	height: 95px;
	display: block;
}

#header-area-center
{
	margin: 0;
	line-height: 95px;
	background: url(../images/header_background4.jpg) #004466 no-repeat 165px 0px;
}

#header-menu
{
	position: absolute;
	top: 10px;
	right: 14px;	
}

#header-menu div.header-menu-link
{
	display: block;
	height: 23px;
	line-height: 23px;
	width: 150px;
	text-align: right;
	color: #ffff99;
	font-size: 11px;
}

#header-menu div.header-menu-link A, #header-menu div.header-menu-link A:visited
{
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
}

#header-menu div.header-menu-link A:hover
{
	text-decoration: underline;
}

#header-menu div.header-menu-link input
{
	background-color:transparent;
	margin-left:3px;
}

img.flag-image
{
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}

/* ----------------- FOOTER ELEMENTS ----------------- */
#logos
{
	width:100%;
	text-align:center;
}

#logos div
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding: 0;
	height:0;
	line-height:0;
	position:absolute;
	top:0;	
	left:0;
	right:0;
}

#logos table td
{
	vertical-align: middle;
	padding: 0 3px;
}


#copyrights
{
	bottom: 3px;
	display: block;
	font-size: 9px;
	height: 10px;
	left: 0pt;
	line-height: 10px;
	padding: 3px;
	position: absolute; /* this needs position:relative; in #footer in IE6 */
	right: 10px;
	text-align: center;
	margin: 0 auto;
	width:100%;
}


/* ----------------- SIDEBAR ----------------- */

#sidebar-right h1
{
	display: block;
	border-top: solid 1px #3399CC;
	border-bottom: solid 1px #3399CC;
	text-decoration: none;
	height: 18px; /* to center vertically */
	line-height: 18px;
	color: #FFFFFF;
	padding-left: 24px;
	background: url(../images/menu1.png) no-repeat 10px 0px; /* clear inherited from h1 */
	width: auto;
	font-weight: normal;
	font-size: 14px;
	margin: 0 auto 0 auto;
	padding: 0 24px 0 auto;
}

#last-modified
{	
	bottom: 3px;
	right: 0;
	text-align: center;
	padding: 0;
	width: 165px;
	margin: 0;
	font-size: 10px;
	color: #c0c0c0;
	position:absolute;
}


/* ----------------- RESEARCH GROUPS ----------------- */

.research-groups-sidebar
{
	float:right;
	height:100%;
	width:180px;
	text-align:left;
	margin:30px 0 0 20px;
}

.research-groups-photo-title
{
	font-style: italic;
}

.research-groups-cv
{
	font-size:11px;
	margin-top:15px;
}

div#research-groups h1
{
	width:80%;
}

.research-groups-content
{
	margin-top: 30px;
	margin-right:200px;
}

/* ----------------- STAFF LISTINGS ----------------- */

#crtd-staff
{
	width: 100%;
}

#crtd-staff-search
{
	padding: 20px 0 0 0;
}

#crtd-staff-search input
{
	font-size:11px;
}

.user-crtdstaff-pi1-searchbox-sword
{
	width:150px;
}

div.crtd-staff-groups table
{
	width: 100%;
}

.table
{
	border: medium none;
}

.table td, .table th
{
	padding-left:3px;
}

.table-header, thead
{
	background-color: #669933;
	height:17px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

.table-row
{
	height: 24px;
}

.table-row td
{
	border-bottom: 1px solid #669933;
	text-align:left;
}

tr.crtd-staff-group-name td
{
	border:medium none;
	padding-bottom: 0;
	padding-top:40px;
	vertical-align:middle;	
	line-height:30px;	
	color: #669933;
	font-weight: bold;
	text-decoration: none;	
	font-size:14px;
}

td.table-cell-nowrap
{
	white-space:nowrap;
}

div.crtd-staff-groups table.staff-photo
{
	width: 100%;
}

table.staff-photo tr td
{	
	text-align:left;
}

table.staff-photo tr.crtd-staff-group-name td
{
	padding-top:30px;
	padding-bottom:20px;
}

/* ----------------- INSTITUTIONS ----------------- */

.institutions-person-name
{
	width:280px;
}

tr.institutions-title h2
{
	margin-top:20px;
	margin-bottom:5px;
}

tr.institutions-subtitle h3
{
	margin-top:15px;
}

/* ----------------- SPEAKER AND BOARD ----------------- */

#speaker-board h3
{
	margin-top:10px;
}

.speaker-board-info
{	
	min-height:130px;
	margin-bottom:20px;
}

.speaker-board-photo
{	
	width:125px;
	float:left;
}

.speaker-board-data
{	
	margin-left:130px
}

.speaker-board-name
{
	font-weight:bold;
}

div.speaker-board-data p
{
	display:inline;
}

.speaker-board-number-title
{
	display:inline;
}

.speaker-board-number-number
{
	display:inline;
}


/* ----------------- FORMS ----------------- */

fieldset
{
	border-style: none;
}

.form input.input, .form input.password, input.tx-indexedsearch-searchbox-sword, #searchinput, form select
{
	text-align: left;
	border: 1px solid #669933;
	margin: 5px;
	height: 16px;
	vertical-align: middle;
	width:200px;
}

form select
{
	height:21px;
}

#searchinput
{
	width:135px;
	color:White;
	margin:0px;
}

input.searchsubmitbutton
{
	margin-top:4px;
}

#searchform table tbody tr td 
{
	vertical-align:top;
}

.tx-indexedsearch-searchbox form table tbody tr td 
{
	vertical-align:middle;
}

form label
{
	display:block;
	float:left;
	width:130px;
	margin: 0;
	padding: 8px 0 0 0;
	text-align: right;
	height:16px;
	vertical-align:bottom;
}

.tx-indexedsearch-searchbox label
{
	display:inline;
	float:none;
}

.form-error
{
	color: #ff0000;
}

.form input.submit, input.tx-indexedsearch-searchbox-button
{
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #3399CC;
	cursor: pointer;
	margin-left:4px;
	margin-top:10px;
}

.form input.submit:hover
{
	border: 1px solid #808080;
}

/* ----------------- SUBSCRIPTIONS ----------------- */

.subscr-checks
{
	margin: 0px 0px 10px 130px;
	padding-left:5px;
	text-align:left;
	position:relative;
}

.subscr-checks input
{
	margin-left: 0px;
	margin-top:10px;
	padding-left:0px;	
}

.subscr-checks-error
{
	color: #ff0000;
	position:absolute;
	top:23px;
	left: 215px;
}

.subscr-delete a
{
	font-weight:bold;
}

.subscr-delete a:hover
{
	color:#FF0000;
}