/* 
    Layout for weststadt.de
    Done in a hurry.
    alpha@webmonster.de, 2003
*/
div.ZMSGraphic {
  background-color: transparent;
}

.ticker {
  margin-left: 10px;
  width: 988px;
  overflow: hidden;  
}
.ticker span {
	float: left;
	margin-right: 30px;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: 968px;*/
        width: 100%;
	height: 120px;
	margin: 0px;	
        padding: 0px;
        background: url(http://www.weststadt.de/common/SchienenOrangeBreit.jpg);
}
#logoimg {
        position: absolute;
        top: 5px;
        right: 50px;
        border: 0px;
        width: 229px;
        height: 100px;
}
#channels {
    position: absolute;
    top: 120px;
    left: 0px;
    /*width: 968px;*/
    width: 100%;
    height: 30px;
    
    margin: 0px;	
    padding: 0px;
    border: 0px;
    
    /*line-height: 20px;*/
    /*background-color: #FFCCA6;*/
    background-color: #9fc5ff;
    color: #4F4F4F;
    font: 18px/20px 'Trebuchet MS', Myriad, sans-serif;
    /*vertical-align: middle;
    text-align: center;
    overflow: hidden;*/
}
#channels td {
        text-align: center;
}
    
#navi {
        background: url(http://www.weststadt.de/common/SchienenSchmalGruen.jpg);
	position: absolute;
	top: 150px;
	left: 0px;
	width: 180px;
	height: 100%;
	margin: 0px;
	padding: 4px;
        color: #4F4F4F;
}
#navi a {
    font-style: italic;
    font-size: 14px;
}
#navi div {
    padding: 8px;
    margin: 8px;

}
#content {
	position: absolute;
	top: 158px;
	left: 205px;	
	width: 733px;
        padding: 8px;	
        margin: 0px;
        color: #4F4F4F;
}
#entrypage {
	position: absolute;
	top: 150px;
	left: 0px;	
	width: 968px;
        padding: 0px;	
        margin: 0px;
        color: #4F4F4F;
        text-align: center;
}
#uebersicht {
    text-align: center;
}
#uebersicht td {
    padding-left: 50px;
    padding-right: 25px;
    padding-top: 0px;
    padding-bottom: 20px;
    margin: 0px;
    border: 0px;
}
#uebersicht img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#uebersicht div {
    width: 130px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    
    line-height: 30px;
    
    /*background-color: #FFCCA6;*/
    background: url(http://www.weststadt.de/common/icon-backdrop.gif);
    color: #4F4F4F;

    font: small-caps 16px/26px 'Trebuchet MS', Myriad, sans-serif;
    text-align: center;
    vertical-align: middle;
}

#functions {
  position: absolute;
  top: 7px;
  left: 312px;
  width: 300px;  	
}
#suche {
	position: absolute;
	top: 6px;
	left: 624px;
	width: 156px;
	display: inline;
	margin: 0px;
}
#navMicro {
	position: absolute;
	top: 80px;
	left: 40px;
	width: 688px;
        line-height: 20px;
	margin : 0px;
        padding: 0px;
	z-index: 2;
        /*background-color: #efefef;*/
        /*border-bottom: solid 2px #cdcdcd;*/
}
#banner {
	position: absolute;
	left: 312px;
	top: 36px;
	width: 468px;
	z-index: 7;
}
#bild {
	position: absolute;
	top: 20px;
	left: 192px;
	width: 484px;
	height: 50px;
	z-index: 7;
        /*background-color: #efefef;*/
        text-align: right;
}
#service {
	/*position: absolute;
	top: 150px;
	left: 568px;
	width: 160px;*/
	/*background-color : #dfdfdf;*/
	/*padding: 10px 0px 10px 0px;*/
        padding: 8px;
        margin: 0px;
	z-index: 2;
}
#endflow {
  text-align: right;
}
#copyright {
      font-style: italic;
      font-weight: bold;
        /*background-color: #efefef;*/
        /*border-bottom: solid 2px #cdcdcd;*/
  text-align: left;
}

.ahem	{
	display:	none;
}
	
/***************/
/* Colorscheme */
/***************/
/*
.primColorStrong0 { background-color:#7F7F7F; } 
.primColorMedium0 { background-color:#DFDFDF; } 
.primColorLight0 { background-color:#EFEFEF; } 

.secndColorStrong1 { background-color:#2E659F; }
.secndColorStrong0 { background-color:#4B89CA; } 
.secndColorMedium1 { background-color:#B5C8DB; } 
.secndColorMedium0 { background-color:#C8D3DD; } 
.secndColorLight1 { background-color:#E1E8EF; }
.secndColorLight0 { background-color:#E8EFF6; }

.teaserColor { background-color:#9e001c; } 
*/

.neutralColorBlack { background-color:#7F7F7F; }
.neutralColorStrong0 { background-color:#CDCDCD; }
.neutralColorMedium0 { background-color:#CDCDCD; } 
.neutralColorLight0 { background-color:#EEEEEE; } 
.neutralColorWhite { background-color:#FFFFFF; }
.neutralColorTrans { background-color:#00FF00; } 

/********************/
/*Navigation*/
/********************/
a.channels {	
	position: relative;
	/*height: 24px;*/
	/*font-weight : bold;*/
	text-decoration : none;	
        text-align: center;
        font-variant: small-caps;
        font-size: 14px;
	padding : 8px 4px 4px 4px;
	color : #3f3f3f;
}
a.channels:link {				
	color : #3f3f3f;
}
a.channels:hover {
	color : #3f3f3f;
	text-decoration: underline;
}
 a.channels:active {
	color : #3f3f3f;
	text-decoration: none;
}
a.channels:visited {
	color : #3f3f3f;
}
a.channels:visited:hover {
	color : #3f3f3f;
	text-decoration: underline;
}
a.channelactive {
	position: relative;
	/*height: 24px;*/
	/*background-color: #efefef;*/
	color: #000000;		
	font-weight : bold;
        font-size: 15px;
        font-variant: small-caps;
	text-decoration : none;
	padding : 8px 8px 4px 4px;
}
a.channelactive:link {	
	color: #000000;			
}
a.channelactive:hover {
	color: #000000;			
	text-decoration : none;
}
 a.channelactive:active {
	color: #000000;			
}
a.channelactive:visited {
	color: #000000;			
}
a.channelactive:visited:hover {
	color: #000000;		
	text-decoration : none;
}
.level1 {
	margin-left : 0px;
}
.level2 {
	margin-left : 20px !important;
}
.level2 a {
	font-size: 13px !important;
	font-style: normal !important;
}
.level3 {
	margin-left : 30px !important;
}
.level3 a {
	font-size: 12px !important;
}
.level4 {
	margin-left : 40px !important;
}
.level4 a {
	font-size: 11px !important;
}
a.navi {
	text-decoration : none;
	color : #3f3f3f;		
	padding: 4px 4px 4px 0px;
}
a.navi:link {
	color : #3f3f3f;
}
a.navi:visited{	
	color : #3f3f3f;
}
a.navi:hover {	
	color : #3f3f3f;
  text-decoration: underline;
}
a.navi:visited:hover {	
	color : #3f3f3f;
	text-decoration: underline;
}
a.navi:active{	
	color : #3f3f3f;
}
a.naviactive {
	font-weight: bold;
	color : #000000;
}
a.naviactive:link {	
	color : #000000;
}
a.naviactive:visited {		
	color : #000000;
}
a.naviactive:hover {	
	color : #000000;
	text-decoration: underline;
}
/*a.naviactive:hover:visited {	
	color : #4f4f4f;
	text-decoration: underline;
}*/
.navMicro {
	font-size: 11px;
	color : #4F4F4F;
	text-align : left;
}

/***************/
/* Links */
/***************/

a:link {
	text-decoration : none;
	color : #3f3f3f;
}
a:hover {
	text-decoration : underline;
	color : #3f3f3f;
}
a:visited {
	color : #3f3f3f;
	text-decoration: none;
}
a:visited:hover {
	color : #3f3f3f;
	text-decoration : underline;
}

/*********************/
/* Textbody-Elements */
/*********************/

body, form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
  font : 14px/20px 'Trebuchet MS', Myriad, sans-serif;
  text-align: left;
}

p {
  text-align: left;
}

ul {
    padding-left: 16px;
    margin-left: 0px;
}

body.web {
	font: 14px/20px 'Trebuchet MS', Myriad, sans-serif;
	/*background: url(http://www.weststadt.de/common/bg.gif) repeat-y;*/
        background-color: #ffffff;
        /*background-color: #E5E5DC;*/
	margin : 0px;	
}

h1, h2, h3, h4, h5, .heading1, .heading2, .heading3, .heading4, .heading5 {
  text-align: left;
  padding: 0px;
  margin: 0px;
}

h1.title {
        font: bold italic 20px/36px 'Trebuchet MS', Myriad, sans-serif;
	color: #333333;
}

h1 {
	font: bold 20px 'Trebuchet MS', Myriad, sans-serif;
	color: #333333;
}
h2 {
	font: bold 18px/30px 'Trebuchet MS', Myriad, sans-serif;
	color: #666666
}
h3 {
	font: bold 16px 'Trebuchet MS', Myriad, sans-serif;
        color: #333333;
}
h4 {
	font: bold 15px 'Trebuchet MS', Myriad, sans-serif;
        color: #333333;
}
h5 {
	font: bold 14px 'Trebuchet MS', Myriad, sans-serif;
        color: #333333;	
}
.heading1 {
	font: bold 20px 'Trebuchet MS', Myriad, sans-serif;
	color: #333333;
}
.heading2 {
	font: bold 18px/30px 'Trebuchet MS', Myriad, sans-serif;
	color: #666666
}
.heading3 {
	font: bold 16px 'Trebuchet MS', Myriad, sans-serif;
	color: #333333
}
.heading4 {
	font: bold 15px 'Trebuchet MS', Myriad, sans-serif;
}
.heading5 {
	font: bold 14px 'Trebuchet MS', Myriad, sans-serif;
}
.small {
  font-size: 11px;
}
.smalllight {
  font-size: 11px;
  color: #666666;
}
.caption, .description {
  font-size: 14px;
  font-variant: small-caps;
  color: #333333; 
  text-align: center;
}
p.centered {
  text-align: center;
  /*font-size: 12px;*/
}
p.emphasis {
  background-color:#efefef;
  /*margin-left: 20px;
  margin-right: 30px;*/
  /*line-height: 18px;*/
  padding: 5px;
  /*font-style: italic;*/
}
p.em, em {
  /*color: #CDCDCD;*/
  font-weight: bold;
}
.Adresse {
  font-size: 11px; 
}
.Datum {
  font-style: italic;
  font-size: 11px;
  margin: 0px;
}
.Referenz {
  font-size: 11px; 
}
sup, sub {
  font-size: 10px; 
}
.lehrbild {
  float : right;
  margin-left: 5px;
  margin-bottom : 5px;  
  border: solid #CDCDCD 1px;
}
.arrup {
  float : right;
  margin-right: 10px;  
}
.kasten {
  background-color: #E7E7E7;
  border: solid #CDCDCD 1px;
  position:relative;
  padding: 0px 10px;   
}
.kastenhell {
  background-color: #EEEEEE;
  border: solid #CDCDCD 1px;
  position:relative;
  padding: 0px 10px;
}


/**********************/
/* Teaser */
/**********************/

.teaserkomplett {
  /*width: 160px;*/
  position: relative;    
  z-index:3;
}
.teaserh1 {
  position: relative;
  line-height: 14px;
  color : #333333;
  /*width: 160px;*/
  font: bold italic 20px/36px 'Trebuchet MS', Myriad, sans-serif;
  text-align: left;
  padding: 4px 0px 16px 0px;
  margin: 0px;	
}
.teaser {
  position: relative;
  color : #666666;
  font: 14px/24px 'Trebuchet MS', Myriad, sans-serif;
  /*width: 160px;*/
  padding: 4px 0px 4px 0px;
  margin: 0px;  	
  text-align: left;
}
.oteaser {
  position: relative;
  color : #666666;
  font-size : 11px;	
  /*width: 160px;*/
  line-height: 14px;
  margin: 0px;
  padding: 4px 0px 4px 0px;
}
A.teaser  {
  color : #9e001c;
  text-decoration: none;
  font-size: 18px;	
}

a.teaser:hover  {
  color : #7F7F7F;	
  text-decoration: underline;
}

a.teaser:visited  {
  color : #9e001c;
  text-decoration: none;
}

a.teaser:visited:hover  {
  color : #7F7F7F;	
  text-decoration: underline;
}

/**********************/
/* Functions */
/**********************/

a.functions{
	color : #FFFFFF;
	font-weight : bold;
	font-size : 10px;
	text-decoration: none;
	padding-left: 20px;	
}
a.functions:visited{
	color : #FFFFFF;	
	text-decoration: none;	
}
a.functions:visited:hover{
	color : #FFFFFF;	
	text-decoration: none;
}
.suchform {	
  border : thin solid #595959;
  font-size: 10px;	
}

/*******************/
/* H.3.6 Sitemap   */
/*******************/

p.sitemapTitle0 {
  margin-top: 0px;
  margin-bottom: 0px;
 }

p.sitemapTitle1 {
  margin-top: 0px;
  margin-bottom: 0px;
 }

td.sitemapTitle0 {
  background-color: #CDCDCD;
  height: 12px;  
 }

td.sitemapTitle1 {
  background-color: #1B746B;
  height: 12px;
 }
 
A.sitemapTitle0:link {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
A.sitemapTitle0:visited {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
A.sitemapTitle1:link {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
A.sitemapTitle1:visited {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
A.sitemapTitle0:hover {
  font-weight: bold;
  color: #1B746B;
  text-decoration: underline;
}
A.sitemapTitle0:active {
  font-weight: bold;
  color: #1B746B;
  text-decoration: underline;
}
A.sitemapTitle1:hover {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}
A.sitemapTitle1:active {
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}
td.sitemapElement0 {
  height: 12px;  
}
td.sitemapElement1 {
  height: 12px;
}
p.sitemapElement0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
p.sitemapElement1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
A.sitemapElement0:link {
  font-weight: normal;
  text-decoration: none;
}
A.sitemapElement0:visited {
  font-weight: normal;
  text-decoration: none;
}
A.sitemapElement1:link {
  font-weight: bold;
  text-decoration: none;
}
A.sitemapElement1:visited {
  font-weight: bold;
  text-decoration: none;
}

A.sitemapElement0:hover{
  color: #1B746B;
  text-decoration: underline;
}
A.sitemapElement0:active {
  color: #1B746B;
  text-decoration: underline;
}
A.sitemapElement1:hover {
  color: #1B746B;
  text-decoration: underline;
}
A.sitemapElement1:active {
  color: #1B746B;
  text-decoration: underline;
}

/*************************/
/* Management Interface  */
/*************************/

.cmsTxtColorStrong0 { color: #333333; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #000000; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #efefef; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #E5E5DC; } /* primColorLight0 */
.cmsBgColorLight0 { background-color: #FFFFFF; } /* neutralColorWhite */

.ftTH { background-color:#e7e7e7; vertical-align:top;}
.ftTD { background-color:#efefef; vertical-align:top;}

a img { border:0; }