@charset "utf-8";

/* CSS Document */



/* Standard/Startsida */

body {

text-align:center;

font:normal 13px verdana;

margin: 0px;

background: #CCCCCC url(../images/bg.gif) no-repeat;

}

a {

color: #0066cc

}

a:active {

color: #0066cc

}

a:hover {

color: #0066cc

}

#wrapper {

width: 829px;

margin: 0 auto;

margin-top:0px;

padding-left:13px;

padding-right:13px;

padding-bottom:13px;

background:#FFFFFF;

text-align:left;

background:url(../images/content_bg.jpg) repeat-y;

}

#logotype {

background:url(../images/Orginal_Logga_RGB_webb.jpg) no-repeat;

height:163px;

width:207px;

}

#banner_head {

	background:url(../images/teknik_parken.png) no-repeat;

	height:163px;

	width:346px;

	position:relative;

	left: 457px;

}

#menu {

background:url(../images/menu_bg.gif) repeat-x;

width:815px;

height: 25px;

}



#column_left {

width:569px;

min-height: 826px;

font-size:11px;

background:url(../images/column_left_bg.gif) repeat-y;

}



#column_right {

float:right;

position:relative;

padding-top:13px;

margin-right:20px;

}



#column_right_border_down {

left:-15px;

position:relative;

width:224px;

}

.bildpunktlista {list-style-image: url(../images/ul.gif)}

.products {

font-family:arial;

font-weight:bold;

font-size:14px;

color:#5c5c5c;

line-height:25px;

}

.demo  {

color:#000033;

background-color:#FFFFFF;

layer-background-color:#FFFFFF;

position:absolute;

top:-250px;

left:-350px;

width:300px;

z-index:99;

visibility:hidden;

border: dashed #FF9900 2px;

}

#citat {
	position:relative;
	left:-10px;
}

#citat_top {
background:url(../images/citat_top.jpg) no-repeat;
width:226px;
height:18px;
padding-left:0px;
padding-top:18px;
padding-bottom:0px;
position:relative;
}

#citat_content {
background:url(../images/citat_content.jpg) repeat-y;
width:227px;
font-weight:bold;
font-size:12px;
padding-left:0px;
padding-top:0px;
line-height:20px;
top:-18px;
position: relative;
}

#citat_bottom {
background:url(../images/citat_bottom.jpg) no-repeat;
width:227px;
height:75px;
padding-left:0px;
padding-top:0px;
line-height:20px;
}

#citat_box {
text-align:justify;
width:190px;
left:15px;
top:0px;
padding-top:5px;
padding-bottom:5px;
position:relative;
}


#bottom {

background:url(../images/bottom_bg.gif) repeat-x;

width:97%;

margin-top:15px;

padding-top:20px;

text-align:center;

min-height:50px;

}



/* Administration */

#changeIt {

background:#e3e6ed;

border:#ccd6d7 solid 1px;

width:536px;

height:20px;

padding-left:5px;

margin-top:15px;

text-align:center;

padding-bottom:7px;

}

#changeItRight {

background:#e3e6ed;

border:#ccd6d7 solid 1px;

height:40px;

width:220px;

padding-left:5px;

padding-top:5px;

padding-bottom:7px;

}

.paragraph {

background: url(../images/icons/edit.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.ad_sub {

background: url(../images/icons/ad_sub.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.admins {

background: url(../images/icons/admins.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.delete {

background: url(../images/icons/settings.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.delete_citat {

background: url(../images/icons/delete_citat.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.no_visible {

background: url(../images/icons/visible.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.visible {

background: url(../images/icons/no-visible.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.file_manager {

background: url(../images/icons/file_manager.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.upload {

background: url(../images/icons/upload.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}

.html {

background: url(../images/icons/html.png) no-repeat;

vertical-align:middle;

padding-left:20px;

padding-right:5px;

position:relative;

}





/* Texter/Rubriker */

#press_photo {

float:left;

padding-left:18px;
padding-right:18px;
padding-bottom:18px;

max-width:230px;

}

h2.title {

font-family:tahoma;

font-size:22px;

padding-top:10px;

position:relative;

font-weight:bold;

color:#fb782a;

margin:10px;

line-height:26px;

}



/* Window */



	.dhtmlgoodies_window{

		width:300px;

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

		font-size:0.9em;

		position:absolute;

		overflow:hidden;	

		z-index:10000;	

		

		

	}

	.dhtmlgoodies_window div{

		position:relative;

	}

	.dhtmlgoodies_window .dhtmlgoodies_window_top{

		width:100%;

		height:17px;

		position:relative;

		background-color: #707070;

		

		

	}

	

	.dhtmlgoodies_window .top_buttons{

		float:right;

		z-index:10;

		position:absolute;

		right:0px;

		width:35px;

		

		

	}

	.top_buttons img{

		float:left;

		padding-left:2px;

		

	}

	.dhtmlgoodies_windowMiddle{

		border-left:3px solid #707070;

		

	}

	.dhtmlgoodies_windowContent{

		border-right:3px solid #707070;

		padding-left:5px;

		padding-right:2px;



		height:100%;

		overflow:hidden;

		background-color:#FFF;

	}

	.dhtmlgoodies_window_bottom{

		border-left: 3px solid #707070;

		border-right:3px solid #707070;

		border-bottom: 3px solid #707070;

		position:relative;

		height:0px;

		background-color:#FFFFFF;

	}

	.dhtmlgoodies_window_bottom img{

		float:right;

	}

	.topCenterImage{

		position:absolute;

		left:3px;

		width:5000px;

		height:17px;

	}

	.resizeImage{

		position:absolute;

		right:1px;

		bottom:1px;

	}

		#leftFrame{

		text-align:left;

		padding-left:20px;

		position:relative;

	}

	



/* Slideshow */

#slideshow {list-style:none; color:#fff}

#slideshow span {display:none}

#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}

#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}

#information h3 {padding:4px 8px 3px; font-size:14px}

#information p {padding:0 8px 8px}

#image {width:500px}

#image img {position:absolute; z-index:25; width:auto}

.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(images/left.gif) left center no-repeat}

#imgnext {right:0; background:url(images/right.gif) right center no-repeat}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}

.linkhover {background:url(images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px}

#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}

#slideleft:hover {background-color:#333}

#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}

#slideright:hover {background-color:#333}

#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}

#slider {position:absolute; left:0; height:81px}

#slider img {cursor:pointer; border:1px solid #666; padding:2px}
