/*********general**********/
html, body {
width:100%;
min-width:1000px;
background:#ffffff;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#444444;
}
a {
color:#00964c;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
strong {
font-weight:bold;
}
hr {
background: transparent;
border: none;
border-top: solid 1px #cccccc;
}
.clear { clear:both; }
.spacer { clear:both; display:block; height:20px; }
#wrapper {
position:absolute;
background:#ffffff;
min-height:100%;
width:100%;
min-width:1000px;
}
#container {
position:absolute;
background:#ffffff;
min-height:100%;
width:100%;
}
#header {
height:210px;
width:100%;
background:url(../images/web/headBg-about.jpg) center no-repeat #ffffff;
border-bottom:1px solid #000000;
}
#welsh #header {
background:url(../images/web/headBg-about-welsh.jpg) center no-repeat #ffffff;
}
#headContent {
margin-left:auto;
margin-right:auto;
height:210px;
width:940px;
}
#index #header {
height:330px;
width:100%;
background:url(../images/web/headBg.jpg) center no-repeat #ffffff;
border-bottom:1px solid #000000;
}
#index #headContent {
margin-left:auto;
margin-right:auto;
height:330px;
width:940px;
}
#headContent .logo {
float:left;
margin-top:10px;
width:114px;
height:78px;
background:url(../images/web/logo.jpg) no-repeat;
clear:both;
}
/*****LOGO*****/
#logo {
width:114px;
height:78px;
display:block;
float:left;
}
#logo h1 {
margin:0;
padding:0;
}
h1 a.logo {
display:block;
width:114px;
height:78px;
background:url(../images/web/logo.jpg) 0 0 no-repeat;
text-indent:-3000px;
overflow:hidden;
padding:0;
margin:0;
text-decoration:none;
cursor:hand;
}
#navigation {
position:absolute;
top:100px;
left:50%;
margin:0 0 0 -470px;
float:right;
width:940px;
height:48px;
background:transparent;
}
#navigation li {
width:93px;
height:48px;
float:left;
margin-right:1px;
overflow:hidden;
}
#navigation li.last {
margin:0;
}
#navigation li a {
display:block;
width:83px;
height:41px;
padding:7px 5px 0 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background:#00964c;
text-align:left;
text-decoration:none;
overflow:hidden;
}
#navigation li span {
font-size:11px;
}
#navigation li a:hover {
background:#5b913b;
text-decoration:none;
}
#navigation li.active a, #navigation li.activeparent a {
background:#5b913b;
}
#navigation li ul { visibility:hidden; margin:0; padding:0; }
#navigation li:hover ul { visibility:visible;
}
#navigation li ul, #navigation li.active ul, #navigation li.activeparent ul {
visibility:hidden;
position:absolute;
padding-top:1px;
width:187px;
background:transparent;
margin:0;
*position:relative;
*left:0px;
}
#navigation li:hover ul, #navigation li.active:hover ul, #navigation li.activeparent:hover ul {
visibility:visible;
}
#navigation li ul li, #navigation li.active ul li, #navigation li.activeparent ul li {
width:auto;
width:187px;
height:auto;
float:left;
}
#navigation li ul li a, #navigation li.active ul li a, #navigation li.activeparent ul li a {
display:block;
width:auto;
height:auto;
overflow:visible;
padding:7px 10px 7px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:left;
text-decoration:none;
overflow:hidden;
background:#97063D;
}
#navigation li ul li a:hover, #navigation li.active ul li a:hover, #navigation li.activeparent ul li a:hover {
background:#CF173D;
}
#navigation li ul li.active a, #navigation li.active ul li.active a, #navigation li.activeparent ul li.active a, #navigation li.activeparent ul li.activeparent a {
background:#CF173D;
}
#navigation li.active ul li ul { visibility:hidden; }
#navigation li:hover ul li ul {
visibility:hidden;
}
#navigation li.active ul li.active ul {
visibility:hidden;
}
#navigation li ul li ul {
visibility:hidden;
}
#navigation li.active ul li ul {
visibility:hidden;
}
#navigation .active ul ul {
display:none;
}
#navRight ul {
margin:40px 0 0 30px;
float:left;
}
#navRight ul li {
float:left;
clear:left;
height:auto;
width:200px;
background:#5B913B;
border:0;
border-bottom:1px solid #ffffff;
}
#navRight ul li a {
display:block;
font-size:11px;
background:url(../images/web/subnav-bg.jpg) left repeat-x #97063D;
padding:7px 10px 7px 10px;
margin:0;
height:auto;
color:#ffffff;
width:189px;
}
#navRight ul li a:hover {
background:url(../images/web/subnav-bg_over.jpg) left repeat-x #97063D;
color:#ffffff;
}
#navRight ul li.hidden {
display:none;
visibility:hidden;
}
#navRight ul li.divider {
display:none;
visibility:hidden;
}
#content {
margin-left:auto;
margin-right:auto;
width:940px;
min-height:300px;
background:#ffffff;
padding:0 0 20px 0;
}
#content .main {
float:left;
width:680px;
min-height:350px;
}
#content .main h1 {
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
color:#444444;
}
#content .main h2 {
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#444444;
}
#content .main h2 span {
font-size:30px;
color:#5A913D;
float:right;
margin-top:-32px;
}
#content .main h3 {
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#5A913D;
}
#content .main p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#444444;
margin:15px 0 15px 0;
}
#content .main p strong {
font-weight:bold;
}
#content .main .big {
font-size:20px;
color:#5A913D;
}
#content .main a.big {
font-size:20px;
color:#5A913D;
text-decoration:none;
}
#content .main a.big:hover {
text-decoration:underline;
}
#content .main ul {
margin:15px 0 15px 0;
}
#content .main li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background:url(../images/web/bullet.png) left top no-repeat;
background-position:0 5px;
padding-left:15px;
margin:5px 0 5px 0;
}
#content .main li strong {
font-weight:bold;
color:#5A913D;
}
#content .textLeft {
float:left;
margin-top:40px;
width:440px;
}
#content .textLeft p {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#555555;
}
#content .greenBlockRight {
float:left;
margin:40px 0 0 40px;
width:200px;
background:#5a913d;
}
#content .greenBlockRight h2 {
margin:10px 10px 10px 10px;
padding:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:right;
color:#ffffff;
border-bottom:1px solid #ffffff;
}
#content .greenBlockRight p {
padding:0px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#ffffff;
}
#content .greenBlockRight p small {
font-size:11px;
font-style:italic;
}
#content .greenBlockRight p strong {
font-weight:bold;
}
#content .greenBlockRight a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
#content .greenBlockRight a.report {
display:block;
padding:10px;
background:#426F29;
}
#content .greenBlockRight a.report:hover {
background:#ffffff;
color:#5A913D;
}
#content .greenBlockRight .inactive {
color:#8AA97A;
}
#content .greenBlockRight2 {
float:left;
margin:40px 0 0 40px;
width:200px;
height:400px;
background:#5a913d;
}
#content .greenBlockRight2 h2 {
margin:10px 10px 10px 10px;
padding:0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:right;
color:#ffffff;
border-bottom:1px solid #ffffff;
}
#content .greenBlockRight2 p {
padding:0px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#ffffff;
}
#content .greenBlockRight2 p small {
font-size:11px;
font-style:italic;
}
#content .greenBlockRight2 p strong {
font-weight:bold;
}
#content .greenBlockRight2 a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
#content .blockRight {
float:left;
margin:40px 0 0 40px;
width:200px;
}
#content .blockRight h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:normal;
color:#000000;
}
#content .blockRight h3 {
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#00964c;
}
#content .blockRight ul li {
width:200px;
height:17px;
border-bottom:1px solid #000000;
padding:5px 0 5px 0;
}
#content .blockRight ul li a {
display:block;
width:200px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-decoration:none;
}
#content .blockRight ul li a:hover {
text-decoration:none;
color:#999999;
}
#content .blockRight p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#444444;
margin-top:5px;
}
#content .blockRight .line a {
display:block;
width:190px;
height:17px;
padding:0px 10px 0 0;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#00954b;
text-decoration:none;
text-align:right;
background:url(../images/web/
arrow.jpg) right center no-repeat;
border-bottom:1px solid #000000;
}
#content .blockRight .line a:hover {
color:#666666;
}
#content .boardMember {
float:left;
width:740px;
padding:15px 0 15px 0;
clear:both;
}
#content .boardMember h2 {
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
}
#content .boardMember p {
color:#999999;
}
#content .boardMember img {
float:right;
filter:alpha(opacity=50);
opacity:0.5;
margin-left:15px;
}
#content .boardMember:hover img {
filter:alpha(opacity=100);
opacity:1.0;
}
#content .boardMember h2 span {
font-size:10px;
color:#5A913D;
clear:both;
float:none;
}
#content .video {
width:350px;
float:left;
margin-top:15px;
}
#content .videoText {
width:300px;
float:left;
margin-top:15px;
}
#content .videoText ul {
margin:0 0 10px 10px;
}
#content .videoText p {
margin:0 0 10px 10px;
}
#content .videoText h2 {
margin:0 0 10px 10px;
color:#5a913d;
}
#content .newsItem {
width:auto;
margin:20px 10px 10px 0;
min-height:100px;
border-bottom:1px dotted #cccccc;
}
#content .newsItem h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#5A913D;
}
#content .newsItem h3 span {
color:#333333;
font-size:18px;
margin-top:-20px;
}
#content table td h2 {
background:#efefef;
padding:10px;
margin:0 10px 0 0;
}
#content table td:hover h2 {
background:#5A913D;
color:#FFFFFF;
}
#index #footer {
margin:0;
}
#footer {
clear:both;
margin-top:15px;
width:100%;
height:140px;
background:url(../images/web/footBg.jpg) repeat-x top #ffffff;
}
#footContent {
margin-left:auto;
margin-right:auto;
width:940px;
height:140px;
}
#footContent p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#676767;
}
#footContent a {
color:#676767;
text-decoration:none;
}
#footContent a:hover {
text-decoration:underline;
}
#footContent .nav {
float:left;
margin-top:15px;
}
#footContent .lang {
float:right;
margin:15px 15px 0 0;
}
#footContent .GoogleTranslate {
float:right;
margin:-15px 20px 0 0;
}
#footContent .contact-btn {
float:right;
margin:-15px 20px 0 0;
}
.contact-btn a img {
filter:alpha(opacity=100);
opacity:1.0;
}
.contact-btn a:hover img {
filter:alpha(opacity=100);
opacity:1.0;
}
ul#sprachwahl li {
float:left;
margin-right:10px;
}
ul#sprachwahl li a {
color:#676767;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#676767;
}
ul#sprachwahl li.active a {
filter:alpha(opacity=50);/* for IE 7+ */
opacity:0.5;
}
table.key td {
padding:5px;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}
table.key .last {
border-right:0;
}
table.key tr.last td {
border-bottom:0;
}
table.programme {
width:940px;
margin-top:20px;
}
table.programme td {
vertical-align:middle;
}
table.programme tr {
vertical-align:middle;
}
table.programme td strong {
font-weight:bold;
}
table.programme tr.active2 td {
background:#DCEFD1;
}
table.programme tr.active2:hover td {
background:#C5DFB5;
}
table.programme tr.active2 td.last {
width:70px;
border-right:0;
background:#A12252;
color:#FFFFFF;
}
table.programme tr.active2:hover td.last {
background:#6F1438;
}
table.programme tr.active td {
background:#FEFFBF;
}
table.programme tr.active:hover td {
background:#EEEF95;
}
table.programme tr.active td.last {
width:70px;
border-right:0;
background:#A12252;
color:#FFFFFF;
}
table.programme tr.active:hover td.last {
background:#6F1438;
}
table.programme td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
padding:5px;
border-right:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
}
table.programme td.last {
width:70px;
border-right:0;
background:#A12252;
color:#FFFFFF;
}
table.programme tr.divider td {
background:#bbbbbb;
color:#FFFFFF;
border:0;
}
table.programme tr.total td {
border:0;
height:5px;
padding:20px;
background:#efefef;
}
table.programme tr.space td {
border:0;
height:5px;
padding-bottom:10px;
}
table.programme tr.space td.last {
width:70px;
border:0;
background:#ffffff;
color:#A12252;
}
.lineBreak {
background:none;
width:700px;
height:1px;
border-bottom:1px solid #cccccc;
}
#imgGroup {
float:left;
margin-right:10px;
}
.fLeft {
float:left;
margin-right:5px;
}
.fRight {
float:left;
}
.fRight img {
margin-bottom:5px;
}
/*****CONTACT FORM*****/
#contactForm form {
float:left;
width:600px;
}
#contactForm fieldset {
margin:0 0 10px 0;
padding:10px 0;
border:none;
}
#contactForm legend {
color:#00964c;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
}
#contactForm label {
width:120px;
float:left;
font-size:0.8em;
margin:3px 0 6px 0;
color:#444444;
}
#contactForm input, #contactForm textarea {
width:400px;
background:#DDDDDD;
border:1px solid #CCCCCC;
padding:3px;
margin:3px 0 6px 0;
float:left;
/*color:#FFFFFF;*/
color:#333;
}
#contactForm input:focus, select:focus, textarea:focus {
background:#CCFFFF;
color:#222222;
}
#contactForm .fb_invalid input, #contactForm .fb_invalid textarea {
background:#FF9999;
border:1px solid #990000;
color:#990000;
}
#contactForm .fbsubmit {
width:95px;
background:#888888;
border:1px solid #999999;
color:#FFFFFF;
display:block;
}
#contactForm .fbsubmit:hover {
background:#DDDDDD;
color:#444444;
}
#contactForm .captcha label {
width:190px;
float:left;
margin:12px 0 0 10px;
}
#contactForm .captcha input {
width:190px;
float:left;
margin:5px 0 0 10px;
}
.captchapict {
margin:5px 0;
float:left;
width:198px;
}
.error_message {
background:url(../images/web/error.gif) no-repeat 4px 4px #FF9999;
border:1px solid #990000;
padding:5px 4px 5px 35px;
color:#990000;
font-weight:normal;
margin:10px 0 10px 0;
width:380px;
font-size:0.9em;
}
.error_message ul {
margin:0;
padding:0;
list-style:none;
}
.error_message li {
margin:0;
padding:0;
}
/* *******************
Video Effects
******************* */
.videoBlock {
width:192px;
height:196px;
float:left;
margin: 15px 15px 0 0;
}
.videoBlock a {
display:block;
text-indent:-9999px;
}
.videoBlock a.adam {
width:193px;
height:196px;
background:url('../images/video/adamOver.jpg');
background-position: 0px 0px;
}
.videoBlock a.adam:hover {
background-position: 0px 197px;
}
.videoBlock a.cher {
width:193px;
height:194px;
background:url('../images/video/cherOver.jpg');
background-position: 0px 0px;
}
.videoBlock a.cher:hover {
background-position: 0px 194px;
}
.videoBlock a.doug {
width:193px;
height:196px;
background:url('../images/video/dougOver.jpg');
background-position: 0px 0px;
}
.videoBlock a.doug:hover {
background-position: 0px 196px;
}
.videoBlock a.pete {
width:192px;
height:194px;
background:url('../images/video/peteOver.jpg') ;
background-position: 0px 0px;
}
.videoBlock a.pete:hover {
background-position: 0px 194px;
}
.videoBlock a.phil {
width:193px;
height:193px;
background:url('../images/video/philOver.jpg');
background-position: 0px 0px;
}
.videoBlock a.phil:hover {
background-position: 0px 193px;
}
.videoBlock a.yvette {
width:192px;
height:194px;
background:url('../images/video/yvetteOver.jpg');
background-position: 0px 0px;
}
.videoBlock a.yvette:hover {
background-position: 0px 194px;
}
.formbuilderform label {
width:250px;
float:left;
}
.formbuilderform input {
border:1px solid #999999;
height:20px;
width:200px;
float:left;
}
.formbuilderform input:focus {
background:#efefef;
}
.formbuilderform textarea {
border:1px solid #999999;
width:300px;
height:150px;
float:left;
}
.formbuilderform textarea:focus {
background:#efefef;
}
.formbuilderform select {
border:1px solid #999999;
height:20px;
width:200px;
float:left;
}
.formbuilderform select:focus {
background:#efefef;
}
.formbuilderform .fbsubmit {
margin-top:15px;
background:#999999;
color:#ffffff;
border:0;
width:100px;
height:25px;
}
.formbuilderform div {
float:left;
clear:both;
margin-bottom:10px;
}
#searchBox {
float:right;
margin-top:40px;
}
#searchBox .txt {
float:left;
height:19px;
width:100px;
border:1px solid #999999;
margin:0 5px 0 0;
padding:2px 5px 0 5px;
}
#searchBox .btn {
float:left;
border:0;
background:#930537;
color:#ffffff;
height:23px;
padding:0 5px 0 5px;
}
#content .main .calendarHolder {
position:relative;
width:670px;
z-index:0;
}
#content .main .calendarHolder table.calendar {
width:670px;
text-align:center;
z-index:0;
}
#content .main .calendarHolder table.calendar caption.calendar-month {
margin:20px 0 20px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#5A913D;
text-align:center;
}
#content .main .calendarHolder table.calendar th {
vertical-align:middle;
text-align:center;
width:94px;
height:40px;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
color:#444444;
font-weight:bold;
font-size:14px;
}
#content .main .calendarHolder table.calendar td {
vertical-align:middle;
text-align:center;
width:94px;
height:94px;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
background:url('../images/web/calenderTd.jpg') repeat;
color:#555555;
}
#content .main .calendarHolder table.calendar td a {
color:#444444;
font-weight:bold;
}
#content .main .calendarHolder table.calendar td:hover {
background:url('../images/web/calenderTd_over.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.calendar-today {
background:url('../images/web/calenderTd_current.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.calendar-today:hover {
background:url('../images/web/calenderTd_current.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.calendar-today {
color:#ffffff;
}
#content .main .calendarHolder table.calendar td.calendar-today a {
display:block;
color:#ffffff;
}
#content .main .calendarHolder table.calendar td.event {
background:url('../images/web/calenderTd_current2.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.event:hover {
background:url('../images/web/calenderTd_current2.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.event {
color:#ffffff;
}
#content .main .calendarHolder table.calendar td.event a {
display:block;
color:#ffffff;
}
#content .main .calendarHolder table.calendar td.calendar-todayevent {
background:url('../images/web/calenderTd_current.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.calendar-todayevent:hover {
background:url('../images/web/calenderTd_current.jpg') repeat;
}
#content .main .calendarHolder table.calendar td.calendar-todayevent {
color:#ffffff;
}
#content .main .calendarHolder table.calendar td.calendar-todayevent a {
display:block;
color:#ffffff;
}
#content .main .calendarHolder table.calendar td a {
margin:0;
padding:0;
}
#content .main .calendarHolder table.calendar td ul {
display:block;
position:absolute;
top:130px;
right:-250px;
width:200px;
background:#5a913d;
visibility:hidden;
display:none;
padding:0 0 10px 0;
margin:0;
}
#content .main .calendarHolder table.calendar td:hover ul {
visibility:visible;
display:block;
z-index:110;
}
#content .main .calendarHolder table.calendar td li {
display:block;
float:left;
background:none;
margin:0;
width:180px;
padding:5px 10px 5px 10px;
color:#ffffff;
text-align:left;
}
#content .main .calendarHolder table.calendar td li a {
padding:0;
margin:0;
height:auto;
width:auto;
font-weight:normal;
color:#ffffff;
}
#content .main .calendarHolder table.calendar td li a span {
float:left;
clear:both;
margin:0;
padding:0;
}
#content .main .calendarHolder table.calendar td li a span.eventTitle {
font-weight:bold;
font-size:14px;
padding-bottom:3px;
border-bottom:1px solid #b0c9a2;
margin-bottom:3px;
width:100%;
}
#content .main .calendarHolder table.calendar td li a span.eventSummary {
font-weight:normal;
}
#content .main .calendarHolder h1 {
font-size:14px;
color:#97063d;
}
#content .main .calendarHolder .calendar-event {
font-size:12px;
}
#content .main .calendarHolder .calendar-event h2 {
font-size:18px;
color:#5a913d;
font-weight:normal;
margin:20px 0 20px 0;
}
#content .main .calendarHolder .calendar-event .calendar-date-from {
margin-bottom:20px;
}
#content .main .calendarHolder .calendar-event .calendar-date-title {
font-weight:bold;
}
#content .main .calendarHolder .calendar-event .calendar-details {
margin-bottom:20px;
}
#content .main .calendarHolder .calendar-event .calendar-details span.calendar-details-title {
font-weight:bold;
}