/* CSS for CuroMedia.dk */

@font-face {
 font-family: Kontrapunkt;
 src: url("fonts/kontrapunkt.eot") /* IE */
}
@font-face {
 font-family: Kontrapunkt;
 src: url("fonts/kontrapunkt.ttf") /* non IE */
}

@font-face {
 font-family: "Kontrapunkt Bold";
 src: url("fonts/kontrapunkt-bold.eot") /* IE */
}
@font-face {
 font-family: "Kontrapunkt Bold";
 src: url("fonts/kontrapunkt-bold.ttf") /* non IE */
}


body {margin:0px; padding:0; background:url(images/bodyBg.jpg) repeat; font-family:Kontrapunkt; color:#FFFFFF; font-size:15px; text-shadow:1px 1px #000;}


img {border:none; margin:0;}

li {margin-bottom:5px;}

p {margin:0px;}

span.blue {color:#71C7E3;}

span.done {text-decoration:line-through;}

span.right {float:right;}



a:link {text-decoration: none; color:#71C7E3; outline:none;}

a:visited {text-decoration: none; color:#71C7E3;}

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

a:active {text-decoration: none; color:#71C7E3;}


.clear {clear: both; display: block; float: none; height:0px;}
.clearHeader {clear: both; display: block; float: none; height:0px; margin-bottom:150px;}


h1 {font-size:28px; font-weight:normal; color:#FFFFFF; margin:0 0 10px 0;}

h2 {font-size:17px; font-weight:normal; color:#71C7E3; margin:0px;}

h3 {font-size:25px; font-weight:normal; color:#FFFFFF; margin:0 0 10px 0;}




/* Content */

	/* Header */
#header {position:fixed; z-index:1000; top:0; width:100%; height:110px; background:url(images/headerBg.png) top left repeat-x;}

	#headerWrapper {width:900px; height:110px; margin:auto;}
	
			#logo {width:113px; height:97px; float:left; padding:13px 0 0 27px; background:url(images/logoBg.png) no-repeat;}
			
			#nav {width:auto; float:right; font-size:16px;}
			
				#nav ul li {list-style:none; display:inline; float:left; margin:-6px 2px 0 0;}
				
				#nav ul li a {padding:10px 15px 20px 15px; color:#FFF; text-shadow:none;}
				
				#nav ul li a:hover {background:url(images/liBg.png) repeat-x top left; color:#000;}
				
				#nav .active {background:url(images/liBg.png) repeat-x top left; color:#000;}


			
			#kontaktWrapper {width:640px; min-height:340px; padding:30px; background:url(images/popupBg.jpg) bottom center no-repeat; font-size:15px;}
			
				#kontaktWrapper h2 {font-size:25px; margin-bottom:20px;}
				
				#kontaktWrapper #contentLeft {width:300px; float:left; line-height:21px;}
				
					.info {color:#83CDE6;}
				
				#kontaktWrapper #contentRight {width:280px; float:left; margin-left:40px;}
				
					#kontaktWrapper .field {width:264px; height:19px; padding:8px; background:url(images/popup_fieldBg.png) top left no-repeat; border:none; margin-bottom:15px; color:#FFF; font-family:Kontrapunkt; font-size:15px;}
					
					#kontaktWrapper .textarea {width:264px; height:134px; padding:8px; background:url(images/popup_textareaBg.png) top left no-repeat; border:none; margin-bottom:15px; color:#FFF; font-family:Kontrapunkt; font-size:15px;}
					
					#kontaktWrapper .sumbit {width:84px; height:34px; background:url(images/popup_sumbitBg.png) 0px 0px no-repeat; border:none; text-indent:-9999px; cursor:pointer; font-size:15px;}
					#kontaktWrapper .sumbit:hover {background:url(images/popup_sumbitBg.png) 0px -34px no-repeat;}
					#kontaktWrapper .sumbit:active {background:url(images/popup_sumbitBg.png) 0px -68px no-repeat;}
					
	
					
	/* Index */
	#indexTop {width:890px; margin:auto;}		

		#indexTop #left {width:500px; float:left; padding-left:10px; font-size:17px; line-height:21px; color:#83CDE6;}
		
			#indexTop a {color:#FFF;}
		
			.sc-content-presentation {margin-bottom:20px;}
		
			.hvem_button {width:134px; height:38px; background:url(images/hvem_button.png) 0px 0px no-repeat; float:left; cursor:pointer; margin-left:70px;}
			.hvem_button:hover {background:url(images/hvem_button.png) 0px -38px no-repeat;}
			.hvem_button:active {background:url(images/hvem_button.png) 0px -76px no-repeat;}
			
			.hvad_button {width:134px; height:38px; background:url(images/hvad_button.png) 0px 0px no-repeat; float:left; cursor:pointer; margin-left:10px;}
			.hvad_button:hover {background:url(images/hvad_button.png) 0px -38px no-repeat;}
			.hvad_button:active {background:url(images/hvad_button.png) 0px -76px no-repeat;}
		
		#indexTop #right {width:350px; float:left; margin-left:30px; margin-top:10px;}
		
		
		
			
	#newsBar {width:100%; height:50px; background:url(images/newsBarBg.png) top repeat-x; margin-top:60px; margin-bottom:40px;}
	
	#newsBar a {color:#666;}
	#newsBar a:hover {color:#666; text-decoration:underline;}
	
		.sc-content-newsbar {width:auto;}
	
		#newsBar #news {margin:0 10px; padding-top:13px; font-size:17px; color:#666;}
	
	
	#indexWrapper {width:890px; margin:auto;}
	
	
	/* Undersider */
	#contentWrapper {width:890px; margin:auto;}
	
		#contentHeader {width:890px; min-height:55px; background:url(images/sub_contentHeader.png) top left no-repeat;}
		
			#contentHeader .head {width:auto; float:left; margin:5px 0 0 5px;}
			
			#contentHeader .social {width:auto; float:right; margin:9px 11px 0 0;}
			
				.icon {margin-left:7px;}
		
		#content {width:585px; padding:20px; float:left; line-height:20px;}
		
		#content li {list-style-image:url(images/list.png); margin-bottom:5px;}
		
		#content li a {color:#FFF;}
		#content li a:hover {color:#FFF; text-decoration:underline;}
	
	
	/* Ydelser */
	.ydelse {margin-top:45px;}
	
		.ydelse h3 {color:#78CAE4; margin-bottom:5px;}
		
		.ydelse .mere_button {width:104px; height:29px; background:url(images/mere_button.png) 0px 0px no-repeat; cursor:pointer; margin-top:10px;}
					.ydelse .mere_button:hover {background:url(images/mere_button.png) 0px -29px no-repeat;}
					.ydelse .mere_button:active {background:url(images/mere_button.png) 0px -58px no-repeat;}
	
	
	/* Cases */
	
	.case {margin-top:35px;}
	
		.sc-content-content_cases {margin-bottom:50px; color:#78CAE4;}
		
		.andre_cases {margin-top:50px;}
		
			.andre_cases li {list-style-image:url(images/list.png);}
			
			.andre_cases h2 {font-size:20px; margin-bottom:10px;}
			
			.andre_cases .left {width:50%; float:left;}
			
			.andre_cases .right {width:50%; float:left;}
	
		.case .head {width:auto; float:left; height:30px;}
		
		.case .tools {width:auto; float:right; height:30px;}
		
			.case .tools .icon {margin-left:4px;}
			
		.case_image {float:left; margin-top:10px; background:url(images/caseBg.png) top left no-repeat;}
		
		.case_text {float:left; width:580px; margin-top:5px; font-size:14px;}
		
			.case .visit {width:134px; height:34px; background:url(images/visit_button.png) 0px 0px no-repeat; border:none; text-indent:-9999px; cursor:pointer; margin-top:5px;}
					.case .visit:hover {background:url(images/visit_button.png) 0px -34px no-repeat;}
					.case .visit:active {background:url(images/visit_button.png) 0px -68px no-repeat;}



	/* Om os */
	
	.sc-content-content_omos h2 {font-size:20px;}


	/* Sidebar */
	#sidebar {width:250px; float:right;}
		
		#sidebar ul {list-style-image:url(images/list.png); margin:-2px 0 0 -12px;}
			
			#sidebar li {margin-bottom:5px;}
	
		#sidebar h2 {font-size:25px; margin-bottom:5px;}
	
		.sc-content-sidebarContent {background:url(images/sidebarBg_middle.png) repeat-y; padding:3px 15px 10px 20px; line-height:20px;}
		
		#sidebarBottom {height:10px; background:url(images/sidebarBg_bottom.png) top left no-repeat;}
	




/* Footer */

#footer {width:100%; height:290px; background:url(images/footerBg.png) repeat-x; margin-bottom:0px; margin-top:80px;}

	#footerContent {width:900px; height:290px; margin:auto; position:relative;}
	
		.kontakt_splash {position:absolute; top:90px; left:-155px; display:none;} /* FJERN DISPLAY:NONE FOR SYNLIGHED */
		
		.footer_logo {position:absolute; right:0px; bottom:3px;}
		
		.credits {position:absolute; right:0px; bottom:8px; color:#666; font-size:11px; text-align:right; font-family:Tahoma;}
		
			.sc-content-credits {float:right;}
		
			.credits a {color:#666;}
			.credits a:hover {color:#FFF;}
		
		#footerForm {width:250px; float:left; margin-top:40px;}
		
			#footerForm .field {width:184px; height:19px; padding:8px; background:url(images/footer_fieldBg.png) top left no-repeat; border:none; margin-bottom:7px; color:#FFF; font-family:Kontrapunkt; font-size:15px;}
					
					#footerForm .textarea {width:184px; height:84px; padding:8px; background:url(images/footer_textareaBg.png) top left no-repeat; border:none; margin-bottom:7px; color:#FFF; font-family:Kontrapunkt; font-size:15px;}
					
					#footerForm .sumbit {width:54px; height:16px; background:url(images/footer_sumbitBg.png) 0px 0px no-repeat; border:none; text-indent:-9999px; cursor:pointer; margin:5px 0 0 140px;}
					#footerForm .sumbit:hover {background:url(images/footer_sumbitBg.png) 0px -16px no-repeat;}
					#footerForm .sumbit:active {background:url(images/footer_sumbitBg.png) 0px 0px no-repeat;}

		.footerSplit {width:3px; height:227px; background:url(images/footer_splitter.png) top left no-repeat; float:left; margin-top:40px;}
		
		#footerRight {width:630px; height:169px; float:right; margin-top:40px; color:#999;}
			
			#footerRight a {color:#999;}
			#footerRight a:hover {color:#FFF;}			
		
			.footer_img {margin-left:22px;}
			
			.sc-content-footerRightContent_left {width:250px; margin:20px 0 0 20px; font-size:15px; float:left; line-height:17px;}
			
			.sc-content-footerRightContent_right {width:250px; margin:20px 0 0 20px; font-size:15px; float:left; line-height:17px;}
			
				#footerRight ul {list-style-image:url(images/footer_list.png);}
				
					#footerRight li {margin-bottom:5px;}



/* Andet */

/* Tooltip */
.tipsy { padding: 5px; font-size: 13px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); text-shadow:none; color:#333; }
.tipsy-inner { padding: 4px 8px 4px 8px; background-color: white; color: #333; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
 
#gravity { width: 100%; margin: 5px 0; border-spacing: 5px; color:#333; }
#gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #FFF; }
#gravity a { }
  #gravity a:hover { color: #333; background: none; }


/* Form Validation */
#msg {display:none; position:absolute; z-index:20000; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#111111; border:2px solid #666; padding:8px; min-width:150px; max-width:250px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}




/* Slider */

#fadeContainer {
	width:850px;
	background:url(images/slideBg.png) top left no-repeat;
	height:300px;
	padding:18px;
}

#faded {
	width:850px;
	height:300px;
	padding-bottom:50px;
}

#faded .wrap {
	height:300px;
	padding-bottom:2px;
	overflow:hidden;
}

ul.pagination {
	height:45px;
	overflow:hidden;
	margin-left:350px;
	list-style-type: none;
}
ul.pagination li { 
	float:left;
	padding:14px 5px 0 0;
	list-style-type: none;
}
ul.pagination li a {
	float:left;
	background:url(images/fade_dot.png) no-repeat 0 0;
	width:17px;
	height:17px;
	text-decoration:none;
	list-style-type: none;
	text-align:center;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
ul.pagination li a:hover {
	background:url(images/fade_dot_hover.png) no-repeat 0 0;
	
}
ul.pagination li.current a { 
	background:url(images/fade_dot_hover.png) no-repeat 0 0;
}