/* General Elements */

body {
  	padding: 				0;
 	margin: 				0;
  	width: 					100%;
  	height: 				100%;
  	font-family: 			arial, verdana;
}

a {			
	text-decoration:		none;
}

p{
	font-size: 				11px;
	line-height: 			14px;
	color: 					#666666;
	padding: 				0px;
	margin: 				0 0 11px 0;
}

p a,
div a{
	color: 					#0066cc;
}

a.anchor{
	color: 					#666666;
}

h2{
	font-size: 				20px;
	font-weight: 			normal;
	padding: 				0px;
	margin: 				0 0 17px 0;
}

h3{
	font-size: 				14px;
	font-weight: 			normal;
	color: 					#000000;
	padding: 				0px;
	margin: 				0px;
}

h4{
	font-size: 				14px;
	font-weight: 			normal;
	padding: 				0px;
	margin: 				0px;
}

img{
	border: 				none;
}


/* GENERAL CLASSES */

.clearFloat{
	clear:              	both;
	font-size:          	1px;
	line-height:        	1px;
	overflow:           	hidden;
	he\ight:            	0px;
}

.error{
	color: 					#bd0000;
}


/* --- Form */

form p.inputTextWrapper{
	display: 				inline;
	float: 					left;
	margin-right: 			6px;
}

form p.inputTextWrapper span.inputTextWrapper{
	display: 				block;
	width: 					174px;
	background-color: 		#cccccc;
	padding: 				1px;
}

form p.inputTextWrapper span.inputTextWrapper input {
	display: 				block;
	font-size: 				11px;
	color: 					#333333;
	background-color: 		#ffffff;
	background-image:		url(/images/backgrounds/inputBgFade.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	width: 					170px;
	height: 				13px;
	margin: 				0px;
	padding: 				0px;
	border: 				1px solid #ffffff;
	padding-left: 			2px;
}

form p.inputButtonWrapper{
	display: 				inline;
	float: 					left;
}

form p.inputButtonWrapper span.inputButtonWrapper{
	display: 				block;
	width: 					77px;
	border: 				1px solid #000000;
}

form p.inputButtonWrapper span.inputButtonWrapper input{
	font-size: 				10px;
	line-height: 			14px;
	color: 					#ffffff;
	text-align:				center;
	display: 				block;
	background-color: 		#000000;
	width: 					77px;
	height: 				15px;
	margin: 				0px;
	padding: 				0px;
	border: 				1px solid #ffffff;
	
	
}



/* TOP CONTENT */


div#topWrapper{
	text-align: 			center;
	width: 					100%;
	margin-bottom: 			3px;
}

div#topWrapper div#topContentWrapper{
	position: 				relative;
	text-align: 			left;
	background-color: 		#000000;
	padding-bottom: 		9px;
	margin: 				auto;
	width: 					930px;
}

div#topWrapper div#topContentWrapper div#topContent{
	background-color: 		#ffffff;
	width: 					930px;
}

div#topWrapper div#topContentWrapper div#topContent img{
	float: 					right;
	margin-top: 			26px
}

div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper{
	float: 					left;
	width: 					850px;
	margin-top: 			26px
}

div#topWrapper div#topContentWrapper div#topContent h1{
	width: 					94px;
	height: 				24px;
	overflow:				hidden;
	margin: 				0px;
	padding: 				0px;
}

div#topWrapper div#topContentWrapper div#topContent h1 span{
	display: 				block;
	background: 			url(/images/longLogo.gif);
	width: 					94px;
	height: 				24px;
}


/* --- Main menu */

div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper ul{
	float: 					left;
	list-style: 			none;
	padding: 				0px;
	margin: 				29px 0 0 0;
}

div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper ul li{
	float: 					left;
	padding-bottom: 		7px;
	margin-right: 			22px;
}

div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper ul li a{
	display: 				block;
	font-size: 				11px;
	color: 					#000000;
	font-weight: 			bold;
	background-color: 		#ffffff;
	padding-bottom: 		1px;
}

div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper ul li.activeMenuItem{
	background-color: 		#000000;
}


/* --- Log out menu */

div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper p.linkWrapper{
	float: 					right;
	margin: 				29px 20px 0 0;
}
div#topWrapper div#topContentWrapper div#topContent div#topContentLeftWrapper p.linkWrapper a{
	color: 					#000000;
	font-weight: 			bold;
}



/* MIDDLE CONTENT */

div#middleWrapper{
	text-align: 			center;
	background-repeat: 		repeat-x;
	width: 					100%;
	height: 				184px;
	margin-bottom: 			3px;
}

div#middleWrapper div{
	position: 				relative;
	text-align: 			left;
	width: 					930px;
	margin: 				auto;
}



/* MAIN COLUMNS */

div#mainColumnWrapper{
	text-align: 			center;
	width: 					100%;
}

div#mainColumnWrapper div#mainColumnContentWrapper{
	position: 				relative;
	text-align: 			left;
	background-color: 		#000000;
	width: 					930px;
	margin: 				auto;
	padding-top: 			9px;
}

div#mainColumnWrapper div#mainColumnContentWrapper div#mainColumnContent{
	width: 					100%;
	background-color: 		#ffffff;
}

div#column1,
div#column2,
div#column3{
	float: 					left;
	padding: 				33px 22px 70px 0;
}

div#column1{
	width: 					318px;
}

div#column2{
	width: 					284px;
}

div#column3{
	width: 					284px;
	padding-right: 			0px;
}


/* VERTICAL MENU */

/* --- Level 1 */

ul.verticalMenu{
	list-style: 			none;
	padding: 				0px;
	margin: 				0px;
}

ul.verticalMenu li span{
	display: 				block;
}

ul.verticalMenu li a{
	display: 				inline;
	font-size: 				11px;
	color: 					#000000;
	background-color: 		#ffffff;
}

ul#menuLevel3 li{
	background-image: 		url(/images/listIcons/verticalMenuItemIcon.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 2px;
	padding-left: 			10px;
	margin-bottom: 			16px;
}

ul#menuLevel3 li.activeMenuItem{
	background-image: 		url(/images/listIcons/verticalMenuItemActiveIcon.gif);
	margin-bottom: 			3px;
}

ul#menuLevel3 li.noChildren{
	margin-bottom: 			16px;
}

ul.verticalMenu li ul{
	margin-top: 			3px;
}

ul.verticalMenu li ul li a{
	font-size: 				10px;
	color: 					#666666;
}

ul.verticalMenu li ul li.activeMenuItem a{
	font-size: 				10px;
	color: 					#000000!important;
}

ul#menuLevel4{
	margin-left: 			8px;
	margin-bottom: 			16px;
}

ul#menuLevel4 li{
	background-image: 		none!important;
	margin-bottom: 			3px;
}	

ul#menuLevel5{
	margin-left: 			8px;
}



/* PAGE TYPE SPECIFICS */

/* --- News Page */

body#newsPage div#column1{
	width: 					156px;
	padding-right: 			0px;
}

body#newsPage div#column2{
	width: 					306px;
}

body#newsPage div#column3{
	width: 					446px;
}


/* --- News Teaser Menu */

ul.newsTeaserMenu li{
	margin-bottom: 			16px;
}

ul.newsTeaserMenu li span{
	display: 				block;
	font-size: 				11px;
	color: 					#666666;
	padding-left: 			9px;
}

ul.newsTeaserMenu li span a{
	color: 					#666666;
}

ul.newsTeaserMenu li span.heading{
	margin: 				2px 0 2px 0;
}

ul.newsTeaserMenu li.activeMenuItem span.heading{
	background-image: 		url(/images/listIcons/verticalMenuItemActiveIcon.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 2px;
}

ul.newsTeaserMenu li span.heading a{
	color: 					#000000;
}

/* ------ Front page specifics */

body#frontPage ul.newsTeaserMenu li span{
	padding-left: 			 0px;
}


/* --- Content Page / Text Page */

body#contentPage div#column1{
	width: 					156px;
	padding-right: 			44px;
}

body#contentPage div#column2{
	width: 					446px;
}

body#contentPage div#column2 h2{
	margin-bottom: 			12px;
}

body#contentPage div#column2 p{
	margin-bottom: 			18px;
}

body#contentPage div#column2 img{
	margin-bottom: 			30px;
}

body#contentPage div#column3{
	width: 					262px;
}



/* WRAPPERS */


/* --- Spacer */

div.spacer{
	height: 				20px;
	width: 					100%;
}


/* -- Spacer Dotts */

div.dotts{
	background-image:		url(/images/backgrounds/dotts.gif);
	background-repeat: 		repeat-x;
	height: 				11px;
}


/* --- News Teaser */

div.newsTeaser{
	margin-bottom: 			14px;
}

div.newsTeaser a{
	color: 					#666666;
}

div.newsTeaser h3{
	font-size: 				11px;
}

div.newsTeaser h3 a{
	color: 					#000000;
}

div.newsTeaser p{
	margin-bottom: 			0px;
}

div.newsTeaser p.date{
	margin-bottom: 			1px;
}



/* Text Wrapper*/

div.textWrapper{
	color:					#666666;
	font-size:				11px;
	line-height:			14px;
	margin:					0 0 11px 0;
	padding:				0px;
}

div.textWrapper ul{
	margin: 				0 0 8px 0;
	padding-left: 			20px;
}



/* --- Image Text Wrapper */


div.imageTextWrapper{
	margin-bottom: 			14px;
}

div.imageTextWrapper div.textWrapper h3{
	margin-bottom: 			1px;
}

div.imageTextWrapper div.textWrapper div{
	font-size: 				11px;
	color: 					#666666;
}

div.imageTextWrapper div.textWrapper{
	float: 					left;
	width: 					294px;
}

div.textType1 div.textWrapper{
	float: 					left;
	width: 					354px;
}

div.imageTextWrapper div.textWrapper p{
	margin: 				0px!important;
}

div.imageTextWrapper img{
	float: 					left;
	margin: 				0 12px 0 0;
}


/* ------ Content page - Column 3 specifics */

body#contentPage div#column3 div.imageTextWrapper div.textWrapper{
	float: 					none;
	width: 					262px;
}

body#contentPage div#column3 div.imageTextWrapper div.textWrapper div{
	font-size: 				10px;
}

body#contentPage div#column3 div.imageTextWrapper img{
	float: 					none;
	margin-bottom: 			6px;
	margin-right: 			0px
}



/* --- Download Wrapper */

p.topDividerLine{
	background-image: 		url(/images/backgrounds/dotts.gif);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	padding-top: 			1px;
}

p.downloadWrapper{
	position: 				relative;
	margin: 				0px!important;
}

p.downloadWrapper span.linkWrapper{
	display: 				block;
	background-image: 		url(/images/backgrounds/dotts.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
	padding-bottom: 		4px;
	padding-top: 			4px
}

p.downloadWrapper span.linkWrapper a{
	display: 				block;
	color: 					#666666;
	background-image: 		url(/images/listIcons/arrowDownType1.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 4px;
	padding-left: 			13px;
}



/* --- Form Wrapper */

div.formWrapper{
	position: 				relative;
	border-top: 			7px solid #000000;
	border-bottom: 			7px solid #000000;
	padding-top: 			12px;
	margin-top: 			5px;
}

div.formWrapper h3{
	margin-bottom: 			8px;
}

div.formWrapper form{
	position: 				relative;
	float: 					left;
	margin-bottom: 			3px;
}

div.formWrapper form p.inputButtonWrapper{
	margin-top: 			14px;
	margin-left: 			2px;
}