/*Farskólinn - Miðstöð símenntunar á Norðurlandi vestra*/
/*1em = 11px*/
body {margin: 0; padding: 0; font: 68.75%/1.5 Verdana, Arial, Helvetica, sans-serif; background: #e5e5e5; color: #383937;}
html,body {height: 100%;}
/*---- TYPOGRAPHY ----*/

p {font: 1em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #383937; margin: 0 0 1em;}
h1, h2 {font: bold 1.36em/1.5 Helvetica, Verdana, Arial, sans-serif; color: #464744; margin: 0 0 0.73em;}
.subpage h1 {margin: 0 0 1em 5px;}
h3 {font: bold 1.09em/1.5 Helvetica, Verdana, Arial, sans-serif; color: #464744; margin: 0 0 0.92em;}
h4, h5, h6 {font: bold 1em/1.5 Helvetica, Verdana, Arial, sans-serif; color: #464744; margin: 0 0 1em;}

li,input, select, textarea, dt, dd {font: 1em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #383937;}

form {margin: 0; padding: 0;}

a:link {text-decoration: none; color: #84932d}
a:visited {text-decoration: none; color: #9eb035;}
a:hover {text-decoration: underline;}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {color: #464744;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #464744;}
a img {border: 0;}

strong {font-weight: bold;}
em {font-style: italic;}

table {border: 1px solid #666; border-collapse: collapse;}
td {border: 1px solid #666; padding: 3px 10px;}
table p {margin: 0;}

ul.rtelist {margin: 1em 0; padding: 0;}
.rtelist li {list-style-position: outside; margin-left: 20px; padding: 0;}

/*---- Rich text editor ----*/

span.red {color: red;}
span.green {color: green;}
span.blue {color: blue;}
span.yellow {color: yellow;}
span.underline {text-decoration: underline;}

/*---- LAYOUT ----*/

/*All pages*/
#container {position: relative; width: 950px; margin: 0 auto; height: 100%;}
#inner_container {
	min-height: 100%; height: auto !important; height: 100%;
	background: url(../images/container_back.gif) 0 0 repeat-y;
	float: left;
}

#header {float: left; width: 920px; padding: 10px 15px 10px 15px;}
#logo {float: left; width: 498px;}
#servicemenu {float: right; width: 300px; background: #777;}
#topmenu {float: left; clear: both; width: 940px; padding: 0 10px 0 15px;}

#content_container {float: left; width: 920px; padding: 10px 15px 10px 15px; background: url(../images/content_back.jpg) 635px 10px no-repeat;}

#content {float: left; width: 600px; overflow: hidden;}
#content .inner {padding: 0 5px;}
#rightcol {float: right; width: 300px; padding-bottom: 18em;}
#rightcol .inner {padding: 10px;}

#footer {position: relative; top: 6em; width: 280px; text-align: right;}

.clear_both {clear: both;}


/*Frontpage*/

#logo h1 {margin: 0;}

/*---- SERVICEMENU ----*/
#servicemenu * {color: #fff; line-height: 1;}
#servicemenu dl {margin: 0; padding: 30px 0.91em 0.91em 0; text-align: right;}
#servicemenu dt {display: inline; margin: 0; padding: 0;}
#servicemenu dd {display: inline; margin: 0; padding: 0;}
#servicemenu a {margin-right: 5px;}
#servicemenu a.small_font {font-size: 0.91em;}
#servicemenu a.big_font {font-size: 1.18em;}
#servicemenu a:hover {text-decoration: none; background: #fff; color: #464744;}

/*---- TOPMENU ----*/
#topmenu ul {float: left; width: 900px; margin: 0; padding: 0 0 0 20px; list-style: none; background: #555;}
#topmenu li {float: left; position: relative;}
*html #topmenu li a {float: left;}
#topmenu a {
	display: block; padding: 0 1.5em; font-size: 1.18em; line-height: 2.38em; 
	color: #fff;
}
#topmenu .first a {}
#topmenu a:hover {background: #777; text-decoration: none;}
#topmenu .act a {background: #777 url(../images/arrow_up.gif) center bottom no-repeat;}

/*---- RIGHTMENU ----*/
#rightmenu {width: 300px; margin: 0; padding: 15px 0; list-style: none; background: #555; border-bottom: 10px solid #fff;}
#rightmenu li {}
#rightmenu a {display: block; padding: 0 0 0 30px; font-size: 1.09em; line-height: 2em; color: #fff;}
#rightmenu a:hover {background: #fff; color: #464744; text-decoration: none;}
#rightmenu .act a {background: #fff; color: #464744;}


/*---- RIGHTCOL ----*/
.csc-textpic {padding-top: 1em;}

/*---- FOOTER ----*/
#footer ul {
	position: absolute; top: 0; right: -35px; margin: 0;
	padding: 10px 15px 10px 65px; list-style: none; background: #777;
}
#footer li {color: #fff;}


/*---- FRONTPAGE ----*/

/*Front top*/
.fronttop {float: left; width: 600px; padding: 0 0 2em;}

/*left*/
.fronttop .left {float: left; width: 265px; padding: 10px 10px 5px; background: #eee;}
.fronttop img {margin-bottom: 5px;}
.fronttop .left h2 {font-size: 1.45em; line-height: 1.1; padding: 0.3em 0 0.1em; margin: 0;}
.fronttop .left .date {margin-bottom: 5px; font: bold 0.91em;}
.fronttop .left .bodytext {}

.readmore {line-height: 2; float: right; width: 8.1em; margin: 0; background: #90B71C url(../images/pixel_white.gif) bottom right no-repeat;}
.readmore span.tl {display: block; background: url(../images/pixel_white.gif) left top no-repeat;}
.readmore span.tr {display: block; background: url(../images/pixel_white.gif) right top no-repeat;}
.readmore a {display: block; text-align: center; color: #fff; background: url(../images/pixel_white.gif) bottom left no-repeat;}
.readmore * {color: #fff;}

/*right*/
.fronttop .right {float: right; width: 300px; padding-top: 0.5em;}
.fronttop .right h2 {margin-bottom: 1em;}
.fronttop .right .date {margin: 0;}
.fronttop .right .bodytext {margin-bottom: 1.5em;}
.fronttop .right .readmore {width: 11.4em;}

/*withborder*/
.withborder {padding: 0 0 2em; background: url(../images/line_grey.gif) bottom center no-repeat;}

/*Front Searchbox*/

#front_searchbox {clear: both; position: relative; width: 580px; padding: 10px; margin: 0 0 20px 0; background: #bbbdaf;}
#front_searchbox h2 {color: #fff; float: left; margin-right: 20px;}
#front_searchbox select {margin-right: 10px;}
#front_searchbox input {vertical-align: top;}

/*Front bottom*/
.frontbottom {padding: 0 10px;}
.frontbottom h2 {margin-bottom: 1.5em;}

.frontbottom .event {float: left; width: 578px; min-height: 8em; height: auto !important; height: 8em; padding-bottom: 1em;}
.frontbottom .readmore {float: left; width: 12em;}
#content .frontbottom .inner {float: right; width: 410px; padding: 0;}

.frontbottom h3 {margin-bottom: 0.2em;}
.frontbottom .description {margin-bottom: 0.5em;}
.frontbottom .place {margin-bottom: 0.5em;}
.frontbottom .location {padding-right: 10px;}



/*----- BREADCRUMB -----*/
#breadcrumb p {font-size: 0.91em;}
#breadcrumb * {color: #999d92;}



/*----- FCE -----*/
.twocol .left {float: left; width: 280px;}
.twocol .right {float: right; width: 280px;}


/*----- FORMS -----*/

#fs_skraning label, #fs_skraning small {display: block;}
#fs_skraning legend {font-weight: bold;}
#fs_skraning .error {background: #e9f69d;}
#mailformformtype_mail {margin-top: 5px;}