body {
font-family: "Roboto", Helvetica, sans-serif;
font-style: normal;
line-height: 19px;
font-variant: normal;
text-transform: none;
text-decoration: none;
width: 1340px;
}

a:link {color: #0757AA; text-decoration: none; letter-spacing: 0.04EM;}
a:visited {color: #0757AA;}
a:hover {color: #00CCFF;}
a:active {color: #0033FF;}

#Main{
position: relative;
min-width: 1263px;
height: 100%;
margin: 15px;
margin-bottom: 0px;
}
#TopMenuWrap{
width: Auto;
height: 384px;
background-color: #ECFDFF;
overflow: hidden;
border-radius: 25px 25px 0px 0px ;
background-repeat: no-repeat;
background-size: cover;
background-position: center 90px;
background-image: url("HeadPics/begin_herstelplan.jpg");
}
#Flag{
width: 30px;
padding-left: 20px;
margin-top: 41px;
float: left;
}
#MenuLogo{
width: 180px;
height: auto;
padding-left: 50px;
padding-right: 50px;
float: left;
}
#ButtonBar{
margin-top: 20px;
width: auto;
overflow: hidden;
font-size: 20px;
line-height: 55px;
font-weight: 500;
}
.IdleButton{
margin-left: 22px;
padding: 12px;
border: thin solid #ECFDFF;
}
.ActiveButton{
margin-left: 22px;
padding: 12px;
border-radius: 15px;
border: thin solid #AACCFF;
background-color: #FEE887;
}

#TopHeadPanels{
display: block;
width: 670px;
height: 210px;
margin-left: auto;
margin-right: auto;
margin-top: -150px;
}
#HeadPanel1{
height: 60px;
color: #FEE887;
font-size: 66px;
padding-top: 20px;
letter-spacing: 0.02EM;
font-weight: 800;
text-align: center;
position: relative;
text-shadow: 3px 4px 4px black;
}

/* ---------------------------------------------- */
/* PAGES 0, 1, 4 and 6                            */
/* ---------------------------------------------- */
#BasicPage {
display: block;
position: relative;
margin-left: 70px;
display: none;
font-family: "Calibri", Helvetica, sans-serif;
letter-spacing: 0.03EM;
}
#BasicHead{
display: block;
height: 42px;
width: 1090px;
padding-left: 25px;
padding-top: 33px;
font-size: 28px;
font-weight: 600;
color: #165BA3;
background-image: url("SysPics/white86trans.png");
background-repeat: repeat;
border-radius: 20px;
margin-bottom: 15px;
}
#BasicLead{
display: block;
width: 841px;
margin-left: 25px;
padding-right:230px;
height: auto;
font-size: 16px;
font-weight: 600;
line-height: 26px;
color: #44445F;
background-image: url("SysPics/trans.gif");
background-repeat: no-repeat;
background-position: right top;
margin-bottom: 21px;
}
#BasicText1{
float: left;
margin-left: 25px;
}
#BasicText2{
margin-left: 590px;
}
.BasicTxt{
display: block;
width: 500px;
height: 225px;
font-size: 15px;
font-weight: 400;
line-height: 23px;
color: #42425D;
}

/* ---------------------------------------------- */
/*  A B O U T  U S   page 1
/* ---------------------------------------------- */
.ReportPanel{
position: relative;
display: block;
background-color: #ECFDFF;
background-size: 22%;
background-repeat: no-repeat;
background-position: 40px center;
border-radius: 10px;
border: 1px solid #165BA3;
background-image: url("SysPics/badge.png");
padding-left: 185px;
padding-top: 12px;
width: 230px;
height: 130px;
margin-top: 48px;
margin-left: 70px;
font-size: 14px;
line-height: 23px;
}

/* ---------------------------------------------- */
/*  N E W S page 2
/* ---------------------------------------------- */
#ColsA {
font-family: "Calibri", Helvetica, sans-serif;
position: relative;
height: auto;
overflow: auto;
font-size: 15px;
}
.NewsHead{
letter-spacing: 0.02EM;
font-size: 19px;
line-height: 25px;
font-weight: 600;
color: #446;
}
.ItemDate{
font-size: 13px;
display: block;
margin-bottom: -15px;
margin-top: -15px; 
color: #165BA3;
}
.NewsCols{
position: relative;
float: left;
margin-bottom: 10px;
}

#ColsA_Left{
height: 602px;
padding: 30px;
margin-left: 30px;
line-height: 21px;
width: 799px;
letter-spacing: 0.02EM;
border-radius: 15px 0px 0px 0px;
background-repeat: repeat;
background-image: url("SysPics/NewsBG.png");
border: thin solid #88BBCC;
overflow-y: auto;
overflow-x: hidden;
}
#ColsA_Right{
height: 628px;
width: 292px;
margin-left: 23px;
}
#NewsContent{
font-weight: 400;
letter-spacing: 0.01EM;
font-size: 14px;
line-height: 16px;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
height: 580px;
padding: 16px;
background-repeat: repeat;
background-image: url("SysPics/NewsBG.png");
border: thin solid #88BBCC;
}

.SmallDate{
display: block;
margin-bottom: -14px;
font-size: 11px;
color: #444; 
}
.ContHead{
display: block;
margin-bottom: -5px;
font-size: 19px;
}

/* News Search panel ------------------- */
#NewsSearch{
float: left;
border-radius: 0px 10px 0px 0px;
border: thin solid #88BBCC;
font-size: 13px;
font-weight: 400;
width: 308px;
height: 25px;
padding: 8px;
margin-bottom: 7px;
background-color: #FEE887;
}
#Word{
font-size: 13px;
line-height: 17px;
font-weight: 400;
}
#clear{
margin-right: -3px;
padding: 8px;
padding-top: 3px;
float: right;
display: block;
height: 14px;
width: 8px;
border: thin solid #88BBCC;
font-size: 15px;
font-weight: 600;
text-align: center;
background-color: #FFFFFE;
border-radius: 5px;
}
.found{
font-family: "Arial", Helvetica, sans-serif;
display: block;
overflow: hidden;
width: 273px;
height: 17px;
padding: 4px;
float: left;
border-radius: 5px;
border: thin solid #88BBCC;
font-size: 12px;
letter-spacing: 0.01EM;
background-color: #FFF;
}
/* ----------------------------------- */

.ContTit{
margin-left: -4px;
margin-bottom: -6px;
margin-top: -6px;
padding: 4px;
display: block;
line-height: 19px;
height: auto;
}
.CTon{background-color: #FEE887;}
.CToff{background-color: transparent;}

/* article  ----------------------------------- */
#ArticleBG{
position: absolute;
top: 0px;
width: 100%;
height: 885px;
display: block;
background-color: #FFFFF6;
border: thin solid #DDD;
}
#PaperHead{
position: relative;
display: block;
height: 122px;
width: 1155px;
margin-left: 30px;
background-image: url("SysPics/H4U_newshead.png");
background-size: 53%;
background-repeat: no-repeat;
background-position: 246px 5px;
border-bottom: thin solid #333;
}
.adpanel{
float: left;
font-size: 30px;
color: #444;
line-height: 30px;
display: block;
margin-top: 8px;
width: 110px;
height: 84px;
padding: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 21px;
font-weight: 600;
text-align: center;
border: thin solid #444;
}
.globe{
display: block;
margin-top: 2px;
width: 162px;
height: 162px;
margin-left: 952px;
}
#DateHead{
font-family: "courier", serif;
font-size: 18px;
display: block;
flex-direction: column;
justify-content: flex-end;
position: relative;
padding-top: 10px;
padding-left: 30px;
display: block;
height: 29px;
width: 1125px;
margin-left: 30px;
border-bottom: 2px solid #333;
}
#ArtNewsHead{
font-family: "Cheltenham", serif;
font-weight: 600;
margin-top: 4px;
margin-left: 33px;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
height: auto;
width: 1200px;
letter-spacing: 0.02EM;
font-size: 43px;
line-height: 48px;
}
.LeadPic{
display: block;
position: relative;
overflow: hidden;
float: left;
width: 720px;
height: 400px;
object-fit: cover;
margin-bottom: 12px;
border: 1px solid #333;
}
#ArtTxt1{
font-family: "Carlito", sans-serif;
display: block;
text-align: justify;
font-size: 18px;
line-height: 26px;
font-weight: 700;
letter-spacing: 0.02EM;
float: left;
margin-left: 50px;
padding-bottom: 15px;
width: 720px;
height: auto;
}
#ArtTxt2{
font-family: "Carlito", sans-serif;
text-align: justify;
font-size: 16px;
line-height: 22px;
font-weight: 400;
letter-spacing: 0.01EM;
position: relative;
float: left;
margin-left: 40px;
padding-top: 15px;
padding-bottom: 20px;
padding-right: 23px;
width: 350px;
height: auto;
max-height: 534px;
border-top: thin solid #333;
border-bottom: thin solid #333;
overflow-y: auto;
overflow-x: hidden;
}

.Col2Img{
display: block;
width: 340px;
height: auto;
border: thin solid #555;
}

.media{
position: relative;
height: 420px;
margin-bottom: 15px;
background-color: #BBBBBA;
border: thin solid #AACCFF;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
.PhotoCaption{
float: right;
display: block;
margin-right: -10px;
letter-spacing: 0.02EM;
font-size: 13px;
font-style: italic;
text-align: left;
line-height: 20px;
}
.ArtClose{
float: right;
width: auto;
height: 17px;
padding: 10px;
padding-top: 5px;
padding-bottom: 4px;
display: block;
margin-right: 414px;
margin-top: -4px;
font-weight: 600;
font-size: 16px;
background-color: #FEFEFF;
border-radius: 10px;
border: thin solid #444;
}


/* ---------------------------------------------- */
/* P R O J E C T S  page 3                          */
/* ---------------------------------------------- */
#ColsB {
position: relative;
height: auto;
margin-top: -50px;
display: none;
}
#ColsB1{
float: left;
width: 1300px;
margin: 5px;
}
.ColsB_LR{
float: left;
display: block;
font-weight: 400;
font-size: 14px;
line-height: 18px;
padding-top: 12px;
margin: 9px;
border: 1px solid #949498;
}
#Bleft{
background-color: #ECFDFF;
border-radius: 13px 0px 0px 0px;
width: 329px;
height: 513px;
overflow-y: scroll;
font-family: "Arial", "Helvetica", sans-serif;
margin-left: 25px;
margin-bottom: 24px;
}
#Bright{
font-family: "Roboto", Helvetica, sans-serif;
background-color: #FFFFFE;
border-radius: 0px 13px 13px 0px;
height: 500px;
padding: 25px;
padding-bottom: 0px;
width: 839px;
}
#PrBottom{
position: absolute;
left: 380px;
top: 505px;
font-size: 13px;
color: #666677;
text-align: left;
letter-spacing: 0.02EM;
padding: 5px;
padding-top: 4px;
display: block;
width: 879px;
height: 24px;
border-top: thin solid #999999;
background-color: #ECFDFF;
border-radius: 0px 0px 13px 0px;
}
.ListTitle{
display: block;
background-color: #FFFFFE;
border: thin solid #5577DD;
border-radius: 7px;
padding: 7px;
padding-bottom: 4px;
margin: 10px;
margin-bottom: 9px;
}
.Ds{
font-size: 11px;
letter-spacing: 0.05EM;
}
#PrTit{
margin-top: -2px;
letter-spacing: 0.02EM; 
height: 70px;
font-size: 24px;
line-height: 29px;
color: #444477;
font-weight: 600;
}
#PrText{
display: block;
width: 441px;
height: 485px;
float: left;
font-size: 15px;
line-height: 23px;
}
#PrPics{
margin-left: 36px;
display: inline-block;
width: 362px;
height: 362px;
background-color: #F9FAFF;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#caption{
position: absolute;
left: 884px;
top: 471px;
display: block;
color: #445;
padding: 1px;
height: 15px;
width: 357px;
font-size: 13px;
line-height: 14px;
font-style: italic;
}
#arrows{
display: none;
height: 35px;
width: 408px;
margin-top: 169px;
margin-left: -18px;
}
.arrow{width: 24px; height: 26px;}
.arrR{margin-left: 347px;}

.PDFthumbs{
width: 50px;
height: auto;
vertical-align: sub;
}

/* ---------------------------------------------- */
/* DONATE (page 5)                                 */
/* ---------------------------------------------- */

.ANBIpanel{
position: relative;
display: block;
background-color: #ECFDFF;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
border-radius: 10px;
border: 1px solid #165BA3;
background-image: url("SysPics/ANBI_FC.jpg");
padding-left: 232px;
padding-top: 12px;
width: 260px;
height: 152px;
margin-top: 18px;
font-size: 13px;
}


/* ---------------------------------------------- */
/* MEDIA (page 5)                                 */
/* ---------------------------------------------- */
#ColsC {
position: relative;
height: auto;
display: none;
font-family: "Roboto", Helvetica, sans-serif;

}
.ColsC_LR{
float: left;
display: block;
font-size: 14px;
line-height: 20px;
padding-top: 12px;
margin: 12px;
margin-bottom: 28px;
border: 1px solid #949498;
}
#Cleft{
height: 514px;
width: 560px;
margin-left: 30px;
padding: 4px;
padding-top: 10px;
background-color: #ECFDFF;
border-radius: 13px 0px 0px 0px;
overflow-y: scroll;
overflow-x: hidden;
}

/* left media panels */
.Mitems{
display: inline-block;
height: auto;
background-color: #FFFFFE;
border-radius: 8px;
border: thin solid #89D;
margin-top: 3px;
margin-left: 9px;
padding-left: 5px;
padding-right: 1px;
padding-bottom: 3px;
padding-top: 5px;
width: 524px;
}
.VidData{
display: block;
float: left;
width: 350px;
padding: 5px;
}
.ThumbPanel{ /* for video-thumb */
text-align: right;
font-size: 12px;
font-style: italic;
letter-spacing: 0.02EM;
color: #445;
line-height: 11px;
display: block;
float: left;
margin-left: 9px;
width: 150px;    
height: auto;
}
.MedLeftHd{
font-weight: 600; 
font-size: 17px; 
line-height: 22px;
color: #668;
letter-spacing: 0.02EM;    
}
.MedLeftTxt{
display: block;
margin-top: 3px;
font-weight: 400; 
font-size: 13.5px;
letter-spacing: 0.02EM;
color: #444;
}
.VidThumb{
width: 130px; 
height: auto;
border-radius: 0px 8px 0px 0px;
}
.VidFlags{width: 23px; height: auto;}

.SubPics{
border-radius: 5px;
float: left;
margin-top: 8px;
margin-right: 7px;
height: 50px;
width: 50px;
object-fit: cover;
}
.PicData{
display: block;
float: left;
padding: 5px;
}

#Cright{
margin-left:6px;
width: 626px;
padding: 12px;
height: 504px;
background-color: #FFFFFD;
border-radius: 0px 13px 13px 0px;
overflow-y: scroll;
overflow-x: hidden;
}
#CrightHead{
color: #165BA3;
text-align: center;
height: auto;
font-weight: 600;
letter-spacing: 0.02EM;
font-size: 22px;
margin-bottom: 15px;
margin-top: 6px;
}
#CrightMedia{
font-size: 13px;
height:340px;
text-align: left; 
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
#CrightText{
color: #445;
margin-top: 2px;
margin-bottom: 10px;
height: auto;
font-weight: 400; 
font-size: 14px;
line-height: 20px;
}
.MedChooseTip{
font-size: 12px; 
text-align: center; 
font-style: italic;
letter-spacing: 0.02EM;
color: #445;   
}
.colofon{
display: block;
margin-top: 11px;
font-size: 12px;
letter-spacing: 0.01EM;
line-height: 17px;
color: #345;
}
.PicNr{
display: block;
float: left;
margin-top: 390px;
margin-left: 2px;
width: 11px;
height: 8px;
padding: 5px;
padding-top: 6px;
padding-left: 3px;
background-color: #fff;
border-radius: 10px;
border: 1px solid #668;
text-align: center;
font-size: 10px;
line-height: 8px;
color: #668;   
}

/* ---------------------------------------------- */
/* general                                        */
/* ---------------------------------------------- */
#Bottom{
display: block;
position: absolute;
top: 803px;
clear: both;
width: 1184px;
overflow: hidden;
height: 50px;
padding-top: 9px;
background-color: #165BA3;
border-radius: 0px 0px 21px 21px;
color: #FEFEFF;
text-align: center;
letter-spacing: 0.08EM;
font-size: 14px;
line-height: 22px;
font-weight: 400;
}
.panelT1{
margin-top: 50px;
margin-left: 17%;
text-align: center;
display: block;
position: relative;
border-style: solid;
border-color: #165BA3;
border-radius:20px;
border-width: 1px;
width: 60%;
padding: 12px;
background-color: #ECFDFF;
font-size: 15px;
color: #112233;
}

.TextSubHead{
color: #222222;
font-size: 20px;
font-weight: 400;
line-height: 45px;
}
.ListHead{
display: block;
color: #222222;
font-size: 16px;
font-weight: 400;
margin-bottom: -15px;
}


.SpacerBig{letter-spacing: 3.5EM;}
.SpacerSmall{letter-spacing: 2EM;}
.FontSize15{font-size: 15px;}
.FontSize14{font-size: 14px;}
.FontSize13{display: block; font-size: 13px;color: #42425D; line-height: 17px;}
.FontSize12{font-size: 12px;}
.FontSize13R{
font-size: 13px;
display: block;
text-align: right;
}
.Blue{color: blue}