@charset "UTF-8";

/************************************************
*	Layout for Strindens Promenade Orchester	*
*	Skrevet av #201 - Bjarne, Lars Ødegaard		*
*	© SPO - 2010 v/Lars Ødegaard				*
*************************************************
*/


* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	background:url(../images/background.jpg) repeat;
}

ul {
	list-style: none inside;
}

/*Elementene på sida*/
#container {
	width: 1024px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	background: url(../images/content.jpg) repeat;
	color: #222222;
}

	#container hr {
		margin-left: -50px;
		margin-right: 20px;
	}


#header {
	height: 254px;
	margin-left: 0;
	background:url(../images/header.jpg) no-repeat;
}

	#header a {
		padding-top: 227px;
		padding-right: 70px;
		float: right;
	}

/*Menyen*/
#menu {
	float: left;
}

ul#nav {
}

	ul#nav li{
		width: 181px;
		margin-left: 70px;
	}

	ul#nav li a {
		display: block;
		height: 44px;
		padding-left: 15px;
		padding-top: 16px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		font-size: 20px;
		color: #FFF;
	}

	ul#nav li.top a {
		background: url(../images/top_button.jpg) no-repeat;
	}

	ul#nav li.bottom a {
		background: url(../images/bottom_button.jpg) no-repeat;
	}

	ul#nav li.top:hover a {
		background: url(../images/hover_top.jpg) no-repeat;
	}

	ul#nav li.bottom:hover a {
		background: url(../images/hover_bottom.jpg) no-repeat;
	}

	/*Undermeny*/
	ul#nav ul {
		position: absolute;
		margin-top: -60px;
		margin-left: 112px;
		z-index: 1000;
	}

	ul#nav ul {
		display: none;
	}

	ul#nav li:hover ul {
		display: block;
	}

	ul#nav li.top ul li.poptop a, ul#nav li.top:hover ul li.poptop a {
		background: url(../images/poptop_button.jpg) no-repeat;
	}

	ul#nav li.top ul li.poptop:hover a {
		background: url(../images/hover_poptop.jpg) no-repeat;
	}

	ul#nav li.top ul li a, ul#nav li.top:hover ul li a {
		background: url(../images/bottom_button.jpg) no-repeat;
	}

	ul#nav li.top ul li:hover a {
		background: url(../images/hover_bottom.jpg) no-repeat;
	}

	ul#nav li.bottom ul li.poptop a {
		background: url(../images/bottom_button.jpg) no-repeat;
	}

	ul#nav li.bottom ul li.poptop:hover a {
		background: url(../images/hover_bottom.jpg) no-repeat;
	}

	ul#nav li.bottom ul li a, ul#nav li.bottom:hover ul li a {
		background: url(../images/bottom_button.jpg) no-repeat;
	}

	ul#nav li.bottom ul li:hover a {
		background: url(../images/hover_bottom.jpg) no-repeat;
	}


/*Selve innholdet*/
#content {
	width: 650px;
	margin-left: 280px;
	margin-bottom: 50px;
	min-height: 360px;
}

	#content iframe.hva {
		background-color: #f7f7f7;
	}

	#content ul.gallery li {
		display: inline;
		margin: 0px 5px 0px 5px;
	}

	#content ul.gallery li a img {
		border: 2px solid #00F;
		margin-bottom: 10px;
	}

/*Utseende på nyhetene*/
.newsContainer {
	margin-bottom: 35px;
}

	.newsContainer h1 {
		font-size: 20px;
		background: url(../images/gradient.jpg) no-repeat;
	}

	.newsContainer .infolinje {
		width: 723px;
		margin-bottom: 10px;
		font-size: 12px;
		padding-left: 3px;
	}

	.newsContainer div.tekst {
		margin-right: 10px;
		margin-bottom: 10px;
		min-height: 150px;
	}

	.newsContainer img {
		float: right;
		width: 250px;
		border: 1px solid #CCC;
		margin-left: 8px;
	}

/*Utseende på medlemsprofilen*/
.profil {
	min-height: 209px;
	padding-top: 10px;
	padding-bottom: 10px;
}

	.profil img {
		float: left;
		margin-right: 10px;
	}

/* Styling av hva_skjer */
#hvaskjer {
  background: url(https://www.strindens.no/images/contentbkw.jpg) repeat;
  font-family: Verdana, Geneva, sans-serif;
  color: #222;
}

  .listToday {
    color: #000;
    background: #fdd;
    font-weight: bold;
  }

  #hvaskjer select {
    margin: 5px 0 5px 0;
  }

  #hvaskjer h1 {
    font-size: 16px;
  }

  #hvaskjer table {
    border-collapse: collapse;
    margin-left: 1px;
    padding-left: 1px;
  }

  #hvaskjer th {
    text-align: left;
    font-size: 11px;
    font-weight: bold;
  }

  #hvaskjer td {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 1px;
  }

/*Utseende på footer*/
#footer {
	min-height: 100px;
	background: url(../images/footer.jpg) no-repeat;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	margin-bottom: 10px;
}
		#footer a {
			text-decoration: none;
			color: #000;
		}

		#footer a img {
			border: none;
		}