/* CSS Document */

html,body,h1,h2,h3{margin: 0;padding: 0;font-weight: normal;font-style: normal;
   font: 12px/16px Georgia, Times, serif;text-align: left;color: #666666;text-decoration:none;}
h1{font: 18px/20px Georgia, Times, serif;border-bottom: 1px solid #999999;margin-bottom:10px;}
h2,h3,h4,h5,h6{font-family:Georgia, Times, serif;font-weight:bold}
h2.header{font: 18px/20px Georgia, Times, serif;border-bottom: 1px solid #999999;margin-bottom:10px;}
p{font: 12px/18px Georgia, Times, serif;margin: 0 0 5px 0;position:relative;width:100%;}
img{border: 0;}
ol,ul,li,a {list-style: none;margin: 0;padding: 0;text-decoration:none}
li.pretty,h3.pretty{border-bottom: 1px solid #999999;}
.pretty p{margin: 0 0 10px 0;}
q:before,q:after,blockquote:before,blockquote:after {content: "";padding:0;margin:0}
b{font-weight:bold;}
hr{display:none;}
a:link {color: #666666;} /* Dark Grey */
a:visited {color: #333333;}/* Very Dark Grey almost black */
a:active {color: #333333;}/* Very Dark Grey almost black */
a:hover {color: #ff0000;}/* Red */


/* --- Layout --- */
#mainContainer,#logoArea,#header,#breadCrumb,#projectImages,#mainContent,#content,#footer
    {float:left;width:930px;position:relative;margin-right:-3px}
#mainContainer {margin-left: 40px;margin-top: 25px;}
#logoArea {height: 60px;position:absolute; top:130px;left:0;border-bottom: 1px solid #999999;border-top: 1px solid #999999;}
#header {height: 130px;margin-bottom:63px;}
#breadCrumb{text-transform:uppercase;border-bottom: 1px dotted #999999;padding:10px 0 5px 0}
#projectImages{margin-top:20px;padding:0;}
#mainContent{width: 100%;padding:20px 0 20px 0}
/*#content{margin-top:20px;}*/
#left{float:left;position:relative;width:367px;}
#right{float:right;position:relative;width:367px;margin-right:-3px;}
#footer{text-align:left;clear:both;border-top: 1px solid #999999;z-index:1;}
/*#projectTitlesContainer {position:relative;float:left;width: 100%;padding:20px 0 0 0;}*/


/***********************MODULES etc.**********************/
/*********************************************************/

.menuBox,.menuBoxNews,.category,.languageMenu,.projectTitles,
.mainArticle,.relatedContent,.relateCategory,.tjenesteModul {float:left;position:relative;}

/*  Logoarea */
#logoArea img,#logoArea object{float:left;position:relative;}
#logoArea .slogan img{float:right;position:relative;/*width:464px;*/margin-top:7px;}
/*#logoArea .slogan h1{float:right;position:relative;width:500px;
    font: 14px/16px "arial, helvetica, sans serif";text-transform:uppercase;padding-top:23px}*/
/*#logoArea .slogan a{float:right;position:relative;font: 40px/50px Georgia, Times, serif;padding:7px 0 2px 0;color: #ff0000;}
#logoArea .slogan a:link,#logoArea .slogan a:visited,#logoArea .slogan a:hover{color: #ff0000;}*/


/* header */
.menuBox {width: 166px;margin-right: 25px;}
.menuBox li a{display:block;}
.menuBoxNews{width:166px;height: 105px;margin-right:-3px}
.category {width: 100%;border-bottom: 1px solid #999999;padding:0 0 5px 0;margin-bottom:5px;}
/* header language menu*/
.languageMenu{width:166px;height:25px;margin-right:-3px}
ul#language {float:right;width:auto}
#language li {display: inline; float: left;width:auto;text-align: center;position: relative;padding:0; overflow: visible;margin: 0;}
/*#language a,#language a:link{color:#333333;*//* display:block; Not in this case it will look strange}*/
/*#language a#current{color:#999999;}*/

/* frontpage */
#projectImages{margin-right:-3px}

#projectImages .images{float:left;position:relative;margin:0;padding:0;height:186px;height:372px;width:186px;}

.imageTextGrid{
}

.imageTextGrid .imageGrid{
	position: relative;
	height: 372px;
	width: 930px;
}

.imageTextGrid .textGrid{
	position: relative;
	height: 150px;
	width: 930px;
}


.imageTile {
	position: absolute;
	overflow: hidden;
	border: 1px solid white;
	background-repeat: no-repeat;
	background-position: center center;


	left: -500px;
}

.imageTile:hover,
.imageTile.activeTile {
	opacity: 0.4;
}


.textTile {
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	color: #666666;

	left: -400px;

}

.textTile a{
	display: block;
}


.textTile.activeTile a{
	color: #ff0000;
}

.textTile.row0 a{
	border-bottom: 1px solid #666666;
}

.tileSize2x2.row0 a {
	border-bottom: 0;
}

.textTile.row1 {
	margin-top: 1px;
}

.tileSize1x1 {
	width: 184px;
	height: 184px;
}


.tileSize2x2 {
	width: 370px;
	height: 370px;
}

.tileSize2x1 {
	width: 370px;
	height: 184px;
}

.textTile.tileSize1x1,
.textTile.tileSize1x1 a{
	/*width: 164px;*/
	height: 65px;
}
.textTile.tileSize2x1,
.textTile.tileSize2x1 a{
	/*width: 350px;*/
	height: 65px;
}

.textTile.tileSize2x2,
.textTile.tileSize2x2 a{
	/*width: 350px;*/
	height: 140px;
}

.textTile {
	/*width: auto !important;*/
	/*height: auto !important;*/
}

.textTile a {
	padding: 5px;
}


/*#projectImages img{height:186px;width:186px;}*/
.imageopacity img{opacity: 1}
.imageopacity img:hover{opacity: 0.4;}
.toggleopacity img{opacity: 1;}
.toggleopacity img:hover{opacity: 0.1;}
/*.imageopacity img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;}
.imageopacity img:hover{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter: alpha(opacity=100);-moz-opacity: 1;}
.toggleopacity img{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter: alpha(opacity=100);-moz-opacity: 1;}
.toggleopacity img:hover{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);filter: alpha(opacity=10);-moz-opacity: 0.1;}*/
.projectTitles {width:17.5%;padding:0px 2.5% 0 0;}
.projectTitle1,.projectTitle2 {float:left;position:relative;width: 100%;padding:10px 0;}
.projectTitle1 {border-bottom: 1px solid #999999;}

/* main article */
.mainArticle{width:367px;}
.mainArticle h1{width:367px;}
#right .mainArticleImage,#right .mainArticlePDF{position:relative;top:0;left:-159px; width:526px;margin:0 0 50px 0;}
#right #map{position:relative;top:0;left:-159px; width:526px;margin:0 0 0px 0;}
#left .mainArticleImage,#left .mainArticlePDF{position:relative;top:0;left:0; width:462px;width:526px;margin:0 37px 50px 0;}
#right .mainArticle{margin:0 0px 0 0px}
.imageText{font-style:italic;padding:10px 0;}
.relatedContent{width:367px;}
#right .relatedContent{/*margin:0 70px 0 -70px*/}
.relateCategory {width: 100%;border-bottom: 1px solid #999999;padding:15px 0 5px 0;margin-bottom:10px}
#popupform{/*position:relative;margin-top:-25px;*/position:absolute;left:0;top:-25px;width:100%;padding:10px;margin-bottom:20px;
    border:1px dotted #333333;/*font: 18px/25px "Georgia, Times, serif";*/ visibility:hidden;background-color:White;z-index:100;}
/*#popupform h2{font: 20px/26px "Georgia, Times, serif"}*/
.mainArticle h3{margin:0 0 7px 0;font: 12px/18px Georgia, Times, serif;}
.ingress{font-weight:bold;margin-bottom:7px;}

/* listing with related articles */
table{width:100%;padding:0;margin:0;}
thead td{font-weight:bold;padding:0px 0 10px 0;}
.subItem{width:50%;}
.mainItem{width:50%;}
tbody tr{vertical-align:top}

/*Other*/
#breadCrumb .kurslogo{float:right;position:absolute;top:2px;right:0}
#breadCrumb .kurslogo span{font: 12px/25px Georgia, Times, serif;text-transform:none;padding-left:5px}
#breadCrumb .kurslogo img{vertical-align:middle}
.structurelabel,.intro{position:absolute;left:-1200px;visibility:hidden;height:0}


#projectImages{
	height: auto;
	background-color: transparent;
}

#projectImages img{
	width: auto;
	height: auto;
}


.imageTextGrid{
}

.imageTextGrid .imageGrid{
	position: relative;
	height: 372px;
	width: 930px;
}

.imageTextGrid .textGrid{
	position: relative;
	height: 150px;
	width: 930px;
}


.imageTile {
	position: absolute;
	overflow: hidden;
	border: 1px solid white;
	background-repeat: no-repeat;
	background-position: center center;


	left: -500px;
}

.imageTile:hover,
.imageTile.activeTile {
	opacity: 0.4;
}


.textTile {
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	color: #666666;

	left: -400px;

}

.textTile a{
	display: block;
}


.textTile.activeTile a{
	color: #ff0000;
}

.textTile.row0 a{
	border-bottom: 1px solid #666666;
}

.tileSize2x2.row0 a {
	border-bottom: 0;
}

.textTile.row1 {
	margin-top: 1px;
}

.tileSize1x1 {
	width: 184px;
	height: 184px;
}


.tileSize2x2 {
	width: 370px;
	height: 370px;
}

.tileSize2x1 {
	width: 370px;
	height: 184px;
}

.textTile.tileSize1x1,
.textTile.tileSize1x1 a{
	width: 164px;
	height: 65px;
}
.textTile.tileSize2x1,
.textTile.tileSize2x1 a{
	width: 350px;
	height: 65px;
}

.textTile.tileSize2x2,
.textTile.tileSize2x2 a{
	width: 350px;
	height: 140px;
}

.textTile {
	width: auto !important;
	height: auto !important;
}

.textTile a {
	padding: 5px;
}