/* GENERAL ELEMENTS */

body {
	text-align: 			center;
	font-family: 			arial, verdana, sans-serif;
	font-size: 				11px;
	color: 					#4d4d4f;
	padding-top: 			2px;
	margin: 				0px;
}

a {			
	text-decoration:		none;
}

p a,
div a {
	color: 					#00aeef;
}

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

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

h3 {
	font-size: 				11px;
	padding: 				0px;
	margin: 				0px;
}

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

img {
	display: 				block;
	border: 				none;
}

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



/* GLOBAL CLASSES */

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

.noMargin{
	margin: 				0px!important;
}




/* GENERAL CLASSES */

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


div.contentColumn {
	min-height: 			1px;
}



/* --- Top Content */

div#topWrapper{
	position: 				relative;
	overflow: 				hidden;
	padding-top: 			15px;
	margin-bottom: 			29px;
}

div#topWrapper div.menuWrapper{
	margin-bottom: 			46px;
}

div#topWrapper div.imageWrapper{
	float: 					left;
}

div#topWrapper div.menuWrapper a.link{
	display: 				inline;
	float: 					left;
	font-size: 				10px;
}

div#topWrapper div.menuWrapper ul#languageMenu{
	float: 					left;
	padding-left: 			36px;
	visibility:				hidden;
}

div#topWrapper div.menuWrapper ul#languageMenu li{
	display: 				inline;
	border-left: 			1px solid #00aeef;
	padding-left: 			7px;
	padding-right: 			2px;
}

div#topWrapper div.menuWrapper ul#languageMenu li.firstItem{
	border-left: 			none;
}

div#topWrapper div.menuWrapper ul#languageMenu li a {
	font-size: 				10px;
}

div#topWrapper h1 {
	position: 				absolute;
	top: 					16px;
	right: 					0px;
	width: 					136px;
	height: 				397px;
	overflow:				hidden;
	margin: 				0px;
	padding: 				0px;
	z-index: 				100;
}

div#topWrapper h1 a {
	outline: 				none;
}

div#topWrapper h1 span {
	display: 				block;
	background: 			url(/images/navimatLogo.gif);
	width: 					136px;
	height: 				397px;
}



/* --- Page Form */

div.formWrapper{
	position: 				relative;
	margin-bottom: 			24px;
}

form.pageForm{
	float: 					left;
	margin-bottom: 			0px;
}

form.pageForm p.inputWrapper{
	float: 					left;
	margin-right: 			8px;
}

form.pageForm label{
	display: 				block;
	font-size: 				10px;
	margin-bottom: 			2px;
}

form.pageForm p input.textField{
	font-size: 				11px;
	border: 				none;
	height: 				16px;
	margin-bottom: 			9px;
	padding-top: 			3px;
	padding-left: 			2px;
	padding-right: 			2px;
	border: 				1px solid #b9b9b9;
}

form.pageForm p.medium input.textField{
	width: 					202px;
}

form.pageForm p.small input.textField{
	width: 					94px;
}

form.pageForm div.buttonWrapper{
	float: 					left;
	text-align: 			right;
	width: 					424px;
}

form.pageForm div.buttonWrapper input{
	font-size: 				10px;
	color: 					#4d4d4f;
	cursor: 				pointer;
	border: 				none;
	background-color: 		transparent;
	background-image: 		url(/images/icons/navNextIcon.gif);
	background-repeat: 		no-repeat;
	background-position: 	right top;
	padding-right: 			20px;
	height: 				14px;
}

form.pageForm p.textareaWrapper{
	float: 					left;
}

form.pageForm textarea{
	font-family: 			verdana;
	font-size: 				11px;
	border: 				none;
	width: 					418px;
	height: 				64px;
	padding: 				2px;
	margin-bottom: 			9px;
	border: 				1px solid #b9b9b9;
}

div.formWrapper p.error{
	display: 				block;
	color: 					#ff0000;
	line-height: 			14px;
}

li#selectedLangMenuItem a {
	color:					#002f97;
}




/* _-_- FRONT PAGE SPECIFICS */

body#frontPage div#topWrapper {
	margin-bottom: 			16px;
}




/* --------- Main Menu (menu level 1) */

ul#menuLevel1{
	float: 					left;
	width: 					784px;
	margin-bottom: 			2px;
}

ul#menuLevel1 li{
	float: 					left;
	background-image: 		url(/images/fades/menuLevel1BgFade.jpg);
	background-repeat: 		repeat-x;
	margin-right: 			2px;
}

ul#menuLevel1 li#menuLevel1ActiveItem {
	background-image: 		url(/images/fades/menuLevel1HoverItemBgFade.jpg);
}

ul#menuLevel1 li a{
	display: 				block;
	font-size: 				10px;
	font-weight: 			bold;
	line-height: 			18px;
	color: 					#ffffff;
	height: 				18px;
	padding: 				0 12px;
}

ul#menuLevel1 li a:hover {
	background-image: 		url(/images/fades/menuLevel1HoverItemBgFade.jpg);
}




/* --- Main Content */

div#mainContentWrapper {
	width: 					813px;
}



/* --------- Side menu (menu level 2) */

ul#menuLevel2 {
	background-image: 		url(/images/fades/type2BgFade.jpg);
	background-repeat: 		repeat-x;
	padding: 				11px 8px;
	min-height: 			196px;
}

ul#menuLevel2 li {
	margin-bottom: 			10px;
}

ul#menuLevel2 li a{
	font-size: 				10px;
	color: 					#4d4d4f;
}

ul#menuLevel2 li#menuLevel2ActiveItemNoChildren a {
	color: 					#00aeef;
}


/* --------- Side menu (menu level 3) */

ul#menuLevel3 {
	padding: 				10px 0 0 1px;
}

ul#menuLevel3 li {
	padding-left: 			1px;
}

ul#menuLevel3 li a {
	background-image: 		url(/images/icons/arrowRightType2.png);
	background-repeat: 		no-repeat;
	padding-left: 			10px;
}

ul#menuLevel3 li a#menuLevel3ActiveLink {
	color: 					#00aeef;
	background-image: 		url(/images/icons/arrowRightType3.png);
}


/* --------- Side menu (menu level 4) */

ul#menuLevel4 {
	padding: 				10px 0 0 0;
}

ul#menuLevel4 li {
	padding-left: 			11px;
}

ul#menuLevel4 li a#menuLevel4ActiveLink{
	color: 					#00aeef;
	background-image: 		url(/images/icons/arrowRightType3.png);
}


/* FRONT PAGE SPECIFICS */

body#frontPage div#mainContentWrapper{
	background-image: 		url(/images/backgrounds/columnBgType1.gif);
	background-repeat: 		repeat-y;
}

body#frontPage div#mainContentWrapper div#contentColumn1,
body#frontPage div#mainContentWrapper div#contentColumn2,
body#frontPage div#mainContentWrapper div#contentColumn3,
body#frontPage div#mainContentWrapper div#contentColumn4{
	float:					left;
	width: 					186px;
	margin-right: 			1px;
	padding-right: 			11px;
}

body#frontPage div#mainContentWrapper div#contentColumn2,
body#frontPage div#mainContentWrapper div#contentColumn3,
body#frontPage div#mainContentWrapper div#contentColumn4{
	padding-left: 			11px;
}

body#frontPage div#mainContentWrapper div#contentColumn4{
	margin-right: 			0px;
	padding-right: 			0px;
}



/* NEWS PAGE SPECIFICS */

body#newsPage div#mainContentWrapper{
	background-image: 		url(/images/backgrounds/columnBgType2.gif);
	background-repeat: 		repeat-y;
}

body#newsPage div#mainContentWrapper div#contentColumn1{
	float:					left;
	width: 					280px;
	padding-right: 			12px;
}

body#newsPage div#mainContentWrapper div#contentColumn2{
	float:					left;
	width: 					491px;
	padding-left: 			30px;
}


/* --- News Navigation */

body#newsPage ul#newsNavigation{
	border-top: 			1px solid #00aeef;
	border-bottom: 			3px solid #00aeef;
	padding: 				5px 6px 4px 6px;
	margin-bottom: 			2px;
}

body#newsPage ul#newsNavigation li{
	display: 				inline;
	padding: 				0 3px 0 0;
}

body#newsPage ul#newsNavigation li.activeItem a{
	color: 					#4d4d4f;
}


/* --- News Teasers */

body#newsPage div#newsTeaserItemWrapper{
	background-image:		url(/images/fades/type1BgFade.jpg);
	background-repeat: 		repeat-x;
	padding: 				0 8px;
}

body#newsPage div#newsTeaserItemWrapper div.newsTeaserItem{
	background-image: 		url(/images/spacing/dotsHorizontalType1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
	padding-bottom: 		8px;
	padding-top: 			12px;
}

body#newsPage div#newsTeaserItemWrapper div.newsTeaserItem p{
	margin-bottom: 			6px;
}

body#newsPage div#newsTeaserItemWrapper div.newsTeaserItem p.teaserText{
	margin-bottom: 			8px;
}

body#newsPage div#newsTeaserItemWrapper div.newsTeaserItem p span.date{
	display: 				block;
	padding: 				0 0 8px 0;
}

body#newsPage div#newsTeaserItemWrapper div.newsTeaserItem p a.bold{
	font-size: 				12px;
	font-weight: 			bold;
	padding-bottom: 		6px;
}

body#newsPage div#newsTeaserItemWrapper div.newsTeaserItem p a{
	color: 					#4d4d4f;
}

body#newsPage div#newsTeaserItemWrapper div.activeItem p a{
	color: 					#0066cc;
}




/* TEASER PAGE SPECIFICS */

body#teaserPage div#mainContentWrapper{
	background-image: 		url(/images/backgrounds/columnBgType1.gif);
	background-repeat: 		repeat-y;
}

body#teaserPage div#mainContentWrapper div#contentColumn1,
body#teaserPage div#mainContentWrapper div#contentColumn2,
body#teaserPage div#mainContentWrapper div#contentColumn3,
body#teaserPage div#mainContentWrapper div#contentColumn4{
	float:					left;
	width: 					186px;
	margin-right: 			1px;
	padding-right: 			11px;
}

body#teaserPage div#mainContentWrapper div#contentColumn2,
body#teaserPage div#mainContentWrapper div#contentColumn3,
body#teaserPage div#mainContentWrapper div#contentColumn4{
	padding-left: 			11px;
}

body#teaserPage div#mainContentWrapper div#contentColumn4{
	margin-right: 			0px;
	padding-right: 			0px;
}





/* CONTENT PAGE / TEXT PAGE SPECIFICS */

body#contentPage div#mainContentWrapper{
	background-image: 		url(/images/backgrounds/columnBgType3.gif);
	background-repeat: 		repeat-y;
}

body#contentPage div#mainContentWrapper div#contentColumn1{
	float: 					left;
	width: 					156px;
	padding-right: 			11px;
}

body#contentPage div#mainContentWrapper div#contentColumn2{
	float: 					left;
	width: 					426px;
	padding: 				0 33px 0 30px;
}

body#contentPage div#mainContentWrapper div#contentColumn3{
	float: 					left;
	width: 					145px;
	padding-left: 			12px
}



/* MODULES */

/* --- General */

/* ------ Teaser Module */

div.teaserWrapper{
	background-image: 		url(/images/spacing/dotsHorizontalType1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
	margin-bottom: 			2px;
	padding:		 		11px 0 11px 0;
}

div.teaserWrapper img {
	border: 				none;
	margin: 				0 0 10px 10px;
}

div.teaserWrapper h3{
	font-size: 				12px;	
	padding: 				0 10px 8px 10px;
}

div.teaserWrapper div.text{
	padding: 				0 10px 0 10px;
	margin-bottom: 			2px;
}

div.teaserWrapper p.linkWrapper{
	margin: 				0 10px 0 10px;
}

div.teaserWrapper p.linkWrapper a:hover {
	color: 					#004569;
}



/* --- News Teaser Module */

div.newsTeaserWrapper{
	background-image: 		url(/images/fades/type1BgFade.jpg);
	background-repeat: 		repeat-x;
	margin-bottom: 			2px;
}

div.newsTeaserItem{
	background-image: 		url(/images/spacing/dotsHorizontalType1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
	padding:		 		10px 0 10px 0;
	margin: 				0 10px 0 10px;
}

div.newsTeaserItem p.date{
	font-size: 				10px;
	padding: 				0 0 7px 0;
}

div.newsTeaserItem h3{
	font-size: 				12px;
	padding: 				0 0 8px 0;
}

div.newsTeaserItem div.text{
	margin-bottom: 			2px;
}

div.newsTeaserItem p.linkWrapper a:hover {
	color: 					#004569;
}




/* --- Text Module */

div.textWrapper{
	line-height: 			14px;
	margin-bottom: 			15px;
}

div.textWrapper a:hover {
	color: 					#004569;
}

div.textWrapper ul{
	list-style: 			disc;
	padding-left: 			25px;
}

div.textWrapper ul li{
	margin-bottom: 			3px;
}



/* --- Download Module */

p.downloadWrapper{
	background-image: 		url(/images/spacing/dotsHorizontalType1.gif);
	background-repeat: 		repeat-x;
	padding-top: 			6px;
}

p.downloadWrapper span {
	display: 				block;
	padding: 				0 0 6px 0;
}

p.downloadWrapper span.bottomBorder{
	background-image: 		url(/images/spacing/dotsHorizontalType1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
	margin-bottom: 			15px;
}

p.downloadWrapper a{
	color: 					#4d4d4f;
	background-image: 		url(/images/icons/arrowDown.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 2px;
	padding-left: 			12px;
}



/* --- Spacer Module */

span.spacer {
	display: 				block;
	height: 				15px;
}



/* ------ H2 Module */

div#mainContentWrapper h2{
	font-size: 				12px;
	font-weight: 			bold;
	margin-bottom: 			16px;
}



/* --- Image and Text Module */

div.imageAndTextWrapper {
	margin-bottom: 		15px;
}

div.imageAndTextWrapper img{
	float: 				left;
	margin-bottom: 		0px!important;
}

div.imageAndTextWrapper div.textWrapper{
	font-size: 			10px;
	line-height: 		12px;
	width: 				360px;
	float: 				left;
	padding-left: 		7px;
}

div.imageAndTextWrapper div.textWrapper h3 {
	margin-bottom: 		5px;
}



/* --- Project Teaser Module */

div.projectTeaserWrapper {
	background-repeat:  repeat-x;
	padding: 			13px 10px 20px 10px;
	min-height: 		140px;
}

div.projectTeaserWrapper p.projectTeaserItem {
	margin-bottom: 		13px;
}

div.projectTeaserWrapper p.projectTeaserItem a{
	font-size: 			10px;
	color: 				#4c4d4f;
}	

div.bgFadeBlue {
	background-image:  	url(/images/fades/bgFadeBlue.jpg);
}

div.bgFadeGreen {
	background-image:  	url(/images/fades/bgFadeGreen.jpg);
}

div.bgFadeGrey {
	background-image:  	url(/images/fades/bgFadeGrey.jpg);
}

div.bgFadeOrange {
	background-image:  	url(/images/fades/bgFadeOrange.jpg);
}

div.bgFadePink {
	background-image:  	url(/images/fades/bgFadePink.jpg);
}

div.bgFadePurple {
	background-image:  	url(/images/fades/bgFadePurple.jpg);
}




/* --- Content Page Specifics */

/* ------ Image and Text Module */

body#contentPage div#mainContentWrapper div#contentColumn2 div.imageAndTextWrapper div.textWrapper {
	width: 				294px;
}



/* --- Front Page Specifics | Teaser Page Specifics */

/* ------ H2 Module */

body#frontPage div#mainContentWrapper h2,
body#teaserPage div#mainContentWrapper h2{
	font-size: 				14px;
	font-weight: 			bold;
	color: 					#1391f2;
	border-top: 			1px solid #1391f2;
	border-bottom: 			3px solid #1391f2;
	padding: 				8px 8px 7px 8px;
	margin-bottom: 			2px;
}



/* --- Content Column 2 Specifics */

/* ------ Image Module */

div#contentColumn2 img{
	margin-bottom: 		15px;
}