/*@import url('http://freia.timeoff.se/~fredrik/webpages/structure.css');*/

body {
	background-color: lightgrey;
	margin-top: 0;
	padding-top: 0;
}
/* Wraps everything but body and the admin menu (in case of loged in.*/
#wrap_admin {
}

#wrap .admin_list td {
	font: 1em optima, verdana, sans-serif!important;
}

/* Wraps the user definable content. */
#wrap, #wrap td {
	/*font: 14px LucidaGrande, Lucida, Helvetica, Arial, sans-serif;*/
	font: 10px Verdana, Ariel, sans-serif;
}

#outer_content_td td {
	text-align: left;
	margin: 0;
	padding: 0;
}

#wrap {
	margin: 0.5em;
	margin-top: 0em;
	width: 720px;
	background-color: white;
}

/* The default header div. 
   The div id can be changed by the user. */
#header {
	width: 100%;
	border-bottom: 0.1em solid #c4c4c4;
}

#header p {
	margin: 0;
	padding: 0;
}

.horizontal ul {
	display:inline;
	margin-left: 0px;
	padding-left: 0px;
}

.horizontal ul li {
    	display:inline;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 5px;
    	margin:0;
}

.horizontal ul li ul {
    	display:inline;
	margin-left: 0px;
	padding-left: 0px;
}

.horizontal ul li ul li {
    	margin:0;
	margin-left: 10px;
	padding-left: 0px;
	padding-bottom: 5px;
}

/* The default menu div contained in the header div.
   The div id can be changed by the user. */
#menu { 
	text-align: center; 
	border-left: 0.1em solid gray;
	margin: 0;
	padding: 0;
	padding-top: 0.6em;
	padding-bottom: 1.1em;
	font-size: 1em;
	font-style: normal;
	background-color: #CF2C2F;
	clear: both;
	font-variant: normal;
	text-transform: uppercase;
	border-top: 0.4em solid #4d3073;
}

#menu a {
	color: white;
	
	text-decoration: none;

	border-left: 0;
	background-color: #CF2C2F;

	padding: 0.5em 0.8em 0.4em 0.8em;
	
	border-bottom: 0.3em solid gray;
}

#menu a:hover {
	border-bottom: 0.3em solid #444;
	color: #ecd739;
}

#menu a.current:hover, #menu a.current, #menu a.current_group { 
	text-decoration: none;
	border-bottom: 0.3em solid black;
}


/* The default sidebar div.
   The div id can be changed by the user. */
#sidebar {
	background-color: #f4f4f4;	
	margin: 0.8em;
	margin-top: 0.9em;
margin-left: 0.5em;
	padding: 0em;
	padding-bottom: 0em;
	padding-top: 2.3em;
	background-image: url('/cgi-bin/WebObjects/foretag.woa/1/wa/image?id=racopy_submenu_back.gif&key=css');
	background-repeat: no-repeat;
	float: left;
	width: 23%;
	
}

#sidebar p {
	margin: 0;
	padding: 0.4em 0.4em 0.8em 0.6em;
margin-top: 3.5em;
background-color: #c4e7ff;
font-weight: bold;
border-top: 0.4em #382eab solid;
border-bottom: 0.2em #382eab solid;
}

#sidebar h1 {
	font-size: 1em;
	background-color: #CF2C2F;
	padding: 0.4em;
	margin: 0;
	margin-bottom: 0.5em;
	text-transform: uppercase;	
	color: white;
}

/* The default subMenu div contained in the sidebar div.
   The div id can be changed by the user. */
#submenu {font-size: 1.0em;
}

.vertical a {
	text-decoration: none;
}

.vertical a:hover {
	text-decoration: underline;
	color: gray;
}

.vertical ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.vertical ul ul {
	margin-left: 0.7em;
}
.vertical {
	font: 10px Verdana, Ariel, sans-serif;
}

.horizontal {
	font: 10px Verdana, Ariel, sans-serif;
}

#submenu a {
	color: #b43337;
	display: block;
	padding: 0.2em 0.5em 0.3em 0.2em;
	margin: 0;
	padding-left: 0.6em;
	text-indent: 2px;
}

#submenu a:hover, #submenu a.current, #submenu a.current_group { 
	text-decoration: none;
	border: none;	
	background-color: lightblue;
}

#submenu a.current_group { 
	background-color: transparent;
}
#submenu a:hover {
		background-color: #d2eff9;
}

#submenu a.group { 
	background-image: url('/cgi-bin/WebObjects/foretag.woa/1/wa/image?id=racopy_group.gif&key=css');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

#submenu a.current_group { 
	background-image: url('/cgi-bin/WebObjects/foretag.woa/1/wa/image?id=racopy_current_group.gif&key=css');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

#submenu a.current { 
	background-color: lightblue;
}

/* Wraps the page specific content including parts of the admin interface. */
#content_admin {

}

/* Wraps the page specific content. */
#splash_content {
	width: 31em;
	padding: 1em 1em 1em 0;
	padding-left: 2em;
	margin-left: 10em;
}

#splash_content a {
}

/* Wraps the page specific content. */
#content {
	float: left;
	width: 50em;
	padding: 0em 0em 0.5em 1em;
	margin: 0;
	margin-top: 0.9em;
}

#content p {font-size: 1.1em;
}

#content address {
	color: #b43337;
	font-style: normal;
	font-weight: bold;
	clear: both;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
}

#content h1 {
    font-size: 2em;
}

#content h2 {
    font-size: 1.2em;
}

#content table {
	margin-left: 0.5em;
}

#content table td {
	font-size: 1em;
	padding: 0.2em 0.4em;
}

/* The default footer div. 
   The div id can be changed by the user. */
#footer {
	clear: both;
	margin-top: 1em;
	text-align: center;
	font-size: 0.9em;
	background-color: #ebebeb;
	padding: 0.6em;
}

#footer p {
	margin: 0;
	padding: 0;
}

/* The login link. */
#login {
        display:none;
	position:fixed;
	top: 6px;
	right:2px;
	font: 10px verdana, sans-serif;
}

#login a {
	color: white;
	background-color: gray;
	text-decoration: none;
	border: 2px outset;
	margin: 0;
	padding: 0.1em;
}

#login a:hover {
	background-color: lightgray;
}

body {
	margin: 0;
	padding: 0;
}

.caption_float_left, .caption_float_right, .caption_no_float {
	font-size: 0.8em;
}

.caption_float_right {
	border: none;
}

.caption_float_left {
	border: none;
}

.img_float_right  {
	border: none;
}

.img_float_left  {
	border: none;
}

.inbjudan td {
	padding: 0.1em 0.3em;
	font-size: 1em !important;
}

.inbjudan .col1 {
	font-weight: bold !important;
}

/*p-public-classes: contact*/
.contact {
   clear: both;
   border-top: 1px solid #d9d9d9;
   padding-top:1em;
   margin-top:1.5em;
}

/*table-public-classes: collage, kundlista, kalender*/
table .collage td img {
    border:1px solid black;
}

table .collage td {
	vertical-align: top;
}

table .kundlista {
	padding: 1em;
	margin: 0;
	background-color: #eee;
	border: 1px solid black;
	width: 595px;
}

table .kundlista td  {
	color: #b43337;
	font-weight: bold!important;
	vertical-align: top;
	padding-right: 1em!important;
	text-align: left;
}

.kalender {
color: #382eab;
font-size: 1.1em;
}

.kalender .col1 td {
text-align: right !important;
}

.kalender .col3 td {
text-align: right !important;}


/*h1-public-classes: ramrubrik*/
/*h2-public-classes: ramrubrik*/
/*h3-public-classes: ramrubrik*/
/*h4-public-classes: ramrubrik*/
/*h5-public-classes: ramrubrik*/

.ramrubrik {
        clear: both;
	background-color: #b2b3b7;
	border: 2px solid #989797;
	width: 320px;
	font-family: times, serif;
	font-weight: normal;
	padding: 0.1em;
}