@charset "utf-8";
/* CSS Document */

/**** OVERWRITES ****/
BODY, HTML { height:100%; }
BODY {
	background:#000 url(../gfx/partel-logo-icon.jpg) no-repeat bottom left fixed;
	margin:0;
	padding:0;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}

INPUT, TEXTAREA, SELECT, OPTION {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;	
}

FORM {
	padding:0;
	margin:0;
}

P { line-height:19px; }

IMG { border:0; }


H1, H2 {
	font-size:17px;
	font-weight:400;
	margin:10px 0 5px 0;	
	padding:0;
}

H1 {
	text-transform:uppercase;
	margin-bottom:25px;
}

TD {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;	
}

A, A:visited {
	color:#1357b5;
	text-decoration:none;	
}
A:hover { color:#5995e8; }

/**** GENERAL ****/
DIV#mainwrapper {
	width:930px;
	margin:0 auto;	
}

.cyan { color:#00adef; !important }

.clear { clear:both; !important }

.black { color:#252525 !important; }

.red { color:red; }

A.highlight:hover IMG {
     filter:alpha(opacity=75);   
     -moz-opacity: 0.75;   
     opacity: 0.75;
     -khtml-opacity: 0.75;
}

A.whitelink, A.whitelink:visited, DIV#huoltotiedote-wrapper TABLE A, DIV#huoltotiedote-wrapper TABLE A:visited, DIV#ajankohtaista-wrapper TABLE A, DIV#ajankohtaista-wrapper TABLE A:visited  {
	color:#fefefe;	
	text-decoration:none;
}

A.whitelink:hover, DIV#ajankohtaista-wrapper TABLE A:hover {	text-decoration:underline; }

A.cyanlink, A.cyanlink:visited, DIV#news-navi A, DIV#news-navi A:visited {
	text-decoration:none;
	color:#00adef;	
}

A.cyanlink:hover, DIV#news-navi A:hover {
	color:#5bd2ff;	
	text-decoration:underline;	
}

A.yellowlink, A.yellowlink:visited {
	text-decoration:none;
	color:#fff517;
}

A.yellowlink:hover {
	text-decoration:underline;
}

.defaultpadding { padding:5px 15px 10px 25px; }

.littlepadding { padding:0px 12px 5px 12px; }

.small { font-size:0.85em; }


/**** FRONT PAGE ****/

DIV#frontpage-contents-wrapper {
	width:930px;	
	margin-top:7px;
}

DIV#frontpage-contents-left {
	width:700px;
	float:left;	
	padding-bottom:12px;
	color:#fff;
}

DIV#frontpage-contents-right {
	width:220px;
	margin-left:10px;	
	float:left;
	color:#000;
}

IMG.frontpage-small-banner { margin-bottom:8px;	}

DIV.frontpage-icons UL { 
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
}

DIV.frontpage-icons UL LI {	float:left; }

DIV.frontpage-icons UL LI.divider {	width:13px;	}

DIV#frontpage-footer {
	width:700px;
	text-align:center;
	color:#fefefe;	
	font-size:12px;
}

DIV#news-navi {
	color:#f5f5f5;
}

DIV#news-navi P { 
	padding:0 10px 0 10px;
	font-size:13px;
}

DIV#news-navi A {
	display:block;	
}

DIV#news-navi A.active {
	color:#5bd2ff;		
	font-weight:700;
}


/**** MAINLEVEL PAGE ****/
DIV#mainlevel-contents-wrapper {
	width:930px;
	margin-top:10px;	
}

DIV#mainlevel-contents-left {
	width:224px;
	min-height:400px;
	background:url(../gfx/mainlevel-contents-left-bg.png) repeat-x bottom;
	float:left;
}

DIV#mainlevel-contents-right {
	width:695px;
	float:left;	
	margin-left:11px;
}

DIV#mainlevel-contents-right DIV#mainlevel-contents-whitebox {
	background:#fff url(../gfx/mainlevel-contents-whitebox-bg.jpg) repeat-y;
	width:695px;
}

DIV#mainlevel-contents-right DIV#mainlevel-contents-whitebox P {
	padding: 0 15px;	
}

DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-contacts {
	margin-left:20px;
}

DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-contacts P {
	line-height:15px;
	color:#fff;	
	font-size:12px;	
	padding-top:30px;
	padding-bottom:30px;
}

DIV#mainlevel-contents-bannerwrapper {
	margin-top:10px;	
}

DIV#mainlevel-contents-bannerwrapper IMG {
	float:left;	
}

DIV#mainlevel-contents-bannerwrapper DIV.divider {
	float:left;
	width:17px;	
}


/**** DEFAULT PAGE ****/
DIV#default-contents-right {
	width:698px;
	background:url(../gfx/default-content-bigbg_sininen.jpg) no-repeat bottom;
	float:left;
	margin:0 0 20px 8px;
}

DIV#default-contents-maincontent, DIV#default-contents-lomakepohja-maincontent {
	width:472px;
	float:left;
	padding:0 0 35px 0;
}

DIV#default-contents-maincontent .defaultpadding P.date {
	float:right;	
	margin:11px 15px 5px 10px;
}

DIV#default-contents-maincontent LI {
	margin-bottom:7px;
}


DIV#default-contents-rightcontent {
	width:226px;
	float:left;
	color:#fefefe;
	font-size:14px;
	padding:0 0 35px 0;
	min-height:400px;
}

DIV#default-contents-rightcontent UL {
	/*list-style-type:none;*/
	margin:0 0 0 20px;
	padding:0;	
}

DIV#default-contents-rightcontent UL LI {
	padding:0;
	margin:0 0 7px; 0;	
}

DIV#default-contents-rightcontent TD {
	color:#fefefe;
	font-size:14px;
}

DIV#default-contents-rightcontent A, DIV#default-contents-rightcontent A:visited {
	text-decoration:none;
	color:#fff;	
	font-weight:700;
}

DIV#default-contents-rightcontent A:hover { text-decoration:underline; }

DIV#default-contents-rightcontent TD+TD { padding-left:20px; }

DIV#default-contents-right H2 {
	font-size:16px;	
	font-weight:400;
	text-transform:uppercase;
}


/**** MAINLEVEL NAVI ****/
DIV#mainlevel-navi {
	overflow: hidden;
	color:#fefefe;
}

DIV#mainlevel-navi A, DIV#mainlevel-navi A:visited {  /* 2nd level navi */
	display:block;
	width:224px;
	height:32px;
	font-size:16px;
	color:#fdfeff;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	background-repeat:no-repeat;
}

/* Preload hack to hover images:
1) A -> hover  2) A:link, A:visited -> normal  3) A:hover, A:focus -> hover */
DIV#mainlevel-navi A { 	background-image:url(../gfx/mainlevel-navi-laajakaista_bg_hover.jpg); }
DIV#mainlevel-navi A:link, DIV#mainlevel-navi A:visited  { background-image:url(../gfx/mainlevel-navi-laajakaista_bg.jpg); }
DIV#mainlevel-navi A:hover, DIV#mainlevel-navi A:focus { background-image:url(../gfx/mainlevel-navi-laajakaista_bg_hover.jpg); }

DIV#mainlevel-navi A#kuitu { background-image:url(../gfx/mainlevel-navi-kuitu_bg_hover.jpg); }
DIV#mainlevel-navi A#kuitu:link, DIV#mainlevel-navi A#kuitu:visited { background-image:url(../gfx/mainlevel-navi-kuitu_bg.jpg); }
DIV#mainlevel-navi A#kuitu:hover, DIV#mainlevel-navi A#kuitu:focus { background-image:url(../gfx/mainlevel-navi-kuitu_bg_hover.jpg); }

DIV#mainlevel-navi A#puhelut { background-image:url(../gfx/mainlevel-navi-puhelut_bg_hover.jpg); }
DIV#mainlevel-navi A#puhelut:link, DIV#mainlevel-navi A#puhelut:visited { background-image:url(../gfx/mainlevel-navi-puhelut_bg.jpg); }
DIV#mainlevel-navi A#puhelut:hover, DIV#mainlevel-navi A#puhelut:focus { background-image:url(../gfx/mainlevel-navi-puhelut_bg_hover.jpg); }

DIV#mainlevel-navi A#kaapeli-tv { background-image:url(../gfx/mainlevel-navi-kaapeli-tv_bg_hover.jpg); }
DIV#mainlevel-navi A#kaapeli-tv:link, DIV#mainlevel-navi A#kaapeli-tv:visited { background-image:url(../gfx/mainlevel-navi-kaapeli-tv_bg.jpg); }
DIV#mainlevel-navi A#kaapeli-tv:hover, DIV#mainlevel-navi A#kaapeli-tv:focus { background-image:url(../gfx/mainlevel-navi-kaapeli-tv_bg_hover.jpg); }

DIV#mainlevel-navi A#turva { background-image:url(../gfx/mainlevel-navi-turva_bg_hover.jpg); color:#131313; }
DIV#mainlevel-navi A#turva:link, DIV#mainlevel-navi A#turva:visited { background-image:url(../gfx/mainlevel-navi-turva_bg.jpg); }
DIV#mainlevel-navi A#turva:hover, DIV#mainlevel-navi A#turva:focus { background-image:url(../gfx/mainlevel-navi-turva_bg_hover.jpg); }

DIV#mainlevel-navi A { margin-bottom: 8px; }


DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV { /* 3rd level navi */
	margin : 7px 0 15px 20px;
	background:none;
}

DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV A {
	display:block;
	font-size:14px;
	width:auto;
	height:auto;
	text-align:left;
	background:none;
	line-height:16px;
	margin-bottom:8px;
}

DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV A:hover, DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV A.active { color:#5995e8; }


DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV DIV { /* 4rd level navi */
	margin : 0px 0 15px 15px;
}

DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV DIV A {
	margin-bottom:0;
	color:#f3f61a;
	font-size:12px;	
}

DIV#mainlevel-contents-wrapper DIV#mainlevel-contents-left DIV#mainlevel-navi DIV DIV A:hover { color:#ffffdb; }


/**** FORM PAGE ****/
DIV#default-contents-lomakepohja-maincontent {
	width:690px;
	/*margin-left:20px;*/
}

DIV#default-contents-lomakepohja-maincontent H1 {
	margin-bottom:0;	
}

.textinput {
	width:220px;	
	margin-bottom:2px;
}

.formtable {
	width:580px;
	margin : 0 0 0 10px;
}

.formtable TD {
	padding:5px;
	vertical-align:top;
}

.formtable TD.otsikko {
	font-size:14px;
	color:#00719d;	
	padding-top:15px;
}

.formtable TD TABLE TD {
	border:0;
	padding:2px;	
}

TD.left {
	width:130px;
	padding-right:15px;	
}

TD.bgcolor {
	background:url(../gfx/formtable-cell-bg.jpg) repeat-y top left;
	
}

DIV#vaihtotilaus_details {
	display:none;	
}

DIV#maksajan_tiedot {
	display:none;	
	margin-top:25px;
}

TEXTAREA#lisatiedot {
	width:350px;
	height:50px;
}

/**** PARTEL-THEME NAVI ****/
DIV#partel-mainlevel-navi {
	/*min-height:300px;*/
}

DIV#partel-mainlevel-navi DIV {
	margin-left:15px;
	margin-bottom:15px;
}

DIV#partel-mainlevel-navi DIV A, DIV#partel-mainlevel-navi DIV A:visited, DIV#partel-mainlevel-navi DIV A:link {
	font-size:12px;
	width:auto;
	height:auto;
	background:none;
	margin:0;
	color:#f3f61a;
}

DIV#partel-mainlevel-navi DIV A:hover {
	text-decoration:underline;
	background:none;	
}

DIV#partel-mainlevel-navi DIV A.active, DIV#partel-mainlevel-navi DIV A.active:visited  {
	background:none;	
}

DIV#partel-mainlevel-navi A {
	color:#fff;
	display:block;
	width:220px;
	height:23px;
	background:url(../gfx/partel-mainlevel-navi-bg.png) no-repeat;
	padding:6px 0 0 25px;
}

DIV#partel-mainlevel-navi A:link, DIV#partel-mainlevel-navi A:visited { background:none; }
DIV#partel-mainlevel-navi A:hover, DIV#partel-mainlevel-navi A:focus { background:url(../gfx/partel-mainlevel-navi-bg.png) no-repeat; }

DIV#partel-mainlevel-navi A.active, DIV#partel-mainlevel-navi A.active:visited {
	background:url(../gfx/partel-mainlevel-navi-bg.png) no-repeat;
	font-weight:700;
}


/**** SITE NAVI ****/
DIV#mainnavi-wrapper {
	width:930px;
	height: 45px;	
	background:url(../gfx/mainnavi_bg.gif) repeat-x;	
}

DIV#mainnavi-navibar {
	float:left;
	width:701px;	
	font-size:13px;
	height:45px;
	overflow:hidden;
}

DIV#mainnavi-navibar UL {
	margin:0;
	padding:0;
	list-style-type:none;	
}

DIV#mainnavi-navibar UL LI {
	float:left;
	margin:15px 17px 0px 17px;
}

DIV#mainnavi-navibar A {
	text-decoration:none;
	color:#fdfeff;
}

DIV#mainnavi-navibar A:hover { text-decoration:underline; }

DIV#mainnavi-navibar A.active {	color:#00adef;	}



/**** SITE SEARCH & LANGUAGE SELECT ****/
DIV#mainnavi-searchbox {
	float:left;
	width:220px;
	margin-left:9px;
}

DIV#searchform-wrapper {
	margin:15px 0 0 0;
	float:left;
	width:133px;
	height:19px;
	background:url(../gfx/searchbox_bg.png);
	overflow:hidden;
}

INPUT#site-search-keyword {
	width:102px;
	height:16px;
	margin:0;
	padding:1px 2px 2px 10px;	
	border:0;
	color:#00adef;
	background:none;
	float:left;
	font-size:11px;
	font-weight:700;
}

IMG#searchbox-submit {
	float:left;
	margin-top:1px;
	cursor:pointer;
}

DIV#language-select {
	float:left;
	margin-left:5px;
	margin-top:13px;
	padding-top:3px;
	font-size:12px;
	padding-left:0px;
	text-align:center;
	width:65px;
}

DIV#language-select IMG { margin-left:2px; }

IMG#language-select-divider {
	float:left;
	margin-left:7px;	
}

SPAN.searchpath {
	font-size:7pt;
	color:#999999;
}
SPAN.searchpath a {
	color:#999999;
}
SPAN.searchpath a:hover {
	color:#5995e8;
}


/**** HUOLTOTIEDOTE & AJANKOHTAISTA ****/

DIV#huoltotiedote-wrapper {
	color:#fefefe;	
	margin-left:9px;
}

DIV#huoltotiedote-wrapper H2 {
	margin-top:20px;
	color:#fdfa03;	
	margin-bottom:5px;
	float:left;
}

IMG#huoltotiedote_merkki {
	float:right;	
	right:5px;
	position:relative;
	right:5px;
	top:5px;
}

DIV#huoltotiedote-wrapper TABLE TD {
	vertical-align:top;
	color:#fefefe;	
	padding-bottom:5px;
	line-height:15px;
	font-weight:700;
}

DIV#ajankohtaista-wrapper {
	margin-top:15px;
	color:#fefefe;	
	margin-left:9px;
}

DIV#ajankohtaista-wrapper H2 {
	margin-top:20px;
	color:#1f97e9;	
	margin-bottom:5px;
}

DIV#ajankohtaista-wrapper TABLE TD {
	margin:0;
	padding:0 0 5px 0;
	vertical-align:top;
	color:#fefefe;	
	line-height:15px;
	font-weight:700;	
}

DIV#huoltotiedote-wrapper TD.second, DIV#ajankohtaista-wrapper TD.second { padding-left:13px; }

