* {
margin:0;
padding:0;
}
body, html {
width:100%;
height:100%;
}
body {
background:#e6e6e6 url(../images/bg.jpg) center center no-repeat;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
a img {
border:none;
}
a {
color:#1B66A0;
text-decoration:none;
}
a:hover {
color:#1B66A0;
text-decoration:underline;
}
#distance { 
width:2px;
height:50%;
margin-bottom:-270px; 
float:left;
}
* html #distance {
margin-bottom:-270px;
}
#container {
margin:0 auto;
position:relative; 
text-align:left;
height:530px;
width:780px;
clear:left;
}
#wrapper {
margin:0 auto;
position:relative; 
text-align:left;
height:500px;
width:780px;
clear:left;
}
#top {
height:40px !important;
height:60px;
background:url(../images/content_t.gif) left top no-repeat;
padding:10px;
}
#mainnav ul {
list-style:none;
padding:4px 8px;
}
#mainnav li {
float:left;
background:url(../images/mainnav_li.gif) right top no-repeat;
padding-right:2px;
}
#mainnav li a {
float:left;
display:block;
color:#8BBBDF;
font-weight:bold;
padding:10px 21px 9px 20px;
text-decoration:none;
}
#mainnav li a:hover, #mainnav li.active a {
color:#fc0;
text-decoration:none;
}
#sections {
overflow:hidden;
width:740px !important;
width:780px;
height:278px !important;
height:358px;
background:url(../images/content_m.jpg) left top repeat-y;
padding:70px 20px 10px 20px;
}
#sections-home {
overflow:hidden;
width:740px !important;
width:780px;
height:278px !important;
height:358px;
background:url(../images/content_m_home.jpg) left top repeat-y;
padding:70px 20px 10px 20px;
}
#leftsection {
overflow:hidden;
float:left;
width:160px;
padding-bottom:50px;
}
#leftnav {
margin-bottom:10px;
}
#leftnav ul {
list-style:none;
}
#leftnav li {
border-bottom:1px dashed #def0f8;
padding-bottom:1px;
}
#leftnav a {
display:block;
width:140px !important;
width:160px;
background:url(../images/new_arrow.gif) left 2px no-repeat;
color:#246FA8;
padding:5px 10px;
}
#leftnav a:hover, #leftnav li.leftactive a {
background:url(../images/new_arrow_a.gif) left 2px no-repeat;
color:#000;
text-decoration:none;
}

#leftcontent h1, #leftcontent h2, #leftcontent h3, #leftcontent h4, #leftcontent h5, #leftcontent p, #leftcontent ul, #leftcontent ol {
margin-bottom:12px;
}
#leftcontent h1 {
font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#1B66A0;
}
#leftcontent ul, #leftcontent ol {
margin-left:14px !important;
margin-left:18px;
}
#leftcontent .csc-mailform {
border:none;
}
#leftcontent .csc-mailform-field {
padding-bottom:4px;
}
#leftcontent .csc-mailform input, #leftcontent .csc-mailform textarea {
font:11px Verdana, Arial, Helvetica, sans-serif;
}

#leftcontent .csc-mailform #mailformname, #leftcontent .csc-mailform #mailformemail, #leftcontent .csc-mailform textarea {
font:11px Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #57B2C4;
border-left:1px solid #57B2C4;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
background:#DDEFF9;
padding:1px 4px;
}
#leftcontent .csc-mailform .csc-mailform-submit {
float:right;
border-right:1px solid #57B2C4;
border-bottom:1px solid #57B2C4;
border-top:1px solid #fff;
border-left:1px solid #fff;
background:#206BA5;
color:#fff;
margin-top:10px;
}
#content {
overflow:auto;
float:right;
width:560px;
height:279px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content ul, #content ol {
margin-bottom:12px;
}
#content h1 {
font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#1B66A0;
}
#content ul, #content ol {
margin-left:14px !important;
margin-left:18px;
}
#content p.bodytext {
font-size:11px;
}
#footer {
height:82px !important;
height:122px;
background:url(../images/content_b.jpg) left bottom no-repeat;
color:#1B66A0;
padding:20px;
}
#footernav {
padding-top:60px;
padding-left:10px;
}
#footernav a {
color:#76BECB;
text-decoration:none;
}
#footernav a:hover {
color:#1B66A0;
text-decoration:underline;
}
#copyright {
background:transparent;
height:30px;
color:#666;
text-align:center;
}
#copyright img {
vertical-align:middle;
}
/* typo3 */
#content .csc-caption {
font:11px Verdana, Arial, Helvetica, sans-serif;
}
#content input .radiobutton {
border:none;
}

#content .csc-mailform {
overflow:hidden;
width:538px !important;
width:560px;
padding:10px;
border:1px solid #cdcdcd;
border:none;
font:11px Arial, Helvetica, sans-serif;
}
#content .csc-mailform label {
clear:left;
float:left;
width:200px;
}
#content .csc-mailform input, #content .csc-mailform textarea, #content .csc-mailform select {
float:left;
border:1px solid #ccc;
color:#666666;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:10px !important;
margin-bottom:0px;
}
#content .csc-mailform input, #content .csc-mailform textarea {
padding:1px 4px;
}
#content .csc-mailform option {
padding-right:10px;
}
#content .csc-mailform .csc-mailform-check {
border:none;
}
#content .csc-mailform .csc-mailform-submit {
clear:left;
border:none;
}
#content span.csc-mailform-radio fieldset {
width:200px;
float:left;
border:1px solid #cdcdcd;
margin-bottom:10px !important;
margin-bottom:0px;
padding:10px 10px 0 10px;
}
#content span.csc-mailform-radio fieldset legend {
padding:0 5px;
}
#content span.csc-mailform-radio input {
clear:left;
float:left;
border:none;
margin-right:5px !important;
margin-right:0;
}
#content span.csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#content .csc-mailform .csc-mailform-submit {
background:#1B66A0;
color:#fff;
font-size:11px;
padding:2px 5px;
}
#content .csc-mailform .csc-mailform-submit {
margin-bottom:0 !important;
margin-bottom:0;
}
#content #mailformsword {
width:156px;
}
/* end of typo3 */