/*
Theme Name: kogp_2010
Theme URI: http://www.kogp.dk/
Description: Theme for Wordpress
Version: 0.3
Author: Kraftvaerk
Datum: January 03, 2010
*/
/*
	green: b6c200
		

*/
body				{
						margin: 0;
						padding: 0;
						background: #000;
						font-family:'Trebuchet MS','Lucida Grande',Arial,Sans-Serif;
						font-size: 12px;
						line-height: 17px;
						color: #515151;
						background: #000 url(img/bg.jpg) 0 0 no-repeat;
					}
a img, 
img 				{ padding: 0; background: none; border: none; text-decoration: none; }

h1 					{
						margin-top: 0px;
						padding-bottom: 4px;
						font-size: 27px;
						line-height: 32px;
					}
h2					{
						margin-top: 0px;
						margin-bottom: 18px;
						font-size: 24px;
						line-height: 28px;
					}
h3, h4, h5, h6, h7	{
						margin-top: 0px;
						font-size: 12px;
						font-weight: bold;
					}
p					{ margin: 0 0 20px 0; }

h2.news				{ margin-bottom: 5px; font-size: 18px; }
h2.news a			{ color: #515151; text-decoration: none; }

div.clr,
div.clear			{ clear: both; height: 0; }
.clr:after,
.clear:after		{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

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

a.link,
a.team				{ color: #515151 !important; background: none !important; text-decoration: underline !important; }

a.team:hover,
a.team:active,
a.team_current:hover,
a.team_current:active,
a.team_current,

a.link:hover,
a.link:active,
a.link_current:hover,
a.link_current:active,
a.link_current 			{ color: #B6C200 !important; background: none !important; text-decoration: none !important; font-weight: bold; }
/*
#content a 				{
							padding: 0 2px 0 2px;
							color:#fff;
							background: #b6c200;
							text-decoration: none;
						}
#content a:hover		{ text-decoration: underline; }
*/

.headline				{
						margin:0 0 5px 0;
						padding:0;
						font-size: 20px;
						line-height: 150%;
						color: #000;
					}
.head-1 {
/*
	padding: 0 0 0 30px;
	background: #c5cf00;
	display:block;
	width:697px;
*/	
}					
					
/*
	basic parts
------------------------------------------------------ */

#plus				{
						position: absolute; 
						top: 35px;
						right: 35px;
						width: 48px;
						height: 48px;
						background: transparent url(img/plus.png) 0 0 no-repeat;
					}
.addthis_toolbox {
	position: absolute; 
	top: 25px;
	right: 15px;
	width: 205px;
}					
#bodywrap			{
						margin: 0;
						padding: 0;
						width: 100%;
						height: 100%;
					}
#pageholder 		{
					  margin: 0 auto;
					  width: 953px;
					  text-align: left;
					}
#header				{
						position: relative;
						height: 106px;
					}
#main				{
						position: relative;
						width: 100%;
						float: left;
					}
#content			{
						margin: 0 0 15px 0;
						padding: 30px 7px 20px 30px;
						float: right;
						background-color: #fff;
						width: 756px;
						min-height: 300px;
					}
#address			{
						margin: 118px 0 0 0;

						float: left;
						color: #424242;
						width: 145px;
						font-size: 12px;
					}
#address a			{ color: #424242; }
/*
	
------------------------------------------------------ */
.box,
#box1, 
#box2				{
						margin: 0 0 0 15px;
						background: #b6c200 url(img/bg_box.png) 0 100% no-repeat;
						width: 389px;
						position: relative;
						min-height: 200px;
						float: left;
						color: #fff;

					}
.box h2 a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.box h2 a:hover {
	text-decoration: underline;
}
.box h2,
#box1 h2,
#box2 h2			{ margin: 0; padding: 30px 30px 10px 30px; font-size: 24px; }

.box p,
#box1 p,
#box2 p				{ margin: 0; padding: 0px 30px 0px 30px; font-size:14px; }
.read_more			{ 
						padding: 18px 0 13px 60px;
						width: 329px;
						display: block;
						background: transparent url(img/bg_read_more.png) 0 0 no-repeat;
						color: #fff;
						font-size: 24px;
						position: absolute;
						bottom: 0;
						left: 0;
						text-decoration: none;
					}
.spc				{ display: block; height: 29px; }
.front_col			{ margin: 0 12px 12px 0; padding: 0; width: 359px; height: 154px; float: left; overflow: hidden; }
.front				{ margin: 0; padding: 20px 30px 20px 30px; height: 110px; border: 1px solid #b2b2b2; }
.front h3,
.front p			{ font-size: 16px; line-height: 20px; color: #3e3e3f; }
.front a 			{ font-size: 15px; padding: 2px 3px 2px 3px; background: #000; color: #fff; text-decoration: none; }
.front a.read_more	{ display: none; }
/*
	top
------------------------------------------------------ */
#logo				{
						display: block;
						position: relative;
						top: 48px;
						left: 0px;

						width: 336px;
						height: 35px;						
					}
#link 				{ 
						position: absolute;
						top: 63px;
						right: 0px;
						width: 472px;
						height: 37px;
						text-align: right;
						font-size: 12px;
					}
#link a 			{ margin-left: 20px; color: #fff; text-decoration: none;  }
/*
	navigation
------------------------------------------------------ */
#menu								{ 
										margin: 60px 0 0 0;
										float: left;
										width: 150px;
									}
#nav								{ 
										margin: 0; 
										padding: 0; 
										list-style-type: none;
									}
#nav a:link,
#nav a:visited						{
										color: #fff;
										text-decoration: none;
									}
#nav li a							{ padding: 5px 0 5px 0; display: block; font-weight: normal; }
#nav li ul							{ display: none; }
#nav li.current_page_item ul,
#nav li.current_page_parent ul		{ margin: 0 0 0 15px; padding: 0; list-style-type: none; display: block;  }
#nav li.page_folder a,
#nav li.page_item a					{ font-weight: normal; }

#nav li.current_page_item a			{ color: #b6c200; }
#nav li.current_page_item li a 		{ font-weight: normal; color: #fff; }


/*
	previous & next
------------------------------------------------------ */
ul.prev_next				{ margin: 0 0 30px -10px; padding: 0; }
ul.prev_next li				{ margin: 0; padding: 0; list-style: none; float: left; }
ul.prev_next li a			{ margin: 0; padding: 5px 15px 5px 15px; font-size: 12px; }


/*
	columns
------------------------------------------------------ */
.col_left							{ 
										margin: 0; 
										padding: 0 40px 0 0; 
										width: 469px;
										float: left;
										border-right:1px solid #ccc;
									}
.col_left_wide						{
										margin: 0;
										padding: 0; 
										width: 100%;
										float: left;
									}
.col_right							{ 
										margin: 0; 
										padding: 0px;
										width: 201px;
										float: right;
									}
.col_1,
.col_1w,
.col_2,
.col_2w,
.col_3								{ 
										margin: 0 20px 0 0; 
										padding: 0; 
										width: 229px;
										float: left;
									}
.col_1w								{ margin-top: -10px; width: 356px; }
.col_2w								{ margin-top: -10px; width: 356px; }
/*
	related
------------------------------------------------------ */
ul.related							{ 
										margin: 30px 0 0 0;
										padding: 0;
										background: transparent url(img/bg_line_cross_top.png) 0 0 repeat-x;
										list-style: none;
									}
.related li							{
										padding: 19px 20px 24px 20px;
										background: transparent url(img/bg_line_cross.png) 0 100% repeat-x;
										position: relative;
									}
.related li h2						{
										margin: 0 0 5px 0;
										padding: 0;
										font-size: 14px;
										font-weight: bold;
									}
.related li p						{
										margin: 0;
										padding: 0;
									}
.related li a 						{ background: none !important; }
.related li a.rel 					{ 
										
										margin: 10px 0 0 -15px;
										padding: 3px 0 3px 35px !important;

										background: transparent url(img/plus_small_grey.png) 16px 50%  no-repeat !important;
										color: #515151 !important;
										font-size: 14px;
										font-weight: bold;
										display: block;
										/*
										bottom: 10px;
										position: absolute;
										left: 0;
										*/
									}
				
/*
	user
------------------------------------------------------ */
/*
.user								{ margin: 0 0 40px 0; width: 260px; float: left; }
.user img 							{ margin: 0 10px 0 0; float: left; }
.user								{ margin: 0 0 40px 0; width: 260px; float: left; }
*/
.team_img img						{ margin: 0 10px 0 0; float: left; }

.dotted_line						{
										margin: 0 0 30px 0;
										width: 98%;
										height: 7px;
										clear: both;
										background: transparent url(img/plus_dotted_h.gif) 0 0 no-repeat;
									}
a.user_list							{
										color: #515151 !important;
										background: #fff !important;
									}
/*
	forms
------------------------------------------------------ */
.form 						{ margin: 0 0 10px 0; width: 320px; }
.form p						{ margin: 0 0 10px 0; }
label						{ float: left; display: block; width: 60px; }
.textarea,
.inp						{
								padding: 3px; 
								width: 250px;
								border: 1px solid #cfcfcf;
							}
.btn						{
								padding: 3px 10px 3px 10px;
								float: right;
								font-size: 18px;
								color: #fff;
								border: none;
								background: #b6c200 url(img/bg_btn.gif) 0 0 no-repeat;
							}
.comment_send				{
								margin: 0 0 0 218px;
								padding: 0;
								width: 80px;
								height: 17px;
								border: none;
								text-indent: -5000px;
								background: url(img/btn-send.gif) 0 0 no-repeat;
							}
/*
	form for comments in blog
------------------------------------------------------ */
.respond_form				{ padding: 10px; background: #f8f8f8 url(img/bg_comment.jpg) 0 100% no-repeat; border: 1px solid #e7e7e7; }
.respond_form label			{ float: left; width: 100%; }
.respond_form h3			{ font-size: 18px; color: #555555; }
.respond_form p				{ margin: 0 0 10px 0; }
.respond_form .textarea,
.respond_form .inp			{
								padding: 3px; 
								width: 292px;
								border: 1px solid #cfcfcf;
							}
.respond_form .textarea 	{ height: 90px; }

/* Begin Content */

.nextprev {
	text-align: right;
	margin-right: 20px;
}




#blocks-4 {
	position: relative;
	width: 100%;
}

#blocks-4 .col1 {
	background: url("graphics/content-cross-pattern-vert.gif") repeat-y right;
}

#blocks-4 .col1 div {
	margin-right:25px;
}

#blocks-4 .col2 div {
	margin-left:25px
}

#blocks-4 .rowdivider1 {
	height: 7px;
	background: url("graphics/content-cross-pattern-hor.gif") repeat-x top;
}

#blocks-4 .block {
	width: 49.9%;
	height: 50%;
	float: left;
	position: relative;
}

.block div {
	margin: 0;
}

#blocks-4 #cross {
	position: absolute;
	height: 37px;
	width: 37px;
	right: 100%;
	bottom: 100%;
	margin-bottom:-15px;
	margin-right: -15px;
	z-index: 10;
	background: url("graphics/big-cross.gif") no-repeat center center white;
}

#columns-1 {
}

#columns-1 .column {
	width: 100%;
}

#columns-2 {
	width: 99.9%;
}

#columns-2 .column {
	width: 49.9%;
	float: left;
}

.column div {
	margin-right: 20px;
}

#otherposts li {
	display: inline;
}

#otherposts li a {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 50px 3px 5px;
	/*background: #19CCCA;*/
	background: #C4DA00;
	color: white;
}

#otherposts li.current_post a {
	background: #1A84AA;
	/*background: #1A84AA url(graphics/list-arrow-selected.gif) no-repeat left;*/
}

/*
	form
------------------------------------------------------ */

#theform {
	margin-top: -30px;
	width: 343px;
	position: relative;
}

ol.cf-ol li {
	position: relative;
}

#li--9 {
	position: absolute;
	left: 100%;
	margin-left: 20px;
	top: 0;
}

#label--9 {
	display: none;
}

#cf_field_9 {
	width: 300px;
	height: 156px;
	padding: 5px;
}

.cform input.sendbutton {
	width: 312px;
}

p.cf-sb {
	position: absolute;
	left: 100%;
	margin-left: 20px;
	top: 200px;
}

span.reqtxt, span.emailreqtxt {
	position: absolute;
	top: 100%;
	margin-top: 0;
	right: 22px;
}

/*
	form override
------------------------------------------------------ */
.cforms label		{ width: 70px; }


/*
	single post
------------------------------------------------------ */
.byline					{ margin: 0 0 20px 0; padding-left: 15px; border-left: 1px solid #505052; color: #505052; font-weight: normal; }
.commentmetadata .date,
.byline .date			{ color: #999999; }
.author a 				{ color: #505052; text-decoration: none; }

/*
	blog comments
------------------------------------------------------ */

.commentlist			{ margin: 0 0 10px 0; padding: 0; list-style: none; background: url(img/hdots.gif) 0 0% repeat-x; }
.commentlist li			{
							padding: 20px 0 5px 0;
							border: none;
							background: url(img/dotted_line.gif) 0 0 repeat-x;
						}
.commentlist li .avatar	{ display: none; }

.commentlist .sep		{ margin-left: 10px; }


/*
	christmas
------------------------------------------------------ */
.christmas #link		{ display: none; }
#tree 					{ 
							position: absolute;
							top: 12px;
							right: 0px;
							width: 110px;
							height: 94px;
							background: url(img/tree.gif) 0 0 repeat-x;
						}
.christmas h1			{ margin: 0 0 6px 0; padding: 3px; color: #fff; font-size: 25px; }
.christmas h3			{ margin: 0 0 3px 0; padding: 3px; color: #fff; font-size: 17px; }
.christmas h1 span		{ padding: 1px 3px 1px 3px; border-bottom: 2px solid #fff; background: #8b0b0b; line-height: 35px; }
.christmas h3 span		{ padding: 1px 3px 1px 3px; border-bottom: 2px solid #fff; background: #8b0b0b; line-height: 24px; }
.christmas h2			{ color: #8b0b0b; font-size: 28px; }

.christmas p			{ float: left; clear: left; }
.christmas .col_left	{ width: 358px; }
.christmas .col_right	{ width: 358px; }

#tilmeld				{
							margin: 20px 0 -20px -30px;
							padding: 20px 7px 20px 30px;
							float: left;
							background-color: #fff;
							width: 756px;
							min-height: 177px;
							background: url(img/bg-tilmeld.jpg) 0 0 no-repeat;
						}
#tilmeld h3				{ color: #fff; background: #000; float: left; font-size: 12px; }
#tilmeld label			{ color: #fff; }

/*
	forms
------------------------------------------------------ */
div.fu					{
							margin: 0px 10px 0 0px;
							clear: left;
						}
div.fr div.fu			{
							float: left;
							display: inline;
							width: 340px;
							clear: none;
						}
div.fr					{ margin-top: 5px; clear: both; }
div.fr:after			{ content:"."; clear:both; display: block; visibility: hidden; height: 0; }
div.fr					{ display: inline-block; }
div.fr					{ display: block; }

div.fu label			{ white-space: nowrap; display: block; float: left; }
input.size-l			{ width: 330px; height: 18px; margin: 0; padding: 2px; }
input.size-s			{ width: 50px; height: 18px; margin: 0; padding: 2px; }

.btn					{ margin-right: 40px; float: right; }
.req					{ margin-left: 3px; color: #8b0b0b; }

#tilmeld .btn			{ margin: 10px 65px 0 0; background: none; }


/* jobs page */

.jobs {}
.jobs .col_right .related li {
}
.jobs .col_right .related li:hover {
	cursor: pointer;
	background: #dae338;
}
.jobs .col_right .related li:hover p,
.jobs .col_right .related li:hover h3 {
	color: #000;
}
.jobs .col_right .related li:hover p.download a {
	color: #000;
}
.jobs .col_right .related li:hover a {
	text-decoration: underline;
}
.jobs .col_right .related h3 {
	font-size: 14px;
}
.jobs .col_right .related p.download {
	background: url(img/pdf.png) right center no-repeat;
	line-height: 38px;
}
.jobs .col_right .related p.download a {
	text-decoration: none;
}
.jobs .col_right .related p.download a:hover {
	text-decoration: none;
}

.jobs h1 {
	font-size: 25px;
}
.jobs .col_right {
	padding-top: 50px;
}


/* casepage */

.casepage h2 {
	font-size: 15px;
	margin-bottom: 0;
}
.casepage ul,
.casepage ol {
	margin-top: 0;
	padding: 0;
	padding-left: 18px;
	list-style-position: outside;
}
.casepage h1 {
	font-size: 20px;
	line-height: 25px;	
}



.scrollable {
	position:relative;
	overflow:hidden;
	width: 469px;
	height:300px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable img {
	float:left;
	width:469px;
	height:300px;
}


.navi {
	margin:10px 0 45px 215px;
}
.navi a {
	width:11px;
	height:11px;
	float:left;
	margin:2px;
	background:url(img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
	cursor:pointer;
}
.navi a:hover {
	background-position:0 -11px;      
}
.navi a.active {
	background-position:0 -22px;     
} 	


/* navigation */

.navigation {
	margin: 30px 0 20px 0;
}
.navigation .alignleft {
	float: left;
}
.navigation .alignright {
	float: right;
}


/* cases-overview */

.item {
	float: left;
	margin:0 64px 30px 0;
}
.item,
.item a {
	width: 200px;
	height: 150px;
	overflow: hidden;
	display: block;
}
.item-last {
	margin: 0;
}
.item .case-1 { background: url(/wp-content/uploads/cases/K+P_caseforside21.jpg) left top no-repeat; }
.item .case-2 { background: url(/wp-content/uploads/cases/K+P_caseforside19.jpg) left top no-repeat; }
.item .case-3 { background: url(/wp-content/uploads/cases/K+P_caseforside9.jpg) left top no-repeat; }
.item .case-4 { background: url(/wp-content/uploads/cases/K+P_caseforside17.jpg) left top no-repeat; }
.item .case-5 { background: url(/wp-content/uploads/cases/K+P_caseforside15.jpg) left top no-repeat; }
.item .case-6 { background: url(/wp-content/uploads/cases/K+P_caseforside13.jpg) left top no-repeat; }
.item .case-7 { background: url(/wp-content/uploads/cases/K+P_caseforside23.jpg) left top no-repeat; }
.item .case-8 { background: url(/wp-content/uploads/cases/K+P_caseforside11.jpg) left top no-repeat; }
.item .case-9 { background: url(/wp-content/uploads/cases/K+P_caseforside7.jpg) left top no-repeat; }
.item .case-10 { background: url(/wp-content/uploads/cases/K+P_caseforside5.jpg) left top no-repeat; }
.item .case-11 { background: url(/wp-content/uploads/cases/K+P_caseforside.jpg) left top no-repeat; }
.item .case-12 { background: url(/wp-content/uploads/cases/K+P_caseforside3.jpg) left top no-repeat; }

.item a:hover {
	background-position: left bottom;
}

.contactbox {
	margin: 2px 0 0 0;
}
.contactbox .tit {
	width: 169px;
	height: 20px;
	background: url(img/bliv.png) left top no-repeat;
}
.contactbox .row {
	margin: 0 0 2px 0;
}
.contactbox label {
	width: 48px;
	float: left;
	font-size:11px;
	line-height: 22px;
}
.contactbox .row input {
	width: 115px;
	font-size: 11px;
	border:1px solid #000;
}
.contactbox .submit {
	border: none;
	background: url(img/send.png) left top no-repeat;
	width: 61px;
	height: 19px;
	float: right;
	margin: 0 32px 0 0;
	cursor: pointer;
}
.maillink {
	width: 169px;
	height: 19px;
	margin: 6px 0 0 0;
	display: block;
}
.mailhans {
	background: url(img/mail_hans.png);
}
.mailjeppe {
	background: url(img/mail_jeppe.png);
	margin: 0 0 1px 0;
}
.mailbrian {
	background: url(img/mail_brian.png);
}
.contactbox .reqfield {
	color: red;
	font-size: 11px;
	display: block;
}
.successfield {
	background: #c4ce00;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	width: 159px;
	margin: 0 0 5px 0;
}

.phoneform {}

.phoneform .row {
	position: relative;
}
.phoneform label {
	position:absolute;
	top:0; 
	left:7px;
}

.phoneform .row input {
	width: 156px;
	padding: 2px 5px;
}

.phoneform label,
.phoneform .row input {

	font-weight: bold;
}


/* banner */

.banner {
	width: 727px;
	height:200px;
	margin: 0 0 20px 0;
	display: block;
}
.banner .link {
	width: 149px;
	height: 50px;
	position: absolute;
	left: 303px;
	bottom:14px;
	background: red;
}
.banner #player {
	float: right;
	width:245px;
	height:200px;
	outline: none;
	border: 0;
}
.banner #player img {
	cursor: pointer;
}	

.front-box {
	width: 665px;
	height: auto;
	margin: 0 0 20px 0;
	font-weight: bold;
	padding-bottom: 13px;
}
.front-box p {
	margin: 0;
	font-weight: normal;
}

/* latest news */

.latest-news {
	margin: 0 12px 12px 0; 
	padding: 0; 
	width: 359px; 
	float: left; 
	overflow: hidden; 	
}
.latest-news span {
	display:block;
	font-size:11px;
	font-weight: bold;
}
.latest-news p {
	margin: 0 0 5px 0;
}
.home-news h1 {
	margin: 0;
}

/* sidebar-links */

.sidebar-info {
	color:#000;
	width: 159px;
	padding: 10px 5px;
	text-align:center;
	font-size: 13px;
}
.sidebar-info span {
	font-size: 15px;
	display: block;
	margin: 0 0 5px 0;
}
.phone-title {
	text-align: center;
	width:169px;
	color:#000;
	font-size:14px;
	margin: 20px 0 5px 0;
}

#fadeshow1 { 
	background: white;
	border: 1px solid #b2b2b2; 
}

.col {
	width: 359px; 
	float: left;
	margin: 0 12px 0 0;
}

/* old grumpy */

.oldgrumpy {
	background: url('img/oldgrumpygame.jpg') 0 0 no-repeat;
	width: 727px;
	height:468px;
	position: relative;
}
.oldgrumpy .gameform {
	padding: 15px 40px 0 30px;
	width:370px;
	height: 380px;
	position: absolute;
	top: 39px;
	left: 262px;
}
.oldgrumpy .gameform h2 {
	font-size: 18px;
	line-height:24px;
	color:#fff;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
	width: 260px;
}

.oldgrumpy .gameform .row {
	margin: 0 0 10px 0;
}
.oldgrumpy .gameform label {
	width:85px;
	font-size:13px;
	line-height:18px;
	color:#fff;
	float:left;
	margin: 8px 15px 0 0;
	text-align: right;
}
.oldgrumpy .gameform input[type=text] {
	width:170px;
	padding:5px;
	font-size:13px;
	color:#000;
	font-weight:bold;
}
.oldgrumpy .gameform input[type=submit] {
	text-decoration: none;	
	border: none;
	cursor: pointer;
	background: url('img/submit.png') 0 0 no-repeat;
	width: 144px;
	height:39px;
	text-indent: -9000px;
	padding:0;
	margin:0 0 0 43px;
}

.oldgrumpy .gameform .error-msg {
	background: red;
	color:#fff;
	font-size:12px;
	text-align: left;
	width: 267px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}
.oldgrumpy .gameform .error-msg p {
	margin: 0;
}
.oldgrumpy .gameform .error-msg ul {
	margin:0;
	padding-left: 20px;
}
.oldgrumpy .gameform .error-msg label {
	background:transparent;
	width: auto;
	font-size:11px;	
	line-height:15px;
	margin: 0;
	float:none;
	text-align: left;
	display: block;
}