body {
	background-color: #007281;
	background-image: url(../img/bodygradientext.jpg); 
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

a{
	text-decoration: none;
	color: #00717f;
}
a:active{
	text-decoration: none;
	color: #00717f;
}
a:visited{
	text-decoration: none;
	color: #00717f;
}
a:link{
	text-decoration: none;
	color: #00717f;
}
a img {
	border-width: 0px;
}

.layerbody {
	width: 1020px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	text-align: left;
}

.layerbodygradient {
	width: 984px;
	margin-left: 18px;
	padding: 0px;
	border: none;
	background-image: url(../img/bodygradient.jpg);
}

.layertopmenucontainer {
	margin-top: -190px;
	width: 900px;
}
.layertopmenucontent {
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #c9e8ea;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	margin-left: 460px;
	width: 600px;
}


.layertopmenucontent a{
	text-decoration: none;
	color: inherit;
}
.layertopmenucontent a:active{
	text-decoration: none;
	color: #c9e8ea;
}
.layertopmenucontent a:visited{
	text-decoration: none;
	color: #c9e8ea;
}
.layertopmenucontent a:link{
	text-decoration: none;
	color: #c9e8ea;
}
.layertopmenucontent a:hover{
	text-decoration: none;
	color: #FFFFFF;
}

.layertitlecontainer {
	margin-left: 4px;
	margin-top: -12px;
	padding-left: 5px;
	width: 996px;
	position: relative;
}
.layertitlecontent {
	width: 981px;
	font-size: 12px;
	color: #000000;
	background-image: url(../img/titlegradient.jpg);
	background-repeat: repeat-x; 
	position: relative;
}

.layermaincontainer {
	margin-left: 4px;
	margin-top: 5px;
	padding-left: 5px;
	width: 996px;
	position: relative;
}
.layermaincontent {
	width: 981px;
	color: #000000;
	background-color: #FFFFFF;
	position: relative;
}

.shadowmaindown {
	background-image: url(../img/mainshadow/down-gradient.jpg); 
	background-repeat: repeat-x;
}

.shadowmainright {
	background-image: url(../img/mainshadow/right-gradient.jpg); 
	background-repeat: repeat-y;
}

.layermainmenucontainer {
	margin-left: 26px;
	margin-top: 147px;
	padding-left: 0px;
	width: 980px;
	z-index: 10;
	position: relative;
}
.layermainmenucontent {
	width: 980px;
	color: #000000;
	overflow: hidden;
}
.menumain {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.menumain li {
	float: left;
	margin: 0px;
	margin-right: 1px;
	padding: 0px;
}

.layermaintextcontainer {
	margin-left: 17px;
	margin-top: -70px;
	padding-left: 0px;
	width: 948px;
	z-index: 10;
}

.layermaincontentinternleft {
	width: 617px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding-top: 23px;
	position: relative;
	background-color: #e7f2f5;
}
.layermaincontentinternright {
	width: 310px;
	margin-top: 55px;
	position: relative;
}


.menusecond {
	margin-top: -7px;
	font-size: 12px; 
	font-weight: bold;
}
.menusecond ul{
	list-style-type: none;
}
.menusecond li{
	float: left;
	margin-right: 10px;
	margin-top: -10px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
.menusecondnormal {
	color: #00717f;
	background-image: url(../img/arrow.png);
}
.menusecondnormal a{
	text-decoration: none;
	color: inherit;
}
.menusecondnormal a:active{
	text-decoration: none;
	color: #00717f;
}
.menusecondnormal a:visited{
	text-decoration: none;
	color: #00717f;
}
.menusecondnormal a:link{
	text-decoration: none;
	color: #00717f;
}
.menusecondnormal a:hover{
	text-decoration: none;
	color: #ff6000;
}
.menusecondselected {
	
	color: #ff6000;
	background-image: url(../img/arrow-selected.png);
}
.menusecondselected a{
	text-decoration: none;
	color: inherit;
}
.menusecondselected a:active{
	text-decoration: none;
	color: #ff6000;
}
.menusecondselected a:visited{
	text-decoration: none;
	color: #ff6000;
}
.menusecondselected a:link{
	text-decoration: none;
	color: #ff6000;
}

.menuthird {
	font-size: 12px; 
	font-weight: normal;
	float: left;
}
.menuthird ul{
	list-style-type: none;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 50px;
}
.menuthird li{
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
.menuthirdnormal {
	color: #00717f;
	background-image: url(../img/arrow.png);
}
.menuthirdnormal a{
	text-decoration: none;
	color: inherit;
}
.menuthirdnormal a:active{
	text-decoration: none;
	color: #00717f;
}
.menuthirdnormal a:visited{
	text-decoration: none;
	color: #00717f;
}
.menuthirdnormal a:link{
	text-decoration: none;
	color: #00717f;
}
.menuthirdnormal a:hover{
	text-decoration: none;
	color: #ff6000;
}
.menuthirdselected {
	
	color: #ff6000;
	background-image: url(../img/arrow-selected.png);
}
.menuthirdselected a{
	text-decoration: none;
	color: inherit;
}
.menuthirdselected a:active{
	text-decoration: none;
	color: #ff6000;
}
.menuthirdselected a:visited{
	text-decoration: none;
	color: #ff6000;
}
.menuthirdselected a:link{
	text-decoration: none;
	color: #ff6000;
}

.gradientboxbg {
	background-image: url(../img/boxgradient.jpg);
	background-repeat: repeat-x;
}

.gradientboxbgdark {
	background-image: url(../img/boxgradient_dark.jpg);
	background-repeat: repeat-x;
}


.pictogrambox {
	background-image: url(../img/pictograms/pictogramboxgradient.jpg);
	background-repeat: repeat-x;
	width: 311px;
	height: 54px;
	text-transform: uppercase;
	font-weight: bold;
}
.pictogrambox span{
	margin-left: 30px;
	margin-top: 5px;
}
.pictogrambox a{
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
}
.pictogrambox a:active{
	text-decoration: none;
	color: #FFFFFF;
}
.pictogrambox a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
.pictogrambox a:link{
	text-decoration: none;
	color: #FFFFFF;
}

.gradientboxnoimg {
	width: 236px; /* IE WIDTH BUG FIX WITH JS! here it is given for normal browsers*/
	height: 124px;
	vertical-align: top;
}
.gradientboxnoimg table{
	margin-top: 8px;
	margin-left: 10px;
}
.gradientboxnoimgtextpart {
	width: 226px;
	height: 94px;
	vertical-align: top;
}
.gradientboxnoimgbuttonpart {
	width: 236px;
	height: 22px;
	text-align: right;
	vertical-align: bottom;
}

.gradientboxwithimg {
	width: 311px; /* IE WIDTH BUG FIX WITH JS! here it is given for normal browsers*/
	height: 129px;/* 124 + 4px vertical spacer*/
	vertical-align: top;
}
gradientboxwithimgtitle {
	width: 311px; /* IE WIDTH BUG FIX WITH JS! here it is given for normal browsers*/
	height: 150px;/* 124 + 4px vertical spacer*/
	vertical-align: top;
}

.gradientboxwithimg table{
	margin-top: 0px;
	margin-left: 0px;
}
.gradientboxwithimgtext {
	padding-left: 5px;
	padding-top: 5px;
	width: 206px;
	height: 97px;
}
.gradientboxwithimgbuttonpart {
	width: 216px;
	height: 22px;
	text-align: right;
	vertical-align: bottom;
}


.gradientboxspacer {
	background-color: #FFFFFF;
	width: 6px;
}

.gradientboxtitle {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	/*letter-spacing: 0.13em;*/
}

.gradientboxtitle img{
	margin-bottom: 12px;
}

.gradientboxtext {
	color: #c9e8ea;
	font-size: 12px;
	padding-right:5px;
}

.gradientboxlink {
	vertical-align: bottom;
}

.gradientboxlink img{
	width: 82px;
	height: 22px;
}


.layermaincontent {
	
}

.layerdowncontainer {
	margin-left: 4px;
	margin-top: 0px;
	padding-left: 5px;
	width: 996px;
	position: relative;
}

.layerdowncontent {
	width: 981px;
	color: #c9e8ea;
	position: relative;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}




.layerdowncontent a{
	text-decoration: none;
	color: inherit;
}
.layerdowncontent a:active{
	text-decoration: none;
	color: #c9e8ea;
}
.layerdowncontent a:visited{
	text-decoration: none;
	color: #c9e8ea;
}
.layerdowncontent a:link{
	text-decoration: none;
	color: #c9e8ea;
}
.layerdowncontent a:hover{
	text-decoration: none;
	color: #FFFFFF;
}


.busdetails1 {
	margin: 5px 5px 5px 5px;
}

.busdetails2 {
	margin-left: 5px;
}

.busdetails3 {
	margin-left: 7px;
	margin-right: 5px;
}

.busdetailstext {
	padding-left: 5px;
	padding-right: 5px;
}


/*classes, used by the rte but never defined in typo LOL*/

.align-center {
	text-align:center;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.align-justify {
	text-align:justify;
}