/* CSS Document */
/*
UDREGNING AF FONT STØRRELSE
child in pixel / parent in pixel = child in em
Body font-size: 62.5%
1em = 10px
1.1em = 11px
*/

/*LAYOUT ELEMENTER*/
html {
	height:98%;
}

body {
	height: 98%;
	font-size: 62.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #EFEFEF;
	text-align: center;
	padding: 0px;
	margin: 10px 0px 0px 0px; 
	/*Scrollbar*/
	scrollbar-face-color: #EFEFEF;
  	scrollbar-highlight-color: #EFEFEF;
   	scrollbar-shadow-color: #C0C0C0;
   	scrollbar-3dlight-color: #FFFFFF;
   	scrollbar-arrow-color: #064B86;
   	scrollbar-track-color: #FFFFFF;
   	scrollbar-darkshadow-color: #C0C0C0;
}

/*Læses kun af FF*/
html > body {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}

#holder {
	height:95%;
	width: 948px;
	background-color: #EFEFEF;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
}

html > body #holder{
	height: 99%;
}

#bti {
	background-image:url(../templates/images/bti_top.gif);
	background-repeat:no-repeat;
	background-position: right;
	line-height: -999em;
	height: 4px;
	position: relative;
	/*Ellers kommer der hvidt over BTI-stregen*/
	top: 3px;
}

/*Læses kun af FF*/
html > body #bti{
	top: 0px;
}

#header{
	padding: 0 10px 0 10px;
	background-color:#FFFFFF;
	background-image: url(../templates/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 40px;
	line-height: 45px;
}

#menu{
	height: 27px;
	background-color:#FFFFFF;
	background-image:url(http://net.grundfos.com/doc/webnet/magna/Templates/images/menubar_back.gif);
	background-repeat:repeat-x;
	padding: 0 10px 0 0;
	line-height:25px;
	color:#FFFFFF;
	font-weight: bold;
}

#countryCombo {
	position:relative;
	top:4px;
	float: right;
	line-height:1px;
	color:#000000;
	padding:0;
	margin:0;
}
#content_colour{
	background:#FFFFFF;
	min-height:78%!important;
}

#breadcrum_holder{
	height: 27px;
	padding: 0 10px 0 10px;
	font-weight: normal;
	color:#064b86;
	vertical-align:middle;
	line-height: 22px;
}
#breadcrum{
	float:left;
	position:relative;
	color: #064B86;
	z-index:1;
}
#back_link {
	float: right;
	/*text-align:right;*/
	position:relative;
	z-index:1;
	color:#064b86;
}

/*Læses kun af FF*/
html > body #breadcrum{
	padding-top: 6px;
}

/*Læses kun af FF*/
html > body #back_link{
	padding-top: 6px;
}

#content {
	padding: 0 30px 0 30px;
	font-size: 1.2em;
	height:80%;
}

#footer {
	background-color:#FFFFFF;
	background-image: url(../templates/images/bti.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
	padding: 0 10px 0 10px;
	border-top: #EFEFEF solid 2px;
	color:#064b86;
	line-height: 25px;
}

#copyright {
	text-align: center;
	border-top:#064b86 solid 2px;
	background-color: #EFEFEF;
	line-height: 20px;
	color:#000000;
}

/*TEXT ELEMENTS*/

h1{
	font-size: 1.8em;
	color: #064B86;
	font-weight: normal;
	margin: 0;
}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
	text-decoration:none;
	color: #064B86;
	font-weight: normal;
	margin: 0;
}

h3{
	font-size: 1.7em;
	color: #FFFFFF;
	font-weight: normal;
	/*margin: 0; */
	line-height: 20pt;
}

h2{
	font-size: 1em;
	font-weight: bold;
	line-height: 15pt;
	margin: 20px 0 -15px 0;
}

b{
	line-height: 15pt;
}

p{
	font-size:1em;
	line-height: 15pt;
}

a:link, a:active, a:visited, a:hover {
	color: #064B86;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul.text_list{
	line-height: 15pt;
	list-style:square;
}

ol.text_list{}

li.text_list{}

hr{}

/*MENU ELEMENTS*/
#nav, #nav ul{
	background-color: #064B86;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 25px;
	width:auto;
	text-decoration: none;
	z-index:2;
} 

#nav a {
	padding: 0 10px 0 10px;
	width: auto;
	color:#FFFFFF;
	text-decoration:none;
	/*Ellers læser IE undermenuen forkert*/
	display:block;
	z-index:2;
}
#nav li, #nav li:hover {
	position: relative;
	float: left;
	z-index:2;
}

#nav li ul {
	/*Sætter bredden på dropdown - skal være 20 px mindre end menupunktet*/
	width: 160px;
	position: absolute;
	border-top-color:#063770;
	border-top-style:solid;
	border-top-width:2px;
	padding-bottom: 6px;
	left: -999px;
	z-index:2;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul  {
	padding-top: 5px;
	left: auto;
	display:block;
	z-index:2;
}

#nav li ul li a, #nav li ul li a:hover{
	background-color: #064B86;
	/*Sætter bredden på dropdown - skal være 20 px mindre end menupunktet*/
	width:140px;
	display:block;
	z-index:2;
}
#nav li ul li a:hover{
	background-color: #386F9E;
	z-index:2;
}
#nav li ul li {
	line-height: 18px;
	display:block;
	font-weight:normal;
	z-index:2;
}
  
#breadcrum a:link, #breadcrum a:active, #breadcrum a:visited, #breadcrum a:hover {
	color: #064B86;
	/*font-size: 1em;*/
	text-decoration:none;
}

#breadcrum a:hover {
	text-decoration:underline;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color: #064B86;
	/*font-size: 1em;*/
	text-decoration:underline;
}

#footer a:hover {
	color: #A00C26;
}

/*OTHER ELEMENTS*/

input {
	background-color: #FFFFFF!Important;
	border-width: 1px;
	border-color: #646464;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.9em;
}
textarea {
	font-size: 1em;
   	border-color: #646464;
	border-width: 1px;
	border-style: solid; 
	overflow-y: scroll;
	overflow-x: no;
} 
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
}
.checkbox{ border:none; }
.radio{ border:none; }

/*FONT COLOURS*/
/*VIRKER IKKE???*/
.redText{ color: #A00C26; }
.blueText{ color: #064B86; }
.orangeText{ color: #E1861B; }
.grayLightText{ color: #EFEFEF; }
.graySemiText{ color: #C0C0C0; }
.grayDarkText{ color: #646464; }
.whiteText{ color: #FFFFFF; }

/*BACKGROUNDS*/
.redBackground{
	/* "!Important" makes it work in FF*/
	background-color: #A00C26!Important;
	color:#FFFFFF;
}