/* General Rules */

body {
       
		margin: 100px 0;
		font-size: 80%;
		font-family: Arial, Helvetica, sans-serif;
		font-color: #FFF;
		text-align: center;
		background-image:url(bggradient.gif);
}

/*End General Rules */

/* Layout */

table#maintable {
        width: 900px;
		height: 600px;
		border: 0;
		padding: 0 0;
		margin: 0 0;
		background-image:url(DTM_Metro.jpg);
		align: center;
}

table#header {
        width: 900px;
		height: 90px;
		border: 1px#000;
		padding: 0 0;
		margin: 0 0;
}

div#headerlogo {
        width: 125px;
		height: 90px;
		border: 1px#000;
		padding: 0 0;
		margin: 0 0;
}

div#headernavi {
        width: 650px;
		height: 90px;
		border: 0;
		padding: 0 0;
		margin: 0 0;
}

div#headerlogo2 {
        width: 125px;
		height: 95px;
		border: 1px#000;
		padding: 0 0;
		margin: 0 0;
}

table#contentLayout {
 		width: 900px;
		padding: 0 0;
		margin: 0 0;
}

td#leftColumn {
		vertical-align: top;
		width: 120px;
        border: 0;
}

td#midColumn {
		vertical-align: top;
		width: 800px;
        border-top: solid 2px #666;
		
 }

td#rightColumn {
        margin: 0;
		vertical-align: top;
		width: 100px;
		padding: 0 0;
        border: 0;
}

div#scroller {
        margin: 1em;
		padding: 0 0 0;
		border::0;
    	font-size:80%;
		width: 410px;
		height: 350px;
		overflow: auto;
		
}

div#content {
	     margin: 0;
	     padding: 0 0 0;
	     line-height: 20px;
		 
	     color: #ddd;
	     width: 636px;
	     height: 500px;
}

div#Kontakt {
        float: center;
        width: 900px;
		height: 10px;
		padding: 6;
		margin: 0;
		font-color: #333;
		font-size: 1.2em;
		text-align: right;
		verticle-align: middle;
		
}
/* End Layout */

/* Text Styling */

/*div, td, th, input, select {
  font-size: 1em;
}*/

div {
        font-size: 1.0em;
}

h3 {
        font-size: 1.4em;
		margin: 0;
		padding: 0;
		color: #CCC;
}

h2 {
        font-size: 0.8em;
		margin: 13px 0 5px 0;
		padding: 0;
		font-weight: bold;
		color: #fff;
}

h1 {
        font-size: 0.9em;
		margin: 13px 0 5px 0;
		padding: 0;
		font-weight: bold;
		color: #333333;
}

h1.title{
      font-size: 1.0em;
      margin-top: 0;
	  color: #CC0066;
}

p {
       margin-top: 0;
}

p.white {
       color: #fff;
}

/* End Text Styling */


/* Nav Bar */

ul#navbar {
        float: left;
		margin: 0;
		padding:0;
		list-style: none;
		font-weight: bold;
}

ul#navbar li{
        float: left;
		padding: 6px 4px;
		list-style: none;
		font-weight: bold;
}

/* End Nav Bar */


/* Sub Menus */

div#subMenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
}

div#subMenu li {
		text-align: left;
		margin: 8;
		padding: 0 0 0;
}

/* End Sub Menus */


/* Links */


a {
        color: #444;
		font-size: 0.7em;
		text-decoration: none;
}

a:hover {
        color: #00FF66;
}

/* End Links */


/* Tables */

table.data {
        border: 0;
		margin: 0;
		width: 100%;
}

table#top {
         margin-top: -4px;
}

table.data th{
         background-color: #666;
		 color: #f38f01;
}

table.data td{
		vertical-align: top;
        width: 100%;
}

table.data td.left{
        width: 100%;
		vertical-align: top;
}

table.data td.middle{
        width: 100%;
		vertical-align: top;
}

table.data td.right{
         width: 100%;
		 vertical-align: top;
}


/*  End Tables */

/* General */

ul {
        margin-top: 10px;
}

div.small input{
        vertical-align: middle;
}

div.hide {
        display: none;
}

div.floatLeft {
        float: left;
}

div.floatRight {
        float: right;
		text-align: left;
		width: 48%;
}

div.clear {
         clear:both;
         height: 15px;
}
/* End General */