body {
  font-family: Palatino,"Book Antiqua",Georgia,Times,serif;
  color: #222;
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  line-height: 1.33;
  font-size: 14px;
}
p, td, th { 
  font-family: Palatino,"Book Antiqua",Georgia,Times,serif;
  font-size: 14px;
}
.clear {
  clear: both;
}
img {
  border: none;
}
a, a:visited {
  color: #000;
}
#login_info {
  color: #666;
  font-size: 10px;
  text-align: right;
  margin: -6px 12px 2px 0;
  
}
#Page a {
  padding: 1px;
}              
#Page a:hover {
  background-color: #000;
  color: #fff !important;
}
a.cancel:link, a.admin:link, a.cancel:visited, a.admin:visited {
  color: #f00;
}
a.cancel:hover, a.admin:hover {
  background-color: #f00;
  color: #fff;
}
a.admin.disabled {
  color: #999;
}

#Sheet {
  background-color: #f7f8f9;
  width: 960px;
  margin: 0 auto;
  padding: 10px;
}

#Header {
  background: url(/images/pernille/header.png) no-repeat top left;
  width: 960px;
  height: 160px;
  position: relative;
}
#home_link {
  display: block;
  width: 640px;
  height: 160px;
  float: left;
}

#Optin {
  background-color: #c6e9ea;
  padding: 13px 18px;
  width: 260px;
  float: right;
  margin: 15px 15px 0 0;
  font-size: 10px;
  text-align: left;
}
#Optin h3 {
  margin: 0 0 3px;
  color: rgb(214,  93, 152);
  font-size: 12px;
  text-transform: uppercase;
}
#Optin strong {
  color: rgb(214,  93, 152);
}
#Optin form {
  margin: 0;
  padding: 0;
}
#Optin table th {
  text-align: left;
  font-weight: normal;
}
#Optin table {
  margin: 0;
}
#Optin input.text {
  width: 150px;
}
#Optin input.submit {
  width: 65px;
}

#Navigation {
  background-color: #000;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 14px;
  padding: 0;
  margin: 0;
  padding: 0 0 22px 6px;
  clear: both;
}
#Navigation li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}
#Navigation a:link, #Navigation a:visited, #Navigation a:hover, #Navigation a:active {
  color: #e6f6f4;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  padding: 4px 9px;
  margin: 0px 0px;
}
#Navigation li.current a:link, #Navigation li.current a:visited {
  background-color: #609596;
}
#Navigation a:hover, #Navigation li.current a:hover {
  background-color: #77b9ba;
}
#Navigation li.login {
  float: right;
}
#Navigation li.login a {
  text-transform: none;  
}

.flash {
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  padding: 2px 0 0 27px;
}
.flash-error {
  background-color: #35858c;
  color: #fff;
}
.flash-notice {
  background-color: #afbf8e;
  color: #fff;        
}

#Sheet {
  text-align: left;
}
#Body {
  text-align: left;
}

#Footer {
  clear: both;
  background: #b1d4d6 url(/images/pernille/bgRoundedBottomLeft.png) no-repeat bottom left;
  background-color: #000;
  color: #fff;
  font-size: 10px;
}              
#Footer .FooterWrapper {
  background: url(/images/pernille/bgRoundedBottomRight.png) no-repeat bottom right;  
  padding: 10px;
}
#Footer .admin {
  float: right;
  font-size: 11px;
}
#Footer .admin a {
  padding: 1px;
  color: #f00;
}
#Footer .admin a:hover {
  color: #fff;
  background-color: #f00;
}

/* Modalbox */

#MB_caption {
  font-size: 18px;
  padding: 6px 8px;
}
#MB_header {
  height: 32px;
}                  

/* Modules with rounded corners */
                    
.Module {
  margin-bottom: 20px;
}
.ModuleHeader h2 a {
  text-decoration: none;
  color: #000;
}

.ModuleRounded {
  background: url(/images/pernille/bgRoundedTopLeft.png) no-repeat top left;
}                     
.ModuleRounded .ModuleWrapper1 {
  background: transparent url(/images/pernille/bgRoundedTopRight.png) no-repeat top right;
}                     
.ModuleRounded .ModuleWrapper2 {
  background: transparent url(/images/pernille/bgRoundedBottomRight.png) no-repeat bottom right;
}                     
.ModuleRounded .ModuleWrapper3 {
  background: transparent url(/images/pernille/bgRoundedBottomLeft.png) no-repeat bottom left;
}         

.Module_main3 .ModuleHeader, .Module_main3 .ModuleBody, .Module_main3 .ModuleHeader a, .Module_main3 .ModuleBody a {
  color: #fff;
}
         
.ModuleHeader h2 {
  padding: 10px 20px 6px;  
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
}
.ModuleBody {
  padding: 0 20px 10px;  
}
.ModuleBody p {
  margin: 0 0 1em 0;
}
.ModuleBody ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1em 0;
}
.ModuleBody ul.subpages {
  list-style-type: none;
  padding: 0;
  margin: 0 0 .5em 1em;
}

/* Large circle (multiple lines of text) */

.Circle {
  width: 230px;
  height: 230px;
  color: #000;
  float: left;
  text-align: center;
  margin: 0 6px 12px;
  background: url(/images/pernille/bgCircle.png) no-repeat top left;
}
.Circle.pos0 {
  margin-left: 0;
}
.Circle.pos2 {
  margin-right: 0;
}
.Circle .CircleInner {
  margin: 0;
  padding: 0 10px;
  width: 230px;
  border-collapse: collapse;
}
.Circle .CircleInner p {
  font-size: 13px;
}
.Circle .CircleInner td {
  vertical-align: middle;
  height: 230px;
}
.Circle h2 {
  font-size: 21px;
  line-height: 24px;
  margin: 0 0 8px;
  padding: 0;
}
.Circle h2 a {
  text-decoration: none;
  color: #000;
}
.Circle h2 a:hover {
  background-color: transparent;
  color: #000;
  text-decoration: underline;
}
.Circle a {
  color: #000;
  padding: 1px;
}             
.Circle a:hover {
  background-color: #000;
  color: #fff;
}

.Circle .sandbag-left  {  float: left;  clear: left; height: 30px; }
.Circle .sandbag-right { float: right; clear: right; height: 30px; }

.sandbag-1  { width: 30px; }
.sandbag-2  { width: 15px; }
.sandbag-3  { width: 10px; }
.sandbag-4  { width: 15px; }
.sandbag-5  { width: 30px; }


/* Small circle (one line of text) */

.CircleSmall {
  width: 173px;
  height: 173px;
  color: #000;
  text-align: center;
  margin: 20px 0 0 20px;
  padding: 0;
  background: #ff5f6b url(/images/pernille/bgCircleSmall.png) no-repeat top left;
}
.CircleSmall .CircleInner {
  line-height: 24px;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  width: 173px;
  text-align: center;
  border-collapse: collapse;
}
.CircleSmall .CircleInner td {
  font-size: 22px;
  height: 173px;
  padding: 0 10px;
  vertical-align: middle;
}

body.main1     .CircleSmall { background-color: rgb(177, 212, 214); }
body.main2     .CircleSmall { background-color: rgb(214,  93, 152); }
body.main3     .CircleSmall { background-color: rgb(  0,   0,   0); }
body.blue      .CircleSmall { background-color: rgb(172, 208, 205); }
body.brown     .CircleSmall { background-color: rgb(160, 136, 134);  }
body.green     .CircleSmall { background-color: rgb(187, 219, 156); }
body.coral     .CircleSmall { background-color: rgb(237, 125, 129); }
body.purple    .CircleSmall { background-color: rgb(130,  96, 121); }
body.orange    .CircleSmall { background-color: rgb(239, 160,  71); }
body.petroleum .CircleSmall { background-color: rgb( 93, 149, 156); }
body.pink      .CircleSmall { background-color: rgb(238, 191, 211); }
body.vanilla   .CircleSmall { background-color: rgb(253, 221, 169); }
body.white     .CircleSmall { background-color: rgb(255, 255, 255); }


/* Forside */

#PernilleBanner {
  border-bottom: 1px solid #000;
  padding: 0;
  margin: 0;
  height: 267px;
}

#FrontLeft {
  width: 236px;
  float: left;
  padding: 22px 0 22px 0;
}
#FrontRight {
  width: 714px;
  float: right;
  padding: 22px 0 22px;
}


#FrontLeft .Module {
  color: #000;
  padding: 0 0 0 0;
}
#FrontLeft .ModuleHeader {
  padding: 18px 18px 0 18px;
}
#FrontLeft .ModuleHeader h2 {
  font-size: 20px;
  margin: 0 0 6px;
  padding: 0;
  font-style: italic;
  text-transform: uppercase;
}
#FrontLeft .ModuleBody {
  padding: 0 18px 18px 18px;
  font-size: 12px;
}
#FrontLeft .ModuleBody p {
  font-size: 12px;
}
#FrontLeft .ModuleBody h3 {
  margin: 1em 0 0 0;
}


/* Standard Page */
        
#Page .Quote {
  float: right;
  width: 700px;
  font-size: 28px;
  font-style: italic;
  margin: 40px 20px 20px 0;
}
#Page .Quote p {
  font-size: 28px;
  font-style: italic;
  margin: 0;
  padding: 0;
}
#PageHead {
  padding-bottom: 20px;
  border-bottom: 6px solid #000;
}
#Page .Body {
  width: 577px;
  float: left;
  padding: 22px 80px 22px 20px;
}
#Page .Sidebar {
  width: 250px;
  float: right;
  padding: 22px 0 22px 0;
}
#Page .Body .CircleSmall {
  float: left;
  margin-right: 30px;
}

#Page .Body li { 
  margin-bottom: .75em;
}

/* Course page */

.next_klass div {
  margin: 0 0 .5em 0;
}                   
.next_klass .notice {
  font-weight: bold;
  font-size: 14px;
  color: #e63986;
}
.Module.signup .ModuleBody {
  text-align: center;
}
.Module.signup .ModuleBody a.signup {
  text-align: center;
  padding: 20px 0 !important;
  display: block;
}

/* Farver */

.Module_main1    , .Circle.main1    , #Page.main1     h2.inverse, #Page.main1     h3.inverse_main1     { background-color: rgb(177, 212, 214); }
.Module_main2    , .Circle.main2    , #Page.main2     h2.inverse, #Page.main2     h3.inverse_main2     { background-color: rgb(214,  93, 152); }
.Module_main3    , .Circle.main3    , #Page.main3     h2.inverse, #Page.main3     h3.inverse_main3     { background-color: rgb(  0,   0,   0); }
.Module_blue     , .Circle.blue     , #Page.blue      h2.inverse, #Page.blue      h3.inverse_blue      { background-color: rgb(172, 208, 205); }
.Module_brown    , .Circle.brown    , #Page.brown     h2.inverse, #Page.brown     h3.inverse_brown     { background-color: rgb(160, 136, 134);  }
.Module_green    , .Circle.green    , #Page.green     h2.inverse, #Page.green     h3.inverse_green     { background-color: rgb(187, 219, 156); }
.Module_coral    , .Circle.coral    , #Page.coral     h2.inverse, #Page.coral     h3.inverse_coral     { background-color: rgb(237, 125, 129); }
.Module_purple   , .Circle.purple   , #Page.purple    h2.inverse, #Page.purple    h3.inverse_purple    { background-color: rgb(130,  96, 121); }
.Module_orange   , .Circle.orange   , #Page.orange    h2.inverse, #Page.orange    h3.inverse_orange    { background-color: rgb(239, 160,  71); }
.Module_petroleum, .Circle.petroleum, #Page.petroleum h2.inverse, #Page.petroleum h3.inverse_petroleum { background-color: rgb( 93, 149, 156); }
.Module_pink     , .Circle.pink     , #Page.pink      h2.inverse, #Page.pink      h3.inverse_pink      { background-color: rgb(238, 191, 211); }
.Module_vanilla  , .Circle.vanilla  , #Page.vanilla   h2.inverse, #Page.vanilla   h3.inverse_vanilla   { background-color: rgb(253, 221, 169); }
.Module_white    , .Circle.white    , #Page.white     h2.inverse, #Page.white     h3.inverse_white     { background-color: rgb(255, 255, 255); }

#Page.main1     .Body h2, #Page.main1     .Body h3, #Page.main1     .Body h4 { color: rgb(177, 212, 214); }
#Page.main2     .Body h2, #Page.main2     .Body h3, #Page.main2     .Body h4 { color: rgb(214,  93, 152); }
#Page.main3     .Body h2, #Page.main3     .Body h3, #Page.main3     .Body h4 { color: rgb(  0,   0,   0); }
#Page.blue      .Body h2, #Page.blue      .Body h3, #Page.blue      .Body h4 { color: rgb(172, 208, 205); }
#Page.brown     .Body h2, #Page.brown     .Body h3, #Page.brown     .Body h4 { color: rgb(160, 136, 134); }
#Page.green     .Body h2, #Page.green     .Body h3, #Page.green     .Body h4 { color: rgb(187, 219, 156); }
#Page.coral     .Body h2, #Page.coral     .Body h3, #Page.coral     .Body h4 { color: rgb(237, 125, 129); }
#Page.purple    .Body h2, #Page.purple    .Body h3, #Page.purple    .Body h4 { color: rgb(130,  96, 121); }
#Page.orange    .Body h2, #Page.orange    .Body h3, #Page.orange    .Body h4 { color: rgb(239, 160,  71); }
#Page.petroleum .Body h2, #Page.petroleum .Body h3, #Page.petroleum .Body h4 { color: rgb( 93, 149, 156); }
#Page.pink      .Body h2, #Page.pink      .Body h3, #Page.pink      .Body h4 { color: rgb(238, 191, 211); }
#Page.vanilla   .Body h2, #Page.vanilla   .Body h3, #Page.vanilla   .Body h4 { color: rgb(253, 221, 169); }
#Page.white     .Body h2, #Page.white     .Body h3, #Page.white     .Body h4 { color: rgb(255, 255, 255); }

.Circle.main3 .CircleBody, .Circle.main3 h2 a {
  color: #e5e5e5;
}

#Page h2.inverse, #Page h3.inverse {
  color: #000 !important;
  padding: 2px 8px 0px;
}


/* Calendar */

table.events th {
  width: 200px;
  font-weight: normal;
  vertical-align: top;
}
table.events td {
  vertical-align: top;  
  padding-bottom: 1em;
}
table.events td h4 {
  color: #000 !important;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

/* Forms */

.basic_form {
  font-family: verdana,sans-serif;
}
.basic_form p.blockintro {
  color: #666;
  font-size: 12px;
  line-height: 1.3em;
  margin: 0;
}
.basic_form .block {
  display: block;
  background-color: #f0f0f0;
  padding: 5px;
  margin: 3px 0 25px;
}

.basic_form dl, dl.form {
  font-size: 13px;
}
.basic_form dl {
  margin: 1em 0;
}
dl.form {
  margin: 0 0 1em 0;
}
.basic_form dt {
  width: 80px;
  float: left;
  clear: left;
  text-align: right;
  margin: 4px 8px 0 0;
}
.basic_form dt.required, dl.from dt.required {
  font-weight: bold;
}
.basic_form dd {
  margin: 0;
  padding: 0 0 5px 88px;
}
.basic_form dd input, dl.form input {
  font-size: 15px;
}
dl.form dt {
  font-weight: bold;
}
dl.form dd {
  margin: 0 0 10px 0;
}
dt .fieldWithErrors {
  padding: 0;
  background-color: transparent;
  color: #f00;
  display: inline;
}            

.basic_form div.action, div.action {
  border-top: 2px solid #000;
  font-size: 12px;
  margin-bottom: 10px;
  padding-top: 8px;
  text-align: left;
  clear: left;
}
.basic_form .tinymce {
  width: 100%;
}

.basic_form #page_title {
  font-size: 18px;
  font-weight: bold;
  width: 530px;
}
.datepicker {
  float: left;
  margin-right: 20px;
  padding: 0 20px 10px 0;
  border-right: 1px solid #ccc;
  width: 200px;
}
.with_datepicker {
  width: 380px;
  float: left;
  text-align: left;
  overflow: hidden;
}

.formError {
  color: #f00;
}

/* Passionista Forum */

#Page.klass .Body {
  padding-top: 0;
}
h1 a, h1 a:visited {
  color: #000;
  text-decoration: none;
}
h1 a:hover {
  text-decoration: underline;
}

h1 .admin, h2 .admin {
  font-size: 12px;
  margin-left: 10px;
}

.post {
  margin: 0 0 28px;
}
.comment {
  margin: 0 0 18px;
}
.post h3 {
  margin: 0;
  font-size: 16px;
}
.post h3 a, .post h3 a:visited {
  color: #000;
}
.post h3 a:hover {
  text-decoration: underline;
}
.post h3 a.admin {
  color: #f00;
  font-size: 12px;
  font-weight: normal;
}
.post .posted, .comment .posted {
  color: #777;
  font-size: 12px;
}
.post .body {
  font-size: 13px;
}
.post .body p, .comment .body p {
  margin: 0 0 1em 0;
}
              
.SectionHeader {
  margin: 1em 0 0 0;
}
.SectionHeader h2 {
  margin: 0;
}
#breadcrumb {
  font-size: 11px;
  color: #999;
}

li .meta {
  color: #444;
  font-size: 11px;
  display: block;
  padding-bottom: 6px;
}
li .meta a {
  color: #444;
}

/* Calendar */
#calendar .title a {
  font-weight: bold;
}
#calendar .notice {
  font-style: italic;
}


/* Modal */
body.modal {
  background-color: #efd1de;
}
#modal {
  width: 450px;
  margin: 100px auto;
  border: 6px solid #ccc;
  background: #fff url(/images/pernille/pernille-login.png) no-repeat 95% 100%;
  font-family: "Lucida Grande", Arial, sans-serif;  
}
#modal_inner {
  text-align: left;
  padding: 10px 20px;
}
#modal_inner h1 {
  margin: -10px -20px 10px;
  background-color: #edf3fe;
  padding: 10px 20px;
}

/* Inspiration */

.inspiration td, .inspiration th {
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}