a { color: #003399; }
a:hover { color: #000099; }

body, div, td, form, p {
  border: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #000;
}

body {  overflow: auto; background: #FFFFDD; }

p, p.bodytext { line-height: 145%; padding: 0; }

h1,h2, h3, h4, h5 { padding: 0; margin: 0; }

h3, h4, h5 { line-height: 125%; color: #000; }

h2 { font-size: 13px; font-weight: bold; margin: 15px 0 6px; color: #666; border-bottom: 1px solid #99CCCC; }
h3 { font-size: 13px; font-weight: bold; margin: 15px 0 3px; }
h4 { font-size: 12px; font-weight: bold; margin: 12px 0 -1px; color: #333; }
h5 { font-size: 11px; font-weight: normal; margin: 2px 0 5px; }

.csc-header { clear: both; }

hr { border-bottom: 1px solid; height: 0; }
img { border: 0; }

/** aligns **/
p.align-left, td.align-left, td.align-left p, th.align-left, th.align-left p { text-align: left; }
p.align-center, td.align-center, td.align-center p, th.align-center, th.align-center p { text-align: center; }
p.align-right, td.align-right, td.align-right p, th.align-right, th.align-right p { text-align: right; }
p.align-justify, td.align-justify, td.align-justify p, th.align-justify, th.align-justify p { text-align: justify; }
span.klein, td.klein, p.klein th.klein b.klein, strong.klein { font-size: 11px; }

ul { margin: 0; padding: 5px 0 10px 30px; list-style-type: disc; }
li { margin: 0; padding: 2px 0; }
ul ul { padding: 2px 0 2px 20px; list-style-type: circle; }
ul ul ul { list-style-type: disc; }
ul ul ul ul { list-style-type: circle; }
ul ul ul ul ul { list-style-type: disc; }
ul ul ul ul ul ul { list-style-type: circle; }

input, textarea, select {
  border: 1px solid #555555;
  color: #333333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 2px 0 0;
}

.csc-uploads { margin: 10px 0 0 0; }
.csc-uploads td { padding: 0 0 5px 0; }
.csc-uploads td.csc-uploads-fileName,
.csc-uploads td.csc-uploads-icon { padding-right: 10px; }

span.bold { font-weight: bold; }
span.nospam { display: none; }
span.note { color: #666666; font-size: 80%; }

table { border-collapse: collapse; }
table td, table th { vertical-align: top; }

.error, .errors { color: #DD0000; }
.warning { color: #999999; }
.clear { clear: both; }
.upper { text-transform: uppercase; }

.csc-textpic-caption { margin-top: 3px; font-size: 12px; font-style: italic; line-height: 140%; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; }

div.csc-textpic-imagewrap { margin-bottom: 10px; }
div.csc-textpic-text { margin-bottom: 10px; }

table.contenttable { margin-top: 6px; }
table.contenttable td { padding: 0 8px 2px 1px; }

.hidden { display: none; }

/** mailform **/
.tx-xrform-pi1 {
  border: 0;
  padding: 0;
  margin: 0 0 10px 0;
}

.tx-xrform-field {
  clear: both;
  padding: 10px 0 0;
}

.tx-xrform-field label {
  display: block;
  float: left;
  width: 150px;
}

input, textarea, select {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

.tx-xrform-field input,
.tx-xrform-field textarea {
  border: 1px solid #177B76;
  background: #fff;
  padding: 1px 5px;
}

.tx-xrform-submit input {
  background: #177B76;
  color: #fff;
  font-weight: bold;
}

.tx-xrform-field .captcha-image {
  display: block;
  float: left;
  width: 100px;
}

.tx-xrform-field .tx-xrform-note {
  clear: both;
  font-size: 11px;
  margin: 0 0 0 150px;
  display: block;
}

/** general **/
#template  {
  position: relative;
  width: 970px;
  margin: 0 auto;
  background: #ffffbb;
}

/** head **/
#head {
  position: relative;
  background: #177B76;
}

#logo {
  position: relative;
  float: left;
  width: 220px;
  height: 110px;
  background: #fff url(images/logo-spitallinth.png) no-repeat 0 0;
}

#logo a {
  position: relative;
  display: block;
  width: 220px;
  height: 110px;
  text-indent: -9999px;
}

.head_image { position: relative; margin: 5px 0 0 0; height: 100px; float: left; }
.head_image_0, .head_image_1 { width: 250px; }
.head_image_2 { width: 220px; }

.head_image div { position: relative; }
.head_image_0 div { text-align: left; padding: 0 0 0 30px; }
.head_image_1 div { text-align: center; padding: 0; }
.head_image_2 div { text-align: right; padding: 0; }

#address {
  position: relative;
  background: #ccc;
  border-bottom: 1px solid #999;
  clear: both;
}

#address p { font-size: 10px; line-height: 16px; margin: 0 0 0 250px; }

/** main **/
#main {
  position: relative;
  min-height: 600px;
  background: transparent url(images/navbg.png) repeat-y 0 0;
}

/** navigation **/
#nav, #nav ul, #nav li { list-style: none; padding: 0; margin: 0; }
#nav {
  position: relative;
  float: left;
  width: 220px;
  padding: 10px 0 0;
}

#nav li {
  position: relative;
  margin: 0 0 0 35px;
}

#nav li a {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  padding: 6px 0 5px 10px;
  color: #000;
  text-decoration: none;
}

#nav li a.active { background: #57A9AA; color: #fff; }

#nav li li { margin: 0; }
#nav li li a { font-weight: normal; padding: 2px 0 2px 10px; border-bottom: 1px solid #d5edee; }
#nav li li li a { padding: 1px 0 1px 25px; background: #d0e6e6; font-size: 11px; border-bottom-color: #99CCCC; }
#nav li li li li a { padding-left: 35px; }
#nav li li a.active { background: #bbd7d8; color: #000; }

#nav li a:hover, #nav li a.active:hover { background: #81bfc0; color: #fff; }

/** content **/
#content {
  position: relative;
  float: right;
  width: 720px;
  padding: 30px 0;
}

#page_title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 0 8px;
  color: #666;
  border-bottom: 2px solid #99cccc;
  background: transparent url(images/h1bg.png) no-repeat 0 14px;
}

/** content: singlecol **/
.singlecol { position: relative; padding: 0 3px 0 0; }

/** content: dblcol **/
.dblcol { position: relative; }
.dblcol .col1 { position: relative; float: left; width: 470px; }
.dblcol .col2 { position: relative; float: right; width: 240px; background: #ffff66; }
.dblcol .col1 .wrapper { position: relative; padding: 0; }
.dblcol .col2 .wrapper { position: relative; padding: 10px 3px 10px 10px; }

.dblcol .col2 div,
.dblcol .col2 td,
.dblcol .col2 form,
.dblcol .col2 p {
  font-size: 12px;
}


/** content: dblcol 50:50 **/
.dblcol50 { position: relative; }
.dblcol50 .col1, .dblcol50 .col2 { position: relative; width: 350px; }
.dblcol50 .col1 { float: left; }
.dblcol50 .col2 { float: right; }
.dblcol50 .col1 .wrapper { position: relative; padding: 0; }
.dblcol50 .col2 .wrapper { position: relative; padding: 0 3px 0 0; }

/** author **/
#xrauthor { position: relative; margin: 0 auto; width: 970px; font-size: 10px; text-align: right; }
#xrauthor a { text-align: right; text-decoration: none; color: #ddd; }
#xrauthor a:hover { color: #000; text-decoration: underline; }

.csc-sitemap a { text-decoration: none; color: #000; }
.csc-sitemap a:hover { text-decoration: underline; }
.csc-sitemap li { font-size: 16px; font-weight: bold; }
.csc-sitemap li li { font-size: 12px; font-weight: bold; }
.csc-sitemap li li li { font-size: 12px; font-weight: normal; }

#print_head { display: none; }

div.csc-frame-frame1 table.contenttable { margin-left:auto; margin-right:auto; }

/** login **/
.tx-felogin-pi1 fieldset {
  border: 0;
  padding: 10px 0 0;
  margin: 0;
}

.tx-felogin-pi1 fieldset legend {
  display: none;
}


