﻿/*
Navn: Akershus Teater
Dato: 2007
(C):  Friisdesign.net / Frans Friis
Url:  http://www.friisdesign.net
*/



/* Standard elementer */

* {margin: 0; padding: 0;}

body {
	background: #555047 url(../img/back.gif) repeat-x; 
	font: normal 60% Georgia;
	padding: 2% 0;
}

a {color: #642;}
a:hover {color: #963;}
p {padding: 2px 0 10px;}

/* Oppbygging */




#wrapper {
	background: #483F30 url(../img/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 762px;
}
#container {
	background: #FBF9F4;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 auto;
	width: 751px;
}

/* Tittel */


.header {
	border-top: 0px solid #483F30;
	background: #483F30 url(../img/header.gif) no-repeat left bottom;
	height: 151px;
}

/* Dropp-ned meny */

.menu {width:750px; w\idth:750px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #fff;}

* html .menu {width:746px; w\idth:750px;}

.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:150px;}

.menu li {float:left;width:150px;position:relative;}

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:139px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#A79D8A; padding-left:10px; line-height:29px;
}

* html .menu a, * html .menu a:visited {width:150px; w\idth:139px;}


.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#DCDAC9;}

.menu ul ul a.drop:hover{background:#bcbaad;}
.menu ul ul :hover > a.drop {background:#bcbaad;}

.menu ul ul ul a, .menu ul ul ul a:visited {background:#DCDAC9;}

.menu ul ul ul a:hover {background:#bcbaad;}



.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #fff;}

* html .menu ul ul {top:30px;t\op:31px;}

.menu ul ul ul{left:149px; top:-1px; width:150px;}


.menu ul ul ul.left {left:-150px;}


.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

.menu ul ul a, .menu ul ul a:visited {background:#DCDAC9; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}


.menu a:hover, .menu ul ul a:hover{color:#fff; background:#A79D8A;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#A79D8A;}


.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

.menu ul :hover ul ul{visibility:hidden;}

.menu ul :hover ul :hover ul{ visibility:visible;}


/* Hoved del */

.main {background: #F1F1F1;}

/* Bunn */

.bottom {
	background: #DCDAC9 url(../img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 2px 4px;
}
.bottom .left,.bottom .right {width: 49%;}

/* Fot */

.footer {
	background: #483F30;
	color: #EED;
	padding: 4px;
}

.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} 

/* Ekstra */

.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.content {padding: 4px 4px;}
.left {float: left;}
.right {float: right;}
.right 
.content {padding: 4px 4px 4px;}






