/* Main ----------------------------------------- */
html { overflow-y:scroll; color:#FFF; background:#000; }
body { background:#000; color:#FFF; background:#000; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; margin:0; padding:0 0 20px 0; }
* { margin:0; padding:0; }
a:link, a:visited { /*padding:4px;*/ color:#ffffff; text-decoration:none; }
a:hover, a:focus, a:active { color:#fff; text-decoration:underline; }
h1,h2,h3,h4 { margin-top:0; font-weight:normal; }
.clearboth { clear: both; }


#flash_replace { width: 874px; height: 182px; overflow: hidden; }



.contenttable { border: none; }
.contenttable td { vertical-align: top; }
th, td { border: none; }



.bodytext { margin: 0px; padding: 0px; }
.csc-uploads,  .csc-uploads td { margin: 0px; padding: 0px; }
.csc-uploads td a { text-decoration: underline; }
.testimonial_br { display: block; border-bottom:1px solid #3c3c3c; padding-bottom:6px; }



.pricelist { border-bottom:1px solid #3c3c3c; padding-bottom:6px; margin-bottom: 15px; }
.pricelist_description { font-weight: bold; }
.pricelist_price {  }


.css-mailform {  }
.csc-mailform-field { margin-bottom: 7px; }
.csc-mailform-field label { display: inline-block; width: 140px; font-size: 93%}
.csc-mailform-submit { margin-left: 140px; }

.csc-uploads { }
.csc-uploads td { border: none; padding-bottom: 15px; vertical-align: top; }
.csc-uploads .csc-uploads-icon { padding-right: 15px; }
.csc-uploads .csc-uploads-fileName { font-weight: bold; }

.team { padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #3c3c3c; }
.teamimg { float: left; width: 160px;}
.teamtext { float: left; width: 240px; }
.teamtitle { margin-bottom: 0px;  }
.teamname { margin-bottom: 10px;  }
.teamfunction { margin-bottom: 10px;  }


.glossarBox { padding: 3px 3px 3px 5px; margin-bottom: 3px; background-color: #505050; }
.glossarBox:hover {background-color: #DDDDDD; color: #000000; }
.glossarHeader { font-size: 12px; font-weight: bold; cursor: pointer; }
.glossarText { margin-top: 5px; }
.glossarFilterItem { cursor: pointer; }
.glossarFilterItem:hover { background-color: #DDDDDD; color: #000000; }


.fachzentren { font-weight: bold; color: #ECD3AE; text-decoration: none; }
a .fachzentren { font-weight: bold; color: #ECD3AE; text-decoration: underline; }




/* Main wrap ------------------------------------ */
#wrap { color:#fff; margin:0 auto; width:873px; position:relative; overflow:hidden;}


/* Header ------------------------------------ */
#header { height:206px; background:transparent url(../design/header_bg.jpg) left bottom no-repeat; }

#logo { position:absolute; top:25px; left:0; width:196px; height:75px; overflow:hidden; text-indent:-1500px; /*background:transparent url(../design/header_logo_bg.jpg) left top no-repeat;*/ }
#logo a {display:block; width:100%; height:100%; background:none;}

#location { position:absolute; top:71px; left:260px; height:40px; color:#DDD;}
#location h1 { font-size: 25px; line-height: 1.15; text-align: center; } /* font-size:228%; font-size:260%; */



ul#top_nav { position:absolute; top:0px; right:132px; list-style:none; /*height: 20px;*/ margin:0; }
ul#top_nav li { list-style:none; float:left; padding-right:11px; width:auto; }
ul#top_nav a { font-size:93%; float:left; display:block; height:100%; color:#999; padding-top:8px; }
ul#top_nav a:hover, ul#top_nav a:focus, ul#top_nav a:active { color:#fff; background:none; text-decoration:none; }
ul#top_nav li.act a { color:#fff; background:none; text-decoration:none; background:transparent url(../design/top_nav_a_hover_bg.gif) left top repeat-x; }

#lang_selector { position:absolute; top:8px; right:0; }

#main_nav_box { position:absolute; top:141px; left:0; height:40px; width:871px; /* 873 - 2 (border) */ background:transparent url(../design/mainpas.jpg) left top repeat-x; border-left:1px #545454 solid; border-right:1px #545454 solid; }
ul#main_nav { clear:left; list-style:none; margin:0; height:40px; /*position:absolute; top:0px; left:0;*/ }
ul#main_nav li { display:block; height:100%; float:left; }
ul#main_nav a { white-space:nowrap; display:block; height:100%; font-size: 100%; color:#aaa; padding: 12px 9px 12px 9px; }
ul#main_nav a:hover { color:#fff; background:none; text-decoration: none; }
ul#main_nav li { border-right:1px #545454 solid; overflow:hidden; }
ul#main_nav li:hover { background:transparent url(../design/mainact.jpg) left top repeat-x; overflow:hidden; }
ul#main_nav li.act a { color:#fff; background:transparent url(../design/mainact.jpg) left top repeat-x; overflow:hidden; }


/* Main Pic ---------------------------------- */
#main_pic { height:181px; background:#000; }


/* Content ----------------------------------- */
#content { clear:both; padding:23px 0pt 20px; background:transparent url(../design/content_bg.jpg) top left no-repeat; position:relative; width:100%; z-index:1; line-height:1.5em; margin:0px 0px 0px 0px; text-align:left; /*min-height:252px; _height:252px;*/ }
.homeColumn { float:left; width:636px; padding:0px 24px 0px 0px; }
.leftColumn { float:left; width:211px; overflow:hidden; }
.centerColumn { float:left; min-height:260px; width:401px; padding:0 24px; }
.rightColumn { float:left; position:relative; width:199px; padding-bottom:20px; }


/* */
.homeColumn h1 { color:#fff; font-size:138.5%; /*height:20px; border-bottom:1px solid #3c3c3c;*/ margin-bottom:5px; padding-bottom:0px; }
.homeColumn h3 { color:#aaa; height:20px; text-transform:uppercase; border-bottom:1px solid #3c3c3c; margin-bottom:15px; padding-bottom:6px; }
.leftColumn h3 { color:#aaa; height:20px; text-transform:uppercase; border-bottom:1px solid #3c3c3c; margin-bottom:0; padding-bottom:6px; }
.centerColumn h1 { color:#fff; font-size:131%; /*height:20px;*/ border-bottom:1px solid #3c3c3c; padding-bottom:6px; }
.centerColumn h2 { color:#fff; font-size:108%; padding-bottom:6px; }
.centerColumn h2 a { text-decoration: underline; }
.centerColumn h3 { color:#aaa; height:20px; text-transform:uppercase; border-bottom:1px solid #3c3c3c; margin-bottom:0; padding-bottom:6px; }
.rightColumn h3 { color:#aaa; text-transform:uppercase; }


/* */
#featuredBox { border-bottom:1px solid #3c3c3c; margin-bottom:24px;}
.homePromo { float:left; width:140px; margin-right:25px; }
.homePromoLast { margin-right:0;  }
.homePromo p { margin:0 0 10px 0;}


/* */


/* Left navigation */
.leftColumn ul { list-style:none; margin:0; }
.leftColumn ul li { display:block; padding:0; border-bottom:1px solid #3c3c3c; }
.leftColumn ul li a { padding:6px 0 6px 14px; display:block; color:#888; text-decoration:none; }
/* Left navigation - third level */
.leftColumn ul ul li { border-bottom:none; border-top:1px solid #3c3c3c; }
.leftColumn ul ul li a { padding:6px 0 6px 28px; }
.leftColumn ul li a:hover, 
.leftColumn ul li.act a { background:#222222; text-decoration:none; color:#fff; }
.leftColumn ul li.act a { padding-left:9px; border-left:5px solid #fff; }
/* Left navigation - override current style for children of current menu item */
.leftColumn ul li.act ul a {background:#111111; padding-left:28px; border-left:none; color:#888;}
.leftColumn ul li.act ul a:hover {background:#222222; color:#fff;}
/* Left navigation - styling for current grandchild menu items */
.leftColumn ul ul li.act a { padding-left:23px }


.leftColumn ul ul li.act ul li a { padding:6px 0 6px 37px; font-size:85%; }
.leftColumn ul ul li ul li a { padding:6px 0 6px 37px; font-size:85%; }
.leftColumn ul ul li ul li.act a { padding:6px 0 6px 32px; font-size:85%; }


/* Left navigation - override current style for children of current menu item */
/*
.leftColumn ul ul li.act ul a {background:#111111; padding-left:28px; border-left:none; color:#888;}
.leftColumn ul ul li.act ul a:hover {background:#222222; color:#fff;}
*/














/* */
#search_div { display:none; }
#search_div { background:#3c3c3c url(../design/answer_div_bg.jpg) top right no-repeat; padding:6px; border-bottom:1px solid #3d3d3d; }
#qsearch_div h3 { margin-bottom:6px;  }
#search_div #searchform { }
#search_div #searchform button.ask_button { position:relative; top:2px; text-indent:-1000px; border:0; width:50px; height:21px; overflow:hidden; margin-left:2px; background:url(../design/search_button_bg.gif) left top no-repeat; cursor:pointer; }
#search_div #searchform button.ask_button:hover { background:url(../design/search_button_bg.gif) left bottom no-repeat; }
#search_div label {font-size:85%; color:#aaa;}
#search_div input { font-size:11px; width:120px; color:#8b8b8b; padding:3px; border-top:1px solid #7e7e7e; border-right:1px solid #c4c4c4; border-bottom:1px solid #dedede; border-left:1px solid #c4c4c4; }


/* Quicklinks -------------------------------------*/
#quicklinks_div { margin-top: 26px; }
#quicklinks_div h3 { margin-bottom:3px; }
#quicklinks_div { background:#3c3c3c url(../design/answer_div_bg.jpg) top right no-repeat; padding:6px; border-bottom:1px solid #3d3d3d; }
#quicklinks_div ul {margin:0;}
#quicklinks_div li {list-style:none; }
#quicklinks_div li a { padding:2px 0 2px 17px; background:transparent url(../design/arrow.gif) no-repeat scroll 4px 8px; display:block; }

#quicklinks_div li a.baden-emergency,
#quicklinks_div li a.stadelhofen-emergency { padding:0px 10px 6px 43px; background:url(../design/hauptbahnhof-emergency.jpg) 2px 4px no-repeat; }






/* Standout Links -------------------------------- */
a.standout_link { /*font-size:93%;*/ display:block; border-bottom:1px solid #3c3c3c; padding:6px 10px 6px 23px; background:url(../design/arrow.gif) 10px 12px no-repeat; }
a.hauptbahnhof-emergency,
a.bhstr-emergency { padding:6px 10px 6px 40px; background:url(../design/hauptbahnhof-emergency.jpg) 2px 4px no-repeat; }





/* footer ------------------------------------ */
#footer { border-top:1px solid #3b3b3b; position:relative; clear:both; padding-top:10px; font-size:93%; }
#footer p { margin-bottom:1px; }
#footer a { color:#999; }
#footer .right_align { position:absolute; right:0; top:10px; text-align:right; }

 
 
 
 
.bodytext .faqtext, .faqtext { padding-bottom: 10px; text-decoration: underline; } 

 
 
 
 
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
	FONT SIZE REFERENCE
	declare font size using percentages
	{font-size:85%;}  /*renders 11px

	10	px =	77	%
	11	px =	85	%
	12	px =	93	%
	13	px =	100	%
	14	px =	108	%
	15	px =	116	%
	16	px =	123.1	%
	17	px =	131	%
	18	px =	138.5	%
	19	px =	146.5	%
	20	px =	153.9	%
	21	px =	161.6	%
	22	px =	167	%
	23	px =	174	%
	24	px =	182	%
	25	px =	189	%
	26	px =	197	%
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
