/*GENEREL STYLES*/
body {margin:0; padding:0; font: 79% Verdana, Arial, Helvetica, sans-serif; background: #5a5a64; color: #333;}
p {font: 1em/1.4 Verdana, Arial, Helvetica, sans-serif; padding: 0; margin:0 0 16px 0;}
h1 {font: bold 1.2em/1.2 Verdana, Arial, Helvetica, sans-serif; padding: 0; margin:0 0 5px 0; color: #6d6e70;}
h2 {font: 2em/1.1 Verdana, Arial, Helvetica, sans-serif; padding: 8px 0; margin:0; color:#d21034;}
h3, h4, h5 {font: normal 1em/1em Verdana, Arial, Helvetica, sans-serif; padding: 0; margin:16px 0 5px 0; color:#D21034;}
a {color: #AC3035; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

/*RTE*/
p.red {color: red;}
p.green {color: green;}
p.blue {color: blue;}
p.yellow {color: yellow;}
p.white {color: white;}
p.underline {text-decoration: underline;}

/*TABELLER*/

table.medkant {border: 1px solid #000; border-collapse:collapse;}
table.medkant td, table.medkant th {border: 1px solid #000;}

table.tabel_design {border: 1px solid #333333; padding: 2px;}
tr.tabelraekke {background-color: #ffffff;}
td.tabelcelle {background-color: #ffffff;}
td.specialbg {background-color: #d61031;display:block;color: #ffffff;}
 
/*--Accesskeys--*/
#accesskeys {position: absolute; left: -9999px; list-style:none; margin: 0; padding: 5px 10px; background: #fff;}
#accesskeys dd {margin: 0 0 0 15px;}
#accesskeys a {text-decoration: none;}
#accesskeys a:hover {text-decoration: underline;}


/*LAYOUT*/
#container {position: relative; width: 980px; margin: 0 auto;}
#header { position:relative; width: inherit; height:80px; background: url(../images/bg_top.gif) repeat-x;}
	#logo { position:absolute; left:40px; top:0px;}
	#servicenav { position:absolute; right:32px; bottom: 0;}
	#servicenav .lc{ background:url(../images/service_lc.gif) no-repeat; float:left; height:30px; width:16px;}
	#servicenav .c{ float:left; height:30px; /*width:182px;*/ background:#fff;}
	#servicenav .c img{ margin:9px 2px 0; border:none;}
	#servicenav .rc{ background:url(../images/service_rc.gif) no-repeat; float:left; height:30px; width:17px;}
	
#topmenu {position: relative; width: inherit; height:27px; z-index: 999; background:#fff;}
#topsearch {position: relative; width: inherit; height:53px; background:#fff;}
#splash {position: relative; width: inherit;}
#breadcrumb {position: relative; width: inherit; top: -26px; margin-bottom: -24px;}

#content {position: relative; width:740px; padding:0 20px;}

#twocols {float:left; width:980px; background:#fff; clear:both;}
#twocols #leftcol {float: left; width:155px; padding:0 16px 0 40px;}
#twocols #content {float: left; width:611px; padding:0 20px 34px; border-left:1px solid #bfbfbf;}

#twocols_r {float:left; width:980px; background:#fff; clear:both;}
#twocols_r #rightcol {float:left; padding:7px 13px 0 15px; width:155px;}
#twocols_r #content {float: left; width:671px; padding:0 20px 0 40px; border-right:1px solid #bfbfbf;}

#threecols {float:left; background:#fff; width:980px; clear:both;}
#threecols #leftcol {float: left; width: 155px; padding:0 16px 0 40px;}
#threecols #content {float: left; width: 518px; width:516px; padding:0 20px 34px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;}
#threecols #rightcol {float: left; width: 181px; width:155px; padding:7px 13px 0 15px;}
#rightcol .csc-textpic-imagewrap{ margin:0 0 10px;}
#content-right{position: relative; width:671px; padding:0 20px;}

/*HEADER*/
/*servicenav*/
#servicenav ul {margin: 0; padding: 0; list-style: none;}
#servicenav li {display: inline;}
#servicenav li a {font-size: 0.8em; padding: 0 5px 0 16px;}
#servicenav li a#serv_smap {background: url(../images/sitemap.gif) left center no-repeat;}
#servicenav li a#serv_kont {background: url(../images/mail.gif) left center no-repeat;}
#servicenav li a#serv_soeg {background: url(../images/soeg.gif) left center no-repeat;}
#servicenav li a#serv_login {background: url(../images/lock_icon.gif) left center no-repeat;}

/*MENUER*/
/*Topmenu*/
/*1.niveau*/
#topmenu ul{float: left; width: inherit; margin: 0; padding: 0 0 0 40px; list-style: none;}
#topmenu ul li{position: relative; float: left; border-left:1px solid #bfbfbf;}
*html #topmenu ul li a{float: left;} /*Skjuler denne style fra Opera*/
#topmenu ul li a{display: block; margin: 18px 0 0 0; padding: 0 15px 0 5px; font: 0.9em/1 Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration: none;}

#topmenu ul li a:hover{color:#d21034;}
#topmenu ul li.act_menu a{ color:#d21034;}

/*2.niveau*/
#topmenu ul li ul{display: none;}
#topmenu ul li:hover ul, #topmenu ul li.over ul {display: block; position: absolute; top: 2em; left: 0; background: #80858d; padding: 5px 2px; width: 150px;}
#topmenu ul li ul li {float:none; width: 150px;}
#topmenu ul li ul li a {float:none; color: #fff; font-size: 0.9em; line-height: 1.5; background: #80858d; font-variant: normal; padding-left: 3px;}
#topmenu ul li ul li a:hover {background: #fff; color: #80858d;}

#breadcrumb a {font-size: 0.9em/1; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}

/*Leftmenu*/
#leftcol ul{ margin:0; padding:0;}
#leftcol ul li{ margin:0 0 0 22px }

#leftcol ul.left_nav {margin: 0 0 10px; padding: 0; list-style: none;}
#leftcol ul.left_nav li {margin: 0; padding:8px 0; border-bottom:1px solid #bfbfbf;}
#leftcol ul.left_nav li a {line-height: 1.2; padding: 0.2em 0; color:#333;}
#leftcol ul.left_nav li a:hover { color:#D21034; text-decoration:none;}
#leftcol ul.left_nav li.act_menu a {color:#D21034;}

/*SPLASH*/
#splash img {margin: 0; padding: 0;}


/*INDHOLD*/
#breadcrumb p {font-size: 0.9em;}

#leftcol, #rightcol {font-size: 0.9em; padding-bottom: 10px;}

#footer {position:relative; width:980px; clear: both; text-align: center; height:60px; background:#fff url(../images/bg_bottom.gif) bottom no-repeat; border-top:1px solid #bfbfbf;}
#footer p{ margin:0; line-height:4.5em; font-size:0.9em;}

/*NYHEDER*/
.news-single-img {float: right; width: 250px;} /*Single maxWidth + 10px*/
.news-search-form {margin-bottom: 15px;}

.news-amenu-container ul {margin: 0; padding: 0; list-style: none;}
.news-amenu-container .news-amenu-item-year {font-weight: bold; padding-top: 5px;}


/*---- Flexible content elements----*/

.twocol {padding: 10px 0;}
.twocol .first{float: left; width: 48%;}
.twocol .second{float: right; width: 48%;}

#search{position:absolute; right:41px; top:15px;}
#search .searchinput{ border:1px dotted; width:153px;}
#search .searchsubmit{ font-size:0.9em; border:none; background:none; font-weight:normal; color:#333;}

/* tables */
table, table td, table th{ border:1px solid; }
th{ text-align:left;}

table.kontakter, table.kontakter td, table.kontakter th{ border:none;}
#servicenav .print{ position:absolute; top:2px; left:-43px;}

/* kontakt formular */
.kontaktForm{background-color:#D8E1E1; padding: 0 0 0 10px; width:100%;}

table.kontakt{width:95%; border:none;}
td.tekst{width: 40%; text-align:right; vertical-align:top; border:none; padding-bottom:12px;}
td.input{width: 60%; text-align:left; vertical-align:top; border:none; padding-bottom:12px;}

.kontaktInput{width:100%; border:0px; font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
.sendSubmit{ float:right; background-color:#D21034; width: 80px; border:0; color:#FFFFFF; text-align:right; padding-right:4px;}

/* login box */
.loginBox{color: #FFFFFF; background: url(../images/login.gif) left top  no-repeat; padding: 30px 4px 4px 12px;}
.loginBox form{margin:0px;}
.loginBox table,table td,input{border:0px;}
.loginBox td.submit{text-align:right;}
.loginButton{background: #FFFFFF; background: url(../images/arrowButton.gif) right no-repeat; height:25px; width:25px;}

/* forloeb tabeller */
.forloeb{width:100%; border: 1px solid #80858d; border-collapse:collapse; margin-bottom:15px;}
.forloeb th{border: 0; color:#FFFFFF; background: #80858d; padding:2px 2px 2px 5px;}
.forloeb td{border: 1px solid #80858d; color: #000000; background: #FFFFFF; padding: 2px 2px 2px 5px;}


.whitebg{background:#FFFFFF; padding:15px;}


/*3 kolonner*/
.threecol {width: 100%; float: left;}
.threecol .first {width: 33%; float: left;}
.threecol .second {width: 33%; float: left;}
.threecol .third {width: 33%; float: right;}

/*Medarbejdervisning på Integrationsnet*/
.medarbejder {clear: both; width: 100%;}
.medarbejder .billede {float: right; width: 150px;}
.medarbejder .billede img {padding: 0; margin: 0; float: right;}
.medarbejder .tekst {float: left; width: 365px;}

/* indexed search */
.tx-indexedsearch-browsebox {width:100%;}
.tx-indexedsearch-form input{border:1px dotted;}
.tx-indexedsearch-form{margin-bottom:10px;}
.tx-indexedsearch-form label{display:none;}
.tx-indexedsearch-browsebox ul{list-style:none; margin:0; padding:0;}
.tx-indexedsearch-browsebox ul li{display:inline; margin-right:5px;}


/*#### Gallery på integrationsnet.dk ######## */
.myGallery {border:none;}

/* intro teaser til lokalafdelinger + boxe*/

#teaser {
	width: 671px;
	margin-top: 15px;
	border: 0;
	margin-left: -2px;
}

#teaser td {
	vertical-align: top;
	width: 150px;
	padding-right: 20px;
}

#teaser .title {
	color:#D21034;
	font:1.1em/1.1 Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:8px 0;
}
#teaser .image {
	display: block;
}

.box {
	width: 150px;
 	padding: 0 5px;
}

.box .title {
	color:#D21034;
	font:1.8em/1.1 Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:8px 0;
}

		
#survey_lightbox{
	width: 400px;
	background-color: white;
	padding: 30px;

	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
#survey_lightbox .close {
    background-image: url("images/lightbox-btn-close-small.gif");
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 18px;
}

.content .jdGallery .slideElement {
	background-color: #fff;
}