/*
	Typografik for forside.
	Copyright (C) 2008 by C&B Systemer A/S
*/

/* ---------- [ generelt ] ---------- */
body {
	margin: 				0px; 
	padding:				0px;
	background-color: 			#f7f4eb;
	font-family: 				verdana, arial, helvetica, sans-serif;
	color: 					#313131;
	font-size:				10px;
}


a:link {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color: 					#832920;
	text-decoration:		none;
}
	
a:active {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color: 					#832920;
	text-decoration:		none;
}
	
a:visited {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color: 					#832920;
	text-decoration:		none;
}
	
a:hover {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	color: 					#832920;
	text-decoration:		none;
}

a img { 
	border:					none;
}
/* ---------- [ /generelt ] ---------- */


/* ---------- [ side ] ---------- */
#sideyderste {
	margin:					0px auto 0px auto;
	padding:				0px 0px 0px 0px:
	
	border:					none;
	border-collapse:		collapse;
	
	text-align:				center;
	height:					100%;
	width:					100%;
}


#sideyderste td {
	margin:					0px 0px 0px 0px; 
	padding:				0px 0px 0px 0px;
	border:					none;

	vertical-align:			top; 
	text-align:				center;
	height:					100%; 	
}

/* ---------- [ Her sættes baggrunden  - width benyttes nun af IE ] ---------- */
#sideyderste td table {
	margin:					0px auto 0px auto;
	padding:				0px 0px 0px 0px;
	border-collapse:		collapse;
	background-color:		#dededa; 
	text-align:				center; 	
	width:					900px; 
	background:				url(../skin/contentbg.gif); 
}

#sideyderste td table td {
	margin:					0px;
	padding:				0px;
}

/* ---------- [ /side ] ---------- */


/* ---------- [ top ] ---------- */
#top {
	background:				url(../skin/logo.jpg);
	text-align:				center;
	height:					93px;
	width:					900px;
}
/* ---------- [ /top ] ---------- */


/* ---------- [ menu ] ---------- */
#menu {
	padding-top:				0px;	
	background:				url(../skin/menubg.jpg);
	font-family: 				verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	font-weight:				bold;
	color: 					#555555;
	height:					15px;
	width:					900px;
}
/* ---------- [ /menu ] ---------- */


/* ---------- [ indhold - width benyttes nun af firefox ] ---------- */
#indhold {
	text-align:				center;
	width:					885px;
	padding:				22px 0px 0px 10px;
	
	
}
/* ---------- [ /indhold ] ---------- */

/* ---------- [ indhold - width benyttes nun af firefox ] ---------- */
#indholdingen {
	text-align:				center;
	width:					865px;
	padding:				22px 0px 0px 10px;	
	
	
}
/* ---------- [ /indhold ] ---------- */


/* ---------- [ bund ] ---------- */

#bundstop {
	width:					912px;
	height:					16px;
	background:				url(../skin/footer.gif);
	background-position:		 	bottom;
	background-repeat:			no-repeat;
	float:					left;
	font-size:				12px;
	color:					#ffffff;
}

#bund {
	width:912px;
	height:20px;	
	float:					left;
	font-size:				12px;
	color:					#ffffff;
	background:				url(../skin/contentbg.gif);
}

/* ---------- [ /bund ] ---------- */


/* ---------- [ venstre ] ---------- */
#venstre {
	float:					left;	
	width:					200px;
}




#venstreMenu div {
	padding:				22px 0px 0px 26px;
	font-family: 				verdana, arial, helvetica, sans-serif;
	color: 					#313131;
	font-size:				11px;
	text-align:				left;	
}

#venstreMenu div a:link {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color: 					#313131;
	text-decoration:			none;
}
	
#venstreMenu div a:active {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color: 					#313131;
	text-decoration:			none;
}
	
#venstreMenu div a:visited {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color: 					#313131;
	text-decoration:			none;
}
	
#venstreMenu div a:hover {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color: 					#313131;
	text-decoration:			none;
}
 

#aabningstider {
	float:					left;
	background-color:		#dadad5;
	height:					84px;
	width:					200px;
}

#aabningstider div {
	padding:				22px 0px 0px 26px;
	font-family: 			verdana, arial, helvetica, sans-serif;
	color: 					#313131;
	font-size:				11px;
	text-align:				left;	
}

/* ---------- [ funktionsmenu ] ---------- */
#venstre #funktionsmenu {
	float:					left;
	
	padding:				26px 0px 0px 26px;
	
	background:				url(../skin/submidtbg.gif);
	background-color:			#dadad5;
	
	font-family: 				verdana, arial, helvetica, sans-serif;
	font-weight:				bold;
	font-size:				11px;
	color: 					#ffffff;
	
	height:					130px;
	width:					200px;
}

#venstre #funktionsmenu div {
	text-align:				left; 
	clear:					none; 
	padding:				2px 0px 0px 0px;
}

#venstre #funktionsmenu div a {
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-weight:			bold;
	font-size:				11px;
	color: 					#ffffff;
}
/* ---------- [ /funktionsmenu ] ---------- */

/* ---------- [ /venstre ] ---------- */


/* ---------- [ center ] ---------- */



#center {
	float:					left;
	margin:					0px 0px 0px 0px;
	padding: 				0px 10px 17px 10px;
	background-color:			#ffffff;
	text-align:				left;
	width:					855px;
	
	
}

/* ---------- [ /venstre sagsvisnng ] ---------- */
#center #sag {
	float:					left;			
}

/* ---------- [ /højre sagsvisnng ] ---------- */
#center #sagh {
	float:					left;	
	padding: 				0px 0px 0px 5px;		
}

#center #sagh .hoved {	
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;		
	text-align:				left;
	
	height:					210px;
	width:					420px;
	
}

#center #sagh .hoved .infoVenstre {
	float:					left;	
	padding: 				0px 0px 0px 5px;
	width:					200px;
	font-size:				11px;
	font-weight:				bold; 
}

#center #sagh .hoved .infoVenstre .roed {	
	padding-top:				5px;
	padding-bottom:				5px;
	width:					170px;
	font-size:				10px;
	font-weight:				bold; 
	color: 					#832920;	
}

#center #sagh .hoved .infoVenstre .roedh {
	float:					left;	
	padding-top:				5px;
	padding-bottom:				5px;
	width:					90px;
	font-size:				10px;
	font-weight:				bold; 
	color: 					#832920;
}

#center #sagh .hoved .infoVenstre .roedv {
	float:					left;	
	padding-top:				5px;
	padding-bottom:				5px;
	width:					110px;
	font-size:				10px;
	font-weight:				bold; 
	color: 					#832920;
	border: 				solid 1px;
	border-color: 				#ffffff;
}

#center #sagh .hoved .infohoejre {		
	padding-top:				8px;
	float:					left;
	width:					213px;
	height:					108px;
	background-image: 			url(../skin/info.jpg);
	background-repeat:			no-repeat;
	
}

#center #sagh .hoved .infohoejre .faktaVenstre {		
		
	font-size:				11px;
	text-align:				left;
	float:					left;
	padding-left:				8px;
	padding-bottom:				2px;	
}

#center #sagh .hoved .infohoejre .faktaHoejre {		
	padding: 				0px 0px 0px 0px;
	font-size:				11px;
	text-align:				right;
	padding-right:				8px;
	padding-bottom:				2px;	
}


#center #sagh .hoved .infohoejresalg {		
	padding-top:				8px;
	float:					left;
	width:					213px;
	height:					90px;
	background-image: 			url(../skin/infosalg.jpg);
	background-repeat:			no-repeat;
	
}

#center #sagh .hoved .infohoejresalg .faktaVenstre {		
		
	font-size:				11px;
	text-align:				left;
	float:					left;
	padding-left:				8px;
	padding-bottom:				2px;	
}

#center #sagh .hoved .infohoejresalg .faktaHoejre {		
	padding: 				0px 0px 0px 0px;
	font-size:				11px;
	text-align:				right;
	padding-right:				8px;
	padding-bottom:				2px;	
}

#center #sagh .hoved .infohoejrelille {		
	padding-top:				8px;
	float:					right;
	width:					213px;
	height:					108px;
	background-image: 			url(../skin/infolille.jpg);
	background-repeat:			no-repeat;
	
}


#center #sagh .hoved .infohoejrelille .faktaVenstreLille {		
		
	font-size:				9px;
	text-align:				left;
	float:					left;
	padding-left:				8px;
	padding-bottom:				2px;
	width: 135px;	
}

#center #sagh .hoved .infohoejrelille .faktaHoejreLille {		
	padding: 				0px 0px 0px 0px;
	font-size:				9px;
	text-align:				right;
	padding-right:				8px;
	padding-bottom:				2px;
	
	
}

#center #sagh .tekst {
	clear:				both;
	margin:				0px 0px 0px 0px;
	padding:			7px 0px 17px 5px;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:			11px;
	color: 				#898989;
	text-align:			left;
	height:				auto;
	width:				420px; 
}

#center #sagh .fakta {
	border: none;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:			11px;
	color: 				#313131;
}

#center #sagh .fakta .pro16 {
	float:left;
	border-top: dashed 1px #333333;
	border-right: dashed 1px #333333;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	
	text-align:left;
	height:19px;
	width:240px;
}

#center #sagh .fakta .pro17 {
	float:left;
	border-top: dashed 1px #333333; 

	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	
	text-align:left; 
	height:19px;
	width:240px; 
}
	
#center #sagh .fakta .pro18 {
	float:left;
	border-top: dashed 1px #333333;
	border-right: dashed 1px #333333;
	border-bottom: dashed 1px #333333;

	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;

	text-align:left; 
	width:240px;
	height:19px;
}
	
#center #sagh .fakta .pro19 {
	float:left;
	border-top: dashed 1px #333333;
	border-bottom: dashed 1px #333333;

	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;

	text-align:left; 
	width:240px;
	height:19px;
}











#center #sag .hoved {
	float:left; 
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
		
	text-align:				left;	
	height:					38px;
	width:					420px;
}

#center #sag .hoved .adresse {
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				17px 0px 8px 0px; 
	font-size:				13px; 
	font-weight:				bold; 
	text-align:				left; 		
}

#center #sag .hoved .knapper {
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				17px 0px 8px 0px; 
	font-size:				13px; 
	font-weight:			bold; 
	text-align:				left; 
	width:					420px;
	height:					auto;
}




#center #sag #nyheder {
	clear:					both;
	border:					none;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;

	text-align:				center;
	width:					415px;
	height:					auto;
}

#center #sag #nyheder .overskrift {
	float:					left;
	border:					none;
	border-bottom:			solid 1px #000000;
	
	padding:				5px 0px 5px 0px;
	
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color:					#952816;

	text-align:				left;
	width:					300px;
}

#center #sag #nyheder .overskrift a {
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color:					#952816;
	width:					300px;
}

#center #sag #nyheder .dato {
	float:					right;
	border:					none;
	border-bottom:			solid 1px #000000;

	padding:				5px 0px 5px 0px;
	
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color:					#952816;

	text-align:				right;
	width:					115x;
}

#center #sag #nyheder .dato a {
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color:					#952816;
	width:					115px;
}











#center #sag .foto {	
	margin:					0px 0px 0px 0px;
	padding:				7px 0px 7px 0px;
	width:					420px;	
}





/*-- [ Åbenthus fane ] --*/
#center #sag .foto #aabenthus {
	-moz-opacity:		0.75;
	width; 				418px;
	height:				20px;
	background-color:	#18B6CE;
	position:			relative;
	top:				0px;
	left:				0px;
	padding:			0px 0px 0px 0px;
	font:				bold 10px verdana;
	color:				#000000;
}

/* IE-specific hack */
* html #center #sag .foto #aabenthus {
	/* mac hide \*/
	filter:				alpha(opacity=75);
	height:				20px;
	/* end mac hide*/
}

/*-- [ / Åbenthus fane ] --*/

#center #sag .foto div {
	float:					left;
	border: 				none;
	
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	height:					auto;
	width:					auto;	
}

#center #sag .foto div img {
	margin:					0px 7px 0px 0px;
	padding:				0px 0px 0px 0px;
	
}

#center #sag .foto div .fototekst {
	float:					left;
	border:					none;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	font-family: 				verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color: 					#898989;
	height:					193px;
	width:					158px;
}

#center #sag .foto div .flerefoto {
	float:					left;
	border: 				none;
	font-family: 				verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color: 					#313131;	
}

#center #sag .foto div .flerefoto div {
	float:					right; 
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	
	vertical-align:			bottom;
	height:					auto;
	width:					auto;
}

#center #sag .foto div .flerefoto div .tekst {
	float:					left; 
	margin:					0px 0px 0px 0px;
	padding:				0px 5px 0px 5px;
	
	font-family: 			verdana, arial, helvetica, sans-serif;
	color: 					#313131;
	font-size:				11px;
	width:					auto;
}

#center #sag .foto div .flerefoto div .pil {
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

#center #sag .foto div .flerefoto div .pil img {
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}

#center #sag .tekst {
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				7px 0px 17px 0px;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color: 					#898989;
	text-align:				left;
	height:					auto;
	width:					480px; <	
}

#center #sag .fakta {
	border: none;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	color: 					#313131;
}

#center #sag .fakta .pro16 {
	float:left;
	border-top: dashed 1px #333333;
	border-right: dashed 1px #333333;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	
	text-align:left;
	height:19px;
	width:240px;
}

#center #sag .fakta .pro17 {
	float:left;
	border-top: dashed 1px #333333; 

	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	
	text-align:left; 
	height:19px;
	width:240px; 
}
	
#center #sag .fakta .pro18 {
	float:left;
	border-top: dashed 1px #333333;
	border-right: dashed 1px #333333;
	border-bottom: dashed 1px #333333;

	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;

	text-align:left; 
	width:240px;
	height:19px;
}
	
#center #sag .fakta .pro19 {
	float:left;
	border-top: dashed 1px #333333;
	border-bottom: dashed 1px #333333;

	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;

	text-align:left; 
	width:240px;
	height:19px;
}



/* ---------- [ hoejre ] ---------- */
#hoejre {
	float:					left;

	background-color:			#dededa;
	font-family:				verdana, arial, helvetica, sans-serif;
	color:					#313131;
	font-size:				11px;
	width:					200px;
}


#hoejre #sprogkviksoeg {
	float:					left;
	
	background-color:			#dadad5;
	background-image: 			url(../skin/bgsepline.jpg);
	background-position: 			bottom;
	background-repeat:			no-repeat;
	
	text-align:				left;
	
	height:					82px;
	width:					200px;
}

#hoejre #sprog {
	padding:				8px 0px 0px 12px;
	background-image: 			url(../skin/bgsepline.jpg);
	background-position: 			bottom;
	background-repeat:			no-repeat;
	background-color:			#dadad5;
	height:					32px;
}

#hoejre #kviksoeg {
	padding:				8px 0px 0px 12px;
	background-color:			#dadad5;
}

#hoejre #kviksoeg .sagsnr {
	font-size:				11px;
	height:					18px; 
	width:					170px; 
}

#hoejre #kviksoeg .valgliste {
	height:					18px; 
	width:					170px; 
	font-size:				11px;
}

#hoejre #hoejretekst {
	float:					left;
	
	background-color:			#a9a99f;
	background:				url(../skin/soeg.gif);
	background-position: 			top;
	background-repeat:			no-repeat;
	
	padding:				0px 0px 0px 0px;
	
	height:					auto;
	width:					200px;
}

#hoejre #hoejretekst div {
	margin:					0px 0px 0px 0px;
	padding:				20px 10px 20px 10px;
}

#hoejre #hoejretekst div div {
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}


#hoejre #vistikortforside {
	float:					left;
	background-color:			#dededa;
	height:					auto;
	background:				url(../skin/kontaktbg.gif);
	text-align:				left;
	width:					200px;
}

#hoejre #vistikortforside #firmanavn {
	margin:					27px 10px 2px 12px; 
	font-weight:				bold;
}

#hoejre #vistikortforside .elementliste {
	float:					left; 
	width:					190px;
}

#hoejre #vistikortforside .elementliste .foto {
	float:					left; 
	margin:					4px 0px 0px 12px;
}

#hoejre #vistikortforside .elementliste .tekst {
	float:					left; 
	padding:				2px 0px 0px 0px;
}
/* ---------- [ /hoejre ] ---------- */


/* ---------- [ designskabeloner ] ---------- */
.overskriftforside {
	text-align:				left; 
	padding:				17px 0px 17px 63px; 
	font-size:				13px; 
	font-weight:			bold;
}

.forsidefoto {
	text-align:				right; 
	padding:				0px 0px 17px 0px;
}


.broedtekst,
#aabningstider div .broedtekst {
	padding: 				0px 0px 0px 0px;
	font-family: 			verdana, arial, helvetica, sans-serif;
	font-size:				11px;
	font-weight:			normal;
	text-align:				left;
}

/* ---------- [ /designskabeloner ] ---------- */


/* ---------- [ menutop ] ---------- */
#menutop {
	height:					15px;
	border:					none;
	
	font-family: 			verdana, arial, helvetica, sans-serif;
	color:					#555555;
	font-size:				11px;
	font-weight:			bold;
}

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

#menutop ul li {
	position:				relative;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	float:					left;
}

#menutop ul li .menups{
	float:					left; 
	clear:					none;
	margin-left:			6px;
	margin-right:			6px;
}


#menutop ul li a {
	text-transform:			capitalize;
	text-transform:			uppercase;
	float:					left;
	text-decoration:		none;
	color:					#555555;
	display:				block;
	font-size:				11px;
	font-weight:			bold;
	padding:				0px 0px 0px 0px;
	border:					none;	
	line-height:			15px;
}

#menutop ul li:hover a,
#menutop ul li.over a {
	border:					none;
	background-color:		#555555;
	color:					#ffffff
}

#menutop ul li ul li a:hover, 
#menutop ul li:hover ul li a:hover,
#menutop ul li.over ul li a:hover{
	background-color:		#555555;
	color:					#ffffff;
	border-right:			solid 1px #555555;
	border-bottom:			solid 1px #555555;
	border-left:			solid 1px #555555;
}

#menutop ul li:hover ul,
#menutop ul li.over ul {
	display:				block;
}

/* Placering af submenu */
#menutop ul li ul {
	position:				absolute;
	left:					0px;
	display:				none;
	top:					15px;
	border-top:				solid 1px #000000;
	margin:					0px;
	padding:				0px 0px 0px 0px;
}

html > body #menutop ul li ul {
	width:					150px;
}

#menutop ul li ul li {
	display:				block;
	float:					none;
	clear:					both;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;	
	text-align:				left;
}

html > body #menutop ul li ul li {
	margin-right:			0px;
}

#menutop ul li ul li a, 
#menutop ul li:hover ul li a,
#menutop ul li.over ul li a {
	line-height:			11px;
	text-transform:			none;
	text-decoration:		none;
	
	display:				block;
	padding:				2px 5px 2px 5px;
	
	border-right:			solid 1px #555555;
	border-bottom:			solid 1px #555555;
	border-left:			solid 1px #555555;
	
	background-color:		#eeeeee;
	color:					#555555;
	
	width:					138px;
	\width:					150px;
	w\idth:					138px;
}
/* ---------- [ /menutop ] ---------- */


.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid bbc4cb;
	font-size: 11px;

}

.formlang {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid bbc4cb;
	font-size: 11px;
	width:	328px;
	

}


.formarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid bbc4cb;
	font-size: 11px;
	width:	328px;
	height: 49px;
}

.formtext {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	color: 					#000000;	
	font-size: 				12px;
	text-align:				left;
}

.buttom {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	background-color: 22b3d2;
}

h1
 {
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	color: 					#000000;
	font-size: 				11px;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;

}


.infohoejre {		
	padding-top:				8px;
	float:					left;
	width:					213px;
	height:					108px;
	background-image: 			url(../skin/infosalg.jpg);
	background-repeat:			no-repeat;
	
}

.faktaVenstre {		
		
	font-size:				11px;
	text-align:				left;
	float:					left;
	padding-left:				8px;
	padding-bottom:				2px;
	
	
	
}

.faktaHoejre {		
	padding: 				0px 0px 0px 0px;
	font-size:				11px;
	text-align:				right;
	padding-right:				8px;
	padding-bottom:				2px;
	
	
}