* {
	margin: 0;
	padding: 0;
}

html {height: 100%;}

body {	
	font-size:8pt;
        font-family:Verdana,Arial,Helvetica,sans-serif;
	height:100%;
}


#content_container{
	background: white url('bg1.jpg') repeat-y;
	min-height: 100%;
	width: 908px;
	margin-left: 8px;
	position:relative;
}

#sidebar {
	position: absolute;
	left: 8px;
	top: 12px;
	width: 142px;
	height: 10px;
	text-align:center;
	font-size: 80%;
/*	background: blue;*/

}

#content{
	margin: 0 180px;
}

#header {
	width: 388px;
	margin: 0 auto;
	background: url("logo_c.gif") center 18px no-repeat;
	padding: 105px 0 20px;
	font-size: 100%;
	text-transform: uppercase;
	text-align: center;

}

#header span {display: none;}



#sidebar .menu {
	padding: 0;
	margin: 30px 0 0;
	display: block;
}





#sidebar .menu li {
	padding: 0;
	margin: 10px 0;
	display: block;
	list-style-type: none;
	text-align:center;

}

#sidebar .menu li span{
	text-decoration: none;
	font-weight: bold;
	color: #222;
	background: url('knapp_h.gif') center no-repeat;
	display:block;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
}

#sidebar .menu li a{
	text-decoration: none;
	font-weight: bold;
	color: #222;
	background: url('knapp.gif') center no-repeat;
	display:block;
	line-height: 20px;
	height: 20px;
	vertical-align: middle;
}

#sidebar .menu li a:hover{
	background: url('knapp_h.gif') center no-repeat;
}


#sidebar .menu ul { /* submenu */
/*
position:absolute;
top: 0px;
left: 100px;
width:120px;
*/
	font-size: 90%;
	margin: -4px -4px 0 45px;
border-top: solid #fff 1px;
border-left: solid #eee 1px;
border-right: solid #888 1px;
border-bottom: solid #777 1px;
}


#sidebar .menu ul li { /* submenu */
	border-bottom: solid #bbb 1px;
	border-top: solid #ffe 1px;
	text-align: left;
	margin: 0;
}




#sidebar .menu ul li a{ /* submenu */
	background: #eee url(knapp2.gif) no-repeat;
	line-height: 1.5em;
	height: auto;
	padding-left: 2px;
}

#sidebar .menu ul li a:hover{ /* submenu */
	background: #ffe url(knapp2_h.gif) no-repeat;
}

#sidebar .menu ul li span{
	line-height: 1.5em;
	height: auto;
	background: #ffe url(knapp2_h.gif) no-repeat;
	padding-left: 2px;
}


#sidebar a:hover {
	background: none;
}










#login {
	font-size: 8pt;
	text-align: right;
	margin-top: 5px;
}



#login input {
	font-size: 7pt;
	width: 80px;
}






/*------------- CONTENT: -----------*/

input, textarea, select{
	vertical-align: middle;
/*	font-family: monospace;*/
	font-family: sans-serif;
	font-size: 100%;
}




/*select {padding-right: 1px;}*/

input, textarea{
	border: solid #664f4f 1px;
	margin: 2px 0;
	padding: 1px 4px;
}



input[type="checkbox"] {margin: 3px; border: none;}
input[type="file"] {border-style: none;border-color: #ddd;}



/*------------- CONTENT: -----------*/



button, .button {
	border-top: solid #999 1px;
	border-left: solid #999 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	font: bold 10px sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px;
	margin: 0;
	vertical-align: middle;
	background: #e7e7e7 url(knapp2.gif) repeat-x;
}

button:hover, .button:hover {
	border-top: solid #999 0px;
	border-left: solid #999 0px;
	border-right: solid black 2px;
	border-bottom: solid black 2px;
}




#postadress {
	width: 40%;
	float: right;
	margin: 0 0px;
}




/*---------------- ALLMÄNA CLASSER: ----------*/











/*---------- FOOT: -----------------*/

#foot {
	width: 640px;
	font-size: 7pt;
	font-family: Sans, sans-serif;
	margin: 0;
	padding-top: 3px;
}


/*---------------- ALLMÄNA CLASSER: ----------*/

.fel { color: #ee2222;}
.borderstyle, .borderframe{
	border-top: solid #999 1px;
	border-left: solid #999 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
	overflow: auto;
	padding: 2px;
}

.borderframe {background: #eeeeee;color:#000;}


.borderframe input, .borderframe textarea, .borderframe select{
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

.button, .borderframe input.button{
	border-top: solid #999 1px;
	border-left: solid #999 1px;
	border-right: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	font: bold 10px sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px;
	margin: 0;
	width:auto;
	background: #e7e7e7 url(knapp2.gif) repeat-x;
	vertical-align: middle;
}

.button:hover, .borderframe input.button:hover {
	border-top: solid #cc9 1px;
	border-left: solid #cc9 1px;
	border-right: solid #eec 1px;
	border-bottom: solid #eec 1px;
	background: #e7e7e7 url(knapp2_h.gif) repeat-x;
}

.grayed {
	background: #ddd;
}

.table {
	background: #dddddd;
	padding: 0;
}
.table th {
	background: #dddddd;
	color:#000;
	text-align: center;
}

.table td {
	background: #ffffff;
	background: #52555a;
	color: #fff;
	padding: 0 3px;
}

.table td a {color:#ccddff;}
.table td a:hover {color:#ffffff; background: #52555a;}


.borderstyle {
	margin: 10px 0;
	padding: 5px;
}




a {
	text-decoration: none;
	color: #334499;
	font-weight: bold;
}

a:hover {background-color: #f2f6f2;}

a:focus {text-decoration: underline;}


hr {border: inset 1px;}

h1, h2, h3, h4, h5, h6 {font-size: 150%; margin-bottom: 5px;}
/*h2 {margin-top: 0; font-size: 120%;}*/
p {margin: 6px 0;}
th {text-align: right;}
input, textarea, select {font-size: 100%;}
label {font-weight:bold;}

pre {
	color: #222233;
	background: #eeeeee;
	letter-spacing: +1.5px;
	font-weight: bold;
}

li {margin-left: 20px;}


/*.table input[type="checkbox"] {border:solid red 2px;color:red;background-color:red;} */
input[type="radio"] {border:solid red;}