html { background:#236399 url("../img/html_bg.jpg") no-repeat top center; }
body { font:normal normal 12px Verdana,Arial,Helvetica,Geneva,sans-serif; }
a { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }
ul { margin:0 0 10px 20px; }
ol { margin:0 0 10px 25px; }
ul li { list-style-type:disc; padding:0 0 5px; }
ol li { list-style-type:decimal; padding:0 0 5px; }
em, i { font-style:italic; }
strong, b { font-weight:bold; }
/**
* Block types h1-h6, pre, p and address can be used in Lemon's editor and
* you can customize their names by altering the comment behind the rule.
* See the example below! Note: The rule must be on ONE line to work in Lemon.
*/
h1 { color:#6e6e6e; font:normal normal 30px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:10px 0 10px; } /* Rubrik 1 */
h2 { font:normal normal 16px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px; } /* Rubrik 2 */
h3 { color:#6e6e6e; font:normal normal 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:10px 0 10px; } /* Rubrik 3 */
h4 { font:normal normal 14px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:3px 0 3px; } /* Rubrik 4 */
p { padding:0 0 10px; line-height:18px; } /* Stycke */
/**
* Styles can also be included in Lemon's editor with custom names.
* See the example below!
*/
.small { font-size: 9px; } /* LemonStyle: Small text */
#wrapper { width:960px; margin:30px auto 0; }
#header { background:url("../img/header_bg.png") no-repeat; height:271px; width:960px; }
#logo { float:left; padding:70px 10px 0 16px; }
#images { float:left; padding:6px 0 0; }
#container { background:#fff; margin:10px 5px 0; }
#nav { background:#dadada; float:left; margin:0 30px 0 0; width:235px; }
/* level numero uno */
#nav ul { font:normal normal 13px Arial,sans-serif; margin:20px 0 20px -10px; }
#nav ul li { list-style-type:none; padding:0; }
#nav ul li .navtop { background:url("../img/nav_item_top.png") no-repeat; height:8px; }
#nav ul li .navmid { background:url("../img/nav_item_mid.png") repeat-y; }
#nav ul li .navbot { background:url("../img/nav_item_bot.png") no-repeat; height:12px; }
#nav ul li a { color:#3d5365; display:block; padding:5px 0 7px 20px; }
#nav ul li a.activeLink { font-weight:bold; }
#nav ul li.active .navtop { background:url("../img/nav_item_active_top.png") no-repeat; }
#nav ul li.active .navmid { background:url("../img/nav_item_active_mid.png") repeat-y; }
#nav ul li.active .navbot { background:url("../img/nav_item_active_bot.png") no-repeat; }
/* level numero dos */
#nav ul ul { margin:0 0 0 30px; }
#nav ul ul li { background:url("../img/nav_item_bullet.gif") no-repeat 0 7px; padding:0 0 0 10px; }
#nav ul li.sub ul li a { padding:0 0 5px 0; }
#newsletter { background-color: white; padding-left: 10px; width: 100%; padding: 5px 10px; width: 220px;}
#newsletter input, #newsletter select { border: 1px solid #B8CFE3; width: 100%; }
#newsletter .submit { border: 2px solid silver; background-color: #B8CFE3; width: 50%; padding: 2px 5px}
#newsletter h3 { font-size: 16px; }
#content { color:#6e6e6e; float:left; margin:0 30px 0 0; padding:20px 0 0; width:400px; }
#sidebar { float:left; width:242px; padding: 20px 0 0 }
#upcoming { border:4px dashed #ddd; margin:15px 0 0; padding:0 2px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#upcoming h3 { padding-left:10px; }
#upcoming ul { margin:0; }
#upcoming li { font:normal normal 14px Arial,sans-serif; list-style-type:none; padding:0; }
#upcoming li a { background:#f5f5f5; color:#6e6e6e; display:block; margin:0 0 2px; padding:10px; text-decoration:none; }
#upcoming li a:hover { background:#efefef; }
#upcoming .showall { background:#e6ebf0; color:#414141; display:block; font-size:11px; padding:5px; margin:0 0 10px; text-align:right; }
#footer { background:url("../img/footer_bg.png") no-repeat; height:130px; margin:10px 5px 0; }
#contact { float:left; height:110px; margin:10px 0 0 10px; text-align:center; width:219px; }
#contact p { color:#fff; padding-top:35px; }
#contact a { color:#fff; }
#partners { float:left; text-align:right; width:700px; }
#partners .logo { margin:7px 15px; }
#creds { color:#7ba1c2; font:normal normal 10px Arial,sans-serif; padding:10px; text-align:center; }
#creds img { padding:0 0 5px; }
#creds a { color:#7ba1c2; }
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}* html .clear{height:1%;}.clear{display:block;}
.calendar { width: 100%; margin-top: 10px; }
.calendar .header { font-size: 14px; background-color: #B8CFE3; border: 1px solid silver;}
.calendar .calNav th { padding: 5px 0px; font-weight: bold; }
.calendar .header .prev { text-align: center; }
.calendar .header .month_name{ text-align: center; font-weight: bold }
.calendar .days th { text-align: center; font-weight: bold; padding: 5px 0px; background-color: #E0E0E0; }
.calendar .header .next { text-align: center; }
.calendar .cell { text-align: center; padding: 10px; border: 1px solid silver; width: 14%}
.calendar .link { background-color: #B8CFE3; font-weight: bold;}
#sidebar .calendar { margin-right: 10px; }
#sidebar .calendar .cell { padding: 5px; }
#sidebar .calendar .header { font-size: 12px; }
#sidebar .calendar .header .month_name { font-size: 11px; font-weight: normal; }
#gallery a { margin: 0px 2px 0px 0px; }
#gallery a.third { margin-right: 0px; }
.field_input { width:190px; margin:0 10px 0 0; }
.field_text, .field_textarea, .field_select { font-size:13px; }
.field_textarea { height:50px; overflow:auto; }
.field_checkbox { width:auto; }
.button { margin:0 7px 10px 0; font:bold 12px tahoma; width:80px; }
.formLabel { width: 180px; float: left; }
.field_text, .field_textarea, .field_select { border: 1px solid silver; width: 190px; }
.captcha { border: 1px solid silver; width: 70px;}
.clearer { clear: both; }