HTML, BODY { height: 100%; }
body.global {
margin: 0;
line-height: 17px;
background: url("http://195.216.34.66/img/layout/bg_top.jpg") repeat-x top left;
font-family : Microsoft Sans Serif, Tahoma, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #333;
}
.pic_long { float: right;width: 237px;height: 170px;margin: 0 0 1em 1em; }
h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, Sans-serif;margin: 0 0 0.2em 0;padding: 0; }
h1 { font-size: 22px;color: #111; }
h2 { font-size: 1.3em;color: #333; }
h3 { font-size: 1.1em; color: #20aed9; }
h4 { margin: -0.2em 0 0.2em 0;padding: 0;font-size: 0.9em;color: #20aed9; }
p { margin: 0.5em 0 1em 0; }
#mainMenu a, #copyright span { font-family: Arial, Verdana, Helvetica, sans-serif; }
a { color: #253552; }
a:hover, #nav a:hover, #footer a:hover { color: #cc932a; }
a.link {
line-height: 14px;
padding-left: 11px;
background-position: 0 1px;
font-size: 11px;
font-weight: bold;
color: #333;
background-image: url("http://195.216.34.66/img/layout/link.gif");
background-repeat: no-repeat;
}
a.link:hover { background: url("http://195.216.34.66/img/layout/link_hover.gif") no-repeat top left;background-position: 0 1px;color: #cc932a; }
a, a:hover, a.link:hover { text-decoration: none; }
.button {
margin: 0 0 0 0.5em;
padding: 0 5px;
border-left: 1px solid #a2acb5;
border-top: 1px solid #a2acb5;
border-right: 1px solid #4f5357;
border-bottom: 1px solid #000;
background: url("http://195.216.34.66/img/layout/bg_button.gif") repeat-x bottom left;
font-weight: bold;
color: #333;
}
/* ------------ header -------------- */
#top { background: url("http://195.216.34.66/img/layout/topRight.jpg") no-repeat top right; }
#header { height: 115px; }
IMG.logo { float: left;width: 106px;height: 86px;margin: 10px 0 0 2em; }
#mainMenu {
float: left;
display: block;
width: 500px;
height: 115px;
margin: 0 0 0 1.5em;
background: url("http://195.216.34.66/img/layout/EGY_logo_text.gif") no-repeat top left;
}
#mainMenu li { float: left;display: block;height: 93px;margin: 0;list-style-type: none; }
#mainMenu a, #mainMenu a:hover, #mainMenu li.currentPage a, #mainMenu a.selected {
float: left;
display: block;
width: 114px;
height: 24px;
margin: 79px 3px 0 0;
padding: 6px 0 0 0;
text-align: center;
text-transform: uppercase;
background: url("http://195.216.34.66/img/layout/menu_link.gif") no-repeat top left;
font-weight: bold;
font-size: 12px;
color: #fff;
}
#mainMenu a:hover { background: url("http://195.216.34.66/img/layout/menu_hover.gif") no-repeat top left;color: #000; }
#school #mainMenu li.skola a,
#home #mainMenu li.sub a,
#programs #mainMenu li.skola a:hover,
#programs #mainMenu li.program a,
#programs #mainMenu li.program a:hover,
#contact #mainMenu li.kontakt a,
#contact #mainMenu li.kontakt a:hover,
#mainMenu li.currentPage a { background: url("http://195.216.34.66/img/layout/menu_selected.gif") no-repeat top left;color: #fff; }
#mainMenu a.selected, #mainMenu a.selected:hover { background: url("http://195.216.34.66/img/layout/menu_submenu.gif") no-repeat top left;color: #cc932a; }
#subMenu {
position: absolute;
top: -9px;
left: 5%;
width: 90%;
z-index: 100;
background: url("http://195.216.34.66/img/layout/shadow_left.png") no-repeat bottom left;
}
* html #subMenu { background: none; }
#subMenu ul { margin: 0 0 0 3em; }
#subMenu li { list-style-type: square; }
#subMenu li.currentPage a { color: red; }
#subMenu .column { margin-bottom: 1.5em;color: #888; }
#subMenu h2, #subMenu h4 { text-transform:uppercase;font-family: Arial, Verdana, Helvetica, sans-serif; }
#subMenu h2 { margin: 2em 0.5em 0 1.5em;padding: 0.2em 1em;background: #333;font-size: 0.9em;color: #fff; }
#subMenu h4 { margin: 1em 0 1em 2em;font-size: 0.8em; }
.shadow { margin-left: 2px;padding: 0 3px 3px 0;background: url("http://195.216.34.66/img/layout/shadow.png") no-repeat bottom right; }
* html .shadow {
margin: 0;
padding: 0;
border-right: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
border-left: 1px solid #b1b1b1;
}
.white { background: url("http://195.216.34.66/img/layout/white.png") repeat top left; }
* html .white { background-color: #fff; }
#program .twoColumns, #kontakt .twoColumns { width: 50%; }
#skola .twoColumns { width: 74%; }
#skola .oneColumn, #program .oneColumn { width: 24%; }
#sjukanmalan .column { width: 90%;margin: 1em 0 1em 1.5em;background: #f7f7f7;border: 1px solid #ccc; }
#sjukanmalan .column h4 { margin: 1em 0 0.5em 1em;font-size: 0.9em;color: #993300; }
#sjukanmalan .column p { margin: 0 1em 1em 1em;color: #333; }
#ronne ul, .ronne { color: #0099ff; }
#ronne h2 { background: #007ac0; }
#valhall ul, .valhall { color: #83b819; }
#valhall h2 { background: #83b819; }
.close {
display: block;
width: 99%;
height: 25px;
padding: 2px 1% 0 0;
background: #edeeef;
text-align: right;
letter-spacing: 1px;
font-weight: bold;
cursor: pointer;
z-index: 1000;
}
/* ------------ content -------------- */
#main { min-height: 100px;background: #fff; }
#content { }
#leftColumn { float: left;width: 61%; }
#rightColumn { float: right;width: 37%; }
.text {
margin: 4;
max-width: 650px;
padding-top: 2em;
padding-right: 0;
padding-bottom: 1em;
padding-left: 0;
}
.leftTop { background: url("http://195.216.34.66/img/layout/topLeft.gif") top left no-repeat; }
.rightTop { background: url("http://195.216.34.66/img/layout/topRight.gif") top right no-repeat; }
.leftBottom { background: url("http://195.216.34.66/img/layout/bottomLeft.gif") bottom left no-repeat; }
.rightBottom { background: url("http://195.216.34.66/img/layout/bottomRight.gif") bottom right no-repeat; }
#rightColumn .row { margin-bottom: 0.2em; }
#rightColumn .text { margin: 0 100px 0 2em;padding: 1.5em 0 1em 0; }
#resurscentrum .text { margin-right: 75px; }
#rightColumn h2, #home #leftColumn h2 { font-size: 14px; }
#rightColumn h2 { margin: 0; }
#rightColumn h2 span { padding: 0;font-size: 0.8em;color: #20aed9; }
#rightColumn p { margin: 0 0 0.8em 0; }
#resurscentrum .rightTop { background: url("http://195.216.34.66/img/layout/question.gif") no-repeat top right; }
#elevrad .rightTop { background: url("http://195.216.34.66/img/layout/students.gif") no-repeat top right; }
#restaurang .rightTop { background: url("http://195.216.34.66/img/layout/menu.gif") no-repeat top right; }
#frisor .rightTop { background: url("http://195.216.34.66/img/layout/frisor.gif") no-repeat top right; }
#friskvard .rightTop { background: url("http://195.216.34.66/img/layout/bear.gif") no-repeat top right; }
#leftColumn .text h4 { margin-bottom: 1.5em; }
#home #leftColumn h1 { font-size: 18px; }
#home #leftColumn .text h4 { margin-bottom: 0.5em; }
#home #leftColumn .text { margin: 0 1em;padding: 0; }
#home #leftColumn .top { height: 250px;background: url("http://195.216.34.66/img/layout/pic.jpg") no-repeat bottom center; }
#home #leftColumn .top .leftTop,
#home #leftColumn .top .rightTop,
#home #leftColumn .top .leftBottom,
#home #leftColumn .top .rightBottom { height: 250px; }
#home #leftColumn .top .leftTop { background: url("http://195.216.34.66/img/layout/topLeft_pic.gif") top left no-repeat; }
#home #leftColumn .top .rightTop { background: url("http://195.216.34.66/img/layout/topRight_pic.gif") top right no-repeat; }
#home #leftColumn .bottom .one { width: 64%;background: url("http://195.216.34.66/img/layout/dot.gif") repeat-y top right; }
#home #leftColumn .bottom .two { width: 32%; }
#programs #leftColumn h4.leftMargin { margin-left: 55px; }
.pic_program { float: right;width: 200px;height: 300px;margin: 0 0 1em 1em; }
.sticker { float: right;width: 161px;height: 143px;margin: 0 0 1em 2em; }
/* ------------ footer -------------- */
#bottom { position: relative; }
#footer { position: absolute;bottom: 0px;left: 0;width: 100%;background: #272528 url("http://195.216.34.66/img/layout/bg_footer.jpg") left top repeat-x;font-size: 0.8em;color: #fff; }
#footer .twoColumns .one { width: 70%;margin: 0 0 0 1%; }
#footer .twoColumns .two { width: 28%;margin: 0; }
#footer ul { float: left;min-height: 55px;margin: 15px 0 0 0;padding-top: 0.2em; }
* html #footer ul { height: 55px; }
#footer li { list-style-type: none;margin: 0;padding: 0; }
#footer h4 { margin: 0 0 0.2em 0; }
#footer a { color: #fff; }
#footer .twoColumns .one ul { border-right: 1px dotted #ccc;}
ul#copyright { padding: 0; }
#copyright li.siteInfo { margin: 1em 0 0 0; }
#copyright li.siteInfo a { padding: 0 0.8em;border-right: 1px solid #e8a730; }
#copyright li a.novell { line-height: 12px;margin-left: 0.2em;padding-left: 2.3em;border-left: 1px solid #e8a730;background: url("http://195.216.34.66/img/layout/novell.gif") no-repeat 0.8em 3px; }
#copyright li a.fronter { line-height: 12px;margin-left: 0.2em;padding-left: 2.9em;border-left: 1px solid #e8a730;background: url("http://195.216.34.66/img/layout/fronter.gif") no-repeat 0.8em 3px;}
#copyright li span { font-size: 1.1em;font-weight: bold; }
#copyright, #email { width: 30%; }
#adress, #phone { width: 19%; }
#adress li, #phone li, #email li { margin-left: 1.5em; }
#footer .twoColumns .two h4 { margin: 1.5em 0 0 1em; }
#footer .twoColumns .two ul { margin: 0;padding: 0; }
#footer .twoColumns .two li {
float: left;
display: block;
margin: 0.2em 0 0.3em 0;
padding: 0 1em;
border-right: 1px solid #e8a730;
}
/* ------------ tables -------------- */
table.program { width: 98%;margin-right: 2%;border: 1px dashed #ccc;background: #fbfbfb; }
table h2 { margin-left: 1em;font-size: 0.9em; text-transform: uppercase; font-weight: bold; padding: 0.2em 0 0 0.2em;}
table h3 { font-size: 1em; font-weight: normal; color: #20aed9; }
table.program th { padding-top: 1em; }
table.program td { width: 78%;padding: 0 1em; }
table.program td.alignRight { width: 20%;text-align: right;background: #eee;font-size: 0.9em; }
table.program td.alignMiddle { width: 20%;text-align: center;background: #eee; }
/* --------- EGEN CSS ---------*/
div.forms {
float:left;
margin-right:1em;
}
.restaurante {
float: left;
}
ul.green li{
list-style-image:url(http://195.216.34.66/img/layout/greenBullet.gif);
}
.pic_main { float: right; margin: 0 0 1em 1em; }
img.ram {
border: thin solid #000000;
float:right;
}
div.tabulator{
width: 100px;
float:left;
}
.rightPic {margin: 0 0 1em 1em; float:right;}