/* ---------------------------------------------
KompIslaget Screen Style Sheet
author: Christer Palmgren
version:  2008-10-26
----------------------------------------------- */

body {
	font:normal 12px/20px Arial, "Trebuchet MS", helvetica, sans-serif;
	background:#779E69;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;}

a:link {color:#f90; text-decoration:underline; text-outline:none;}
a:visited {color:#c60;}
a:hover {color:#f60; text-decoration:none;}

h3 {font: 30px/40px Georgia, "Times New Roman", serif; letter-spacing: 1px; background:url(../images/h3bg.gif); margin:5px 0 10px 0;}
	h3 a {color:#333 !important;}

h4 {font: 24px/30px Georgia, "Times New Roman", serif;  color:#930; letter-spacing: 1px; background:url(../images/h4bg.gif); margin:5px 0 10px 0;}
	h4 a {color:#930 !important;}

h5 {font-size:16px; line-height:20px; color:#c63; margin:10px 0 10px 0; font-weight:normal;}
	h5 a {color:#c63 !important;}

p {margin:5px 0 15px 0;}
small {font-size:11px;}

/* Layout Blocks
----------------------------------------------- */

#container {width:800px; margin:0 auto; padding:0 24px; text-align:left; position:relative; z-index:1; 
background:url(../images/prep.jp);}

h1 {margin:0; padding:0; height:140px; background:#6D9158 url(../images/content-h1-green.jpg);}
	h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

h2 {width:800px; height:235px; font-size:1px; text-indent:-1337px; margin:0; padding:0;}
h2.om {background-image:url(../images/om.jpg);}
h2.aktuellt {background-image:url(../images/h2-aktuellt.jpg);}
h2.kontakt {background-image:url(../images/h2-kontakt.jpg);}
h2.musik {background-image:url(../images/h2-musik.jpg);}
h2.links {background-image:url(../images/content-h2-contact.jpg);}
h2.login {background-image:url(../images/content-h2-contact.jpg);}

#topnav {position:absolute; top:30px; margin:0; right:35px; width:360px; height:50px; list-style:none;}
	#topnav li {margin:0; padding:0; display:inline;}
	#topnav li a {
		display:block;
		float:left;
		height:18px;
		width:155px;
		padding-left:20px;
		margin-bottom:2px;
		background:url(../images/raquo175-white-orange.gif) no-repeat center left;
		line-height:18px;
		color:#fff; text-decoration:none; text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;}
	#topnav li a.active,
	#topnav li a:hover {color:#f93; background-position:center right;}

#content {background:url(../images/content-bg.jpg) no-repeat; min-height:300px;}
#contentleft {float:left; width:287px;}
	#subnav {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#subnav li {margin:0; padding:0; display:inline;}
		#subnav li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			background:url(../images/raquosubnav.gif) no-repeat 0 0;
			color:#333; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
		#subnav li a.active,
		#subnav li a:hover {color:#f93; background-position:0 -25px;}
		.leftblock {background:url(../images/contentleft-green.gif) no-repeat; margin:20px 0; padding:90px 45px 0 30px}
			.leftblock h4 {margin:5px 0; text-transform:lowercase; font-size:18px; font-weight:normal; }
				.leftblock h4 a {display:block; color:#333; text-decoration:none;}
				.leftblock h4 a:hover {text-decoration:underline;}
			.leftblock p {margin:0; font-size:11px; line-height:16px;}
		.leftcontact {background:url(../images/contentleft-green.gif) no-repeat; margin:20px 0; padding:90px 45px 0 30px; font-size:11px; line-height:14px;}
			.leftcontact h5 {margin:10px 0 2px 0;}


#contentright {float:left; width:503px;}
#contentright img {float:right; margin:0 0 15px 15px; clear:right; background-color:#f7f4ef;border:1px solid #d7d1c8; padding:1px;}
	

#footer {
	background-color:#ffd;
	margin:25px 0 0 0;
	padding: 15px 0 0 0;
	width:800px;
	display:inline-block;
	clear:both;
	background-image:url(../images/doublehorizontal.gif);
	background-repeat:repeat-x;
	text-align:right;
	position:relative;
	font-size:11px;}
	#footer a {text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer ul {position:absolute; left:50px; top:0px; margin:10px; padding:0px; list-style:none; width:100%; text-align:left;}
	#footer ul li {display:inline; margin:0px; padding:15px;}
	#footer ul li a {margin-right:25px; color:#333; }



/* Color Specific
----------------------------------------------- */



body.blue {background:#69889E;}
body.blue h1 {background:#23333E url(../images/medlem_top.jpg);}
body.blue #container {background:#49647A url(../images/content-bodybg-blue.jpg);}

body.violet {background:#8A7393;}
body.violet h1 {background:#342838 url(../images/content-h1-violet.jpg);}
body.violet #container {background:#695370 url(../images/content-bodybg-violet.jpg);}
body.violet .leftblock {background-image:url(../images/contentleft-violet.gif);}


body.mocha {background:#A8885F;}
body.mocha h1 {background:#42311D url(../images/content-h1-mocha.jpg);}
body.mocha #container {background:#83673F url(../images/content-bodybg-mocha.jpg);}
body.mocha .leftblock {background-image:url(../images/contentleft-mocha.gif);}

body.teal {background:#558786;}
body.teal h1 {background:#20514E url(../images/content-h1-teal.jpg);}
body.teal #container {background:#376F6C url(../images/content-bodybg-teal.jpg);}
body.teal .leftblock {background-image:url(../images/contentleft-teal.gif);}

/* Startpage Specific
----------------------------------------------- */
body#start {background:#F7F3EE url(../images/start-bodybg.jpg) repeat-x top left;}
body#start #container {width:780px; background:none;}

body#start h1 {margin:0; padding:0; height:125px; background:#6D9158 url(../images/preparation);}
	body#start h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

.homeflash {margin-left:277px; width:528px; height:320px; background:url(../images/start_flashboxbg.gif) no-repeat bottom right;}
.homeflash img {border:none;}


body#start.slideshow h1 {background-image: url(../images/start-top.jpg); background-color:none;}
#startsida {
	margin-left:277px; 
	cursor: pointer;
	overflow: hidden;
	position: relative;
	top:-18px;
	margin-bottom:-18px;
	width:528px; 
	height:338px; 
	background:url(../images/start_flashboxbg.gif) no-repeat bottom right;
}

.startaktuelltheader {position:absolute; top:140px; margin:0; z-index:10; height:50px;}
	.startaktuelltheader a {
		display:block;
		height:50px;
		width:250px;
		font-size:1px;
		text-indent:-1337px;
		outline:none;}

div.startaktuellt {
	position:absolute;
	top:125px;
	width:265px;
	height:160px;
	padding:32px 0 0 10px;
	margin:0;
	background:url(../images/home-aktuellt.jpg) no-repeat;}

div.startaktuellt ul {
	padding:0 0 0 0;
	margin:0;
	height:120px;
	overflow:hidden;}

	div.startaktuellt ul li {
		display:block;
		padding:5px 10px 0 0;
		margin:10px 10px 10px 10px;
		text-align:left;
		font-size:11px;
		line-height:11px;
		color:#fff;
		font-weight:bold;
		list-style:none;}

	div.startaktuellt ul li a {
		text-decoration:none;
		text-transform:none;
		color:#fff !important;
		font-weight:bold;}
		div.startaktuellt ul li a:hover {text-decoration:underline !important;}

a.startbluebox {
	position:absolute;
	top:304px;
	width:125px;
	height:96px;
	padding:60px 40px 0 112px;
	background:url(../images/start_lower_left.jpg) no-repeat;
	color:#043137 !important;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;}
	a.startbluebox:hover {text-decoration:underline;}

#start #footer {
	background-color:transparent;
	font-size: 12px;
	font-weight:normal;
	color: black;
	width: 800px;
	margin:0 auto;
	padding:35px 0 0 0;}

/* Forms
----------------------------------------------- */

form {border:none; margin:0; padding:0;}
form fieldset {border:none; display:block; margin:0; padding:0;}
form label {display:block; float:left; width:150px; text-align:right; padding:0 5px 0 0;}
form select {font-size:12px; padding:0; float:left; margin-bottom:10px; border:1px solid #ccc;}
form input.textbox {margin:0 10px 10px 0; border:1px solid #ccc;}
form input.shorttextbox {margin:0 10px 10px 0; border:1px solid #ccc; width:50px;}
form input.shortertextbox {margin:0 10px 10px 0; border:1px solid #ccc; width:25px;}
form input.disabled {color:#000; background-color:#f4f1ea;}
form br {clear:left;}
form textarea {width:300px; border:1px solid #ccc; padding:5px;}
form input.button {font-size:12px; height:20px; padding:0 15px 3px 15px; color:#fff; margin:0; width:auto !important; background:#444; border:1px solid #444;}
form input.button:hover {background-color:#c63; border:1px solid #c63;}
form label.required {font-weight:bold;}
form .textboxmargins {position:relative; top:-10px; left:-5px;}

.checkbox label {float:left;width:auto;text-align:left;margin:-4px 0 5px 0;}
.checkbox input {float:left;margin: 0 5px 0 155px;}


/* Reusables
----------------------------------------------- */
.clear
{
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}
.hidden {display:none;}
.errortext {color:Red;}