/*  
Theme Name: Designprocessen 4 column
Theme URI: http://designprocessen.dk/
Description: 
Version: 1.0
Author: Mads Kullberg
Author URI: http://www.madskullberg.dk/

	

*/
/* RESET BROWSER DEFAULTS */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form 
input , textarea , p , blockquote , th , t, address, hr { margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing: 0; }
img { border:0; }
address , caption , cite , code , dfn , em , strong , th , var { font-style: normal; font-weight:normal; }
caption , th { text-align:left; }
h1 , h2 , h3 , h4 , h5 , h6 { font-size: 100%; font-weight:normal; }
q:before , q:after { content:''; }
abbr , acronym { border: 0; }

html {
height: 100%;
}
body{
	font-family: Helvetica, Georgia, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	color: #000;
	height: 100%;
}


#page {
position: relative;
min-height: 100%;
}

* html #page {
height: 100%;
}

#footer {
}

h1, h2, h3, h4, h5, h6{
	text-transform: uppercase; 
	font-size: 18px;
	font-weight: normal;
}

a {
	text-decoration: underline;
	color: #000;
}

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

a img{ border: 0; }

abbr, acronym{ border: 0; }

address, dl, p{ padding: 15px 0 0; }

blockquote {
	background: #ececec url('images/arrow.png') no-repeat;
	background-position: 0px 0px;
	font-size: 100%; 
	margin: 15px 30px 15px 30px;
	padding: 35px 15px 15px 15px; 
	color: #727070;
}

blockquote p { 
	margin: 0; 
	padding: 0; 
 }

blockquote blockquote{
	margin: 0 15px;
	background: #fff;
}



blockquote cite {
	margin: 5px 0 0;
	display: block;
}
	
code{
	background: #f9f9f9;
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 15px 15px 5px 15px;
	border: 0;
	height: 1px;
	text-align: left;
	background: none;
	color: #000;
}

small{
	font-size: 11px;
}
strong { font-weight: bold; }
em { font-style: italic; }
pre{
	width: 90%;
}

#searchform {
	position: absolute;
	right: 0; 
	top: 12px; 
	float: right; 
	text-align: right; 
	width: 200px; 
	z-index: 1000;
	margin: 10px 0 0 0; 

}

input, textarea{
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	border: 1px solid #003053;
	background-color: #fff;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

/* --------------- BEGING GENERAL SIZE - COLOR STRUCTURE ---------------- */

/* SET COLORS */ 

body {
	background: #fff url('images/blackdot.gif') repeat-x; 

}
#page {
	background: #fff; 
	padding: 5px; 
}
#container {
	padding: 5px;
	padding-bottom: 0; 
}
#header {
	background: #000; 
}
#footer {
	background: none; 

}
.narrow_column, #left_sidebar, .right_sidebar_col ul li {
  	background: #fff;
}

/* SET WIDTH */
#container, #page, #footer, #header, .wide_column_bottom, .wide_column_top, #topmenu {
	width: 910px; 
}

.right_sidebar_container_bottom, .right_sidebar_container_top {
	width: 200px;	
	float: left; 

}
.right_sidebar_col1 {
}
#left_sidebar {
 	width: 200px; 
	border: 1px solid #fff; 
	margin-top: 40px; 
}
.narrow_column {
	width: 470px;
	float: left;
	overflow: hidden; 
	margin-left: 25px; 

}
#container {
}
#footer {
	z-index: -100; 
	
}
#footerlogos {
	position: relative; 
	float: right; 
	width: 500px; 
	text-align: right; 
}
#footercopy {
	position: absolute; 
	float: left; 
	width: 100px; 
	top: 86px; 
	font-size: 14px; 
	
	}

#footer{
	width: 920px;
	position: relative; 
	margin: auto 0;
	float: left;
	color: #000;
	
}

#footer div img {
	margin: 0px 5px 0 5px;
}

/* -------------- END SIZE - COLOR STRUCTURE --------------------- */

.bold {
	font-weight: bold; 
}
#container{
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
	position: relative; 
}

#page{
	float: left;
	color: #000;
}

#header{
	height: 115px;
	float: right;
	clear: both;
	text-align: right; 
	margin: 0px 0;
	padding: 10px 0 0 0; 
	visibility: hidden; 
}
#header_front {
	height: 220px; 
	width: 600px;
	text-align: left; 
	position: relative; 
	top: 20px; 
	z-index: 0; 
	background: url('images/designprocessen.png') no-repeat; 

}
.pageimage {
	position: absolute; 
	top: 42px; 
	left: 35px;
	width: 150px; 
	padding-bottom: 10px; 
	/*background: url('images/blackline.gif') no-repeat bottom right; */
}
#header h1{
	padding: 25px 30px 25px; 
	font-size: 36px;
	text-transform: uppercase;
	color: #000;
}

#header a {
	color: #000;
	margin-right: 2px;
}
#header a img {
	margin-top: 10px;
}

#left_sidebar, .right_sidebar_col{
	float: left;
}
#left_sidebar ol, #left_sidebar ul, #left_sidebar li,  
.right_sidebar_col ol, .right_sidebar_col ul, .right_sidebar_col li { 
list-style-type:none; 
}

.right_sidebar_col {
	padding: 0; 
	font-size: 14px; 
	color: #4d4d4d; 

}
.right_sidebar_col1 {

}
.right_sidebar_col ul {
	padding: 5px; 

}
.right_sidebar_col2 {


}

.right_sidebar_container_bottom {

}

.right_sidebar_container_top {

 }

.wide_column_bottom, .wide_column_top {
	float: left;
	padding: 0;
	color: #000;
	margin-top: 15px;
	border: 0px solid black; 
}

.wide_column_top{
	padding: 0;
	background: #fff; 
}

.narrow_column {
	
}
.narrow_column ol, .narrow_column ul {
}
.post, .post_alt{
	font-size: 13px;
}

.post_alt{
}

#content {
	padding: 5px; 

}
.post h2 a, .post_alt h2 a{
	color: #a44d01;
}
.post h2 {
	/*height: 21px; */
	line-height: 21px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px; 
	width: 465px; 
	color: #414141;
	font-size: 20px; 
	border-bottom: 10px solid #00a8ff;
	border-bottom: 1px solid #000;
}
.post h2 small {
	color: #424242;
	font-size: 13px;
	margin-right: 5px; 
}
.postdate{
	padding: 8px 0px;
	font-size: 11px;
	color: #ba9575;
}

.entry{
	line-height: 18px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 15px 0 0;
}

.entry h1{
	font-size: 24px;
	line-height: 30px;
}

.entry h2{
	line-height: 24px;
}

.entry h3{
	font-size: 16px;
}

.entry h4{
	font-size: 14px;
	font-weight: bold;
}

.entry h5, .entry h6{
	font-size: 12px;
}

.entry h3, .entry h4, .entry h5{
	font-weight: bold;
}

.entry img{

}

.entry img.wp-smiley{
	border: 0;
	padding: 0;
}

.entry img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.entry img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.entry p.postinfo{
	margin: 15px 0 0;
}

.browse{
	padding: 0 15px;
	font-family: Geogria, Sans-Serif;
	font-size: 14px;
	line-height: 24px;
}

.browse a{
	font-weight: bold;
}



/* comments template */

.comments-template{
	padding: 15px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	padding: 0 0 20px;
}

.commentmetadata{
	font-style: italic;
}

.comments-template p.nocomments{
	padding: 0;
}

/* end comments template */


/* wp-calendar */

table#wp-calendar{
	width: 100%;
	text-transform: none;
	line-height: 18px;
}

table#wp-calendar caption{
	padding: 10px 15px;
}

table#wp-calendar th{
	text-align: center;
	vertical-align: top;
}

table#wp-calendar td{
	text-align: right;
}

table#wp-calendar tfoot td{
	text-align: center;
}

/* end calendar */



/*---:[ Menu styling ]:---*/

/* TOP MENU */
#topmenu {
	background: #000; 
	position: relative; 
	top: 0px; 
	left: 0px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 20px; 
}
#topmenu a {
	text-decoration: none; 
	line-height: 20px; 
	height: 20px; 
	padding-left: 15px; 
	margin-right: 10px; 
	font-size: 11px;
	text-transform: uppercase; 
	letter-spacing: -1px;
	color: #fff;	
	z-index: 200; 
	display: inline; 
	
}
#topmenu a:hover {
	/*background: url('images/menuarrow.gif') no-repeat top left;*/
	background-position: 0px 0px; 
	color: orange; 

}
#topmenu .page_item {
	display: block; 
	float: left; 
}
#topmenu .current_page_parent a, #topmenu .current_page_item a {
	/*background: url('images/menuarrow.gif') no-repeat top left; */
	background-position: 0px 0px; 
	color: orange;
}
#topmenu .page-item-27 { /* Forside */
	top: 75px; 
	left: 5px;
}
#topmenu .page-item-7 { /* Hvad er design */
	top: 75px; 
	left: 90px;
}
#topmenu .page-item-24 { /* IdŽ og inspiration */
	top:  20px; 
	left: 240px; 
}
#topmenu .page-item-25 { /* Fremstilling */
	top: 47px;
	left: 240px; 

}
#topmenu .page-item-26 { /* Brug */
	top: 75px; 
	left: 240px; 

}
#topmenu .page-item-55 { /* L¾r mere */
	top: 75px;
	left: 400px;
}
#topmenu .page-item-56 { /* Til l¾rere */
	top: 20px; 
	left: 510px; 
}
.page-item-57 { /* Info om museerne */
	top: 47px;
	left: 510px; 

}
.page-item-2{ /* Om webstedet */
	top: 75px;
	left: 510px; 

}

/* END TOP MENU */

/* ------------------ BEGIN LEFT MENU ---------------*/

#left_sidebar .page_item a { 
	display: block; 
	background: #fff; 
	color: #000; 
	width: 100%; 
	text-transform: uppercase; 
	text-decoration: none; 
	text-align: right;
	padding: 4px 0px 2px 0px; 
	font-size: 14px; 
	letter-spacing: 2px; 
	
}
#left_sidebar .page_item a:hover, #left_sidebar .current_page_item a { 
	background: #000;
	color: #fff;
}

#left_sidebar ul li { padding: 0; margin: 0;  }

/* ------------------ END LEFT MENU -----------------*/

/* ------------------ BEGIN FRONTPAGE  ---------------*/

a.fpl {
	display: block; 
	height: 100px; 
	width: 100px;
	position: absolute; 
}
a#fp1 {
	background: url('images/hvader.png') no-repeat; 
	height: 260px; 
	width: 267px; 
	top: -140px; 
	left: 610px; 
}
a#fp1:hover {
	background: url('images/hvader.png') no-repeat; 
	background-position: -267px 0px;

}

a#fp2 {
	background: url('images/ide.png') no-repeat; 
	height: 200px; 
	width: 206px; 
	top: 40px; 
	left: 10px; 
}
a#fp2:hover {
	background: url('images/ide.png') no-repeat; 
	background-position: -206px 0px;
}
a#fp3 {
	background: url('images/fremstilling.png') no-repeat; 
	height: 240px; 
	width: 196px; 
	top: -45px; 
	left: 245px; 
}
a#fp3:hover {
	background: url('images/fremstilling.png') no-repeat; 
	background-position: -196px 0px;
}
a#fp4 {
	background: url('images/brug.png') no-repeat; 
	height: 220px; 
	width: 180px; 
	top: 120px; 
	left: 420px; 
	z-index: 100; 
}
a#fp4:hover {
	background: url('images/brug.png') no-repeat; 
	background-position: -180px 0px;

}
/* ------------------ END FRONTPAGE -----------------*/
.casethumbcontainer {
	clear: both; 
}

.casethumbcontainer h3, h2.widgettitle {
	border-bottom: 10px solid #00a8ff;
	border-bottom: 1px solid #000;
	height: 22px; 
	line-height: 22px;
	margin-bottom: 10px;
	margin-top: 5px; 
	color: #00a8ff;
	font-size: 13px; 
	letter-spacing: 2px; 
	font-weight: normal;
	text-align: left; 
	background: #fff; 
	margin-top: 0px;
}

h2.widgettitle {
}

.temagenvej {
	width: 100%; 
	display: block;  border: 1px solid #fff; 	

}
li#designprocessen {
}
.temagenvej .casethumbimg {
	float: left; 
	display: inline; 
	clear: both; 
	padding: 0 19px 0 0px;

	background:  url('images/temagenvejrot.gif') no-repeat right center;

}
.temagenvejcaption {
	clear: both;
	position: relative; 
	top: 3px; 
}
.temagenvejcaption a {

	color: #00a8ff; 
	padding: 0 0 0 2px; 
}
.temagenvej.aktiv {

	background: url('images/temagenvej.gif') no-repeat left;
}

.casethumb {
	width: 200px; 
	clear: both; 
	border-top: 1px solid #ccc; 
	float: left; 
	margin-bottom: 10px; 
}

.casethumb ul {
	clear: both; 
	padding-top: 2px; 
	padding-left: 2px;
	padding-right: 0px;
	
}
.casethumb li {
	text-align: right; 
}
.casethumb li a {
	font-size: 14px; 
	text-decoration: none; 
	text-transform: uppercase; 
	margin-right: 2px;
}
a.casethumbimg:hover {
}
.casethumbimg {
	padding: 2px; 
	border: 1px solid #ccc; 
	border-top: 0; 
	float: right; 
}
.temagenvej .casethumbimg {
	border: 1px solid #fff; 
}
.ctbcredit {
	text-align: right; 
	position: relative; 
	top: 2px; 
	width: 150px; 
	overflow: hidden; 
}
a.casethumbhref {
	display: block; 
	font-size: 14px; 
	text-decoration: none; 
	text-transform: uppercase; 
	margin-right: 2px;
}
a.casethumbhref:hover {
	text-decoration: none; 
	color: orange; 

}
.temagenvejcaption {
	margin-left: 0px; 
	margin-bottom: 10px; 
}
.temagenvejcaption a.casethumbhref {
	font-size: 11px; 
}
.casethumb .credit {
	float: right; 
	color: gray; 
	font-size: 95%; 
	margin: -3px 0 0 0; 
	padding: 2px;

}

#currenttitle, .casethumb.active a.casethumbhref {
	color: orange; 
}
.casethumb.active .credit {
	color: #ffde86;
}
.casethumb.active .casethumbimg {
	/* border: 1px solid #ffde86; */
	background: #fff; 
}

.subpageimg { /* OPERA FIX */
margin: 0; 

}
a.subpageurl, a.subpageurl:hover {
	color: #fff; 
	font-size: 12px;
	text-decoration: none; 
	display: block; 
	padding: 3px 0 1px 0;
	text-transform: uppercase; 
	}
/* ARBEJDSSP¯RGSM�L */

div.questions {
	width: 440px;
	float: left; 
	clear: both; 
	background: #fff; 
	margin: 30px 0 10px 0; 
	padding: 5px 10px; 
	border: 3px solid #f4f4f4; 
	color: #5082ac; 
	font-size: 14px; 
}
div.questions h3 {
	margin: 0; padding: 0; 
	padding: 10px 10px 5px 10px; 
	text-align: center; 
	color: #666; 
	font-size: 16px; 
	letter-spacing: 1px; 
}

/* END ARBEJDSSP¯RGSM�L */

/* Additional styling (req. by plugins) */





/* ------ Highslide styling ----- */

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper .post h2 {
	margin: 0; padding: 0;  
	border-bottom: 10px solid orange; 
}
.highslide-wrapper {
	background-color: white;
	
}
.highslide-wrapper .post {
	float: left; 
}
.highslide-wrapper .post .entry {
	font-size: 97%;
	line-height: 110%; 
	width: 465px;
	margin: 0; padding: 0; 
	color: #333;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
    text-align: left; 
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



/* Captions */
img.center, div.center {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important; }

img.alignright, div.alignright {
	float: right;
	margin: 10px 0 2px 11px; }

img.alignleft, div.alignleft, img.alignleft {
	float: left;
	margin: 10px 11px 2px 0; }
div.bottom, img.bottom {
	clear: right; 
}
div.img div {
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	text-align: left;
	background-color: #000;
	border-top: 0px solid #f2f0d9;
	border-bottom: 0px solid #e6e4cf;
	padding: 5px;
	margin-top: 0px; 
}
div.img {
	border: 0px solid black; 
	margin-top: 10px 0 10px 0; 

}


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 0px solid #ddd;
	text-align: left;
	background-color: #000;
	padding: 0 0 0 0;
	margin: 10px 0 10px 0; 
	color: #fff; 
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 12px;
	padding: 4px 4px 4px 4px;
	margin: 0;
	text-align: left; 
}
/* End captions */