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

body {
	background-color: lightgrey;
	margin-top: 0;
	padding-top: 0;
}

a img {

border:none;
}

/* 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 {
	position: relative;
	margin: 0.5em;
	margin-top: 0em;
	width: 720px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

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

#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: 1em;
	font-size: 1em;
	font-style: normal;
	background-color: #CF2C2F;
	clear: both;
	font-variant: normal;
	text-transform: uppercase;
	border-top: 0.7em solid #4d3073;
}

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

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

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

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

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


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

#sidebar p {
	margin: 0;
	padding: 0 0.4em;
}

#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 {
}

.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/wa/image?id=racopy_group.gif&key=css.racopy');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

#submenu a.current_group { 
	background-image: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=racopy_current_group.gif&key=css.racopy');
	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 {
}

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

#content blockquote {
	padding: 10px 25px 10px 20px;
	margin: 0;
	background: url('/cgi-bin/WebObjects/foretag.woa/wa/image?id=racopy_image.gif&key=css.racopy') no-repeat;
	background-position: 0px 0px;
	font-style: italic;
	font-size: 0.9em;
	vertical-align: center;
	color: #757575;
	min-height: 70px;
	clear: both;
}

* html #content blockquote {
	height: 70px;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
    clear:both;

}

#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.9em;
}

.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*/
/*div-public-classes: slide, headerLogo*/

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

/*table-public-classes: collage, kundlista*/
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;
}

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

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

.blue {
	color: blue;
}

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

.blue {
	color: #cf2c2f;
}

#content .thumb_nail_view {
	width: 490px;
	overflow: scroll;
}

.red {
	color: #cf2c2f;
}

.image_gallery p{
	height: 2em;
}



.slideShow { position: relative; height: 4em; top: -246px; left: 0;}
	.slideShow .slide { position: absolute; display: none; }
	.slideShow h2 { font-size: 2.1em; margin-bottom: -0.6em; margin-top: 0.7em; }
	.slideShow p { line-height: 1.2em;}
	.slideNav {
		position: absolute;
		left: 28px;
		bottom: -260px;
		*bottom: -255px;
		text-indent: -9999em !important;
		z-index: 1;
		visibility: hidden !important;
		
	}

	.slide 	activeSlide p {
	padding-bottom: 5em;
}

	.line1, .line2, .line3{
		display: none;
	}

	.slideNav a {
		margin: 3px;
		padding: 0px 7px 0px 7px;
		*padding: 7px;
		
	}

	.slideNav a.activeNav {

	
	}

	 .slideNav a span{

		color: #c5c5c7;
		font-size: 0px;

	}

	 .slideNav a.activeNav span{

		color: #c9681e;
		font-size: 0px;

	}



	 .slideShow {
		width: 704px;
	}
	
	
#header p img {
	visibility: hidden;
}

div .headerLogo {
	position: absolute;
	top: 45px;
	right: 10px;
	background-image: url('http://racopy.se/cgi-bin/WebObjects/foretag.woa/wa/attachment?id=logga1png.png&key=racopy');
	width: 187px;
	height: 111px;
	
}

/*.edit_mode .slide{
	position: absolute;
	top: 37px;
}*/

.edit_mode .slideShow {
	position: inherit;
}


.edit_mode .slide img {
	visibility: hidden;
}


.content_part_container .slide img {
	visibility: visible;
}