* {margin:0; padding:0;}
body {background-color: white;}

div#wrapper {width:970px; margin:15px auto 30px auto; font-family:Arial, Helvetica, sans-serif;}

div#formmail {width:400px; margin:15px auto 30px auto; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
div#formmail h1 {margin-bottom:15px; font-size: 24px}
div#formmail h3 {font-size: 16px; text-decoration:none; margin-bottom:15px;}
div#formmail p { margin-bottom:15px;}
span.red { color:red;}
.textbakgrund {background-color: #ccff66;} 


div#sidhuvud {margin:0px 0px 13px 5px; float:left;}

div#inlog {float:right; padding-right:20px; padding-top:60px;}
#inlog a:hover { text-decoration:underline;}


div#totalmeny {width:940px; height:170px; margin:0px 0px 20px 15px; background-image:url(images/herrgard.jpg); background-repeat:no-repeat; color:white; clear:left;}

div#meny {margin:20px 10px auto 20px; float:left;}



	/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv		/* position, size, and font of  menu */
	{	position:absolute; margin:18px auto auto 28px;		/* position */
		
	
	z-index: 10;
	width:8em;						/* [1] width of menu item (i.e., box) */
	text-align: left;
	font-size: inherit;
	font-family: inherit
	}

#menuv a
	{	height:13px;
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
			/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: white;
	background-color: none;
	text-decoration:none;				/* removes underlines from links */
	}

/* #menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
/*	{ */
/*	background-image: url(nav_white.gif); */
/*	background-position: right center; */
/*	background-repeat: no-repeat; */
/*	} */

#menuv a:hover				/* all menus on mouse-over */
	{
	color: white;
	background-color: none;
	}
		
#menuv li
	{
	list-style-type:none;		/* removes bullets */
	}
	
#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 8em;				/* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				/* keeps the menu parts together */
	padding:0;
	width: 8em;			/* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
	
	/* CSS Popout menuv */



div#valkommen {width:140px; margin:30px 35px 0px 0px; float:right; text-align:right;}


div#innehall {width:940px; margin:0px 5px 20px 15px; font-size:15px;}
div#innehall h1 {margin-bottom:15px; font-size: 24px}
div#innehall h2 {font-size: 16px; text-decoration:underline}
div#innehall h3 {font-size: 16px; text-decoration:none; margin-bottom:15px;}
div#innehall ul {margin-bottom:20px;}
div#innehall table {margin:5px 0px 20px 0px; border:none; border-style:none}
div#innehall th {font-weight:normal; text-decoration:underline; text-align:left}

div#kurstext {width:645px;float:left}
div#kurstext ul {list-style-position:inside; padding-left:20px;}
div#kurstext h1 {margin-top:5px}
div#kurstext h3 {margin-bottom:0px}

img.miniatyr { float:left; margin-right:10px; border:none;}

table.personal {
	text-align: left; 
	border: none;
	}

caption {
	padding: 10px 0px 10px 2px; 
	text-decoration: underline;
	text-align: left;
	}

.col_1 { width: 225px; padding-bottom: 10px;}
.col_2 { width: 85px;}
.col_3 { width: 320px;}

td { padding-bottom: 10px; vertical-align: bottom;}

div#spalt1 ul {list-style:none}
div#spalt2 ul {list-style:none}
div#spalt3 ul {list-style:none}

div#spalt4 {width:235px; height:185px; margin:0px 0px 0px 0px; padding:45px 15px 0px 15px; border:solid 1px; border-color:#999999; float:right; background-image:url(images/syv.gif); background-repeat:no-repeat}
div#spalt4b {width:235px; margin:20px 0px 0px 0px; padding:45px 15px 15px 15px; border:solid 1px; border-color:#999999; float:right; clear:right; background-image:url(images/matsedel.gif); background-repeat:no-repeat; height:140px; font-size:small;}
div#spalt4 p {margin-bottom:10px}
td.matsedel { padding:0px;}

div#huvudtext {width:650px; margin:0px 0px 0px 0px; float:left;}
div#huvudtext p {margin-bottom:20px}

td.kost {width:160px; }
th.kostn {width:70px; }
th.kostna {width:150px; }

ul.inlogg { line-height:40px; border:solid #999999 1px; width:200px; padding:10px;}


div#sidfot { width:900px; margin:30px 15px 0px 15px; text-align: center; font-size:smaller; float:left;}
div#sidfot address { font-style: normal; margin-bottom: 15px;}
div#sidfot p { margin: 0px auto 20px auto; color: #666666; width:580px;}


div#totalmeny a:link {
color: white;
margin-bottom: inherit;
font-weight: normal;
text-decoration: none;
font-family: inherit;
font-size: inherit;
}

div#totalmeny a:visited {
color: white;
margin-bottom: inherit;
font-weight: normal;
text-decoration: none;
font-family: inherit;
font-size: inherit;
}

div#totalmeny a:hover {
color: #C3CB00;
margin-bottom: inherit;
font-weight: normal;
text-decoration: none;
font-family: inherit;
font-size: inherit;
}


div#innehall a:link, a:visited {
color: black;
margin-bottom: inherit;
font-weight: normal;
text-decoration: none;
font-family: inherit;
font-size: inherit;
}

div#innehall a:hover {
color: #0C3B55;
margin-bottom: inherit;
font-weight: normal;
text-decoration: underline;
font-family: inherit;
}


div#egenkonst a:link, a:visited {
color: black;
margin-bottom: inherit;
font-weight: normal;
text-decoration: none;
font-family: inherit;
font-size: inherit;
}

div#egenkonst a:hover {
color: #0C3B55;
margin-bottom: inherit;
font-weight: normal;
text-decoration: underline;
font-family: inherit;
}



.clearleft { clear:left; margin-top:80px;}



a.link-button {
	padding:2px 7px;
	background-color:#E5EAF5;
	border:1px solid #005A81;
	font-size:small;
	color:#000000;
	}
	
	
/* knapp */
div#knapp a.button {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #222;
    display: block;
    float: left;
    font: normal small arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

div#knapp a.button span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration: none;
} 

div#knapp a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

div#knapp a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration: none;
} 






/* Asletts Clear */
.clearfix:after {
content: "."; /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */

display: block; /* inline-element reagerar inte på egenskapen clear */ 

height: 0; /* ser till att punkten inte är synlig */
clear: both; /* får behållaren att frilägga punkten */

visibility: hidden; /* försäkrar ytterligare att punkten inte är synlig */}

/*.clearfix {display: inline-block;} /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */

/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */


table.bildgalleri { width:100%; border: solid #999999 1px;}
td.kalender { vertical-align:top; border: solid #999999 1px; padding:10px 10px 0px 10px;}
td.kalendertext { vertical-align:top; border: solid #999999 1px; padding:10px;}
td.kalenderbild { padding-bottom:0px;}
img.kalenderbilder { margin-bottom:-3px;}
td.kalendern { vertical-align:top; text-align:center; border: solid #999999 1px; padding:10px;}