/**
 * Imported external css-files
 */

@import url("smooo/blueprint.css");
@import url("smooo/smooo.css");
/* @import url("table.css"); */


body.backgroundStyle62 div#all
	{
	background: url(/media/images/multimus.jpg)  no-repeat scroll center 147px;
	}

div.newsLetter2010 div.cms
	{
	padding: 0px 0 10px 102px;
	border-bottom: 1px solid #e1e1e1;
	margin-top: 20px;
	}

div.newsLetter2010 div.drupal
	{
	background: url(/media/images/drupal_logo.gif) left top no-repeat;
	}

div.newsLetter2010 div.wordPress
	{
	background: url(/media/images/wordpress_logo.gif) left top no-repeat;
	}

div.newsLetter2010 div.joomla
	{
	background: url(/media/images/joomla_logo.gif) left top no-repeat;
	}

div.newsLetter2010 div.smooo
	{
	background: url(/media/images/smooo_logo.gif) left top no-repeat;
	}

div.newsLetter2010Summary
	{
	padding: 20px 0 60px 368px;
	margin: 30px 0 0 -35px;
	background: url(/media/images/hand.jpg) top left no-repeat;
	}

div.newsLetter2010 div.cms p, div.newsLetter2010Summary p
	{
	font-size: 1.1em;
	color: #000;
	}

div.newsLetter2010Content
	{
	width: 590px;
	}

div.newsLetter2010Content h1
	{
	font-weight: normal;
	font-family: 'Myriad Pro', 'Lucida Grande';
	line-height: 1em;
	}

div.newsLetter2010Content p.ingress
	{
	color: #7c7c7c;
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 3.5em;
	}

div.newsLetter2010Footer p
	{
	margin: 20px 0 40px 0;
	font-size: 1.1em;
	color: #000;
	width: 315px;
	}

div.newsLetter
{
width: 570px;
}


a.schysstaste
{
display: block;
width: 113px;
height: 113px;
background: url(/media/gfx/100_small_2010.gif) no-repeat;
float: right;
margin-top: -170px;
}


img.custLogo
{
margin-right: 40px;
vertical-align: middle
}

div.custLogos
{
display: block;
height: 110px;
clear: both;
font-size: 55px;
linge-height: 55px
}


#content li strong
{
	color: #03b5ff;
}

body
	{
	margin: 0px;
	margin-bottom: 20px;
	background: #fff;
	font: 68% 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	color: #8d8c8c;
	text-align: left
	}

em
{
font-family: georgia
}
	
body#smooo
	{
	margin: 0px;
	margin-bottom: 20px;
	background: #fff url(/media/gfx/bg_top.gif) repeat-x;
	font: 68% 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	color: #8d8c8c;
	text-align: center
	}

h1, h2, h3, h4, h5, h6
	{
	margin: 0;
	color: #333;
	margin-bottom: 0;
	text-transform: normal
	}

h1
	{
	font-size: 3.8em;
	margin-bottom: 0.5em
	}

h2, h3, h4, h5, h6
	{
	font-size: 2.2em;
	margin-bottom: 0.3em;
	}

p
	{
	font-size: 1.7em;
	margin-bottom: 1.7em;
	margin-top: 0;
	line-height: 1.5em;
	}

div#all
	{
	margin:0;
	min-height: 100%;
	min-width: 1000px;
	padding:0;
	position:relative;
	text-align:center;
	width:100%;
	}

#content li
	{
	font-size: 1.4em;
	margin-bottom: 0.5em;
	line-height: 1.3em;
	}

p.ingress
	{
	line-height: 1.3em;
	color: #000;
	margin-top: 0;
	text-align: left;
	}

a, a:visited
	{
	color: #8d8c8c;
	text-decoration: underline
	}

a:hover
	{
	color: #03b5ff;
	text-decoration: underline
	}

a:active, a:focus
	{
	outline: none;
	}
	
fieldset
	{
	border: 1px solid #e4e4e4;
	padding: 15px 10px 15px 0px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	margin-bottom: 2em;
	background: url(/media/gfx/1x1_gray.gif) 250px 15px repeat-y
	}
	
fieldset p
	{
	margin-bottom: 0
	}
	
legend
	{
	color: #333;
	text-transform: uppercase;
	padding-right: 5px;
	margin-left: 20px;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 3em;
	_margin-top: 1em;
	display: none
	}
	
div.img
	{
	text-align: center;
	width: 250px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	margin-right: 20px;
	float: left;
	line-height: 60px;
	}
	
div.img img
	{
	margin: auto;
	vertical-align: middle;
	}

input
	{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	}


/* STRUCTURE */


#container
	{
	width: 950px;
	margin: auto;
	text-align: left
	}

#top
	{
	height: 93px;
	}

#flags
	{
	float: right;
	width: 102px;
	height: 21px
	}

a.swe, a.eng
	{
	display: block;
	height: 21px;
	width: 45px;
	float: left;
	background: url(/media/gfx/flag_se.gif) 0px -21px;
	}

a.eng
	{
	background: url(/media/gfx/flag_gb.gif) 0px -21px;
	margin-left: 12px
	}
	
a.flagActive
	{
	border-bottom: 6px solid #eee
	}

a:hover.eng, a:hover.swe
	{
	background-position: 0px 0px;
	}

a.logo
	{
	margin: 26px 0px 0px 21px;
	_margin-left: 11px;
	float: left;
	display: block;
	width: 214px;
	height: 51px;
	background: url(/media/gfx/logo.gif) no-repeat;
	}

a.logo h1
	{
	display: none
	}

div#navigation
	{
	height: 53px;
	border-bottom: 1px solid #e4e4e4;
	clear: both;
	}
	
div.customerLogo
	{
	width: 210px;
	height: 105px;
	border: 1px solid #e4e4e4;
	_border: none;
	text-align: center;
	float: left;
	margin: 0 15px 15px 0;
	line-height: 105px;
	}
	
div.customerLogo img
	{
	margin: auto;
	vertical-align:middle;
	}
	
div#footer
	{
	padding: 10px 0px 20px 21px;
	}
	
div.adress
	{
	float: left;
	width: 180px;
	margin: 0px 50px 20px 0px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #aaa;
	border-right: 1px solid #e4e4e4;
	}
	
div.logos
	{
	float: right;
	width: 350px;
	}
	
a.footerLogo
	{
	display: block;
	float: right;
	margin-right: 21px;
	}
	
a.datahotellet
	{
	width: 150px;
	height: 41px;
	background: url(/media/gfx/datahotellet_footerlogo.gif) no-repeat
	}
	
a.smooo
	{
	margin-top: 1px;
	width: 130px;
	height: 37px;
	background: url(/media/gfx/smooo_footerlogo.gif) no-repeat
	}


/* MENU */

#menu
	{
	float: left;
	z-index: 20;
	position: relative;
	height: 53px;
	margin: 0px 0px 0px 0px;
	}

#menu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 0px;
	height: 53px;
	float: left;
	}

#menu ul li
	{
	margin: 0;
	float: left;
	position: relative;
	height: 53px;
	padding-left: 0px;
	border-right: 1px solid #e4e4e4;
	}

#menu ul li a, #menu ul li a:link
	{
	font: 18px arial, helvetica, san-serif;
	color: #333;
	text-transform: uppercase;
	line-height: 23px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 14px 20px 0px 20px;
	_padding: 14px 20px 8px 20px;
	height: 31px;
	_height: 21px;
	outline: none;
	margin: 0px 1px 0px 1px;
	border-bottom: 7px solid #fff
	}

#menu ul li a:hover
	{
	color: #03b5ff;
	}

#menu li a.activeLink
	{
	border-bottom: 7px solid #03b5ff
	}

/* Fix IE. Hide from IE Mac \*/
* #menu ul li { _float: left; }
* #menu ul li a { _height: 1%; }
/* End */


/* FOOTERMENU */

div.footerMenu
	{
	float: left;
	width: 130px;
	padding-right: 50px;
	margin-bottom: 20px;
	border-right: 1px solid #e4e4e4;	
	}


div.footerMenu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	float: none
	}
	
div.footerMenu ul li
	{
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	float: none;
	}
	
div.footerMenu ul li a
	{
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #aaa;
	display: block;
	border-bottom: 1px solid #e4e4e4;
	}
	
div.footerMenu ul li a:hover
	{
	color: #03b5ff;
	border-bottom: 1px solid #aaa;
	}

div.footerMenu ul li a.activeLink
	{
	color: #666;
	}


/* CONTENT */

#content
	{
	padding: 53px 21px 30px 21px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	border-bottom: 1px solid #e4e4e4;
	}

div.startLeft
	{
	width: 435px;
	}

/* For the select menu to the right of the main menu  */

div#select 
	{
	float: right;
	margin-top: 10px;
	display: none;
	z-index: 100
	}
	
div#select ul
	{
	background: url(/media/gfx/option_bg.gif) center right no-repeat;
	_background: url(/media/gfx/option_bg.gif) -10 right no-repeat; 
	margin: 0;
	padding: 0;
	width: 190px;
	list-style: none
	}

div#select ul li
	{

	color: #7c7c7c;
	cursor: pointer;
	font-size: 15px;
	height: 17px;
	list-style: none;
	margin: 0;
	padding: 5px 12px;
	_padding: 1px 0px 0px 12px;
	width: 164px;
	border: 1px solid #e4e4e4;
	}

div#select ul li ul
	{
	margin: 0;
	margin-top: 6px;
	margin-left: -13px;
	display: none;
	padding: 0;
	height: auto;
	border: none;
    	}
    
div#select ul li ul li
	{
	float: none;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 188px;
	border: none;
	height: 29px;
	}

div#select ul li ul li a
	{
	width: 176px;
	color: #7c7c7c;
	display: block;
	height: 20px;
	padding: 5px 0px 3px 12px;
	border-top: none;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	margin: 0;
	text-decoration: none;
	}

div#select ul li ul li a:hover
	{
	color: #03b5ff;
	background: #f8f8f8
	}

div#select li:hover ul, div#select li.over ul
	{
	display: block;
	}
	
div#select ul:hover, div#select ul.over, 
	{
	background: url(/media/gfx/option_bg_over.gif) center right no-repeat;
	_background: url(/media/gfx/option_bg_over.gif) -10 right no-repeat;
	}


/* OVERRIDES */

table
	{
	border-bottom: 1px solid #e4e4e4;

	background: #fafafa;
	font-size: 1.1em
	}

table td
	{
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	text-align: left;
	padding: 6px
	}

table thead td
	{
	background-color: #fff;
	border: none;
	border-bottom: 3px solid #03b5ff;
	color: #03b5ff;
	text-transform: uppercase;
	font-weight: bold
	}

table tr.even td
	{
	background-color: #f2f2f2;
	}
	
table tbody:hover td
	{
	background-color: #ddfaff;
	border-top: 1px solid #b4ebf5;
	border-right: 1px solid #b4ebf5;
	color: #03b5ff
	}

table tbody:hover td a, table tbody:hover td a:visited
	{
	color: #03b5ff
	}

table tbody:hover td.main
	{
	background: #ddfaff url(/media/gfx/arrow.gif) right center no-repeat;
	border-top: 1px solid #b4ebf5;
	border-right: 1px solid #b4ebf5;
	border-left: 1px solid #b4ebf5;
	color: #03b5ff;
	}
	
tr.rowDevider td, table tbody:hover tr.rowDevider td
	{
	height: 5px;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	background: #fff;
	border-left: 1px solid #e4e4e4;
	}

td.main
	{
	border-left: 1px solid #e4e4e4;
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
	}

table td.check
	{
	background-image: url(/media/gfx/check.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

input, textarea, select
	{
	font: 1.2em arial, helvetica, san-serif
	}

.formSubmit input
	{
	background: #efefef;
	color:#666;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin:10px 15px 1px 0px;
	border: 1px solid #ddd;
	padding: 8px 12px 8px 12px;
	_padding: 5px 10px 5px 10px;
	}

.formSubmit input:hover
	{
	background: #efefef;
	color:#000;
	}

div#chiabataImage
	{
	padding: 10px;
	border: 1px solid #e4e4e4;
	width: 610px;
	margin-bottom: 10px;
	}

.formChiabata div img
	{
	border: 2px solid #fff;
	margin: 4px;
	padding: 1px;
	width: 53px;
	height: 53px;
	cursor: pointer;
	}

.formChiabata div img:hover
	{
	width: 67px;
	height: 67px;
	margin :-3px;
	}
	
.formChiabata div img.chiabataImageOn
	{
	border: 2px solid #03b5ff
	}

.formChiabata div img.chiabataImageOff
	{
	border: 2px solid #efefef
	}