/* 
	CSS Document 
	Trondheim Kunstmuseum
*/


body, html { 
	height : 100%;
	}

body { 
	margin : 0; 
	padding : 32px 0; 
	background : #fff url(../images/bg_body.png) top left repeat-x;
	}


/*------------------------- Text formatting */


h1 {
	font : normal 32px/38px "Trebuchet MS";
	color : #b39c73;
	margin : 0 0 1.2em;
	}

h2 {
	font : italic 20px "Trebuchet MS";
	color : #b39c73;
	letter-spacing : 1px;
	border-bottom : 1px solid #d6ccba;
	padding : 0 0 1px; 
	margin : 0 0 .5em;
	}

h3 {
	font : normal 16px Georgia;
	color : #000;
	margin : 0;
	}

h4 {
	font : bold 11px Tahoma;
	color : #b39c73;
	margin : 0 0 1.2em;
	}

p {
	margin : 0 0 1em 0;
	text-align : justify;
	}

p, td p, li {
	font : normal 12px/18px Georgia;
	color : #000;
	}

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

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

div#tagmark a { 
	text-decoration : none; 
	color : #fff;
	}

div#tagmark a:hover { 
	text-decoration : none; 
	color : #fff;
	}

/*
div#content a img,
div#content img {
	border : 1px solid #000;
	}
*/

/*------------------------- Containers */


div#wrap {
	width : 960px;
	padding : 3px;
	background-color : #d1d1d1;
	margin : 0 auto;
	}

div#header {
	width : 960px;
	height : 156px;
	background : #fff url(../images/bg_header.png) top left no-repeat;
	}

	div#header img.mosaic { float : right; border : none; }
	div#header img.logo { float : left; margin : 53px 0 0 50px; border : none; }

div#topnav {
	width : 960px;
	height : 39px;
	background : #c5c5c5 url(../images/bg_topnav.png) top left repeat-x;
	}

	div#topnav img.topnav_home { margin : 12px 8px 0 7px; border : none; float : left; }
	div#topnav img.flag { margin : 12px 11px 0 0; border : none; float : right; }

div#topnavbar {
	width : 702px;
	height : 39px;
	float : left;
	}

div#topnav_searchbox {
	background : url(../images/bg_searchbox.png) top left no-repeat;
	float : left;
	height : 29px;
	width : 177px;
	padding : 11px 0 0 9px;
	}

div#subnav {
	width : 199px;
	margin-left : 1px;
	padding : 0;
	}

div#content {
	width : 960px;
	padding-bottom : 100px;
	background : url(../images/bg_content.png) top left repeat-y;
	}

div#leftcol {
	width : 240px;
	float : left;
	padding : 50px 0 0;
	}

div#leftedit {
	margin-top : 5px;
	color : #87898b;
	width : 197px;
	padding : 20px 18px 16px 25px;
	float : left;
	background : url(../images/bg_leftcontainer.png) top left repeat-y;
	}

	div#leftedit img { border : 1px solid #fff; }
	div#leftedit p { font : normal 11px Tahoma; color : #87898b; }
	div#leftedit p a { font-weight : bold; text-decoration : underline; color : #87898b; }

div#leftcontact {
	width : 215px;
	padding : 20px 18px 16px 25px;
	float : left;
	background : url(../images/bg_leftcontainer.png) top left repeat-y;
	}

	div#leftcontact p { font : normal 11px Tahoma; color : #87898b; }

div#rightcol {
	width : 620px;
	padding : 50px;
	float : right;
	background : url(../images/watermark.jpg) top left no-repeat;
	min-height : 445px;
	height : auto;
	}

div#footer {
	width : 958px;
	height : 40px;
	background : url(../images/bg_footer.png) top left repeat-x;
	border-left : 1px solid #c5c5c5;
	border-right : 1px solid #c5c5c5;
	font : normal 11px/19px Tahoma;
	color : #fff;
	}

	div#footer p { font : normal 11px/19px Tahoma; color : #fff; margin : 0; padding : 8px 0 0; width : 843px; text-align : center; float : left; }
	div#footer p a { color : #fff; text-decoration : none; }
	div#footer p a:hover { text-decoration : none; color : #c5c5c5; }


div#tagmark { 
	text-align : center; 
	width : 115px;
	height : 40px;
	background : url(../images/bg_supervisor.png) top left no-repeat;
	float : right;
	}

	div#tagmark p { font : normal 11px/19px Tahoma; float : right; width : 68px; padding : 9px 0 0; }
	div#tagmark img.wd_icon { margin : 9px 2px 0 23px; padding : 0; border : none; float : left; }


div#superlogin {
	background-color : #fff;
	}

div.clear {
	clear : both;
	}


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


form#sokeform {
	width : 160px;
	height : 29px;
	}

input#tekstsok {
	width : 95px;
	font : normal 11px Tahoma;
	color : #87898b;
	border : 1px solid #bcbcbc;
	padding : 4px 4px 3px;
	margin : 0;
	float : left;
	}

input.rightcol_button {
	font : bold 11px Tahoma;
	height : 22px;
	width : 50px;
	color : #fff;
	padding : 3px 2px 2px;
	border : 1px solid #bcbcbc;
	background-color : #b39c73;
	float : right;
	text-align : center;
	vertical-align : middle;
	margin : 0;
}


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


td.contact {
	margin : 0;
	padding : 0;
	}

input.contact {
	font : normal 12px/15px Georgia;
	color : #000;
	padding : 2px;
	border : 1px solid #87898b;
	background-color : #fff;
	}

textarea.contact {
	font : normal 12px/15px Georgia;
	padding : 2px;
	color : #000;
	border : 1px solid #87898b;
	}