/* www.cst.com Stylesheet*/

/* Colors
#ab1414 - dark red - Links
#fff8f8 - very light red - internalFAQ

#4A4949 - dark Grey - Text
#7b7b7b - medium grey - 
#cacaca  - light grey - h2
#d1d1d1 - very light grey - hr
#e9e9e9 - very very light grey - sidemenu-dark
#f3f3f3 - extreme light grey - tdHead, sidemneu-light
*/

/* default values and general purpose classes */

/* Landing Page: 3 Column Layout -------------------------------------------------------*/

#top-section {
width:100%;
font-size:13px;
line-height: 18px;
}

#left-column, #center-column, #right-column 
{
float:left;
width: 235px;
font-size:13px;
line-height: 18px;
}

#left-column {
margin: 25px 25px 0 0;
}

#center-column {
margin: 25px 25px 0 0;
}


#right-column {
margin-top: 25px;
}

h3.LandingPage 
{
font-size:13px;
font-weight: bold;
padding-top: 5px;
margin-bottom: 8px; 
}    

.rightImageLandingPage
{
	margin: 0px 0px 10px 0px;
}

/* ----------------------------------------------------------------------------------------*/




body
{
	color:#4A4949;
	font-family:Verdana,sans-serif;
	font-size: 10pt;
    font-weight: normal;
	line-height: 12pt;
	text-align: left;
	margin: 0px;
	overflow: scroll;
}

img
{
	border-width:0px;
}

a[href^="http://"] {
	background:transparent url(/images/icons/i_link_extern.gif) no-repeat scroll right center;
	padding-right:18px;
}

a[href^="http://www.cst.com"], a[href^="http://updates.cst.com"]{
	background:none !important;
	padding-right:0px;
	text-decoration: none;  
}

a[href^="mailto:"]{
	background:transparent url(/images/icons/i_mail.gif) no-repeat scroll right center;
	padding-right:18px;
	text-decoration: none;  
}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/images/icons/i_pdf.gif) no-repeat center right;
}

a[href^="/Showroom/"] {
	background:transparent url(/images/icons/i_film.gif) no-repeat scroll right center;
	padding-right:18px;
}

.download {
    padding-right: 18px;
    background: transparent url(/images/icons/i_download.gif) no-repeat center right;
}

.back {
    padding-right: 18px;
    background: transparent url(/images/icons/i_back.gif) no-repeat center right;
}

.creditcards {
    padding-right: 18px;
    background: transparent url(/images/icons/i_creditcards.gif) no-repeat center right;
}

.film {
    padding-right: 18px;
    background: transparent url(/images/icons/i_film.gif) no-repeat center right;
}

a.noIcon, .enewsletter a{
	background:none !important;
	padding-right:0px;
	text-decoration: none;  
}


a:link , a:visited, a:active {
    text-decoration: none;    
    color:  #ab1414;
    outline: none;
}

a:hover {
    text-decoration: underline;
    color:  #ab1414;
}

.top_nav_bar_menu a:focus, .sideMenu a:focus {
	/* für Firefox 3, damit keine "Reste" vom Focusrahmen bei <div> innerhalb von <a> (ist nicht erlaubt) angezeigt werden  */
	outline-style: none;
}

p a:link , p a:visited, p a:active {
	text-decoration: underline;
 outline: none;
}

p  {
	margin: 1.12em 0; /* W3C recomendation for CSS 2.1 */
	padding: 0;
}

p.category 
{
    margin-bottom:30px;
    }
p.category a:link, p.category a:visited, p.category a:active
{
 text-decoration: none;
}    

b, strong {
	font-weight: bold;
}

ul {
	list-style-type:square;
}

pre {
	border-style:solid;
	border-color: #cacaca;
	border-width: 1px;
	background-color: #ffffff; 
	padding:10px;
}

input, textarea, select
{
	font-family:Verdana,sans-serif;
	font-size: 10pt;
}

hr {
	height:1px; 
	border-top:1px solid #d1d1d1; 
	border-left:0; 
	border-right:0; 
	border-bottom:0;
}

h1  {
	font-size: 16pt;
	font-weight: normal;
	line-height: 16pt;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 14px;

}

h1.intro 	
    {
    font-size:2em;
    line-height: 1.2em;
	font-weight: bold;
	color:#4E4E50;
	text-align: left;
	padding:0;
	margin: 25px 0 0 0;
}

h2.category
    {
    font-size:1.1em;
    font-weight: bold;
    color:#4E4E50;    
    border:0px;
    padding: 0px;
    margin-bottom: -12px;
    }

h2  {
    font-size:  12pt;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cacaca;	
}

.enewsletter h2 {
	height: 16px;
	padding-top: 40px;
	margin:0px;
	margin-bottom: 10px;
	clear:both;		
	display:block;
}

h3  {
	font-size:  10pt;
    font-weight: bold;
	padding-top: 5px;
	margin-bottom: 8px;
}


h4  {
	font-size:  10pt;
    font-weight: bold;
	padding-top: 5px;
	margin-bottom: 3px;
}

h5
{
	font-size:  10pt;
    font-weight: bold;
	margin: 0px;
}

table, tbody, tr, td {
	border-style:none;
	
	font-family:Verdana,sans-serif;
	font-size: 10pt;
    font-weight: normal;
	line-height: 12pt;
	text-align: left;
}

.tdStyle01
{
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cacaca;
	vertical-align:top;
}

.tdHeadStyle01
{
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
    color: #000000;
	background-color: #f3f3f3;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#cacaca;
}

.trNumericPages01
{
	font-weight: bold;
	background-color: #f3f3f3;
}

.textalignright
{
	text-align: right;
}
.textaligncenter
{
	text-align: center;
}

.noScreen{
	display:none;
}

.noPrint{
	display: block;
}

.text_white_8, a.text_white_8:link, a.text_white_8:visited, a.text_white_8:active
{
	font-size:8pt;
	color:#ffffff;
	text-decoration:none;
}

a.text_white_8:hover 
{
	text-decoration:underline;
}

.leftImage
{
	float:left;
	margin: 0px 10px 10px 0px;
}

.rightImage
{
	float:right;
	margin: 0px 0px 10px 10px;
}

.borderForImage
{
	 border-width:1px; 
	 border-style:ridge; 
	 border-color:gray;
}

.imageCaption
{
	text-align:center;
	font-size: 8pt;
	line-height: 9pt;
	margin-bottom: 20px;
}

.imageCaptionRight
{
    padding-right:50px;
	text-align:right;
	font-size: 8pt;
	line-height: 9pt;
	margin-bottom: 20px;
}

.imgIcon
{
	vertical-align: baseline;
}

.article-icon-overlay
{
	position:relative;
	left:-100px;
	top:10px;
	float:left;
	margin-right: -26px
}

.quote {
	text-align: right;
	margin: 20px 50px;
	padding: 15px;
	/*background-color:#f3f3f3;*/
	border: dashed 1px #cacaca;
}

blockquote {
	margin: 0px 0px 10px;
	text-align:left;
}

.clear {
	clear:both;		
	display:block;
}


/* special formated elements*/
.masterForm
{
	background-image: url(/images/top_nav_back.jpg);
	background-repeat:repeat-x;
}

#mainframe
{
	margin: auto;
	width:945px;
}


#top_nav{
	height: 115px;
}

.top_nav_logo{
	float:left;
}

#top_nav_company_name{
	float:left;
}

#top_nav_text_links{
	height:30px;
	color:#ffffff;
	text-align:right;
	padding-top: 5px;
	line-height: 15px;
	padding-right:5px;
}

.top_nav_bar
{
	position: relative;
	top: -5px;
	font-weight: bold;
	font-size: 13px;
	vertical-align: text-top;
	float:left;
	text-align: left;
	color: #4A4949;
}

.top_nav_bar a:link, .top_nav_bar a:visited, .top_nav_bar a:hover, .top_nav_bar a:active
{
	text-decoration: none;
	cursor: pointer;
}

.top_nav_bar_menu
{
	width: 240px; 
	padding-left: 7px; /* war 20px */
}

.top_nav_bar_search
{
	/* width: 25%;  */
	padding-left:50px; /* war 25px*/
}

.top_nav_bar_menu .nav
{
	color: White;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	line-height:39px;
	text-align:center;
	width: 103px;
	margin-right: 1px;
	background-repeat: no-repeat;
	background-position:center;
	text-decoration: none;
	background-image: url(/images/top_nav_btn_p.jpg);
	cursor: pointer;
}

.top_nav_bar_menu .nav:hover, .top_nav_bar_menu .selected
{
	background-image: url(/images/top_nav_btn_a.jpg);
}

.top_nav_bar_menu .start
{
	width: 103px;
	padding-left: 5px;
	background-image: url(/images/top_nav_btn_start_p.jpg);
}

.top_nav_bar_menu .start:hover, .top_nav_bar_menu  .start_selected
{
	width: 103px !important;
	padding-left: 5px;
	background-image: url(/images/top_nav_btn_start_a.jpg) !important;
}

.top_nav_bar_menu .end
{
	width: 103px;
	padding-right: 5px;
	background-image: url(/images/top_nav_btn_end_p.jpg);
}

.top_nav_bar_menu .end:hover, .top_nav_bar_menu  .end_selected
{
	width: 103px !important;
	padding-right: 5px;
	background-image: url(/images/top_nav_btn_end_a.jpg) !important;
}


.sideMenu .light
{
	background-color: #f3f3f3;
}

.sideMenu .dark
{
	background-color: #e9e9e9;
}

.sideMenu .nav
{
	width: 190px;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 15px 0px 15px;
	vertical-align: middle;
}

.sideMenu .nav:hover, .sideMenu .nav_selected, .sideMenu .nav_selected:hover
{
	/* doppelter block von .sideMenu .nav wegen IE6 Bug */
	width: 190px;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 15px 0px 15px;
	vertical-align: middle;
	/*****/
	
	background-position:left;
	background-repeat: no-repeat;
	background-image: url(/images/icons/arrow.gif);
	cursor: pointer;
}

.sideMenu .sub
{
	font-weight: normal;
	width: 180px;
	padding: 0px 15px 0px 25px;
}

.sideMenu .sub:hover, .sideMenu .sub_selected, .sideMenu .sub_selected:hover
{
	/* doppelter block von .sideMenu .sub wegen IE6 Bug */
	font-weight: normal;
	width: 180px;
	padding: 0px 15px 0px 25px;
	/*****/
	
	background-position:left;
	background-repeat: no-repeat;
	background-image: url(/images/icons/arrow-sub.gif);
	cursor: pointer;
}

#content_left
{
	float:left;
	margin-top: 35px;
	width: 222px;
}

#content_left a:link, #content_left a:visited, #content_left a:active, #content_left a:hover
{
	color: #4A4949;
	text-decoration: none;
	cursor: pointer;
}

.advertisementImage
{
background: none;
}

#content_slogan
{
    margin:30px 0px 0px 0px;
	float: right;
	width:222px;
}

.content_middle{
	float:left;
	width: 463px;
	margin-top:30px;
	margin: 0px 19px; 
	_margin: 0px 18px; /* IE6 and below */
}
.content_middle_broad{
	float:left;
	width: 704px;
	margin: 35px 0px 0px 19px;
	padding: 0px;
}
.content_middle_wide
{
	float:left;
	width: 755px;
	margin-top: 35px;
	padding: 0px 105px;
}

.content_right
{
	float: left;
	width:222px;
}

#content_banner
{
	height:208px;
	text-align:center;
	margin-bottom: 8px;
}

#content_einklinker
{
	height:66px; 
	text-align:center;
	margin-bottom: 15px;
	
}

#content_banner a:active { outline: none;}


.content_whatsnew_head
{
	width:222px;
	_width: 224px; /* IE 6 */
	height:17px;
	background-image:url(/images/head_back.jpg); 
	background-repeat:repeat-x;
	padding-left: 0px;
	vertical-align:top; 
	font-weight:bold; 
	color:#fff;
}

.content_right_bottom 
{
    float:left; 
    width: 212px;
    text-align: left;
    font-size: 0.8em; 
    padding: 2px 1px 3px 10px;
    background-color: #f3f3f3;
    }
    
#content_footer
{
	clear:left;
	padding-top:10px;
	text-align:right;
	color:#7b7b7b;
}

#content_footer .footer_menu_hr
{
	border-color:#eeeeee; 
	margin-top: 50px;
}

#content_footer .footer_menu
{
	font-size:7pt;
	line-height: 9pt;
	font-weight:lighter; 
	text-align:center;
}


/* sitemap */
.sitemap td
{
	color: #7b7b7b;
}

.sitemapMain
{
	padding-left: 2px;
}

.sitemapSub
{
    font-weight: bold;
	padding-left: 12px;
}

.sitemapSubSub
{
	padding-left: 25px;
}

a.sitemapSub:link , a.sitemapSub:visited , a.sitemapSub:active ,
a.sitemapSubSub:link , a.sitemapSubSub:visited, a.sitemapSubSub:active {
    text-decoration:    none;
    color: #7b7b7b;
}

a.sitemapSub:hover,
a.sitemapSubSub:hover {
    text-decoration:    underline;
	color: #7b7b7b;
}




.SearchButtonStyle
{
	background-repeat: no-repeat;
	background-image: url(/images/icons/search16.gif);
	background-color: #ffffff
}
.SearchButtonStyle:hover
{
	cursor: pointer;
}

.searchresult  .description
{
	margin-top: 5px;
}

.searchresult  .title
{

}

.articledescription {
	margin-left: 110px;
}

.journaldescription {
	margin-left: 170px;
	min-height: 220px;
}

.brochuresdescription {
	margin-left: 215px;
	min-height: 260px;
}


.articleFooter {
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 5px; 
	padding-bottom: 20px; 
	border-top-style:dashed; 
	border-top-width:1px;
}

.allAppArticlesBox {
	border: 1px solid #cacaca; 
	width: 200px; 
	height: 160px; 
	position: relative; 
	overflow: hidden; 
	text-align: center;
}

.allAppArticlesBox .article-icon-overlay {
	position:relative;
	left:5px;
	top:-70px;
	float:left;
}

.allAppArticlesBoxImg{
	position: absolute; 
	bottom: 50px; 
	left: 0px; 
	width: 200px;
}

.allAppArticlesBoxText {
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	text-align: center; 
	width: 190px; 
	background-color: #ffffff
}


/* Formate für Listen im Events Bereich */
.location .date {
	clear: both;
	display:block;
	overflow:hidden;
	width:110px;
	float:left;	
}


.location .location {
	clear:left;
	margin: 0px 100px 15px 110px;	
	/* padding: 0px 0 15px 0; */
}

.location .title
{
	display:block;
	float: left;	
	padding: 0 1.1em 0 0;
	font-weight: bold;
}

.location .full
{
	font-weight:bold;
}

.location .register
{
	text-align:right;
	clear:right;	
	float:right;
	width: 80px;	
    display:block;
}
.places
{
	font-size: 9px;
	}
.location .description
{
	clear:left;
	margin: 1.12em 90px 1.12em 110px;	
	display:block;	
}

/* Request Form */
#formcontainer label 
{
	clear:both;
	float:left;
	width:140px; 
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	clear: both;	
}

#formcontainer .error
{
	/*clear: both;*/
	font-weight: bold;
    color: Red;
}

#formcontainer .field
{
	color: #7B7B7B;
	width: 400px;		
	float:left;
	margin: 4px 0px 0px 0px;
}

#formcontainer .dropdown
{
	color: #7B7B7B;
	/*float:left;*/
	margin: 4px 0px 0px 0px;
}

#formcontainer .button
{
    width: 150px;
	margin-top: 15px;
	margin-left: 140px;
}

#formcontainer fieldset
{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
}

#formcontainer legend
{
	font-weight: bold;
	color: #000000;
}


/* Reference Details */
.label
{
	width: 140px;
	float: left;
	margin-bottom: 5px;
}

.labelValue
{
	padding-left: 140px;
	margin-bottom: 5px;
}

/* Office Locations*/
#officeLocations .label
{
	width: 75px;
	float: left;
	margin-bottom: 3px;
}

#officeLocations .labelValue
{
	padding-left: 75px;
	margin-bottom: 3px;
}


/*Showroom*/
.showroomdescription
{
	margin-left: 200px;
	margin-top: 5px;
}


/* Support ***********/

.box
{
	border-style:solid;
	border-color: #cacaca;
	border-width: 1px;
	background-color: #ffffff; 
	padding:7px;
	margin-bottom: 40px;
}

.topLable
{
	vertical-align: top;
	position:relative;
	top: 4px;

	}
/* FAQ *******************************************************/

a.FaqTopic
{
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 18px;
	padding-right: 5px;
	
	margin:0px;
	display: block;
	float:left;	
	width: 150px;
	/*white-space:nowrap;*/
	overflow:hidden;
}

.faqTopicGroupName
{
	background-color: #f3f3f3; 
	margin:0px; 
	padding:0px; 
	margin-bottom: 1px; 
	padding-left: 4px;
}

.faqTopicGroupName a:hover
{
	cursor: pointer;
}

.faqHighlight
{
	background-color:Yellow;	
}

.InternalFaqTable
{
	background-color:#fff8f8;
}
#SearchOption label 
{
	clear:both;
	float:none;
	font-size:small;
	font-weight:lighter;
	width:90px;
}
#SearchOption
{
	clear:both;
	float:none;
	padding-left: 140px;
	padding-top: 5px;
	padding-bottom:20px;
	}
#antenna-table {
	border-collapse: collapse;
	border-bottom: 2px solid #999;
	margin: 5px 0 10px 0;
	width: 490px;
}

#antenna-table td {
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 5px;
}

#antenna-table strong {
	color: #333;
}

#antenna-table p {
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px 0;
	padding: 0;
}

#antenna-table tr.line {
	border-top: 2px solid #999;
}

#antenna-table td.title {
	background: #e6e6e6;
	font-size: 14px;
}

#antenna-table td.title2 {
	background: #f9f9f9;
	font-size: 12px;
}

#antenna-table td.rowA {
	background: #f0f0f0;
}

#antenna-table td.rowB {
	background: #fafafa;
}

#antenna-table ul {
	list-style-type: none;
	margin: 0;
}

#antenna-table li {
	background: url(../images/list-style.jpg) no-repeat 0px 6px;
	padding: 0 0 5px 15px;
}


.fieldset  {
 width : 400px;
 border-style: solid; 
 border-width: 1px; 
 border-color: #cacaca; 
 padding:10px; 
 margin-top:10px; 
 margin-bottom: 10px;
}

.fieldset legend
{    
    font-weight: bold; 
    color: #000000;
}


#ticketdetail .label
{
    width: 120px;
    font-weight: bold;
    float: left;
    padding-top: 2px;
    padding-bottom: 3px;
}
#ticketdetail .clear
{
    clear: both;
}
#ticketdetail .value
{
    width: 200px;    
    float:left;
    padding-top: 2px;
    padding-bottom: 3px;
}
#ticketdetail h2
{
    font-size:  12pt;
	border-width:1px;
	border-style:solid;
	border-color:#cacaca;	
	padding: 5px 3px 5px 3px;
	margin: 10px 0 8px 0;
	text-align: center;
}
#ticketdetail .notes
{
	background-color: #f3f3f3; 
}
.survey-tableHeader
{
	font-weight: bold;
	text-align: center;
	width: 70px;
	}
.survey-tableColumn
{
	 text-align: center;
	 vertical-align: top;
	}