@charset "utf-8";
body {width:960px;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF0A5;
	margin: 0;
	padding: 0;
	color: #000;
}

p {		line-height:1.6;	}
	
a { 	color: #8E2800; }
	
table-cell {		}

ul, ol, dl { padding: 0;  margin: 0;}

a img { border: none; }

table, th, iframe, td {	border: 1px solid black; border-collapse:collapse; }

tr:nth-child(2n) {background-color: #ffc; }

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

a:visited { color: #6E6C64; text-decoration: none; }

a:hover, a:active, a:focus { text-decoration: none; }

.container { width: 960px; 	background-color: #F2D399; margin: 0 auto; }

header {width:960px; height:235px; background: url("images/lamb-and-lion-bildmarke.jpg") no-repeat;  border-bottom:solid 2px green; }
	
header h1 {
	
	font-family:serif;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	font-size: 68px;
	padding-top:100px;
	PADDING-LEFT:130px;
	color:#B64926;
	font-weight: normal;
	text-align: right;
	}

.nav {width:100%;	}

.nav li{
	background:#CCC49F;
	padding: 12px 40.5px;
	float:left;
	text-align:center;
	border-right:solid 1px #8c8759;
	list-style:none;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13.5px;
	transition: all 0.3s;
	}

.nav li:hover {	background:#666341; color:orange;}

.content { 	padding: 10px 0; margin: 100px auto; width: 702px;}

nav a:hover, nav a:active, nav a:focus { background-color: #ADB96E; color: #444444; text-decoration:none;}

footer { padding: 10px 0 0 0; background: #CCC49F; text-align: center;}
	
.copy {
	background:#000;
	width:100%;
	text-align:center;
	color:#fff;
	font-size: 12px;
	font-weight:normal;
	padding: 5px 0;
	}