body{
	margin: 0 0 0 0;
	text-align:  center;
	background:  url(../img/wood.gif) repeat left top;
	font: 11px/18px Verdana, sans-serif, "Lucida Grande", Lucida;
	color:  #404040;
}
a img{
	border: none;
}
a{
	color: #404040;
	text-decoration: none;
}
a:hover{
	color: #000000;
}
#center{
	margin:  0 auto;
	text-align:  left;
	display: block;
	width:  777px;
	height: 100%;
}
#header{
	height: 138px;
	width: 777px;
	float: left;
	display: block;
	margin-top: 4px;
	padding-left: 40px;
}
#logo2{
	display: none;
}
#logo{
	width: 439px;
	height: 108px;
	float: left;
	margin-top: 0px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/typo3/fileadmin/templates/fhsk/img/logo2.png');
}
html > body #logo{
	background: url(../img/logo2.png) no-repeat left top;
}
#content ul li{
	list-style-image: url(../img/arrow.gif);
}
#content ul{
	margin-left: 0px;
	padding-left: 0px;
}
#content ul li{
	margin-left: 15px;
}
#content ul ul li{
	margin-left: 40px;
}
#content_area{
	width: 578px;
	float: left;
	display: block;
	margin-top: 4px;
	padding-bottom: 10px;
}
#content_top{
	width: 578px;
	height: 4px;
	float: left;
	font-size: 4px;
	line-height: 4px;
	background: url(../img/content_area_top.gif) no-repeat left top;
}
#content_white{
	width: 578px;
	float: left;
	background: url(../img/content_area_bg.gif) repeat-y left top;
}
#content_bottom{
	width: 578px;
	height: 4px;
	float: left;
	font-size: 4px;
	line-height: 4px;
	background: url(../img/content_area_bottom.gif) no-repeat left top;
}
#navigation{
	width: 179px;
	float: left;
	display: block;
	padding-bottom: 20px;
}
#navigation ul{
	margin: 0 0 0 0;
	padding:  0 0 0 0;
	list-style-image: none;
	list-style: none;
	margin-left:  20px;
	margin-top: 20px;
	line-height: 11px;
	display: block;
}
#navigation ul ul{
	margin-left: 0px;
	margin-top: 0px;
}
#navigation li{
	width: 141px;
	background: url(../img/navi_trenner.gif) no-repeat left bottom;

}
#navigation li a{
	color: #404040;
	text-decoration:  none;
	display: block;
	padding-top: 8px;
	padding-bottom: 9px;
}
#navigation a:hover{
	color: #000000;
	cursor: hand;
}
#navigation ul ul li a{
	margin-left: 20px;
}
#navigation ul ul ul li a{
	margin-left: 40px;
}
#navigation a.normal{
	background: url(../img/arrow.gif) no-repeat left center;
}
#navigation a.down{
	background: url(../img/arrow_down.gif) no-repeat left center;
	color: #000000;
}
#navigation a.active{
	background: url(../img/arrow_active.gif) no-repeat left center;
	color: #000000;
}
#navigation li a span{
	margin-left: 20px;
	display: block;
}
#content{
	width: 327px;
	margin-left: 34px;
	float: left;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px
}
h1{
	font-size: 11px;
}
#icons{
	width: 150px;
	height: 46px;
	float: right;
	display: block;
	background: url(../img/icon_rahmen.jpg) no-repeat left top;
}
#icons_margin{
	float: left;
	margin-left: 4px;
}
#right_area .box ul{
	margin: 0 0 0 0;
	padding:  0 0 0 0;
	list-style-image: none;
	list-style: none;
	margin-left: 14px;
}
#right_area .box ul li{
	list-style-image: url(../img/arrow.gif);
}
#right_area{
	width: 189px;
	float: left;
	display: block;
	margin-left: 4px;
	margin-top: 4px;
}
#right_area h1{
	font-size: 11px;
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#right_area ul{
	margin-top: 0px;
}
#right_area .box{
	width: 189px;
	float: left;
	display: block;
	text-align: center;
	margin-bottom: 4px;
}
#right_area .box_top{
	width: 189px;
	height: 4px;
	font-size: 4px;
	line-height: 4px;
	background: url(../img/box_top.gif) no-repeat left top;
	float: left;
}
#right_area .box_bottom{
	width: 189px;
	height: 4px;
	font-size: 4px;
	line-height: 4px;
	background: url(../img/box_bottom.gif) no-repeat left top;
	float: left;
}
#right_area .box_white{
	width: 189px;
	float: left;
	background-color: #ffffff;

	padding-bottom: 5px;
}
#right_area .box_content{
	margin-left: 7px;
	width: 177px;
	margin: 0 auto;
	text-align: left;
}
#right_area .box_content .csc-textpic-image dt{
	padding-bottom: 5px;
	padding-top: 5px;
	float: left;
	width: 177px;
	background: url(../img/box_trenner.gif) no-repeat left bottom;
}
#right_area .box_content .csc-textpic-text p, #right_area .box_content .csc-textpic-text{
	margin: 0 0 0 0;
}
#right_area .box_content .content{
	padding-top: 5px;
	float: left;
}

table{
	vertical-align: top;
	border-collapse: separate;
	empty-cells: hide;
	border-spacing: 5px;
}
table td{
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

/* Sitemap Start */
#content .csc-sitemap {
 overflow:hidden;
}
#content .csc-sitemap ul {
 list-style:none;
 margin:0;
 padding:0;
list-style-image: none;
list-style: none;
list-style-type: none;
}
#content .csc-sitemap li {
 background-color:#eee;
 margin:0 0 -0.1em;
 min-height:1em;
 padding:.2em .4em;
 position:relative;
 width:9em;
 background:#ddd;
 border-top:0.5em solid #fff !important;
 border-left:0.5em solid #66c;
list-style-image: none;
list-style: none;
list-style-type: none;
}
#content .csc-sitemap ul ul {
 margin-top:-1.4em;
}
#content .csc-sitemap ul ul li {
 background:#ddd;
 border-top:0.5em solid #fff !important;
 border-left:0.5em solid #66c;
 background:#ccc;
 border-color:#9c3;
 left:9.4em;
list-style-image: none;
list-style: none;
list-style-type: none;
}
#content .csc-sitemap ul ul ul li {
 background:#bbb;
 border-color:#c93;
list-style-image: none;
list-style: none;
list-style-type: none;
}
#content .csc-sitemap ul ul ul ul li {
 background:#bbb;
 border-color:#c93;
list-style-image: none;
list-style: none;
list-style-type: none;
}
#content .csc-sitemap ul ul ul ul ul li {
 background:#999;
 border-color:#c33;
 color:#fff;
list-style-image: none;
list-style: none;
list-style-type: none;
}
#content .csc-sitemap a:hover{
	text-decoration: none;
	color: #9f9f9f;
}
#content .csc-sitemap a{
	text-decoration: none;
	color: #3a3939;
}

/* Tabellen */
#hovertable table	{border-collapse:collapse; border-spacing: 0px; empty-cells: show;}
#hovertable thead th {
	border-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	

	text-align:left;
	background:#fff5e8;
	color:#333;
	padding:8px 16px 8px 8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#hovertable thead th.null {background:#fff;}
#hovertable tbody th {
	border-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;

	text-align:left;
	background:#fff5e8;
	color:#333;
	padding:8px;
	border-bottom:1px solid #f3f0e4;
	border-right:1px solid #fff;
}
#hovertable tbody td {
	border-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;

	color:#333;
	padding:8px;
	border-right:1px solid #f3f0e4;
	border-bottom:1px solid #f3f0e4;
	


}

#hovertable tbody td.on {background:#fff5e8;}
#hovertable thead th.on {background:#ffe068;}
#hovertable tbody th.on {background:#ffe068;}

/* Formulare */
.csc-mailform-field input, select, textarea{
	display: block;
	float: left;
	margin-bottom: 10px;
}
#mailformRum label, #mailformJag_nskar label, #mailformHur_hrde_du_om_Folkhgskolan_Vr label, #mailformAlder label, #mailformkoen label {
	margin-bottom: 10px;
	float: left;
	display: block;
	width: 250px;
}
#mailformRum input, #mailformJag_nskar input, #mailformHur_hrde_du_om_Folkhgskolan_Vr input, #mailformAlder input, #mailformkoen input{
	margin-right: 10px;
	clear: both;
	display: block;
}
#mailformSaenglinne label, #mailformStaedning label, #mailformFrukost label{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

label {
	text-align: left;
	display: block;
	float: left;
}
fieldset{
	border: none;
	float: left;
	width: 300px;
	display: block;
}
legend{
	display: none;
}
.csc-mailform-label{
	float: left;
	display: block;
	font-size: 9px;
	width: 45px;
	margin-top: 25px;
	margin-left: 5px;
}
select{
	float: left;
}