html {
  height:100%;
  padding:0;
  margin:0;
}
BODY {
  height:100%;
  background: #fff url(img/hgvar1.gif);
  background-position: top left;
  padding: 0;
  font-family: Arial, Verdana, Serif;
  color: #000000;
  font-size: 12px;
  background-repeat: no-repeat;
  margin:0;
}
h1, #content h1, #content h1 a{ 
  font-family: Verdana, Arial, Serif;
  color: #006699;
  font-weight: bold;
  font-size: 14px;
  margin-bottom:5px;
}
h2 {
 font-family :  Arial, Verdana, sans-serif;
 font-size : 12px;
 font-weight: bold;
 color : #000000;
 margin-bottom : 10px;
 margin-top : 10px;
}

.csc-subheader {
 font-family :  Arial, Verdana, sans-serif;
 font-size : 12px;
 font-weight: bold;
 color : #000000;
 margin-bottom : 0px;
 margin-top : 0px;
}


#content ul {
  margin-top:4px;
  font-size:12px;
  list-style-image: url('img/bullet.png')
}
DIV {
  margin:0;
  padding:0;
}
TD {
  padding:0;
  margin:0;
  vertical-align:top;
}
.mailformlabel {
  width:250px;
}
.mainframe {
  width:1000px;
  padding:0;
  margin:0;
  clear:both;
  height:72%;
}
#main {
  background-color:#fff;
  width:565px;
  float:left;
  padding:0;
  min-height:340px;
  height:auto;
  height:auto !important;
  height: 340px;
  height/**/:/**/340px;
}
#key {
  width:282px;
  padding:0;
  margin:0;
  float:left;
  height:167px;
}
#headerframe {
  width:717px;
  padding:0;
  margin:0;
  float:left;
  height:180px;
}
#logo {
  width:706px;
  padding:0;
  margin:0;
  height:120px;
  text-align:right;
}
#headright {
  width:717px;
  padding:0;
  margin:0;
}
#left {
  position:absolute;
  left:0px;
  top:172px;
  background-color:transparent;
}
#headerimage {
  background-color:transparent;
  float:left;
  padding:0;
  width:485px;
  height: 60px;
  text-align:right;
}
#headerimage img{
  border:0;
  margin-top:10px;
}
#pulldown {
  background-color:#fff;
  float:left;
  padding:0;
  width:170px;
  height:auto;
  padding-left:35px;
}
#pulldown h1 {
  padding:0;
  margin:0;
  margin-top:25px;
  margin-bottom:2px;
  font-family: Arial, Verdana, Serif;
  color: #006699;
  font-weight: bold;
  font-size: 12px;
}

#breadcrumb {
  clear:both;
  height:15px;
  background-color:#fff;
  margin-bottom:10px;
}
#footer {
  padding-top:2px;
  background-color:#fff;
  font-size: 10px;
}
#legal{
  display:inline;
  width:280px;
  float:left;
}
#bottomMenu {
  display:inline;
  float:left;
  text-align:right;
  width:280px;
}
#rechts {
  float:left;
  background-color:#fff;
  width:195px;
  height:auto;
  vertical-align:top;
  margin:0;
  padding-left:35px;
}
#rechts h1 {
  padding:0;
  margin:0;
  margin-top:5px;
  margin-bottom:2px;
  font-family: Arial, Verdana, Serif;
  color: #006699;
  font-weight: bold;
  font-size: 11px;
}

#rechts h1.menuheader, #rechts h1, #rechts h1.menuheader a {
 width:140px;
 font-size:14px;
 margin-top:5px;
 margin-bottom:2px;
 text-decoration:underline;
}
#rechts h1.search {
 text-decoration:none;
  font-size: 12px;
}
#sprachen {
  height:auto;
  padding-top: 5px;
  padding-bottom: 6px;

}
.greyL {
  border-top:1px #ccc solid;
  background-color:#fff;
}
.blackL {
  border-top:1px #000 solid;
  background-color:#fff;
}
.abstand {
  clear:both;
  height:4px;
  padding:0;
  margin:0;
  background-color:transparent;
  font-size: 1px;
}
.cl {
  margin:0;
  padding:0;
  height:10px;
  clear:both;

}
#suche {
  padding:0;
  margin:0;
  vertical-align:top;
  padding-left:0px;
  width:176px;
  height:20px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  background-color:#fff;
}
#suche img {
  margin:0; 
  margin-left:2px;
  margin-top:2px;
  padding:0;
  vertical-align:top;
}

#print img {
  margin:0; 
  margin-right:3px;
  padding:0;
  vertical-align:text-top;
}

a:link, a:active, a:visited {
  font-family: Arial, Verdana, Serif;
  text-decoration: none;
  color: #006699;
}

#content a {
  text-decoration: underline;
}
#content h1 a{
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
#print a{
    font-size: 10px;
}
#content table.tx-a1teasermenu-pi1 a, #content table.tx-gooffotoboek-pi1 a{
  text-decoration: none;
}
#content table.tx-a1teasermenu-pi1 a:hover, #content table.tx-gooffotoboek-pi1 a:hover{
  text-decoration: underline;
}
.small, a.small, a.small:active, a.small:visited {
  font-size: 10px;
}
.teasertitle {
  padding:0;
  padding-left:8px;
  padding-right:4px;
  padding-top:1px;
  color:#fff;
}
.fototitle {
  vertical-align:top;
  font-family: Tahoma, Verdana, Serif;
  padding:0;
  height:20px;
  padding-left:6px;
  padding-right:4px;
  padding-top:1px;
  color:#fff;
  font-size: 10px;
  font-weight: bold;
}
.teasertitle a:link, .teasertitle a:visited{
  color:#fff;
  font-family: Tahoma, Verdana, Serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
}
.teasertext {
  font-family: Arial, Verdana, Serif;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}
.teasertext a:link, .teasertext a:visited {
  color: #FFFFFF;
}


DIV.level1no {
  padding-top:0;
  padding-left:10px;
  padding-bottom:3px;
  padding-top:3px;
}
a.leftone, a.leftone:active, a.leftone:visited {
  color: #ffffff;
  font-family: Arial, Verdana, Serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}
DIV.level3no {
  padding-top:0;
  padding-left:0px;
  padding-bottom:3px;
  padding-top:3px;
}
a.leftthree:link, a.leftthree:active, a.leftthree:visited {
  font-family: Arial, Verdana, Serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
}

DIV.level2no {
  background: transparent url(img/arrow.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width:125px;
  padding-top:0;
  margin-left:15px;
  padding-left:10px;
  padding-bottom:4px;
}
DIV.level2nopic {
  width:125px;
  padding-top:0;
  margin-left:15px;
  height:12px;
  padding-left:10px;
  padding-bottom:4px;
}

a.leftwo, a.leftwo:active, a.leftwo:visited {
  color: #ffffff;
  font-family: Arial, Verdana, Serif;
  font-size: 11px;
  padding-left:2px;
  padding-top:1px;
}

DIV.level4no {
  background: transparent url(img/bullet.png);
  background-position: 0px -2px;
  background-repeat: no-repeat;
  width:125px;
  padding-top:0;
  margin-left:15px;
  padding-left:10px;
  padding-bottom:4px;
}
DIV.level4nopic {
  width:125px;
  padding-top:0;
  margin-left:15px;
  height:12px;
  padding-left:10px;
  padding-bottom:4px;
}

a.leftfour, a.leftfour:active, a.leftfour:visited {
  font-family: Arial, Verdana, Serif;
  font-size: 11px;
  padding-left:0px;
  padding-top:0px;
}



#breadcrumb, a.breadcrumb, a.breadcrumb:active, a.breadcrumb:visited {
  font-family: Arial, Verdana, Serif;
  font-size: 10px;
  color: #006699;
}

form {
  margin: 0;
  padding:0;
}
.searchBox {
  background-color: #006699;
  border: 0px solid #006699;
  height: 14px;
  padding: 0;
  color: #ffffff;
  margin:0;
  font-size: 10px;
  width:90px;
  margin:0;
  margin-left:3px;
  margin-top:0px;
  border:0;
}
.formfield {
  border: 1px solid #00699C;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #00699C;
  margin: 0px;
}

.splashform {
  font-family: arial, helvetica, sans-serif;
  border: solid 1px #68676B;
  background-color: #FFFFFF;
  font-size: 10px;
  color: #000;
}
.searchform {
  font-family: arial, helvetica, sans-serif;
  background-color: #FFFFFF;
  font-size: 10px;
  color: #000;
}
p, p.bodytext, p.csc-form-label, .text {
  margin:0;
  padding:0;
  padding-top:2px;
  font-size: 12px;
  padding-bottom:2px;
}
.csc-uploads-fileName a {
   font-size: 9px;
}
#content .csc-uploads-fileName a, .csc-uploads-fileSize p {
  font-size: 12px;
}
.csc-frame-rulerAfter, .csc-frame-rulerBefore  {
   height:1px;
   border-top:1px #006699 solid;
   background-color: #fff;
   font-size: 1px;
   padding:0px;
   margin-top:3px;
   margin-bottom:3px;
}
.csc-frame-frame1 {
     border-top:1px #006699 solid;
     border-bottom: 1px #006699 solid;
}

.csc-frame-frame1 h1{
   margin-top:3px;
   margin-bottom:3px;
}

.csc-menu-2 {
  padding:0;
  margin:0;
  background: transparent url(img/line.gif);
  background-position: 0px 5px;
  background-repeat: repeat-y;
   background-color: #fff;
}
.menuLevel0{
  background-color: #ccc;
  background: transparent url(img/line.gif);
  background-position: 0px 5px;
  background-repeat: repeat-y;
}
.menuLevel0end{
  background-color: #fff;
}
.menuLevel2 {
  background: transparent url(img/line.gif);
  background-position: 0px 0px;
  background-repeat: repeat-y;
  padding:0;
  margin:0;
  margin-left:17px;
  margin-bottom:10px;
}
.menuLevel3 {
  background: transparent url(img/line.gif);
  background-position: 0px 0px;
  background-repeat: repeat-y;
  padding:0;
  margin:0;
  margin-left:17px;
  margin-bottom:10px;
}
.menuLevel4 {
  background: transparent url(img/line.gif);
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-color: #fff;
  padding:0;
  margin:0;
  margin-left:17px;
  margin-bottom:10px;
}

.csc-sitemap-level1 {
  padding:0;
  margin:0;
  background: transparent url(img/kreuzvar.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level1 a {
  padding:0;
  margin:0;
  padding-left:2px;
  font-family: Arial, Verdana, Serif;
  font-size: 12px;
  color: #006699;
  font-weight: bold;
}
.csc-sitemap-level1 img {
  padding:0;
  margin:0;
  padding-top:2px;
  padding-left:8px;
}
.csc-sitemap-level2 {
  background: transparent url(img/kreuzvar.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level2end {
  background: transparent url(img/singleend.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level2 a, .csc-sitemap-level2end a {
  padding:0;
  margin:0;
  padding-left:2px;
  font-family: Arial, Verdana, Serif;
  font-size: 12px;
  color: #006699;
  font-weight: bold;
}
.csc-sitemap-level2 img, .csc-sitemap-level2end img {
  padding:0;
  margin:0;
  padding-top:2px;
  padding-left:8px;
}
.csc-sitemap-level3 {
  background: transparent url(img/kreuzvar.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level3end {
  background: transparent url(img/singleend.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level3 a, .csc-sitemap-level3end a {
  padding:0;
  margin:0;
  padding-left:2px;
  font-family: Arial, Verdana, Serif;
  font-size: 12px;
  color: #006699;
  font-weight: bold;
}
.csc-sitemap-level3 img, .csc-sitemap-level3end img {
  padding:0;
  margin:0;
  padding-top:2px;
  padding-left:8px;
}
.csc-sitemap-level4 {
  background: transparent url(img/kreuzvar.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level4end {
  background: transparent url(img/singleend.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;;
  background-color: #fff;
  padding-left:10px;
}
.csc-sitemap-level4 a,.csc-sitemap-level4end a {
  padding:0;
  margin:0;
  padding-left:2px;
}
.csc-sitemap-level4 img, .csc-sitemap-level4end img {
  padding:0;
  margin:0;
  padding-top:2px;
  padding-left:8px;
}



p.csc-linkToTop {
  clear:both;
  text-align:right;
}


.csi-textpic{
		padding: 0px;
}
csi-textpic csi-intext-left {		border: 1px solid yellow;  }

	
.csi-textpic img {
   margin: 4px;
                    
}
	
.csi-textpic .csi-caption {
		text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
		font-style: italic;  /*XXX demo only*/
}
	
.csi-textpic .csi-image {
		/*border: 1px solid red;  XXX demo only*/
		margin: 0 0 3px 0;  /*XXX demo only*/
		 /*background: #FFF; XXX demo only*/
		 /*width: 210px;will have to be an inline style - controlled by TS*/
}

.csi-textpic .csi-imagewrap {
		/*border: 1px solid blue; XXX demo only*/
}
	
.csi-textpic .csi-text {
		/*border: 1px solid silver; XXX demo only*/
		text-align: left; /*will have to be an inline style - controlled by TS*/ 
}
	

	/* CENTER */
	
.csi-center .csi-image {
		margin: 0 auto 3px;
	
}
	
	/* RIGHT */
.csi-right div.csi-image {
		float: right;
		clear: both;
}
	
.csi-right div.csi-text {
		clear: right;
}
	
	
	/* LEFT */
.csi-left div.csi-image {
   float: left;
   clear: both;
}
	
.csi-left div.csi-text {
   clear: left;
}
	
	
/* INTEXT LEFT */
.csi-intext-left .csi-image {
  float: left;
  clear: both;
  margin-right: 5px;
  margin-left: 3px;
}
	
	
	/* INTEXT RIGHT */
	.csi-intext-right .csi-image {
		float: right;
		clear: both;
		margin-left: 5px;
	}
	
	
	/* INTEXT RIGHT NOWRAP */
	.csi-intext-right-nowrap .csi-text {
		/*margin-right: 215px; will have to be an inline style - controlled by TS*/
	}
	
	.csi-intext-right-nowrap .csi-image {
		float: right;
		clear: both;
	}
	
	
	/* INTEXT LEFT NOWRAP*/	
	.csi-intext-left-nowrap .csi-text {
		margin-left: 215px; /*will have to be an inline style - controlled by TS*/
	}
	
	.csi-intext-left-nowrap .csi-image {
		float: left;
		clear: both;
	}