/* CSS for kastergaardbo.dk, media:screen */

/* Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}
ul,ol {list-style: none;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}


/* General html elements and fonts */

body {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:1.2; background:url(/media/KasterGaardbo/CssImages/Background.png) no-repeat top center;}
body, thead, tbody, h1, h2, h3 {}

h1, h2, h3, h4, h5 { }
h1 {}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.0em;}
h5 {font-size:1.0em;}

a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; }
a img {border:none}

p {}
ul {}
ol {}
li {}

strong {font-weight:bold;}
em {font-style:italic;}

:focus{-moz-outline-style: none;}


/* Document elements */

#stage {min-height:600px; overflow:hidden;}
#stage-bottom {width:1030px; height:50px; overflow:hidden; margin:0 auto; clear:left; background:url(/media/KasterGaardbo/CssImages/BackgroundStageBottom.png) no-repeat top center;}

#header-top, #content-background, #stage-bottom {behavior: url(/scripts/iepngfix.htc);}

#header-content, #content, #footer {margin:0 auto; position:relative; text-align:left;}

#header-top {width:1030px; height:20px; overflow:hidden; margin:0 auto; background:url(/media/KasterGaardbo/CssImages/BackgroundStageHeader.png) no-repeat top;}

#header {min-height:136px; background:#fff url(/media/KasterGaardbo/CssImages/BackgroundHeader.png) repeat-x top; border-bottom:solid 3px #000; overflow:hidden;}
	#header-content {width:990px;}
		#header-content a {color:#fff;}
		#logo {position:absolute; right:0; top:30px;}
		
		#menu {position:relative; padding:110px 0 0 60px; float:left; display:inline;}
			#menu li {float:left;}
				#menu li a {padding:2px 12px 4px; border-right:solid 1px #fff; text-transform:uppercase; display:block;}
					#menu li.first a {padding-left:0; }
					#menu li.last a {border-right:none; }
					#menu li a.submenu {padding-bottom:30px;}
					#menu li a:hover, #menu li.current a {color:#04aaff;}
		
		#menu li ul{width:870px; margin-top:131px; position:absolute; left:48px; top:0;}
			#menu li ul li {}
				#menu li ul li a {padding:10px 0 0; display:block; text-transform:none; color:#000 !important;}
				#menu li ul li a span, #menu li ul li a:hover span {padding:0 12px 1px; display:block; border-right:solid 1px #000;}
				#menu li ul li.current {}
				#menu li ul li.current a, #menu li ul li a:hover {margin-left:-2px; padding-left:2px; padding-right:1px; background:#04aaff; color:#fff !important;}
				#menu li ul li.current a span, #menu li ul li a:hover span {border-right:none;}
		
		#language-menu {position:absolute; right:0; top:150px;}
				#language-menu li {float:right;}
				#language-menu li a {padding:2px 12px 4px; border-left:solid 1px #fff; text-transform:uppercase;}
					#language-menu li a.first {padding-right:0; }


#content, #footer {width:870px; padding:0 60px;}

#content-placeholder {width:1030px; margin:0 auto;}
#content-background {width:inherit; float:left; background:url(/media/KasterGaardbo/CssImages/BackgroundStageBody.png) no-repeat top;}

#content{padding:40px 80px 0; float:left; /*background:url(/media/KasterGaardbo/CssImages/BackgroundStageBody.png) no-repeat top;*/ line-height:1.4;}
	#content .spacer {height:60px; overflow:hidden; display:inline;}
	#content ol {padding-top:5px; list-style:decimal;}
		#content ol li {margin-left:25px; margin-bottom:5px; line-height:1.0;}

	#content #page{min-height:200px; height:auto !important; height:200px; }
	#content #frieze {padding-top:30px;}
	#content #flash-bottom {width:874px; margin-left:-2px; margin-top:0px; }
	
#footer {padding-top:10px;}
	#footer ul{}
	#footer li {height:12px; overflow:hidden; margin-top:5px; padding:0 5px 5px; float:left; border-right:solid 1px #ccc; line-height:1.4; font-size:10px; color:#ccc;}
		#footer li.first {padding-left:0;}
		#footer li.last {padding-top:5px; margin-top:0; border-right:none;}
	#footer a {color:#ccc;}
	#footer .last a {color:#ccc; line-height:10px;}
	#footer .at {font-size:17px; color:#04aaff;}
	#footer a:hover .at {color:#c4c4c4;}

/* Frontpage specific */

#frontpage {}

	#frontpage .ref {margin-top:-20px; padding-right:30px; float:right; background:url(/media/KasterGaardbo/CssImages/RefArrowGray.png) no-repeat right; font-style:italic; line-height:1.6;}
	#frontpage p {padding-bottom:15px;}
	#frontpage h3 {padding:0;}
	#frontpage h3 .large {font-size:20px;}
	#frontpage .large {font-size:1.6em;}

/* Cases specific */

#cases {}
	#cases .left {width:568px; padding:10px 36px 0 0; float:left;}
		#cases .left ul {}
		#cases .left li {width:568px; margin-bottom:30px; float:left;}
			#cases .left li .image {width:208px; height:99px; overflow:hidden; margin-right:10px; float:left;}
			#cases .left li .case-text {width:350px; float:left;}
			#cases .left li h4 {font-weight:bold; font-size:14px;}
			#cases .left li p {padding-bottom:12px; font-size:12px;}
			#cases .left li a {color:#04aaff; text-transform:uppercase; }
			#cases .left li a:hover {}
	
	#cases .right {width:266px; float:left;}

/* Contact specific */

#contact {}
	#contact .right {width:588px; float:left;}
		#contact .right ul {}
		#contact .right li {width:276px; height:99px; overflow:hidden; margin:0 36px 30px 0; float:left; font-size:12px;}
			#contact .right li.hover {background:#04aaff url(/media/KasterGaardbo/CssImages/BackgroundContactHover.png) no-repeat right top;}
			#contact .right li a.profile {float:left; line-height:1.2;}
			#contact .right li a.profile:hover {background:#aae2ff url(/media/KasterGaardbo/CssImages/BackgroundContactHover.png) no-repeat right top;}
				#contact .right li a.profile:hover .image, #contact .right li a.profile:hover .contact-text {cursor:pointer;}
			#contact .right li.right {margin-right:0;}
			#contact .right li .image {width:99px; height:99px; overflow:hidden; margin-right:10px; float:left;}
				#contact .right li .image .color, #contact .right li a.profile:hover .image .grey {display:none; }
				#contact .right li .image .grey, #contact .right li a.profile:hover .image .color {display:block; }
			#contact .right li .contact-text {width:167px; float:left;}
				#contact .right li p {}
				#contact .right li a {}
				#contact .right li a:hover {}
				#contact .right li .name {padding-top:34px; display:block;}
				#contact .right li .mail {padding-bottom:10px;  display:block;}
				#contact .right li .mail span {padding:5px 30px 5px 0; background:url(/media/KasterGaardbo/CssImages/RefArrowBlue.png) no-repeat right; }
					#contact .right li.hover .mail span {background:none;}
					#contact .right li a.profile:hover .mail span {background:none;}
				#contact .right li .telephone {font-size:22px; display:block; display:block;}
					#contact .right li .intern {width:276px !important;}
					#contact .right li .intern .h3 {padding-bottom:4px; font-weight:bold; display:block;}
					#contact .right li .intern .telephone {padding-left:20px; font-size:12px !important; display:inline;}
					#contact .right li .intern .name {display:inline;}
					#contact .right li .intern .mail {padding:5px 0 8px !important;}
	
	#contact .left {width:246px; padding-right:36px; float:left;}

/* Customer-cases specific */

#focus-case {padding-bottom:30px; float:left;}
	#focus-case .large-image {width:435px; height:211px; overflow:hidden; float:left;}
	#focus-case .text {width:425px; padding-left:10px; float:left;}
		#focus-case .text p {padding-bottom:20px;}
		#focus-case .text .read-more {color:#04aaff; text-transform:uppercase;}

#cases-horisontal {padding-bottom:10px; float:left; border-bottom:solid 1px #dcdcdc;}
	#cases-horisontal ul {}
	#cases-horisontal li {width:207px; padding-right:14px; float:left;}
		#cases-horisontal li.right {width:207px; padding-right:0;}
		#cases-horisontal li .image{width:207px; height:99px; overflow:hidden; margin-bottom:10px;}
		#cases-horisontal li p {font-size:12px;}
		#cases-horisontal li .link {padding-top:15px; display:block;}
	
#all-cases {height:27px; overflow:hidden; margin-bottom:45px; padding:1px 0 7px; background:url(/media/KasterGaardbo/CssImages/BackgroundAllCases.png) repeat-x bottom; float:left;}
	#all-cases .read-more {padding:5px 30px 5px 0; background:url(/media/KasterGaardbo/CssImages/RefArrowBlue.png) no-repeat right; display:block; float:right;}
	
#customers {margin-top:10px; padding:15px 2px; background:#f3f3f3;}
	#customers a.customer {font-size:18px; line-height:2.0em;}
	#customers a:hover {color:#04aaff;}

/* About specific */

#about {}
	#about .employee {padding-top:4px; float:right; font-style:italic; }
	#about .full {padding-bottom:50px; float:left;}


/* Press and Press release specific */

#press {padding-top:30px;}
	#press .left {width:568px; padding:0 36px 0 0; float:left;}
		
	#press .right {width:266px; margin-top:-13px; float:left;}
		#press .right ul {width:266px; padding-top:15px; font-size:12px;}
		#press .right li {width:266px; padding-bottom:20px; float:left;}
			#press .right li .image {width:97px; height:97px; overflow:hidden; margin-right:7px; border:solid 1px #dcdcdc; float:left;}
			#press .right li .text {width:160px; float:left;}
			#press .right li .download {padding-top:16px; font-weight:bold;}
			#press .right li .name {padding-top:25px;}
			#press .right li .text a {color:#04aaff;}

	#press .read-more {font-size:12px;}
	
#press-release {}
	#press-release h2, #content-text h2 {font-size:18px; font-weight:bold;}
	#press-release h3, #content-text h3 {font-size:14px; font-weight:bold;}
	#press-release h4, #content-text h4 {}
	#press-release p, #content-text p {padding-bottom:15px;}
	#press-release a, #content-text a {color:#04aaff; text-decoration:underline;}
	#press-release a:hover, #content-text a:hover {color:#c4c4c4;}
	#press-release span.blue, #content-text span.blue {color:#95dbff;}
	
	#press-release .date {padding-bottom:0;}
	
	#press-release .back-button, #content-text .back-button {margin-top:20px;}
		#press-release .back-button a, #content-text .back-button a {padding:5px 5px 5px 33px; background:#95dbff url(/media/KasterGaardbo/CssImages/RefArrowBack.png) no-repeat left; color:#fff; text-transform:uppercase; text-decoration:none;}
		#press-release .back-button a:hover, #content-text .back-button a:hover {background:#c4c4c4 url(/media/KasterGaardbo/CssImages/RefArrowBackGray.png) no-repeat left;}	

#content-text {}
	#content-text ul {margin:0 0 10px 0; padding-left:20px; list-style-image:url(/media/KasterGaardbo/CssImages/Bullet.png); list-style-type:disc;}
	#content-text li {margin-bottom:10px;}

/* Profiles specific */

#profiles {float:left;}
	#profiles ul {float:left;}
		#profiles li {padding-bottom:20px;}
			#profiles li .image {width:99px; height:99px; overflow:hidden; margin-right:10px; float:left;}
			#profiles li .contact-text {width:296px; float:left;}
			#profiles li .contact-text .h3 {padding-top:20px; font-size:1.8em; display:block;}
			#profiles li .contact-text .h4 {padding: 6px 0 0; font-size:1.0em; display:block; }
			#profiles li .intern {width:405px !important; }
			#profiles li .intern .h4 {padding:0 !important; }
			#profiles li a.profile {float:left; line-height:1.2;}
			#profiles li a.profile .image .grey, #profiles li a.profile:hover .image .color {display:block; }
			#profiles li a.profile .image .color, #profiles li a.profile:hover .image .grey {display:none; }
			#profiles li a.profile .contact-text .read-more {padding:5px 30px 5px 0; float:left; background:url(/media/KasterGaardbo/CssImages/RefArrowBlue.png) no-repeat right;}
			#profiles li a.profile .contact-text .read-more:hover {background:url(/media/KasterGaardbo/CssImages/RefArrowGray.png) no-repeat right; color:#c4c4c4; cursor:pointer;}

/* About us specific */

#surroundings {}
	#surroundings .half {padding-top:20px;}
	#surroundings p {padding-bottom:20px;}
		#surroundings .link {}
		#page a.link {color:#04AAFF; text-transform:uppercase;}
		#page a.link:hover {color:#c4c4c4; }

/* We Read specific */

#we-read {}
	#we-read .left {width:568px; padding:10px 36px 0 0; float:left;}
		#we-read .left ul {}
		#we-read .left li {width:568px; padding:2px 0; float:left; border-bottom:1px solid #c4c4c4;} 
			#we-read .left li .image {width:114px; height:99px; overflow:hidden; margin:20px 0 20px 10px; float:right;}
			#we-read .left li .read-text {padding:20px 0 15px; float:left;}
			#we-read .left li .read-text-image {width:414px; padding:20px 30px 15px 0; float:left;}
			#we-read .left li h4 {font-weight:bold; font-size:14px;}
			#we-read .left li p {padding-bottom:0px;}
			#we-read .left li a {color:#04aaff; text-transform:uppercase; }
			#we-read .left li a:hover {}
	
	#we-read .right {width:266px; float:left;}

/* Utility classes */

.full {width:870px; clear:left; position:relative;}
.half {width:405px; padding-right:60px; float:left; }
.third {width:266px; padding:20px 36px 0 0; float:left;}
.fourth {width:192px; padding:20px 34px 0 0; float:left;}
.fifth {width:150px; padding:20px 30px 0 0; float:left;}

.half ul, .third ul, .fourth ul, .fifth ul {margin:10px 0; padding-left:18px;list-style-image:url(/media/KasterGaardbo/CssImages/Bullet.png);}
.half ul li, .third ul li, .fourth ul li, .fifth ul li {width:inherit !important; float:none !important; list-style-type:disc;}

.half ol, .third ol, .fourth ol, .fifth ol {font-size:18px;}
.half ol li span, .third ol li span, .fourth ol li span, .fifth ol li span {font-size:14px;}

.fourth .header {min-height:60px; height:auto !important; height:60px; position:relative;}
.fourth .header h3 {position:absolute; bottom:0;}

.right {padding-right:0; margin-right:0; }
.line {height:20px; overflow:hidden; padding-top:90px; border-bottom:solid 1px #dcdcdc;}

.read-more {color:#04aaff; text-transform:uppercase;}

.size16 {font-size:16px;}
.size18 {font-size:18px;}
.size20 {font-size:20px;}
.size24 {font-size:24px;}
.size36 {font-size:36px;}
.size48 {font-size:48px;}

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