/* global fixing of browser dependent styles */

/* Global reset of paddings and margins for all HTML elements */
* { margin: 0; padding: 0; }

/* Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em }

* html body *               { overflow: visible }
* html iframe, * html frame { overflow: auto }
* html frameset             { overflow: hidden }

body {
  /* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
  font-size: 100.01%;

  /* Standard values for colors and text */
  color: #323333;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  width:100%;
  min-height:100%;
  height:100%;
  background: #F3F2E9 url('../img/page_back.jpg') no-repeat; 
}

h1 { font-weight: normal; font-size: 2.0em; color: #0070BF; }
h2 { font-size: 1.5em; font-weight: normal; color: #0070BF; line-height: 1.15em; margin-top: 6px; }
p  { line-height: 1.25em; }

a, a:visited, a:active  { text-decoration: none; color: #323333; }
a:hover                 { text-decoration: underline; }

select                  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
input                   { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* Clear borders for <fieldset> and <img> elements */
fieldset, img           { border: 0 solid; }

/* new standard values for lists, blockquote and cite */
ul, ol, dl              { margin: 0 0 1em 1em; }
li                      { margin-left: 1.5em; line-height: 1.5em; }

td                      { vertical-align: top; }
dt                      { font-weight: bold; }
dd                      { margin: 0 0 1em 2em; }

blockquote, cite        { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto; }

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

/* page */

#page             { padding-bottom: 20px; }
#page_background  { width: 1010px; background: url('../img/page_back.gif') repeat-y ; }

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

/* styles for header area */

#header           { height: 88px; width: 997px; background: url('../img/head_back.jpg') no-repeat; margin: 0; }
#header div#logo  { padding: 10px 0 0 30px; width:300px;height:80px;}

#login {
    position: absolute;
    left: 456px;
    top: 0px;
    background: url('../img/login_back.gif') no-repeat;
    width: 492px;
    height: 57px;
    font-size: 0.9em; 
}
#login div.col1           { float: left; margin: 6px 0 0 10px; }
#login div.col2           { float: left; margin: 6px 0 0 5px; }
#login div.col3           { float: left; margin: 20px 0 0 5px;}
#login div.col4           { float: left; margin: 8px 0 0 19px; }
#login div.col1_logged    { float: left; width: 332px; margin: 9px 0 0 14px; }
#login div.col2_logged    { float: left; margin: 9px 0 0 5px; }
#login img.logout         { margin: 4px 0 0 0; }
#login img.bullet         { margin: 0 5px 0 0; }
#login img.bullet_margin  { margin: 0 5px 0 5px; }
#login a,
#register a               { text-decoration: underline; }
#login input {
  border-top: 1px solid #9A9A9A;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDDDDD;
  margin-top: 1px;
  width: 114px;
  padding: 3px 0 2px 3px;
}
#login input.btn_login {
  border: 0px;
  margin:0px;
  padding:0px;
  width:auto;
  height:auto;
}
#login div.col2 input.pw_forgot {
	margin-left:3px;
	width:9px;
	height:9px;
}
#login div.loginglobal_message1 {
	margin:0px;
	padding:0px;
	clear:both;
	font-size:1px;
	line-height:1px;
	width:400px;
	height:1px;
}
#login div.loginglobal_message2 {
	margin-top:-1px;
	padding-left:12px;
	font-weight:bold;
	font-size:0.9em;
}

#register {
	font-size: 0.9em; 
	position:absolute;
	z-index:2;
	top:34px;
	left:810px;
	width:135px;
	height:23px;
}
#register a {
	padding:0px;
	margin:0px;
	display:inline;
}
#register img.register_now {
         margin: 0 5px 0 0;
}
#register img.edit_now {
         margin: 0 5px 0 2px;
}


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

/* styles for navigation */

#nav {
  float: left;
  width: 217px;
  background: url('../img/nav_back.jpg') 17px 0px no-repeat;
  min-height: 600px;
  height:auto !important;
  height:600px;
}
#nav ul { padding: 104px 0 0 16px; margin: 0; background: url('../img/nav_back_top.jpg') no-repeat;}
#nav li { list-style: none; margin: 0;}
#nav li a {
  margin: 0 4px 0 4px;
  width: 162px; 
  padding: 11px 10px 1px 20px;
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #D4D6D9;
  background: 5px 15px no-repeat;
}
#nav li a.red           { background-image: url('../img/bullet_nav_red.gif'); }
#nav li a.yellow        { background-image: url('../img/bullet_nav_yellow.gif'); }
#nav li a.mint          { background-image: url('../img/bullet_nav_mint.gif'); }
#nav li a.blue          { background-image: url('../img/bullet_nav_blue.gif'); }
#nav li a:hover         { text-decoration: none; background: #D6DCE1 5px 15px no-repeat; }
#nav li a.red:hover     { background-image: url('../img/bullet_nav_red_over.gif'); }
#nav li a.yellow:hover  { background-image: url('../img/bullet_nav_yellow_over.gif'); }
#nav li a.mint:hover    { background-image: url('../img/bullet_nav_mint_over.gif'); }
#nav li a.blue:hover    { background-image: url('../img/bullet_nav_blue_over.gif'); }

#nav li a.red_active,
#nav li a.yellow_active,
#nav li a.mint_active,
#nav li a.blue_active,
#nav li a.red_active_sub,
#nav li a.yellow_active_sub,
#nav li a.mint_active_sub,
#nav li a.blue_active_sub {
  text-decoration: none;
  background:#D6DCE1 5px 15px no-repeat;
}
#nav li a.red_active        { background-image: url('../img/bullet_nav_red_over.gif'); }
#nav li a.yellow_active     { background-image: url('../img/bullet_nav_yellow_over.gif'); }
#nav li a.mint_active       { background-image: url('../img/bullet_nav_mint_over.gif'); }
#nav li a.blue_active       { background-image: url('../img/bullet_nav_blue_over.gif'); }
#nav li a.red_active_sub    { background-image: url('../img/bullet_nav_act_red_over.gif'); }
#nav li a.yellow_active_sub { background-image: url('../img/bullet_nav_act_yellow_over.gif'); }
#nav li a.mint_active_sub   { background-image: url('../img/bullet_nav_act_mint_over.gif'); }
#nav li a.blue_active_sub   { background-image: url('../img/bullet_nav_act_blue_over.gif'); }



#nav ul ul { background: #E8ECF0; padding: 0 0 16px 0; margin: 0 4px 0 4px; }
#nav li li a {
  margin: 0;
  width: 162px; 
  padding: 3px 2px 0px 20px;
  display: block;
  font-weight: normal;
  border-bottom: 0;
}
#nav li li a.red,
#nav li li a.yellow,
#nav li li a.mint,
#nav li li a.blue          { background-image: none; }
#nav li li a:hover, 
#nav li li a.active        { text-decoration: none; background: #E8ECF0 9px 8px no-repeat; }
#nav li li a.red:hover     { background-image: url('../img/bullet_nav2_red_over.gif'); }
#nav li li a.red_active    { font-weight: bold; background: #E8ECF0 url('../img/bullet_nav2_red_over.gif') 9px 8px no-repeat; }
#nav li li a.yellow:hover  { background-image: url('../img/bullet_nav2_yellow_over.gif'); }
#nav li li a.yellow_active { font-weight: bold; background: #E8ECF0 url('../img/bullet_nav2_yellow_over.gif') 9px 8px no-repeat; }
#nav li li a.mint:hover    { background-image: url('../img/bullet_nav2_mint_over.gif'); }
#nav li li a.mint_active   { font-weight: bold; background: #E8ECF0 url('../img/bullet_nav2_mint_over.gif') 9px 8px no-repeat; }
#nav li li a.blue:hover    { background-image: url('../img/bullet_nav2_blue_over.gif'); }
#nav li li a.blue_active   { font-weight: bold; background: #E8ECF0 url('../img/bullet_nav2_blue_over.gif') 9px 8px no-repeat; }

#content_left                { padding: 35px 0 0 31px; float:left; width:150px; }
#content_left img.spacer-gif { padding-right:150px; display:block; clear:both; }

/** correting css styled content **/
    /* margin-bottom is not reliable; changing it to border-bottom */
	#content_left DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
	#content_left div.csc-pic DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom:0px;
		border-bottom: 2px solid #FFFFFF;
	}
	#content_left .csc-textpic-clear {
		height:1px;
		font-size:1px;
		line-height:1px;
	}



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

/* styles for main area */

#main                     { float: left; margin: 0; }
#main img.home_visual     { border-bottom: 25px solid #FFF; }
#main img.chapter_visual  { border-bottom: 40px solid #FFF; }
#main img.top_visual      { border-bottom: 25px solid #FFF; }

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

/* styles for Home content */
/*
#home_content             { width: 530px; margin: 0 10px 0 30px; float: left; }
#home_content div.teaser  { float: left; margin-right: 20px; }
#home_content div.last    { margin-right: 0px; }
#home_content p           { margin-top: 10px; height: 102px; }
*/

#page_bottom {
  clear: both;
  width: 100%;
  height: 31px;
  margin: 0 0 0 17px;
  background: url('../img/page_bottom.gif') no-repeat;
}


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

/* styles for Page Content */

#content            { width: 530px; margin: 0 15px 0 25px; float: left; min-height:100px; }
#content h1                    { margin-top: 40px; font-size: 2.2em; }
.red-layout #content h1        { color: #BF0000; }
.yellow-layout #content h1     { color: #CCBB00; }
.mint-layout #content h1       { color: #00BFBF; }
.blue-layout #content h1       { color: #0070BF; }
#content h1.csc-firstHeader    { margin-top: 0px; }
#content h2                    { font-weight: normal; font-size: 1.4em; color: #4D6B80; margin-top: 23px; }
#content h3                    { font-weight: bold; font-size: 1.1em; margin-top: 23px; }
#content p                     { margin:0px;padding:0px;margin-top:7px; padding-bottom:4px; }
#content table td              { padding-top:3px;padding-bottom:2px;padding-right:15px;padding-left:0px; }
#content table td.erste_Spalte { width:150px;}
#content li p                  { margin:0px;padding:0px; }
#content hr {
  height: 1px; 
  color: #FFF; 
  border: 0; 
  border-bottom: 1px solid #CCD0D0; 
  margin: 14px 0 14px 0; 
}
#content ol { margin: 3px 3px 0 19px; }
#content ol li {
  margin: 0;
  padding-top:2px;
  padding-bottom:3px;
}
#content ul { margin: 3px 3px 0 0; }
#content ul li {
  list-style-type: none;
  margin: 0;
  padding-left: 18px; 
  background: url('../img/bullet.gif') 3px 7px no-repeat;
}
#content ul.Liste_ohne_Punkt li,
#content ul li.Listenelement_ohne_Punkt {
  background: none;
  padding-left:0px;
}

#content a, #content a:link, #content a:visited { text-decoration: underline; color: #323333; }
#content a:focus, #content a:hover              { text-decoration: none; color: #4D6B80; }

#content a.external-link,
#content a.external-link-new-window {
  margin:0px;
  padding-left: 18px;
  background: url('../img/icon_external_link.gif') 6px 2px no-repeat;
}
#content a.internal-link,
#content a.internal-link-new-window {
  margin:0px;
  padding-left: 18px;
  background: url('../img/bullet_link_list.gif') 1px 3px no-repeat;
}
#content a.download {
  margin:0px;
  padding-left: 18px;
  background: url('../img/bullet_download.gif') 0px 1px no-repeat;
}

#content .csc-textpic-caption { padding:5px 0 10px 0;text-align:center; }
#content div.backlink         { padding-top:20px; }

#content div.csc-menu-55,
#content div.csc-menu-56 {
	background: url('../img/inpage_nav55_back.gif') repeat-y;
	border-top:1px solid #CCD0D0;
}
#content div.csc-menu-55 ul li,
#content div.csc-menu-56 ul li {
	float:left;
	width:175px;
}
#content div.csc-menu-55 ul li.sep,
#content div.csc-menu-56 ul li.sep {
	clear:both;
	height:10px;
	width:520px;
	float:none;
	font-size:1px;
	line-height:1px;
	border-bottom:1px solid #CCD0D0;
}
#content div.csc-menu-55 ul li p,
#content div.csc-menu-56 ul li p {
	padding:3px;
	font-weight:bold;
	padding-left:18px;
	margin-bottom:6px;
}
#content div.csc-menu-55 ul li strong,
#content div.csc-menu-56 ul li strong {
	padding:3px;
	padding-left:18px;
	font-weight:bold;
	display:block;
	width:150px;
	margin-bottom:6px;
	cursor:pointer;
	text-decoration:none;
}
#content div.csc-menu-55 ul li a strong,
#content div.csc-menu-56 ul li a strong {
	color:#4D6B80;
}
#content div.csc-menu-55 ul li a:hover strong,
#content div.csc-menu-56 ul li a:hover strong {
	color:#323333;
}

#content div.csc-menu-55 ul ul li,
#content div.csc-menu-56 ul ul li {
	width:165px;
	float:none;
	display:block;
	padding-bottom:4px;
}
#content div.csc-menu-55 ul ul li a,
#content div.csc-menu-56 ul ul li a {
	display:block;
	background-position: 1px 4px;
}
#content div.csc-menu-55 ul ul,
#content div.csc-menu-56 ul ul {
	width:173px;
}
#content div.csc-menu-56_bottom {
	clear:both;
	border-top:1px solid #CCD0D0;
	width:520px;
	margin-top:-1px;
	height:1px;
	background:#FFFFFF;
}


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

/* styles for ticker */

#ticker                                      { padding-left: 16px; float: left; width:192px;}
#ticker span.small                           { font-size: 0.9em; text-decoration:none; }
#ticker ul                                   { margin: 0 0 17px 10px; }
#ticker li {
  margin: 5px 0 0 -10px;
  width: 180px;
  padding-left: 10px; 
  line-height: 1.25em;
  list-style-type: none;
  background: url('../img/ticker_bullet.gif') 0px 5px no-repeat;
}

#ticker a,
#ticker a:link,
#ticker a:visited {
	text-decoration: none; color:#323333;
}
.tickerlinks_jobs,
.tickerlinks_profiles {
	padding-left: 10px;
	padding-bottom:5px;
	width: 179px;
	display:block;
}
.tickerlinks_jobs {
	background: url('../img/ticker_bullet.gif') 0px 5px no-repeat;
}
#ticker a.tickerlinks_jobs:focus,
#ticker a.tickerlinks_jobs:hover {
	text-decoration: underline; color:#F76400;
}
.tickerlinks_profiles {
	background: url('../img/ticker_bullet_profile.gif') 0px 5px no-repeat;
}
#ticker a.tickerlinks_profiles:focus,
#ticker a.tickerlinks_profiles:hover {
	text-decoration: underline; color:#007ad2;
}


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

/* styles for footer */

#footer { 
  color: #FFF; 
  width: 964px; 
  clear: both; 
  margin: 0 0 0 16px; 
  padding: 10px 8px 10px 10px; 
  background: #B6BBBF; 
}

#footer ul {
  margin:0px;
  padding:0px;
}
#footer li {
  margin:0px;
  list-style-type:none;
  display:inline;
  padding:5px;
  padding-top:1px;
  padding-bottom:1px;
  border-left:1px solid #FFF;
}
#footer li.first-item {
  border:0px;
  padding-left:0px;
}

#footer a { color: #FFF; font-size: 0.9em; text-align:center; line-height:1.1em; }

#page .tx-bktfegraphiccounter-pi1 {
	width:100px;
	overflow:hidden;
}

#page .tx-bktfegraphiccounter-pi1 table {
	display:inline;
	width:90px;
}