/* VCAT CSS Document */

html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000;  
  padding:0px 20px;
  margin:0px;
}
p, pre, h2 {
  padding:10px;
  margin:0px
}


h1 {
font-size: 11px;
/*text-transform:uppercase;*/
text-align: left;
color: #000;
/*background-color: #90897a;*/
padding:5px 15px;
margin:0px
}

h2 {
font-size:12px;
padding-top:10px;
/*text-transform:uppercase;*/
color: #ffffff;
background-color: transparent;
}	

a.pop { 
color: #ffffff;
/*font: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 12px;
background-color:transparent;
text-indent:0px;
text-decoration:none;
margin-left:0px;
}
a.pop:hover {
color:#000000;
background-color:#85B1D3;
} 

a.marg { 
color: #ffffff;
/*font: Verdana, Arial, Helvetica, sans-serif;*/
font-size: 12px;
background-color:transparent;
text-indent:60px;
text-decoration:none;
margin-left:10px;
}

a.marg:hover {
color:#000000;
background-color:#85B1D3;
} 

img.marg{
margin-left:12px;
}

img.logo{
margin-top:0px;
}

img.valxhtml{
position:absolute;
top: 620px;
left: 15px;
border:0;
width:88px;
height:31px
}

img.valcss{
position:absolute;
top: 620px;
left: 110px;
border:0;
width:88px;
height:31px
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}




/*  positioning-layers statisch und absolut */
#menu {
  position: absolute;
  width: 200px;
  left: 20px;
  background-color: #ff99CC;
  padding:0px;
  margin:0px
}
#inhalt {
  margin-left: 200px;
  background-color:#fff;
  overflow: auto;
}

 /* ]]> */	
 .contentWrapper1 {
	position: absolute;
	top: 135px;
	left: 10px;
	width: 195px;
	background-color:#247BB6;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	text-indent:inherit;
}
.contentWrapper2 {
	position:absolute;
	top: 10px;
	left: 212px;
	width: 646px;
	background-color:#247BB6;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 0px;
}

.contentWrapperLogo {
	position:absolute;
	top: 10px;
	left: 10px;
	width: 195px;
	background-color:#ffffff;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 2px;
}

.contentWrapperAddress {
	position: absolute;
	top: 505px;
	left: 10px;
	width: 195px;
	background-color:#663366;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	text-indent:inherit;
}
 
  .roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderBL {
    margin-left: -1px;
}
.borderBR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderBR {
    margin-right: -1px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 0px solid #ffffff;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
}

/*main content section*/
.contentMain {
    margin: 0px;
    padding: 0px;
}
.main {
	background: url('images/mainmid.gif');
	width: 646px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -2px;
	text-align: left;
	
}

.maintext {
	margin-left:10px;
	margin-top:-10px;
	margin-right:10px;
	margin-bottom:0px;
}

.logomain {
	background: url('images/logo-centre.gif');
	width: 195px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -2px;
	text-align: center;
}
.contentWrapperMain {
	position:absolute;
	top: 135px;
	left: 212px;
	width: 646px;
	background-color:#ffffff;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 0px;
}
.mainbordTop, .mainbordBottom{
    width: 646px; height: 20px;
    padding: 0px; border: 0px;
    z-index: 99;
}

.logobordTop, .logobordBottom{
    width: 195px; height: 20px;
    padding: 0px; border: 0px;
    z-index: 99;
}

.mainbordTop { float: left; clear: both; }
.mainbordBottom { float: left; clear: both; }
.mainbordTop { margin: -1px 0px 0px -1px; }
.mainbordBottom { margin: -1px 0px 0px 0px; }

/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.mainbordTop {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .mainbordTop {
    margin-left: -1px;
}

.mainbordBottom {
    margin-left: -4px;
    ma\rgin-left: 0px;
}
html>body .mainbordBottom {
    margin-left: 0px;
}

/* infosheet download */
a.infosheet:link{color: #ffffff; font-weight: bold;}
a.infosheet:active{color: #ffffff; font-weight: bold;}
a.infosheet:visited{color: #ffffff; font-weight: bold;}
a.infosheet:hover{color: #ffffff; font-weight: bold;}