/* GENERAL STYLES */
/* > > > > >  GLOBAL CONSTANTS  < < < < <
        
    COLORS
        Dark purple: #4a1251
        Light purple: #8f3785
        Light grey: #bfbfbf
        Dark grey: #7f7f7f

    DIMENSIONS
        Site width: 832px
        
        
    9 CSS Ethics Every Designer Should Have: 
    http://www.noupe.com/how-tos/9-css-ethics-every-designer-should-have.html
    */


/*  Global styles
*************************************************************/



html
{
	height: 100%;
}

body
{
	background-color: #d4d3a8;
	background-image: url(../data/assets/images/background.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

a:hover
{
	color: #cd1041;
	text-decoration: none;
}


/*  Structural elements
*************************************************************/

#pageContainer
{
	position: relative;
	margin: auto;
	width: 832px;
}

#frontpageContainer
{
	margin-top: 10px;
	position: relative;
}

#leftContainer
{
	float: left;
	margin-right: 12px;
	margin-top: 10px;
	position: relative;
	width: 620px;
}

#rightContainer
{
	float: left;
	padding-top: 110px;
	position: relative;
	width: 200px;
}

.content ul
{
	margin: 0;
}

.content li
{
	background-image: url(../data/assets/images/list_item.gif);
	background-position: .3em .55em;
	padding-left: 1.4em;
	background-repeat: no-repeat;
	list-style-type: none;
	line-height: 1.3em;
}

#logo_ditforhold
{
	background-image: url(../data/assets/images/logo.png);
	height: 209px;
	left: 622px;
	position: absolute;
	top: -42px;
	width: 252px;
	z-index: -10;
}

#logos
{
	clear: both;
	height: 70px;
	position: relative; /*top: -180px;*/
	top: 20px;
	z-index: 5;
}

#logo_ligestilling
{
	width: 50%;
	float: left;
}

#logo_dkr
{
	width: 50%;
	float: left;
	text-align: right;
}

/*  Frontpage Boxes
*************************************************************/

.frontpage_box1
{
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	width: 832px;
	z-index: 2;
}

.frontpage_box1 tr
{
	vertical-align: bottom;
}

.frontpage_box1 .illustration
{
	background-image: url(../data/assets/images/frontpage_illustration.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 178px;
	width: 392px;
}

.frontpage_box1 .content
{
	padding-bottom: 12px;
	padding-right: 200px;
	width: 240px;
}

.frontpage_box2
{
	position: relative;
	z-index: 2;
}

.frontpage_box2 .content
{
	background-image: url(../data/assets/images/frontpage_box2.png);
	background-position: bottom;
	background-repeat: no-repeat;
	color: #000;
	padding: 10px 15px 10px 10px;
}

.frontpage_box2 .bottom
{
	/*background-image: url(../data/assets/images/frontpage_box2_bottom.png); 	height: 39px;*/
	position: relative;
}

.frontpage_box2 .splat
{
	background-image: url(../data/assets/images/frontpage_box2_splat.png);
	height: 87px;
	left: 640px;
	position: absolute;
	top: -39px;
	width: 174px;
	z-index: -10;
}

.frontpage_box3
{
	float: left;
	position: relative;
	width: 410px;
	z-index: 2;
}

.frontpage_box3 .content
{
	background-color: #000;
	color: #FFF;
	min-height: 170px;
	padding: 10px 10px 0 10px;
	position: relative;
}

.frontpage_box3 .bottom
{
	background-image: url(../data/assets/images/frontpage_box3_bottom.png);
	color: #FFF;
	height: 40px;
	padding: 0 10px 0 170px;
	position: relative;
}

.frontpage_box3 .bottom a:hover
{
	color: #FFF;
}

.frontpage_box3 .splat1
{
	background-image: url(../data/assets/images/frontpage_box3_splat1.png);
	height: 126px;
	left: -60px;
	position: absolute;
	width: 60px;
	top: 10px;
	z-index: -10;
}

.frontpage_box3 .splat2
{
	background-image: url(../data/assets/images/frontpage_box3_splat2.png);
	height: 198px;
	left: 130px;
	position: absolute;
	top: -43px;
	width: 309px;
	z-index: -10;
}

.frontpage_spacer
{
	float: left;
	height: 400px;
	width: 12px;
}

.frontpage_box456
{
	float: left;
	height: 400px;
	/*margin-left: 12px;*/
	position: relative;
	width: 410px;
	z-index: 2;
}

.frontpage_box4
{
	float: left;
	position: relative;
	width: 198px;
	z-index: 2;
}

.frontpage_box4 .content
{
	background-color: #000;
	color: #FFF;
	padding: 10px 10px 0 10px;
}

.frontpage_box4 .bottom
{
	background-image: url(../data/assets/images/frontpage_box4_bottom.png);
	height: 28px;
	padding: 0;
}

.frontpage_box5
{
	float: left;
	margin-left: 14px;
	position: relative;
	width: 198px;
	z-index: 2;
}

.frontpage_box5 .content
{
	background-color: #ec1186;
	color: #000;
	padding: 10px 10px 0 10px;
}

.frontpage_box5 .bottom
{
	background-image: url(../data/assets/images/frontpage_box5_bottom.png);
	height: 19px;
	padding: 0;
}

.frontpage_box5 .splat
{
	background-image: url(../data/assets/images/frontpage_box5_splat.png);
	height: 80px;
	left: 142px;
	position: absolute;
	top: 22px;
	width: 63px;
	z-index: -10;
}

.frontpage_box6
{
	position: relative;
	z-index: 2;
}

.frontpage_box6 .content
{
	background-color: #272e3e;
	color: #FFF;
	padding: 10px 10px 0 10px;
}

.frontpage_box6 .bottom
{
	background-image: url(../data/assets/images/frontpage_box6_bottom.png);
	height: 40px;
	padding: 0;
}

.frontpage_box4 a
{
	font-weight: normal;
}

.frontpage_box4 a:hover
{
	color: #FFF;
}

.frontpage_box6 a
{
	color: #EC1186;
	font-weight: normal;
}

.frontpage_box6 a:hover
{
	color: #FFF;
}


/*  Boxes
*************************************************************/

.box
{
	position: relative;
	z-index: 2;
}

.box .content
{
	background-color: #FFF;
	color: #000;
	padding: 20px 20px 0 20px;
}

.box .bottom1
{
	background-image: url(../data/assets/images/box_bottom_1.png);
	height: 30px;
	padding: 0;
}

.box .bottom2
{
	background-image: url(../data/assets/images/box_bottom_2.png);
	height: 40px;
	padding: 0;
	position: relative;
	top: 0;
	z-index: -10;
}

.box .splat
{
	background-image: url(../data/assets/images/box_splat.png);
	height: 139px;
	left: -65px;
	position: absolute;
	top: -75px;
	width: 150px;
	z-index: -10;
}

.box .bottomSplat
{
	background-image: url(../data/assets/images/box_bottom_splat.png);
	height: 182px;
	left: 329px;
	position: absolute;
	top: -27px;
	width: 297px;
	z-index: -20;
}

/*  Right bar
*************************************************************/

.rightbox
{
	position: relative;
	z-index: 3;
}

.rightbox img
{
	position: relative;
}

.rightbox .content
{
	padding: 10px 10px 10px 10px;
}

.rightbox_black .content
{
	background-color: #272e3e;
	color: #fff;
}

.rightbox_black .content p
{
	color: #FFF;
}

.rightbox_black .bottom
{
	background-image: url(../data/assets/images/rightbox_black_bottom.png);
	height: 40px;
	padding: 0;
}

.rightbox_black .splat
{
	background-image: url(../data/assets/images/rightbox_black_splat.png);
	height: 128px;
	left: 80px;
	position: absolute;
	top: -65px;
	width: 166px;
	z-index: -10;
}

.rightbox_red .content
{
	background-color: #ec1186;
	color: #000;
}

.rightbox_red .content p
{
	color: #000;
}

.rightbox_red .bottom
{
	background-image: url(../data/assets/images/rightbox_red_bottom.png);
	height: 29px;
	padding: 0;
}

.rightbox_red .splat
{
	background-image: url(../data/assets/images/rightbox_red_splat.png);
	height: 103px;
	left: 109px;
	position: absolute;
	width: 132px;
	z-index: -10;
}

.rightbox_white .content
{
	background-color: #FFF;
	color: #000;
}

.rightbox_white .content p
{
	color: #000;
}

.rightbox_white .bottom
{
	background-image: url(../data/assets/images/rightbox_white_bottom.png);
	height: 28px;
	padding: 0;
}

.rightbox_white .splat
{
	background-image: url(../data/assets/images/rightbox_white_splat.png);
	height: 103px;
	left: 89px;
	position: absolute;
	bottom: 0px;
	width: 132px;
	z-index: -10;
}

/*  Rating
*************************************************************/

.ratingbox
{
	position: relative;
	top: 25px;
	left: 470px;
	width:200px;
	z-index: 500;
}

.ratingbox .thanks
{
	color: #EC1186;
	font-weight: bold;
}

.rating
{
	width: 161px;
	height: 40px;
	position: relative;
	background-image: url(/data/assets/images/rating.gif);
	background-repeat: no-repeat;
	background-position: -20px 0;
	overflow: hidden;
}

.rating .current
{
	overflow: hidden;
	text-indent: -5000px;
	width: 161px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(/data/assets/images/rating.gif);
	background-repeat: no-repeat;
	background-position: -20px -650px;
}

.rating .rate05
{
	background-position: -20px -6000px;
}
.rating .rate10
{
	background-position: -20px -500px;
}
.rating .rate15
{
	background-position: -20px -450px;
}
.rating .rate20
{
	background-position: -20px -400px;
}
.rating .rate25, .rating .rateNaN
{
	background-position: -20px -350px;
}
.rating .rate30
{
	background-position: -20px -300px;
}
.rating .rate35
{
	background-position: -20px -250px;
}
.rating .rate40
{
	background-position: -20px -200px;
}
.rating .rate45
{
	background-position: -20px -150px;
}
.rating .rate50
{
	background-position: -20px -100px;
}

.rating ul
{
	background-image: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 112px;
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 0;
}

.rating ul li
{
	background-image: none;
	list-style: none;
}

.rating ul a:link, .rating ul a:visited, .rating ul a:active, .rating ul a:hover
{
	background-image: url(/data/assets/images/rating.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 1px;
	width: 21px;
	height: 40px;
	overflow: hidden;
	text-indent: -5000px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
}

.rating ul li.r1 a:link, .rating ul li.r1 a:visited, .rating ul li.r1 a:active
{
	left: 1px;
}
.rating ul li.r2 a:link, .rating ul li.r2 a:visited, .rating ul li.r2 a:active
{
	left: 22px;
}
.rating ul li.r3 a:link, .rating ul li.r3 a:visited, .rating ul li.r3 a:active
{
	left: 43px;
}
.rating ul li.r4 a:link, .rating ul li.r4 a:visited, .rating ul li.r4 a:active
{
	left: 64px;
}
.rating ul li.r5 a:link, .rating ul li.r5 a:visited, .rating ul li.r5 a:active
{
	left: 85px;
}

.rating ul li a:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
	width: 120px;
	left: 0;
	background-image: url(/data/assets/images/rating.gif);
	background-repeat: no-repeat;
	background-position: -20px -650px;
	z-index: 1;
}

.rating ul li.r1 a:hover
{
	background-position: -20px -500px;
	left: 0;
}
.rating ul li.r2 a:hover
{
	background-position: -20px -400px;
	left: 0;
}
.rating ul li.r3 a:hover
{
	background-position: -20px -300px;
	left: 0;
}
.rating ul li.r4 a:hover
{
	background-position: -20px -200px;
	left: 0;
}
.rating ul li.r5 a:hover
{
	background-position: -20px -100px;
	left: 0;
}

/*  Form
*************************************************************/

.form
{
	font-size: .8em;
	margin: 0 auto;
	width: 520px;
}

.form label
{
	font-size: 100%;
}

.form textarea
{
	background-color: #e9e9d4;
	border: 0;
	font-family: Arial Narrow, Arial, Sans-Serif;
	height: 200px;
	width: 500px;
}

.form input
{
	background-color: #e9e9d4;
	border: 0;
}

.form .btn
{
	background-color: #FFF;
}

.form .bg
{
	background-color: #e9e9d4;
}

.formResponse
{
	margin: 0 auto;
	width: 150px;
}

.form .width
{
	width: 220px;
}

.form .height
{
	height: 100px;
}

/*  Stories
*************************************************************/

#back_to_stories
{
	font-size: .8em;
	position:absolute;
}


div.surveyBox{
	text-align:left;
	width: 100%;
	border: none;
	padding: 6px 6px 6px 6px;
}

.startSurveyBtn{
	background-image: url("/data/assets/images/smsStart.png");
	background-repeat:no-repeat;
	height: 61px;
	width: 79px;
}

.endSurveyBtn{
	background-image: url("/data/assets/images/smsEnd.png");
	height: 61px;
	width: 79px;
}

div.surveyBox input.inputSchool,input.inputPhone,input.inputClass,input.inputEmail, input.input{
border:1px solid #000000;
width: 175px;
margin-bottom:0.5em;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 12px;
padding-left: 4px;
}

/************* SOEGNING *****************/

p.xsltsearch_result_title{
	padding: 0 0 0 0;
}
p.xsltsearch_result_description{
	margin-bottom: 10px;
}

span strong{
	color: #EC1186;
}

.submit{
	border:1px solid #000000;
margin-bottom:0.5em;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 12px;
padding-left: 4px;
}

#xsltsearch_stats{
	height: 50px;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */