/* @override 
	http://fra5250til2009.dk/style.css
*/

/*DOC ELEMENTS*/
body{
	margin-top: 0px;
	text-align: center;
	font-family: Arial;
	background: #666666 url(./img/body-bg.png) repeat-x;
	color: #494d53;
}

.notification{
	font-size: 12px;
}

#wrapper{
	margin: 0 auto;
	width: 948px;
	text-align: left;
	float: none;
	display: block;
	padding: 0px;
	height: 0px;

}


.main-structure{
	width: 948px;
}

/*PRODUCT-MENU*/

#productmenu{
	height: 20px;
	font-size: 12px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
}

#productmenu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 5px;
}

.product-item{
	float: left;
	display: inline-block;
	width: 133px;
	margin-left: 0px;
	margin-right: 1px;
	cursor: pointer;
	color: white;
	margin-bottom: 0px;
	text-align: center;
	font-size: 10px;
}

#product-sysmet{

}
#product-blueseries{

}
#product-interform{

}

#product-zipseries{

}
#product-icebreak{

}
/*NAV-MENU*/


#header{
	height: 39px;
	float: left;
	display: block;
}

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

.header-button{
	height: 39px;
	width: 134px;
	float: left;
	display: inline-block;
	cursor: pointer;
}

#header-1{
	width: 138px;
	background: url(./img/ie6-header-produkter.png) 4px 4px no-repeat;

}

#header-2{
	background: url(./img/ie6-header-download.png) 0px 4px no-repeat;
	cursor: default;

}

#header-3{
	background: url(./img/ie6-header-kontakt.png) 0px 4px no-repeat;
	cursor: default;

}
#header-4{
	background: url(./img/ie6-header-corporate.png) 0px 4px no-repeat;
	cursor: default;

}

#header-5{
	background: url(./img/ie6-header-sitemap.png) 0px 4px no-repeat;
	cursor: default;

}

#header-6{
	background: url(./img/ie6-header-trial.png) 0px 4px no-repeat;
	width: 274px;
	
}

/*CONTENT*/



#content{
	width: 948px;
	display: table-cell;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	margin: 0;
}

#overlay{
	position: absolute;
	height: 413px;
	_height: 411px;
	width: 940px;
	*position: relative;
	*top: 411px;
	*margin-top: -411px;
	display: block;
	z-index: 1;
	background-image: url(./img/overlay-bg.png);
}

object{
	position: relative;
	top: 20px;
	clear: both
	display: block;
	
}

.close{
	display: block;
	margin: 5px;
	float: left;
	clear: both;
}

#content-main{
	width: 940px;
	background-color: white;
	float: left;
	display: block;
	border-bottom: 1px solid grey;
	border-top: 1px solid grey;
	padding-bottom: 2px;

}
#content-details{
	width: 940px;
	background-color: #E0E0E0;
	float: left;
	display: block;
	border-bottom: 1px solid #000;
}
.text-holder{
	margin-left: 28px;
	_margin-left: 14px;
	padding-left: 0px;
	margin-top: 35px;
	margin-right: 17px;
	width: 483px;
	display: block;
	float: left;
	clear: both;
	padding: 0px;
	_width: 450px;
	padding-bottom: 10px;


}


#content-details .text-holder{
	padding-bottom: 20px;
	margin-top: 0px;
	width: 455px;
	padding-right: 28px;
	_padding-right: 18px;

}

#first-text-holder{
	_padding-right: 0px;
	_width: 403px;

}

#content-main .text-holder{
	background-color: #FFFFFF;
	_width: 470px;

}
#overlay h1{
	color: #5f1470;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	margin-left: 0px;
	padding-left: 0px;


}


#overlay h2{
	color: #5f1470;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	margin-top: -8px;


}


#overlay h3{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -10px;
	*margin-bottom: 0px;

}

#content-main h1{
	color: #5f1470;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	margin-left: 0px;
	padding-left: 0px;


}


#content-main h2{
	color: #5f1470;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	margin-top: -8px;


}


#content-main h3{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -10px;
	*margin-bottom: 0px;

}

h4{
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #2c2f32;
	float: left;
	display: block;

}

/*DETAILS*/

#content-details h1{
	*padding-top: 20px;
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
	*margin-bottom:4px;
	color: #2c2f32;
	float: left;
	display: block;
	clear: both;
}

#content-details h2{
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -8px;
	*margin-bottom: 2px;
	margin-top: 0px;
	color: #2c2f32;
	float: left;
	clear: both;
	display: block;
	*padding-top: 8px;
}



#content-details h3{
	width: 100%;
	font-size: 11px;
	line-height: 11px;
	margin-bottom: -8px;
	*margin-bottom: 0px;
	margin-top: 0px;
	color: #2c2f32;
	float: left;
	clear: both;
	text-decoration: underline;
	display: block;
}

#content-details ol{
	width: 100%;
	float: left;
	clear: both;
	display: block;
	font-size: 11px;
	list-style-position: inside;
	padding-left: 0;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 2px;
	*margin-left: 0px;
}

.text-holder p{
	width: 100%;
	font-size: 11px;
	line-height: 18px;
	float: left;
	display: block;
	margin-bottom: 25px;
	clear: both;
}

.text-holder ul{
	margin-top: 5px;
	padding: 1px;
	font-size: 11px;
	list-style-position: inside;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	_width: 290px;
}

.text-holder li{
	line-height: 18px;
	padding-left: 0px;
	margin-left: -1px;
}

.image-holder{
	width: 400px;
	display: block;
	float: right;
	clear: none;
	overflow: hidden;
}

.image-holder img{
	margin-top: 35px;
}

#content-main .image-holder{
	background-color: white;
}

#content-main .image-holder img{
	margin-bottom: 35px;

}




/*TOC*/

.toc{
	margin-top: 40px;
	width: 465px;
	margin-bottom: 40px;
	display: block;
	float: left;
	background-color: white;
	clear: both;
	margin-left: -5px;
	_position: relative;
	_left: 6px;
	*padding-bottom: 6px;
	-padding-bottom: 0px;

}

.toc-content{
	float: left;
	margin: 6px;
	width: 453px;
	_width: 440px;
	padding-bottom: 10px;
	background: #A8BBC9 url(./img/details-toc-bg.png) no-repeat;
	_position: relative;
	-left: 2px;
	overflow: hidden;
	-width: 453px;
	-margin-left: 3px;
	-margin-right: 3px;
	-height: 130px;
}


.toc a{
	color: black;
}

.toc ul{
	margin: 0px;
	clear: both;
	float: left;
	display: block;
	list-style-position: inside;
	margin-left: 10px;
	margin-top: 4px;
}

.toc li{
	line-height: 19px;
}

.toc h5{
	padding-top: 10px;
	padding-left: 10px;
	font-size: 12px;
	margin: 0px;
	clear: both;
	float: left;
	display: block;
}

.toc-left{
	float: left;
	width: 500px;
	_width: 500px;
	clear: none;
}

.toc-right{
	margin-top: 24px;
	float: right;
	width: 140px;
	_width: 100px;
	font-weight: bold;
	clear: none;
	_position: relative;
	left: 130px;
	-top: -112px;
	-height: 0px;
	display: block;
}

.toc-right ul{
	list-style: none;

}

.toc-right li{
	padding-left: 15px;
	*padding-left: 0px;
	
	line-height: 20px;
	background: url(./img/toc-bullet-arrow.png) no-repeat 0 3px;
	*background: url(./img/toc-bullet-arrow.png) no-repeat 0 4px;

}


/*PROMO*/

.promo{
	width: 194px;
	height: 53px;
	float: right;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-right: -10px;
	_margin-right: 0px;
	margin-left: -20px;
	_position: relative;
	_left: 20px
	
}

.promo-item{
	margin: 0px;
	width: 88px;
	height: 52px;
	float: left;
	color: white;
	font-size: 10px;
	padding-top: 6px;
	padding-left: 8px;
	cursor: pointer;
	z-index: -2;
}

#green-sticker{
	background: url(./img/promo-sticker-green.png) no-repeat;
	z-index: -2;

}

#red-sticker{
	background: url(./img/promo-sticker-red.png) no-repeat;
	float: right;
}

#red-sticker:hover{
	background: url(./img/promo-sticker-red.png) no-repeat 0 -53px;
	float: right;
	z-index: -2;

}

#green-sticker:hover{
	background: url(./img/promo-sticker-green.png) no-repeat 0 -53px;
	
}

/*ROLL DOWN*/

.text-background{
	background-color: #EFEFEF;
	float: left;
	width: 535px;
}

/*FOOTER*/

#footer{
	display: block;
	float: left;
	height: 40px;
}

.footer-item{
	float: left;
	display: block;
	color: white;
	height: 42px;
}

#footer-more{
	font-size: 16px;
	padding-left: 43px;
	width: 229px;
	background: url(./img/footer-more.png) no-repeat 4px 0px;
	cursor: pointer;
}

#footer-more p{
	bottom: -9px;
	position: relative;
	color: #956f8f;
	margin-top: 0px;
}

#footer-info{
	width: 402px;
	background: url(./img/footer-info.png) no-repeat 0px 0px;

}

#footer-info p{

	margin-left: 10px;
	*margin-top: 7px;
	font-size: 8px;
	color: #333;

}

#footer-logo{
	width: 134px;
	background: url(./img/footer-logo.png) no-repeat 0px 0px;

}

#footer-lang{
	width: 140px;
	background: url(./img/footer-lang.png) no-repeat 0px 0px;

}
/*ADJUSTMENTS*/
h1{
	margin-top: 0px;
	clear: both;

}

p.description{
	margin-bottom: 4px;
}

/*SPACER @ BOTTOM*/
.spacer{
	width: 940px;
	height: 20px;
	float: left;
	display: block;
}

a{
	color: #444;
}