/* CSS Document for kelo.se */

/* Good stuff:

kelo-blue:	#00adef*/



/*********************************************/
/*-----------------  Body -------------------*/
/*********************************************/


body, div, h1, p, img {
    margin: 0 auto;
    padding: 0px;
    border: 0px;	
}

body {
	background:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #999999;
	line-height: 1.5em;
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	text-align:center;
}

html>body { overflow:scroll;
overflow-x:hidden; }


/*********************************************/
/*-------------  Div's design ---------------*/
/*********************************************/


/*---------- Wrappers and contents ----------*/


#main-wrapper {
	width: 100%;
	background:#fdfdfd;
	margin: 0px auto;
	padding: 0px;
	height:560px;
	text-align:center;
	
}

body > #main-wrapper {
overflow:auto;
height:auto;
min-height:560px;
}	

#top {
	background-color:#333333;
	width:100%;
	height:44px;
	margin:0 auto;
	
}

#globalNav-wrapper {
	width:900px;
	
}

#banner-wrapper {
	width:100%;
	background:url(../images/rand.png) repeat;
	height: 100px;
	margin: 0 auto;
	margin-top:4px;
	
}

#banner {
	width:900px;
	background:#CCCCCC;
	margin:0 auto;
	padding:0;
	height:100px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	
}

#content-wrapper {
	width: 900px;
	/*height: 560px;*/
	margin:0 auto;
	padding:0;
	
}

#left-content-wrapper, #middle-content-wrapper, #right-content-wrapper { 
	float: left; 
	padding: 20px 0 10px 0; 
}

/*#iframeDiv {
float:left;
}*/

/*#frameContent {
position:absolute;
z-index:2;
}*/

#left-content-wrapper { 
	width: 150px;
	height:490px;
	background:inherit;
	text-align:left;
	padding-left:20px;
	margin-top:10px;
	
}

#middle-content-wrapper { 
	width: 500px;
	margin-top:10px;
	
}

.middle-content{
	background: #fbfbfb;
	margin-bottom: 20px;
	color:#333333;
	width:460px;
	
}

#right-content-wrapper { 
	width: 220px;
	margin-top:10px;
	
}

#footer {
	background-color:#333333;
	padding: 10px 10px 0 10px;
	width: 100%;
	height:40px;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;	
}

#footer-content {
	width:900px;
	margin:0 auto;
	padding:0;
	color:#999999;
	
}

#footer-left {
	float:left;
	width:200px;
	
}

#footer-nav{
	float:left;
	width:500px;
	font-weight:bold;
	background:#333333;
}

.middleDiv{
	margin:0;
	padding: 5px 10px;
	line-height: 1.3;
	border-left: solid 2px #f3f3f3;
	border-right: solid 2px #f3f3f3;
	border-bottom: solid 2px #f3f3f3;
	padding-top:20px;
	
}

div.news{
	width: 220px;
	background: #fbfbfb;
	margin-bottom: 20px;
	color:#333333;
	margin-left:8px;
	
	
}

/*---------------- div images ---------------*/

div.pictureDiv {
	border:solid 1px #cccccc;
	vertical-align:middle;
	width:400px;
	height:300px;
}

div.threepictureDiv {
	border:solid 1px #cccccc;
	vertical-align:middle;
	width:400px;
	height:170px;
}

div.pict17Div {
	border:solid 1px #cccccc;
	width:200px;
	height:350px;
	text-align:left;
}

div.pictsmall {
	border:solid 1px #cccccc;
	vertical-align:middle;
	width:200px;
	height:160px;
}

div.twopictureDiv {
	border:solid 1px #cccccc;
	vertical-align:middle;
	width:400px;
	height:170px;
}


/*---------------- div others ---------------*/

#script {
	float:right;
	margin-top:20px;
}

#power {
	float:right;
	width:200px;
	font-size:9px;
}

/*#headLineBgd {
	background:#999999;
	width:460px;
	height:15px;
}*/

#rand {
	width:100%;
	margin:0 auto;
	padding:0;
	background:url(../images/rand.png) repeat-x;
	
}

/*#logo {
	float:right;
	padding:0 10px 0 10px;
}*/

div.textDiv{	
	width: 400px;
	background: #00adef;
	margin-top: 20px;
	color:#ffffff;
}


/*********************************************/
/*----------------  Common ------------------*/
/*********************************************/

h3{
	font-size: 13px;
	margin:0;
	padding: 0 0 3px 10px;
	background: #f3f3f3;
	color: #00adef;
	text-align: left;
	border-left: solid 2px #f3f3f3;
	border-right: solid 2px #f3f3f3;
	
}

h4 {
	text-align:left;
	font-size:11px;
	color:#00adef;
}

h4.orderLine {
	margin-top:20px;
}

p{ 
	padding-right:20px; 
}

/*.news p{
	margin:0;
	padding: 5px 10px;
	font-size:9px;
	line-height: 1.3;
	text-align: justify;
	border-left: solid 2px #f3f3f3;
	border-right: solid 2px #f3f3f3;
	border-bottom: solid 2px #f3f3f3;
}*/

#newsText{
	width:196px;
	height:430px;
	margin:0;
	padding: 5px 10px;
	font-size:9px;
	line-height: 1.3;
	text-align: left;
	border-left: solid 2px #f3f3f3;
	border-right: solid 2px #f3f3f3;
	border-bottom: solid 2px #f3f3f3;
}

.textDiv p{
	margin:0;
	padding: 5px 10px;
	line-height: 1.3;
	text-align: justify;
	border-left: solid 2px #00adef;
	border-right: solid 2px #00adef;
	border-bottom: solid 2px #00adef;
	color:#ffffff;
	height:auto;
	
}

.italic {
font-style:italic;
font-size:10px;
color:#777777;
}

.italicBlack {
font-style:italic;
font-size:10px;
color:#333333;
}

.italicText {
font-style:italic;
font-size:11px;
color:#777777;
}

.greyText {
	font-size:9px;
	color:#555555;
}

.pictTable {
	text-align:left;
	vertical-align:top;
}

p.left {
	text-align:left;
}


/*********************************************/
/*-----------------  Links ------------------*/
/*********************************************/

a { 
	color: #777777; 
	text-decoration: none; 
}

a:hover { 
	text-decoration: none;
	color:#00adef;
}

#footer-nav a:link, #footer-nav a:visited, #footer-left a:link, #footer-left a:visited {
	color:#8b8b8b;
	text-decoration:none;
}

#footer-nav a:hover, #footer-left a:hover {
	color:#ffffff;
}

#power a:link, #power a:visited {
	color:#8b8b8b;
	text-decoration:none;
}

#power a:hover {
	color:#ffffff;
}

/*********************************************/
/*----------------  Images ------------------*/
/*********************************************/

.pict {
	border:solid 10px #ffffff;
}

.emailPict {
	position:absolute;
	padding-top:1px;
	z-index:1;
}


/*********************************************/
/*----------------  Lists -------------------*/
/*********************************************/

.listDiv ul, .listDiv li {
	margin:0 auto;
	padding:0px;
	border:0px;
}

.ulLeft {
	text-align:left;
	padding-left:30px;
}


/*********************************************/
/*---------------  Contact ------------------*/
/*********************************************/

.contactInfo li {
	margin-bottom: 10px;
	line-height: 16px;
	list-style-type:none;
}

.contactInfo li.address {
	background: url(../images/address.jpg) 0 3px no-repeat;
	padding-left: 40px;
}

.contactInfo li.phone {
	background: url(../images/phone.jpg) 0 3px no-repeat;
	padding-left: 40px;
}

.contactInfo li.email {
	background: url(../images/email.jpg) 0 3px no-repeat;
	padding-left: 40px;
}

.contactInfo li.staff {
	padding-left: 35px;
	list-style-type:none;
}

.contactInfo {
	text-align:left;
	margin-top:20px;
}

.staffOrder li, .staffProduction li, .staffEconomi li {
	list-style:none;
	text-align:left;
	padding-left:20px;
	font-size:10px;
	vertical-align:text-bottom;
}


/*********************************************/
/*------------  Round Corner ----------------*/
/*********************************************/

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}