body {
	background: #C7D8E3 url('../grafik/bodyback.png') 0px 87px repeat-x;
	margin: 0 auto;
	font-family: Arial, helvetica, sans-serif;
	/*color: #4C5158;*/
	color: #000000;
}

body, td { font-size: 12px; }

h1 { color: #000000; font-size: 29px; margin: 0 0 20px; font-weight: normal; clear: both; }
h2 { color: #000000; font-size: 18px; padding-top: 10px; margin: 0px 0 10px; font-weight: normal; clear: both; }
h2.csc-firstHeader { padding-top: 0px; }

a { color: #799AB0; }
a:hover { color: #333333; }
a img { border: none; }

.mainbodyPlacer {
	margin: 0 auto;
	width: 970px;
	overflow-x: none;
	position: relative;
}

.mainbodyHolder {
	background: transparent url('../grafik/mainback.png') left top repeat-y;
}

.mainbodyHolder > div {
	margin: 0 5px 0 5px;
	width: 960px;
}

p {
	padding: 0;
	margin: 0 0 10px;
}

ul {
	margin-top: 6px;
	margin-bottom: 6px;
}


/*
 * ***********************************************************
 * 
 * HEADER OBJECTS
 * This means the topbar containing the searchbar, newsletter
 * signup thingie, sitemap buttons, logo and similar, as well
 * as the big image and main menu.
 * 
 * ***********************************************************
 */


#headerTop {
	position: relative;
	height: 87px;
}

#headerMenu {
	border-top: 3px solid #A6C1D2;
	padding: 0 5px 0 5px;
	height: 262px;
	background: transparent url('../grafik/mainback.png') left top repeat-y;
}

#headerPicture {
	position: relative;
	height: 229px;
	background: transparent url('../grafik/headerbottom.png') left bottom no-repeat;
}

#headerPictureContainer {
	/*background: transparent url('../grafik/topbarback.jpg') left top no-repeat;*/
	height: 220px;
	overflow: hidden;
}

#headerBlinderPicture {
	top: 0px;
	right: 0px;
	position: absolute;
	width: 295px;
	height: 220px;
	background: transparent url('../grafik/itmaster_blinder.png') left top no-repeat;
}

#mainMenu {
	height: 33px;
	background: #83A2B4 url('../grafik/menu_back.png') left top repeat-x;
	position: relative;
}

#mainMenu > a {
	position: absolute;
	left: 23px;
	top: 6px;
}

#mainMenuEntries {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 33px;
	overflow: hidden;
}

#mainMenuEntries a {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 9px 12px 20px;
	float: left;
	background: transparent url('../grafik/menu_psv.png') left top repeat-y;
}

#mainMenuEntries a:hover { color: #566169; }

#mainMenuEntries a.active {
	background: #B7C9D3 url('../grafik/menu_act.png') left top repeat-x;
	color: #566169;
}



#homeLinkLogo { position: absolute; left: 23px; top: 23px; }

/* Header links (sitemap, print button, language) */
#headerLinks { position: absolute; bottom: 15px; right: 15px; }
#headerLinks * { font-size: 9px; }
#headerLinks a { margin-left: 8px; text-decoration: none; }

/* Utility-container (search bar, newsletter signup) */
#headerUtilities { position: absolute; top: 15px; right: 15px; }
#headerUtilities * { font-size: 9px; color: #78B0CD; }

#headerSearchbar { float: left; border: 1px solid #f2f2f2; }
#headerSearchbar fieldset { border: none; margin: 0px; padding: 3px; background: transparent; }
#headerSearchbar form { margin: 0px; padding: 0px; }
#headerSearchbar input { background-color: #ffffff; border: none; height: 13px; padding: 1px; }
#headerSearchbar button { border: none; height: 15px; background: #E4EFF5 url('../grafik/searchbuttonback.png') left top repeat-x; padding: 0 5px; cursor: pointer; }

#newsletterSignup, #newsletterBlinder { position: absolute; display: none; }
#newsletterSignup {
	z-index: 5000;
	background: #789AB0;
	padding: 10px;
	font-family: Geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	width: 210px;
}
#newsletterSignup a { color: #ffffff; }

#newsletterSignup h2 { color: #ffffff; font-size: 16px; }

#newsletterSignup label { float: left; display: block; width: 80px; clear: left; padding-top: 3px; }
#newsletterSignup input, #newsletterSignup button { color: #000000; width: 115px; padding: 1px; height: 18px; border: none; margin: 0 0 10px 5px; }
#newsletterSignup button { width: 117px; color: #ffffff; margin-left: 85px; background: #ff9700 url('../grafik/newsletterbuttonback.png') left top repeat-x; }


#newsletterSignupInitiator { margin-left: 8px; cursor: pointer; }


#tipafriend_link { background: transparent !important; padding: 0px !important; }

#universityHolder {
	text-align: center;
	padding: 20px 0;
}

/*
 * ***********************************************************
 * 
 * MAIN CONTENT
 * The main page content goes in here.
 * 
 * ***********************************************************
 */

#breadcrumb { color: #999999; padding: 20px 0 0 23px; font-size: 11px; margin-bottom: -20px; }
#breadcrumb a { color: #999999; text-decoration: none; }
#breadcrumb a:hover { color: #444444; }
#breadcrumb .active { color: #D88D24 !important; }


div.mainContentHolder {
	background: transparent url('../grafik/maintop.png') left top repeat-x;
}

div#mainContent {
	float: left;
	width: 660px;
	padding: 30px 0 20px 23px;
}

div#mainSidebar {
	float: left;
	width: 230px;
	padding: 30px 23px 23px;
	text-align: right;
}



div.footerHolder {
	color: #57839B;
	font-size: 11px;
	text-align: center;
	padding: 20px 0;
	background: transparent url('../grafik/mainbottom.png') left top no-repeat;
	position: relative;
}

#bywildside {
	left: -14px;
	position: absolute;
	top: -54px;
}

.csc-frame-rulerAfter {
	clear: both;
	border-top: 1px solid #E8E8E8;
	height: 1px;
	margin: 30px 0 20px;
}


/*
 * ***********************************************************
 * 
 * SUBMENU
 * This is the level 2+ submenu in the righthand side.
 * 
 * ***********************************************************
 */

#submenu {
	/* border-top: 1px solid #cccccc; */
	/*
		width: 200px; 
		margin-left: 30px;
		padding-bottom: 15px;
	*/
}

#submenu .submenuWrapper { padding-bottom: 15px; }


#submenu a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: right;
	color: #82919B;
	border-bottom: 1px dotted #78B0CD;
	padding: 7px 0 7px 16px;
	background: transparent url('../grafik/menuarrow_right.png') left 9px no-repeat;
}

#submenu a.active {
	color: #D88D24 !important;
	background-image: url('../grafik/menuarrow_down.png');
}

#submenu a:hover { color: #000000; }

#submenu .submenu a {
	font-weight: normal;
	font-size: 12px;
	background: transparent;
	padding: 5px 0px;
}



/*
 * ***********************************************************
 * 
 * Module design tweaks
 * Design updates for various modules and extensions
 * 
 * ***********************************************************
 */

.csc-sitemap { margin: 6px 0 4px 0px; font-size: 11px;}
.csc-sitemap a { padding: 3px 0 3px 17px; background: transparent url('../grafik/bullet_blue_washed.png') left center no-repeat; text-decoration: none; }
.csc-sitemap a:hover { text-decoration: underline; background-image: url('../grafik/bullet_black.png'); }
.csc-sitemap-level1 { margin-top: 5px; font-size: 13px; background: transparent url('../grafik/bullet_blue.png') left center no-repeat; }
.csc-sitemap-level2 { margin-left: 20px; font-size: 12px; }
.csc-sitemap-level3 { margin-left: 40px; }
.csc-sitemap-level4 { margin-left: 60px; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table { 	border: 1px dotted #78B0CD; background: #ffffff url('../grafik/fce_orangeback.png') left top repeat-x; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table p, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table h2  { margin: 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table td { padding: 5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead table a { color: #666; font-size: 16px; text-decoration: none; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background-color: #FAFBFC; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background-color: #fafafa; border-top: 1px solid #ccc; font-size: 11px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info p { margin: 5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p { margin: 5px 0 0; }
.tx-indexedsearch .tx-indexedsearch-browsebox { border: 1px dotted #78B0CD; background: #ffffff url('../grafik/fce_blueback.png') left top repeat-x; font-size: 11px; padding: 5px; }
.tx-indexedsearch .tx-indexedsearch-browsebox p { margin: 0; }
.tx-indexedsearch-searchbox select { margin-right: 5px; margin-top: 5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr p .tx-indexedsearch-redMarkup { color: #D88D24; }


/*
 * ***********************************************************
 * 
 * FCEs
 * These are the FCE boxes
 * 
 * ***********************************************************
 */


.blueFlexCase, .orangeFlexCase {
	border: 1px dotted #78B0CD;
	background: #ffffff url('../grafik/fce_blueback.png') left top repeat-x;
	margin-bottom: 15px;
	text-align: left;
}

.orangeFlexCase {
	background-image: url('../grafik/fce_orangeback.png');
}

.orangeFlexContent, .blueFlexContent {
	margin: 5px;
}

.orangeFlexCase h1, .blueFlexCase h1,
.orangeFlexCase h2, .blueFlexCase h2 {
	font-size: 16px;
	margin-bottom: 5px;
}



/*td p { margin: 0; }*/
.imgtext-nowrap > tbody > tr > td > table.imgtext-table { padding-right: 6px; } 


/*
 * 
 * POWERMAIL!
 * <jeremy id='clarkson'>Pooooweeeeeeeerrrrr!</jeremy>
 * 
 * 
 * 
 */


fieldset.tx-powermail-pi1_fieldset {
	border: 1px dotted #78B0CD;
	background: #ffffff url('../grafik/fce_blueback.png') left top repeat-x;
	margin-bottom: 15px;
	text-align: left;
}

fieldset.tx-powermail-pi1_fieldset > div {
	margin: 15px 0;
	padding: 8px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: #f6f9fa;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title, p.tx_powermail_pi1_fieldwrap_html_radio_title {
	border-bottom: 1px dotted #78B0CD;
}

div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	background-color: #eee;
	border: 1px dotted #78b0cd;
	padding: 5px;
	font-size: 11px;
	margin-left: 30px;
}

fieldset.tx-powermail-pi1_fieldset label {
	width: 300px;
	border-bottom: 1px dotted #aaa;
	margin-right: 5px;
	
}



div.tx_powermail_pi1_fieldwrap_html .powermail_check_inner { clear: left; }
div.tx_powermail_pi1_fieldwrap_html .powermail_check_inner label { margin-bottom: 10px; }
