/* Copyright Strixter

Version: 1.0
(Oktober 1, 2005)

Screen layout: */


body {
	margin: 0 auto;
	padding: 0;
	font: 80% 'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
	background: #f4f4f4 url(bg.gif) repeat-y top center;
}

#wrap {
	background: #ffffff;
	color: #303030;
	margin: 0 auto;
	width: 760px;
}
#header {
	clear: both;
	margin: 0px 0 10px 0;
	padding: 0;
	height: 25px;
	
}

/* for Internet Explorer */
/*\*/
* html #header {
	margin-bottom: 0;
}
#header h6{
	width: 150px;
	margin: 20px 0 10px 0;
	padding: 0;
	float: left;
	font: 12px 'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
	
}

#header p {
width: 350px;
float: right;
text-align: center;
color: #808080;
margin:10px 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

#header a {
color: #808080;
text-decoration:none;
background-color: #ffffff;
}

#header a:hover{
color: #286ea0;
	text-decoration: underline;
}

#frontphoto 
{
	float: left;
	margin: 0px 0 2px 0px;
	border: 0;
	width: 620px;
	
}
#frontphoto1 
{
	float: left;
	margin: 0px 0 2px 0px;
	border: 0;
	width: 140px;
		
}





 /* Header */
.rbroundbox1 {
	background: #CC1111;
	color: White;
}

.rbroundbox1 a{
	color: White;
	
}
.rbtop1 div  {
	background: url(images/topleft.gif) no-repeat top left;
}
.rbtop1      {
	background: none no-repeat top right;
}
.rbbot1 div  {
	background: url(images/botleft.gif) no-repeat bottom left;
}
.rbbot1      {
	background: none no-repeat bottom right;
}

 /* height and width details */
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {
	width: 100%;
	min-height:10px; 
	height: auto;
	font-size: 1px;
}

/* for Internet Explorer */
/*\*/
* html .rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {
	height: 10px;

}



.rbcontent1  {
	margin: auto;
	padding: 0px;
	font-family: 'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
	min-height: 175px;
	height: auto;
	background-repeat: no-repeat;
	position: relative;
	left: 35px;
	top:15px;
}
/* for Internet Explorer */
/*\*/
* html .rbcontent1{
height: 153px;
}



.rbroundbox1 {
	width: 420px;
	margin: auto 0 10px 0;
	float: left;
}




/* other CSS rules */

pre1 { overflow: auto; width: 90%; }

.rbroundbox1 p, #realcontent1 .rbroundbox1 p { padding: 0; margin: 1em 0 0 0; }

 /* Header */
.rbroundbox2 {
	background: #CC1111;
	color: White;
	
}
.rbroundbox2 a{
	color: White;
	
}
.rbtop2 div  {
	background: none no-repeat top left;
}
.rbtop2      {
	background: url(images/topright.gif) no-repeat top right;
}
.rbbot2 div  {
	background: none no-repeat bottom left;
}
.rbbot2      {
	background: url(images/botright.gif) no-repeat bottom right;
}

 /* height and width details */
/* height and width details */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	min-height:10px; 
	height: auto;
	font-size: 1px;
}

/* for Internet Explorer */
/*\*/
* html .rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	height: 10px;
}
.rbcontent2  {
	margin: auto;
	font-family:'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
	text-align: left;
	min-height:175px; 
	height:auto;
	background-repeat: no-repeat;
	position: relative;
	left: 10px;
	top:10px;
}






/* for Internet Explorer */
/*\*/
* html .rbcontent2{
height: 153px;
}

.rbcontent2 a {
	font-family: 'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
}


.rbroundbox2 {
	width: 340px;
	margin: auto 0 10px 0;
	float: right;
}




/* other CSS rules */

pre1 { overflow: auto; width: 90%; }

.rbroundbox2 p, #realcontent2 .rbroundbox2 p { padding: 0; margin: 1em 0 0 0; }






#columns {
	clear: left;
	background: url(columns.gif) repeat-y;
	padding: 0;
}
#avmenu {
	clear: left;
	float: left;
	width: 130px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	font-family:  'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
	
}

#avmenu a{
	color: #696969;
}

#avmenu ul.menulevel1{
	list-style: none;
	width: 130px;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}	

#avmenu .menulevel1 li{
margin-bottom: 4px;
}
#avmenu ul.menulevel1 li a{
padding: 5px 5px 1px 10px;
height: 20px;
color: #505050;
background: #f4f4f4;
text-decoration: none;
border-left: 4px solid #cccccc;
display: block;
font-weight: bold;
}
#avmenu ul.menulevel1 li.active a, #avmenu ul.menulevel1 li.sdoc a, #avmenu ul.menulevel1 li.sdocs a{
background: #f4f4f4;
border-left: 4px solid #CC1111;
}
#avmenu ul.menulevel1 li a:hover{
background: #CC1111;
color: #ffffff;
border-left: 4px solid #CC1111;
}
#avmenu ul.menulevel2{
margin: 0 0 0 6px;
padding: 4px 0 0 0;
list-style:none;
}

#avmenu ul.menulevel2 li.docs a, #avmenu ul.menulevel2 li.doc a{
padding: 5px 5px 1px 8px;
background: #f4f4f4;
text-decoration: none;
border-left: 4px solid #cccccc;
display: block;
width:107px;
}
#avmenu ul.menulevel2 li.active a, #avmenu ul.menulevel2 li.sdoc a, #avmenu ul.menulevel2 li.sdocs a{
background: #f4f4f4;
padding: 5px 5px 1px 8px;
border-left: 4px solid #CC1111;
width: 107px;
}
#avmenu ul.menulevel2 li a:hover{
background: #CC1111;
color: #ffffff;
padding: 5px 5px 1px 8px;
border-left: 4px solid #CC1111;
width:107px;
}
#avmenu ul.menulevel3{
margin: 4px 0 0 0;
padding: 0 0 0 6px;
list-style:none;
}

#avmenu ul.menulevel3 li.docs a, #avmenu ul.menulevel3 li.doc a{
padding: 5px 5px 1px 8px;
background: #f4f4f4;
text-decoration: none;
border-left: 4px solid #cccccc;
display: block;
width:101px;
}
#avmenu ul.menulevel3 li.active a, #avmenu ul.menulevel3 li.sdoc a, #avmenu ul.menulevel3 li.sdocs a{
background: #f4f4f4;
padding: 5px 5px 1px 8px;
border-left: 4px solid #b00;
width: 101px;
}
#avmenu ul.menulevel3 li a:hover{
background: #CC1111;
color: #ffffff;
padding: 5px 5px 1px 8px;
border-left: 4px solid #CC1111;
width:101px;
}

 /* set background images for corners */
.rbroundbox {
	background: #f4f4f4;
	color: #505050;
	
}

.rbroundbox3 {
	background: #f4f4f4;
	color: #505050;
	
}


.rbroundbox3 a{
	color: #505050;
	background: #f4f4f4;
}
.rbtop div  {
	background: url(images/topleft_yel.gif) no-repeat top left;
}
.rbtop      {
	background: url(images/topright_yel.gif) no-repeat top right;
}
.rbbot div  {
	background: url(images/botleft_yel.gif) no-repeat bottom left;
}
.rbbot      {
	background: url(images/botright_yel.gif) no-repeat bottom right;
}

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 2px;
	
}
.rbcontent  {
	margin: -15px auto 7px auto;
	padding: 0 10px 0 10px;
}




.rbcontent h4 {
	margin: -15px auto 7px auto;
	font-size: 1.2em;
	color: #CC1111;
}

.rbroundbox {
	width: 130px;
	margin: auto 0 10px 0;
	float: right;
}
.rbroundbox3 {
	width: 130px;
	margin: auto 0 20px 0;
	float: right;
}

/* other CSS rules */

pre { overflow: auto; width: 90%; }

.rbroundbox p, #realcontent .rbroundbox p { padding: 0; margin: 1em 0 0 0; }


#extras {
float: right;
width: 130px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
margin: 0 0 1.5em 0;
}

#announce {
	margin: 10px 0 0 0;
	padding: 0 7px 5px 7px;
	width: 114px;
	color: #505050;
	background: #ffffff;
	line-height: 1.3em;
	border: 1px solid #eee; /* Streckad ram */
}




.announce p {
margin: 10px 0 0 0;
}

.flash {
	margin: 10px auto 5px auto; /* border:0; */
	
	width: 128px;
	padding: 0px;
	
}
.sideimg {
	margin: 10px auto 5px auto; /* border:0; */
	border: 1px solid #eee; /* Streckad ram */
	font-size: 0.9em;
	letter-spacing: -1px;
	line-height: 1.2em;
	padding: 4px;
	text-align: left; /* Ändra till center, right eller justify om det passar bättre */
	
}



#content {
	margin: 0 140px 20px 140px;
	padding: 0px 10px 0 10px;
	line-height: 1.6em;
	text-align: left;
	height: 500px;

}

html>body #content {
	height: auto;
	min-height: 600px;
}



#content h1,h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
font-weight: bold;
color:#CC1111;
letter-spacing: 2px;
}

#content h4 {
font-size: 1.1em;
margin: 0 0 0.5em 0;
color:#CC1111;
}

#content p {
padding-top: 0px;

}

#content img {
padding: 1px;
display:inline;
background: #cccccc;
border: 4px solid #f0f0f0;
}
	
.print {
float: right;padding-left: 3px;color: #AAA;
}



h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
color:#CC1111;
}

h4{
	font-size: 1.4em;
	font-style: normal;
}

h6{font-size:1.0em;}

a {
color: #286ea0;
text-decoration:none;
background-color: #ffffff;
}

a:hover{
color: #286ea0;
	text-decoration: underline;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 10px auto 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
background-color: #ffffff;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 25px 10px 5px 0;
float: left;
}

.right {
margin: 25px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
	font-size: 0.8em;
	text-align: left;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}







textarea
{
	font: 76% 'Trebuchet MS', Verdana,Tahoma,Arial,sans-serif;
	padding: 5px;
	width: 96%;
	border: 1px solid #cccccc;
}
input,select
{
	border: 1px solid #cccccc;
	color: #303030;
}


.course{
	float: left;
	color: #303030;
	font-weight: bold;
	font-style: normal;
	}

.price{
  float: right;color: #aaa;
 }
	

.ingredients{
	font: italic 100% Georgia,Times,sans-serif;
	color: #505050;
	line-height: 1.2em;
}

#container {
	position: absolute;
	width: 430px;
	background: #fafafa;
	margin: 0 auto;
}

a.gallery, a.gallery:visited {display:block; color:#fafafa; text-decoration:none; border:1px solid #fafafa; width:75px; height:47px;float:left; margin:4.3px; z-index:50;}
a.slidea {background: url(images/thumb01.jpg);}
a.slideb {background:url(images/thumb02.jpg);}
a.slidec {background:url(images/thumb03.jpg);}
a.slided {background:url(images/thumb04.jpg);}
a.slidee {background:url(images/thumb05.jpg);}
a.slidef {background:url(images/thumb06.jpg);}
a.slideg {background:url(images/thumb07.jpg);}
a.slideh {background:url(images/thumb08.jpg);}
a.slidei {background:url(images/thumb09.jpg);}
a.slidej {background:url(images/thumb10.jpg);}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fafafa;z-index:100;}
.slidek {display:block; position:absolute; width:auto; height:250px; top:125px; left:10px; padding:0; }
a.gallery:hover {white-space:normal; }
a.gallery:hover img {position:relative; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:402px; height:300px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#fafafa; z-index:100;}

a.gallery:active img, a.gallery:focus img {position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:300px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#fafafa; z-index:50;}