/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------------------
   MAIN DEFINITIONS
   ---------------------------------------------------------------------------------------*/

img {
	border: 0px;
}




A {
  color: #666666;
  font-weight: bold;
  /*text-decoration: underline;*/
  text-decoration: none;
}

A:hover {
  color: #000000;
  font-weight: bold;
  /*text-decoration: underline;*/
  text-decoration: none;
}


BODY, #box_content_login TD {
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	
	/*color: #999999;*/
	color: #666666;
	background: #F6F6F6;
	
	margin: 0px;
	padding: 0px;
}


TD {
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	
	/*color: #999999;*/
	color: #666666;
	background: #FFFFFF;
	
	margin: 0px;
	padding: 0px;
}

UL, ul, OL, ol {
	/*margin-left: 15px;*/
	vertical-align: top;
	list-style-type: none;
}

LI, li {
	/*list-style-image: url(/templates/xtc_afd_coe/img/array_history_01.gif);*/
	/*list-style-image: url(templates/xtc_afd_coe/img/dot_01.gif);*/
	list-style-type: none; 
	list-style-image: url(img/campus_grey_dot1.gif);
	vertical-align: top;
	/*margin-top: 1px;*/
	/*padding-left: 15px;*/
	margin-left: -2px;
	padding-left: -2px;
	margin-bottom: 3px;
}

TD.messageStackError {
	height: 20px;
}

/* -----------------------------------------------------------------------------------------
   MAIN FRAMES (layout-positions)
   ---------------------------------------------------------------------------------------*/


#frame_wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}


#frame_page {
	position: relative;
	width: 1017px;
	width: 1015px;
	width: 1010px;
	height: auto;
	margin: auto;
	text-align: left;
	/*background: #E0DEDB;
	background: #FFFFFF;*/
}


#frame_top {
	position: relative;
	display: block; /* NEW */
	width: 1017px;
	width: 1015px;
	width: 1010px;
	height: 135px;
	/*background: #F6F6F6;*/
	z-index: 3;
}







/* menu left */

#frame_left_menu {
	position: relative;
	margin-top: 0px;
	width: 200px;
	height: auto;
	min-height: 498px;
	float: left;
	border-top: 4px solid #EC3B0A;
	/*background: #FFFFFF;*/
}
* html #frame_left_menu {
	height: auto;
	min-height: 498px !important;
	height: 498px;
}


/* menu left - top */

#frame_left_menu_top {
	position: relative;
	margin-top: 0px;
	width: 200px;
	height: auto;
	min-height: 291px;
	background: #EC3B0A;
}
* html #frame_left_menu_top {
	height: auto;
	min-height: 291px !important;
	height: 291px;
}


/* menu left - bottom */

#frame_left_menu_bottom {
	position: relative;
	margin-top: 0px;
	width: 200px;
	height: auto;
	/*min-height: 207px;*/
	/*min-height: 227px;*/
	/*min-height: 240px;*/
	min-height: 207px;
	background: #E0DEDB;
}
* html #frame_left_menu_bottom {
	height: auto;
	/*min-height: 207px !important;
	height: 207px;*/
	/*min-height: 227px !important;
	height: 227px;*/
	/*min-height: 240px !important;
	height: 240px;*/
	min-height: 207px !important;
	height: 207px;
}








#frame_middle {
	position: relative;
	display: block; /* NEW */
	margin-left: 0px;
	/*width: 595px;*/
	/*width: 617px;
	width: 615px;*/
	width: 595px;
	height: auto;
	/*min-height: 502px;*/
	/*min-height: 522px;*/
	/*min-height: 535px;*/
	min-height: 502px;
	
	background: #FFFFFF;
	border-top: 4px solid #EC3B0A;
	border: none;
	float: left;
	z-index: 2;
	overflow-x: hidden;
}
* html #frame_middle {
	height: auto;
	/*min-height: 502px !important;
	height: 502px;*/
	/*min-height: 522px !important;
	height: 522px;*/
	/*min-height: 535px !important;
	height: 535px;*/
	min-height: 502px !important;
	height: 502px;
}

#frame_right {
	position: relative;
	width: 200px;
	/*height: 600px;*/
	/*height: 502px;*/
	/*height: 520px;
	height: 617px;
	height: 620px;*/
	/*height: 633px;*/
	height: 600px;
	float: right;
	
	color: #A6A6A6;
	background: #E0DEDB;
	background: url(img/partnerbox.gif) top right no-repeat;
	text-align: center;
}



#frame_bottom {
	position: relative;
	width: 1017px;
	width: 1015px;
	width: 1010px;
	/*height: 200px;*/
	height: 6px;
	line-height: 6px;
	font-size: 6px;
	clear: both;
	/*background: #FFFFFF;
	background: #999999;
	height: 200px;*/
}







/* -----------------------------------------------------------------------------------------
   OVERLAY
   ---------------------------------------------------------------------------------------*/

#overlay_bg {
	position: absolute;
	width: 100%;
	height: 830px;
	left: 0px;
	top: 0px;
	z-index: 1000;
	visibility: visible;
	visibility: hidden;
	/*background-color: #FFF; opacity: 0.6;*/
	background: url(img/lightbox_white.png);
}

#overlay_wrapper {
	position: absolute;
	width: 100%;
	height: 825px;
	left: 0px;
	top: 0px;
	
	z-index: 1001;
	visibility: hidden;
	text-align: center;
}

#overlay_page {
	position: relative;
	width: 1015px;
	width: 1010px;
	height: auto;
	margin: auto;
	text-align: left;
	/*background: none;*/
}


/* login form */

#box_loginform {
	position: absolute;
	width: 300px;
	height: 198px;
	left: 495px;
	top: 110px;
	
	z-index: 1201;
	visibility: hidden;
	vertical-align: top;
	background: url(img/anmelden_bg.gif) no-repeat;
}

#box_loginform fieldset {margin: 10px 14px; padding: 0; border: none;}

#box_loginform legend {margin-bottom: 20px; color: #FFFFFF; font-size: 14px; /*font-weight: 700;*/}
#box_loginform A#close {position: absolute; right: 0px; top: 0px; text-decoration: none; color: #FFFFFF; font-size: 14px;}

#box_loginform A, #box_loginform label {color: #FFFFFF; font-size: 11px; font-weight: 400;}
#box_loginform A {margin: 8px 15px; text-decoration: underline;}


#box_loginform input {
	font-size: 10px;
	height: 19px;
	line-height: 19px;
	/*margin-left: 12px;*/
	margin-top: 2px;
	margin-bottom: 4px;
	border: none;
}
#box_loginform input#email_address, #box_loginform input#password {width: 175px; margin-left: 3px; padding: 2px; padding-bottom: 0px; background: url(img/field_anmeldung.gif) no-repeat;}
/*#box_loginform input#submit {float: right; width: 65px; margin-right: 2px; background: url(img/btn_anmelden.gif) no-repeat;}*/
#box_loginform input#submit {position: absolute; width: 65px; right: 12px; top: 103px; background: url(img/btn_anmelden.gif) no-repeat;}

* html #box_loginform fieldset {margin-bottom: -12px;}
* html #box_loginform input#email_address {margin-left: -12px;}
* html #box_loginform input#password {margin-left: -12px;}
* html #box_loginform input#submit {top: 105px;}






/* -----------------------------------------------------------------------------------------
   BOXES TOP
   ---------------------------------------------------------------------------------------*/

#box_top_logo {
	position: absolute;
	width: 169px;
	height: auto;
	
	top: 40px;
	left: 22px;
}

#box_top_navi {
	position: absolute;
	width: 780px;
	height: 30px;
	
	top: 55px;
	left: 200px;
	
	text-align: right;
	vertical-align: top;
}

#box_top_lang {
	position: absolute;
	width: 100px;
	height: auto;
	
	top: 118px;
	top: 115px;
	left: 22px;
	vertical-align: top;
}
#box_top_lang a {margin-right: 12px;}


#box_login {
	position: absolute;
	height: auto;
	
	width: 200px;
	top: 109px;
	left: 595px;
	
	width: 300px;
	left: 495px;
	
	width: 400px;
	left: 395px;
	
	text-align: right;
	vertical-align: top;
}
#box_login A {margin-left: 15px;}



/* -----------------------------------------------------------------------------------------
   BOXES FOOTER
   ---------------------------------------------------------------------------------------*/

.bottom_teaser {
	position: relative;
	margin-top: 0px;
	width: 180px;
	height: auto;
	min-height: 97px;
	/*background: #E0DEDB;
	background: #000000;*/
	float: left;
}
* html .bottom_teaser {
	height: auto;
	min-height: 97px !important;
	height: 97px;
}

#bottom_teaser5 {float: right;}
#bottom_teaser1, #bottom_teaser5 {width: 200px;}
#bottom_teaser2 {margin-left: 15px;}
#bottom_teaser3, #bottom_teaser4 {margin-left: 20px;}
/*
#bottom_teaser2, #bottom_teaser4 {background: #E0DEDB;}
#bottom_teaser3, #bottom_teaser5 {background: #000000; color: #E0DEDB;}
*/
/*#bottom_teaser5, #bottom_teaser5 a {background: #EC3B0A; color: #FFFFFF;}
#bottom_teaser5 p {margin: 12px;}*/

#box_footer_sitemap {
	position: absolute;
	width: 200px;
	height: auto;
	
	/*top: 97px;*/
	top: 6px;
	right: 12px;
	text-align: right;
	vertical-align: top;
}
#box_footer_sitemap A {margin-right: 4px;}










/* -----------------------------------------------------------------------------------------
   BOXES LEFT
   ---------------------------------------------------------------------------------------*/

#box_left_navi {
	position: absolute;
	width: 160px;
	height: 245px;
	
	top: 37px;
	left: 11px;
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	
	text-align: left;
	vertical-align: top;
	background: #EC3B0A;
}

#box_left_navi2 {
	position: relative;
	top: 9px;
	margin-left: 11px;
	width: 178px;
	height: auto;
	
	color: #A6A6A6;
	
	text-align: left;
	vertical-align: top;
}


/* search */

#box_left_search {
	position: absolute;
	width: 170px;
	height: 20px;
	
	top: 260px;
	left: 20px;
	
	color: #A6A6A6;
	/*background: #000000;*/
	
	text-align: left;
	vertical-align: top;
}

#box_left_search input {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 19px;
	height: 21px;
	border: none;
}
#box_left_search input#q {width: 108px; margin-right: 2px; padding: 2px 4px; padding-bottom: 0px; background: url(img/field_search.gif) no-repeat;}
#box_left_search input#submit {width: 50px; margin-top: 0px; background: url(img/btn_search.gif) no-repeat;}


/* left bottom teaser */

#left_teaser {
	position: relative;
	margin-top: 0px;
	width: 200px;
	height: 165px;
	height: 155px;
	/*background: #E0DEDB;
	background: #000000;*/
}





/* -----------------------------------------------------------------------------------------
   BOXES MIDDLE
   ---------------------------------------------------------------------------------------*/

#box_middle_top {
	position: relative;
	width: 595px;
	height: 33px;
	top: 0px;
	left: 0px;
	
	background: #FFFFFF;
	border-top: 4px solid #EC3B0A;
	
	text-align: left;
	vertical-align: top;
}

#box_middle_navi_top {
	position: relative;
	width: 595px;
	height: 29px;
	left: 0px;
	margin-top: 6px;
	
	text-align: left;
	vertical-align: top;
	/*background: #CCCCCC;*/
}
.breadcrumb_separator {
	margin-left: 5px;
	margin-right: 5px;
}

#box_middle_right {
	position: absolute;
	z-index: 999;
	width: 4px;
	height: 295px;
	top: 0px;
	left: 591px;
	background: #EC3B0A;
	
	text-align: left;
	vertical-align: top;
}

/*#box_middle_right2 {
	position: absolute;
	width: 4px;
	height: 295px;
	top: 295px;
	left: 591px;
	background: #F6F6F6;
	
	text-align: left;
	vertical-align: top;
}*/









/* -----------------------------------------------------------------------------------------
   BOXES MIDDLE CONTENT
   ---------------------------------------------------------------------------------------*/

#box_content {
	position: relative;
	margin-top: 0px;
	left: 0px;
	width: 595px;
	background: #FFFFFF;
	
	text-align: left;
	vertical-align: top;
}

#box_content_main {
	position: relative;
	width: 580px;
	top: 0px;
	left: 15px;
	
	text-align: left;
	vertical-align: top;
}

#box_content_navi {
	position: relative;
	width: 550px;
	height: auto;
	margin-top: 13px;
	
	text-align: left;
	vertical-align: top;
}


#box_content_logo2 {
	position: absolute;
	width: 125px;
	height: auto;
	
	/*margin-top: 20px;
	margin-left: 450px;*/
	
	/*margin-top: 17px;
	margin-left: 250px;*/
	
	/*margin-top: 20px;
	margin-left: 350px;*/
	
	top: 165px;
	margin-left: 450px;
	
	text-align: left;
	vertical-align: top;
	}

#box_content_headline {
	/*position: absolute;*/
	position: relative;
	width: 550px;
	height: auto;
	
	/*margin-top: 58px;*/
	margin-top: 29px;
	
	text-align: left;
	vertical-align: top;
	
	font-size: 14px;
	font-weight: bold;
	}

#box_content_text {
	/*position: absolute;*/
	position: relative;
	/*width: 550px;*/
	width: 565px;
	height: auto;
	
	/*margin-top: 99px;*/
	/*top: 99px;*/
	margin-top: 25px;
	
	/*text-align: left;*/
	text-align: justify;
	vertical-align: top;
}


#box_content_header2 {
	position: relative;
	width: 580px;
	height: 40px;
	
	background: #F6F6F6;
}


#box_content_header2_text {
	position: relative;
	width: 580px;
	height: 40px;
	left: 5px;
	top: 10px;
	
	font-size: 18px;
	/*font-weight: bold;*/
}

/* still in use ? */

#box_error {
	position: relative;
	width: 100%;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background: #EC3B0A;
	text-align: center;
}





/* -----------------------------------------------------------------------------------------
   PAGES - CONTENT
   ---------------------------------------------------------------------------------------*/

#box_content .left {
	width: 380px;
	float: left;
}

#box_content .right {
	width: 180px;
	margin-left: 20px;
	float: right;
}



#box_content h2, #box_content h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 700;
}





/* -----------------------------------------------------------------------------------------
   PAGES - STARTPAGE
   ---------------------------------------------------------------------------------------*/

#box_startpage_header {
}

#box_startpage_teaser {
	/*position: absolute;
	top: 270px;*/
	/*width: 580px;*/
	width: 100%;
	margin-top: 15px;
	margin-top: 20px;
}
#box_startpage_teaser1 {}
#box_startpage_teaser2 {}
#box_startpage_teaser3 {margin-right: 0px;}

.clear {
	clear: left;
}

.style_startpage_teaser {
	width: 180px;
	height: 175px;
	height: 170px;
	margin-right: 18px;
	float: left;
	
	line-height: 16px;
	
	text-align: left;
	vertical-align: top;
	/*background: #CCCCCC;*/
}

.style_startpage_teaser_bullet {
	vertical-align: top;
	width: 9px;
	margin-left: 0px;
	margin-top: 4px;
	float: left;
}
* html div.style_startpage_teaser_bullet {
	margin-top: 1px;
}

.style_startpage_teaser_headline {
	vertical-align: top;
	width: 130px;
	/*min-height: 30px;*/
	height: 30px;
	margin-left: 8px;
	margin-top: 0px;
	float: left;
	
	font-weight: bold;
	line-height: 16px;
	color: #757575;
}
div.style_startpage_teaser_headline A {color: #757575;}

/*.style_startpage_teaser_headline2, div.style_startpage_teaser_headline2 A {*/
.style_startpage_teaser_headline2 {
	float: left;
	margin-top: 2px;
	/*min-height: 30px;*/
	height: 30px;
	
	font-weight: bold;
	line-height: 16px;
	color: #EC3B0A;
}
div.style_startpage_teaser_headline2 A {color: #EC3B0A;}
div.style_startpage_teaser_headline2 A:hover {color: #000000;}

.style_startpage_teaser_content {
	/*position: absolute;
	top:  70px;*/
	margin-top: 10px;
	/*width: 170px;*/
	height: 100px;
	height: 95px;
	line-height: 16px;
}

.style_startpage_teaser_content P {display: inline; margin: 0; padding: 0;}
.style_startpage_teaser_content A {display: inline; margin: 0; padding: 0;}





/* -----------------------------------------------------------------------------------------
   PAGES - LINKBOX (link to other articles)
   ---------------------------------------------------------------------------------------*/

#box_content ul.linkbox {
	margin: 0;
	/*margin-left: 12px;*/
	padding: 0;
	list-style: none;
}

#box_content ul.linkbox li {
	line-height: 12px;
	margin: 0;
	padding: 0;
	margin-bottom: 9px;
	margin-left: 16px;
	padding-left: 1px;
	/*list-style-image: none;
	background: url(img/array_history_01.gif) 0px 3px no-repeat;*/
	list-style-image: url(img/array_history_01.gif);
	vertical-align: middle;
}

#box_content ul.linkbox li a {
	vertical-align: middle;
	line-height: 12px;
	/*font-size: 11px;
	color: #009CE1;
	text-decoration: none;*/
}
/*#box_content ul.linkbox li a:hover, #box_content ul.linkbox li a:focus {color: #444444;}*/





/* -----------------------------------------------------------------------------------------
   BOXES MIDDLE CONTENT - XTRA (some pages only) - ??? is still in use ???
   ---------------------------------------------------------------------------------------*/

/*
#box_content_sitemap_text {
	position: absolute;
	top: 99px;
	left: 0px;
	width: 290px;
	height: 300px;
	}
#box_content_sitemap {
	position: relative;
	top: 60px;
	left: 300px;
	width: 315px;
	height: auto;
	}
*/

/*
#box_content_login_text {
	position: relative;
	top: 99px;
	left: 0px;
	width: 290px;
	height: auto;
	}
#box_content_login {
	position: absolute;
	top: 80px;
	left: 355px;
	width: 265px;
	height: 85px;
	background: #F6F6F6;
	}
#box_content_login_forgotten {
	position: absolute;
	top: 170px;
	left: 355px;
	width: 265px;
	height: 30px;
	background: #FFFFFF;
	}
#box_content_login_links {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 265px;
	height: 30px;
	background: #FFFFFF;
	}
#box_content_login_links_1 {
	position: relative;
	top: 12px;
	left: 0px;
	width: 250px;
	height: 30px;
	background: #FFFFFF;
	}
*/

/*
#box_content_file {
	position: absolute;
	width: 565px;
	height: 300px;
	
	border: thin solid #E0DEDB;
	background: #F6F6F6;
	overflow: auto;
	
	margin-top: 99px;
	
	text-align: left;
	vertical-align: top;
	}
*/












/* -----------------------------------------------------------------------------------------
   BOXES RIGHT
   ---------------------------------------------------------------------------------------*/


#box_right_partner_headline {
	height: 20px;
	top: 9px;
}

#box_right_partner {
	position: absolute;
	/*height: 250px;
	height: 450px;
	height: 570px;*/
	/*height: 585px;*/
	height: 555px;
	width: 170px;
	top: 35px;
	left: 15px;
	font-size: 10px;
	/*line-height: 20px;*/
	color: #000000;
	/*background: #EEEEEE;*/
	/*border: thin solid black;*/
	overflow: hidden;
	text-align: left;
}

#box_right_partner div.partner {
	position: relative;
	width: 170px;
	height: auto;
	/*margin-bottom: 12px;*/
	/*background: #CCC;*/
	/*border-top: thin solid black;
	border-bottom: thin solid black;*/
	/*margin-bottom: -4px;*/
}



#box_right_sitemap {
	position: absolute;
	width: 200px;
	height: auto;
	
	/*top: 623px;*/
	/*top: 636px;*/
	top: 603px;
	right: 0px;
	text-align: center;
	vertical-align: top;
}
#box_right_sitemap A {margin-left: 5px; margin-right: 5px;}












#box_right_ad_headline {
	height: 20px;
	top: 310px;
}

#box_right_ad {
	height: auto;
	top: 335px;
	/*background: #000000;*/
}

.style_right {
	position: absolute;
	width: 140px;
	left: 15px;
	/*color: #A6A6A6;*/
	text-align: left;
}

.style_right_partner {
	line-height: 12px;
	margin-bottom: 10px;
}



/* -----------------------------------------------------------------------------------------
   LINKS TOP
   ---------------------------------------------------------------------------------------*/

a.navi_outside:link, a.navi_outside:visited {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #A6A6A6;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}

a.navi_outside:hover, a.navi_outside:active, a.navi_outside:focus {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #1B1B1B;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	}



/* -----------------------------------------------------------------------------------------
   LINKS LEFT MENU 1
   ---------------------------------------------------------------------------------------*/


#box_left_navi a:link, #box_left_navi a:visited {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	/*letter-spacing: 0.1em;*/
	/*font-weight: bold;*/
	font-weight: 400;
	}

#box_left_navi a:hover, #box_left_navi a:active, #box_left_navi a:focus {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #1B1B1B;
	text-decoration: none;
	font-size: 12px;
	/*letter-spacing: 0.1em;*/
	/*font-weight: bold;*/
	font-weight: 400;
	}



/* -----------------------------------------------------------------------------------------
   LINKS LEFT MENU 2
   ---------------------------------------------------------------------------------------*/

#box_left_navi2 a:link, #box_left_navi2 a:visited, #box_left_search a:link, #box_left_search a:visited {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*color: #A6A6A6;*/
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#box_left_navi2 a:hover, #box_left_navi2 a:active, #box_left_navi2 a:focus, #box_left_search a:hover, #box_left_search a:active, #box_left_search a:focus {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #1B1B1B;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}




/* -----------------------------------------------------------------------------------------
   LINKS TOP MENU
   ---------------------------------------------------------------------------------------*/

a.navi_top, a.navi_top_clicked {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 9px;
}

a.navi_top, a.navi_top:link, a.navi_top:visited {color: #757575;}
/*a.navi_top, a.navi_top:link, a.navi_top:visited {color: #A6A6A6;}*/

a.navi_top:hover, a.navi_top:active, a.navi_top:focus, a.navi_top_clicked, a.navi_top_clicked:link, a.navi_top_clicked:visited, a.navi_top_clicked:hover, a.navi_top_clicked:active, a.navi_top_clicked:focus {color: #1B1B1B;}






/* -----------------------------------------------------------------------------------------
   LINKS TOP / CONTENT
   ---------------------------------------------------------------------------------------*/

#box_content_navi a:link, #box_content_navi a:visited {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*color: #999999;*/
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}

#box_content_navi a:hover, #box_content_navi a:active, #box_content_navi a:focus {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}




/* ??? for what ??? */

#box_left_navi_clicked {
	position: relativ;
	left: -5px;
}






/* -----------------------------------------------------------------------------------------
   BOXES FOR PAGES
   ---------------------------------------------------------------------------------------*/

div.multi_box {
	width: 561px;
	margin-bottom: 15px;
	/*height: 257px;*/
}

div.multi_box_bg {
	padding: 1px;
	background: #DFDFDF;
}

div.multi_box_inner {
	background: #FFF;
}



/* -----------------------------------------------------------------------------------------
   ERRORS
   ---------------------------------------------------------------------------------------*/

.error {
	font-weight: 700;
}

/*div.multi_box_bg div.error {padding: 10px;}*/
/*div.multi_box_bg div.error table {margin: 10px;}*/
div.multi_box_bg div.error table td {padding: 2px 10px;}







/* ------------> EXCLUDE TO account.css <---------------- */



/* -----------------------------------------------------------------------------------------
   ACCOUNT PAGE
   ---------------------------------------------------------------------------------------*/

div.profile_img {
	display: inline;
	float: left;
	width: 127px;
	margin: 10px;
	padding: 0;
	background: #DFDFDF;
}

div.profile_img img {
	/*margin: 1px;*/
	margin: 0; padding: 0;
	border: none;
}


/* ADDRESS */

div.profile_address {
	float: right;
	width: 350px;
	margin: 10px;
	/*background: #DFDFDF;*/
}

div.vcard {
	/*font-size: 13px;
	line-height: 18px;*/
}

div.vcard span.fn {
	font-size: 16px;
	font-weight: 700;
}

div.vcard div.more {margin-top: 12px;}
div.vcard div.adr {margin-top: 12px;}

div.vcard span.age {padding-left: 3px; padding-right: 3px;}
/*div.vcard span.study-type {padding-left: 3px; padding-right: 3px;}*/

div.vcard div.street-address {display: inline;}
div.vcard div.tel {}
div.vcard a.email {}




/* OPTIONS */

ul.profile_options {
	clear: both;
	height: 39px;
	margin: 0; padding: 0;
	margin-left: 10px;
	/*background: #DFDFDF;*/
}

ul.profile_options li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0; padding: 0;
	margin-top: 3px;
	margin-right: 10px;
}


/* PROCESS */

div.process_block {
	margin: 0; padding: 0;
	margin-left: 150px;
	margin-left: 0;
	height: 16px;
	line-height: 16px;
	width: 6px;
	background: #EC3B0A;
}
div.process_block a {border: none; width: 6px; margin: 0; padding: 0;}
/*div.process_block a:hover {background: #E0DEDB;}*/

div.process_bg {
	margin: 0;
	width: 559px;
	width: 440px;
	height: 16px;
	line-height: 16px;
	background: url(img/bg_fortschritt.gif) no-repeat;
}

div.process_details {
	font-size: 10px;
	display: inline;
	float: right;
	width: 100px;
	height: 16px;
	line-height: 16px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
}






/* -----------------------------------------------------------------------------------------
   APPLICANT ELEMENTS (MAIN STYLE) *** NEW ***
   ---------------------------------------------------------------------------------------*/

/*#applicant div*/
#applicant, #applicant h2, #applicant h3, #applicant h4, #applicant p, #applicant a, #applicant ul, #applicant li, #applicant label, #applicant fieldset, #applicant input, #applicant textarea, #applicant select, #applicant option, #applicant optgroup {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	color: #666666;
	
	line-height: 16px;
	margin: 0; padding: 0;
	vertical-align: top;
	text-align: left;
	
}

#applicant, #applicant h2, #applicant h3, #applicant h4, #applicant p, #applicant a, #applicant ul, #applicant li, #applicant label, #applicant fieldset {
}

/*#applicant {padding-top: 12px;}*/


/* info boxes (small overlays) */



/* -----------------------------------------------------------------------------------------
   APPLICANT ELEMENTS (LISTS)
   ---------------------------------------------------------------------------------------*/

#applicant ul.optionslist {
}

#applicant ul.optionslist li {
	list-style-type: none;
	/*list-style-image: url(img/campus_grey_dot1.gif);*/
	list-style-image: none;
	line-height: 24px;
	background: #DFDFDF;
}

#applicant ul.optionslist ul.sub li {
	background: #FFF;
	margin-bottom: 1px;
}


/* options */

#applicant ul.optionslist h2, #applicant ul.optionslist h2 a, #applicant ul.optionslist h3, #applicant ul.optionslist h3 a {
	/*display: inline;*/
	color: #9E9E9E;
	font-weight: 700;
	line-height: 24px;
}

#applicant ul.optionslist h2 {
	display: inline; /* *** NEW *** */
	color: #666666;
	margin-left: 10px;
	margin-right: 90px;
}

#applicant ul.optionslist h3 {
	display: inline;
	margin-left: 20px;
	margin-right: 90px;
	padding-left: 15px;
	background: url(img/array_history_01.gif) 0px 4px no-repeat;
}
* html #applicant ul.optionslist h3 {background: url(img/array_history_01.gif) 0px 9px no-repeat;}
#applicant ul.optionslist h3 a {width: 440px; display: inline-block;}

#applicant ul.optionslist h3.none, #applicant ul.optionslist h3.none a {font-style: normal;}/* no value selected */
#applicant ul.optionslist h3.add {margin-left: 5px; padding-left: 0px; background: none;} /* add value link */
* html #applicant ul.optionslist h3.add {margin-left: 0px;}


/* rollover effects */

#applicant ul.optionslist ul.sub li:hover, #applicant ul.optionslist ul.sub li:focus {background: #E9E9E9;}
#applicant ul.optionslist ul.sub li:active {background: #DFDFDF;}
#applicant ul.optionslist ul.sub li:hover h3, #applicant ul.optionslist ul.sub li:hover h3 a, #applicant ul.optionslist ul.sub li:focus h3, #applicant ul.optionslist ul.sub li:focus h3 a, #applicant ul.optionslist ul.sub li:active h3, #applicant ul.optionslist ul.sub li:active h3 a {color: #666666;}


/* icons */

#applicant ul.optionslist li a.icon, #applicant ul.optionslist li p.icon {
	float: right;
	width: 17px;
	height: 18px;
	margin-right: 10px;
	margin-top: 3px;
}
#applicant ul.optionslist li a.icon-left, #applicant ul.optionslist li p.icon-left {
	float: left;
	margin-left: 14px;
	margin-right: 0px;
}


/* text-boxes (print & preview) */

#applicant ul.optionslist ul.sub p.more {margin-left: 35px; margin-right: 20px; padding-bottom: 16px; /*background: #DDD;*/}
#applicant ul.optionslist ul.sub table, #applicant ul.optionslist ul.sub tr, #applicant ul.optionslist ul.sub td {background: none;}
#applicant ul.optionslist ul.sub td {padding-right: 6px; padding-bottom: 3px;}




/* -----------------------------------------------------------------------------------------
   APPLICANT PARTNER ELEMENTS (LISTS)
   ---------------------------------------------------------------------------------------*/

#applicant ul.stats {
}

#applicant ul.stats li {
	list-style-type: none;
	list-style-image: none;
	line-height: 24px;
	background: #DFDFDF;
}

#applicant ul.stats ul.sub li {
	background: #FFF;
	margin-bottom: 1px;
}


/* table */

#applicant ul.stats h2, #applicant ul.stats h2 a, #applicant ul.stats h3, #applicant ul.stats h3 a {
	color: #9E9E9E;
	font-weight: 700;
	line-height: 18px;
	line-height: 24px;
}

#applicant ul.stats li h2, #applicant ul.stats li h3 {
	display: inline;
	width: 190px;
	height: 18px;
	margin-left: 10px;
	/*margin-top: 3px;*/
	/*background: red;*/
}

#applicant ul.stats li div {
	width: 350px;
	float: right;
}

#applicant ul.stats-more li div {width: 550px;}
#applicant ul.stats-more li div {width: 500px;}

#applicant ul.stats li div p {
	display: inline;
	float: left;
	width: 90px;
	height: 18px;
	line-height: 18px;
	line-height: 24px;
	margin-left: 10px;
	/*margin-top: 3px;*/
	text-align: right;
	/*background: red;*/
}
#applicant ul.stats-more li div p {line-height: 24px; text-align: left;}
#applicant ul.stats-more li div p a {line-height: 24px; text-align: left;}

/*
#applicant ul.stats li h2, #applicant ul.stats li h3 {
	display: inline;
	width: 190px;
	height: 18px;
	margin-left: 10px;
	margin-top: 3px;
	border: thin solid black;
}

#applicant ul.stats li div {
	display: inline;
	float: left;
	width: 90px;
	height: 18px;
	margin-left: 10px;
	margin-top: 3px;
	text-align: right;
	border: thin solid red;
}
#applicant ul.stats li div.first {margin-left: 210px;}
*/
/*
#applicant ul.stats li div {
	display: inline;
	float: left;
	width: 90px;
	height: 18px;
	margin-left: 10px;
	margin-top: 3px;
	text-align: right;
	border: thin solid red;
}
#applicant ul.stats li div.first {width: 190px; text-align: left;}
*/






/* -----------------------------------------------------------------------------------------
   APPLICANT ELEMENTS (FORMS)
   ---------------------------------------------------------------------------------------*/

#applicant form {
}


/* form-info-elements */

/* form-title */
#applicant form h2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

/* step-title */
#applicant form h3 {
	font-size: 13px;
	font-weight: 700;
	
	height: 25px;
	line-height: 25px;
	margin-top: 12px;
	margin-bottom: 6px;
	padding-left: 6px;
	
	vertical-align: middle;
	background: #F6F6F6;
}

/* options-title */
#applicant form h4 {
	font-weight: 700;
	margin: 3px;
}

/* description */
#applicant form p {margin-bottom: 6px;}


/* form-structure-elements */

#applicant form fieldset {border: none; margin-bottom: 25px;}

#applicant form div.row {
	height: auto;
	margin-bottom: 3px;
	background: url(img/bg_row.jpg) repeat-y;
	line-height: 25px;
	/*border: thin solid black;*/
	/*text-align: right;*/
}
#applicant form div.row-required {background: url(img/bg_row_required.jpg) repeat-y;}
#applicant form div.row-no-bg {background: none;}


#applicant form label {
	float: left;
	width: 188px;
	margin-left: 6px;
	margin-top: 3px;
	/* old:
	line-height: 25px;
	margin-left: 6px;
	vertical-align: middle;*/
	/*background: #00F;*/
}

#applicant form div.input {
	line-height: 25px;
	margin-left: 210px;
	margin-bottom: 3px;
	background: #F6F6F6;
}
#applicant form div.input-full {
	margin-left: 0px;
	text-align: center;
}


/* form-data-elements */

/*#applicant form div.input span {display: inline; margin: 3px; line-height: 15px;}
#applicant form div.input span.inputRequirement {display: none;}*/
#applicant form div.input span {vertical-align: middle; padding-left: 3px; padding-right: 3px;}

#applicant form input, #applicant form select, #applicant form textarea {
	width: 343px;
	height: 19px;
	margin: 3px;
	vertical-align: middle;/* for ie span-radio-combo */
	
	line-height: 15px;
	
	/* 2nd try:
	width: 330px;
	height: 19px;
	margin: auto;
	padding: auto;*/
	/* old:
	width: 349px;
	height: 19px;
	line-height: 15px;
	margin: 3px;*/
	background: #F6F6F6;
}
* html #applicant form input, #applicant form select, #applicant form textarea {margin-left: 1px;}
#applicant form div.input-full input, #applicant form div.input-full select, #applicant form div.input-full textarea {
	width: 555px;
}
#applicant form input.text, #applicant form textarea {padding-left: 2px; padding-right: 2px;}

#applicant form input.radio, #applicant form div.input-full input.radio {width: 19px; margin-right: 12px;}
#applicant form input.checkbox, #applicant form div.input-full input.checkbox {width: 19px; margin-right: 12px;}
#applicant form input.image {width: auto; height: auto; margin: auto;}
#applicant form textarea {height: auto;}
#applicant form textarea {height: 200px;}

#applicant form input.calendar, #applicant form div.input-full input.calendar {width: 328px;}
#applicant form input.calendar, #applicant form div.input-full input.calendar {width: 80px;}
#applicant form img#customers_dob_btn {margin-top: 5px; margin-left: 5px; margin-right: 3px;}


/* select options */

#applicant form select {background: #DFDEDA;}
#applicant form select {border: none; background: url(img/bg_selector.gif) no-repeat;}
/*#applicant form input.file {border: none; background: url(img/bg_selector.gif) no-repeat;}*/

#applicant form select option {
	padding-left: 3px;
	background: #F6F6F6;
	background: #DFDEDA;
}
#applicant form select option:hover, #applicant form select option.hover {color: #666; background: url(img/bg_grey.gif);}

#applicant form select optgroup {
	/*font-weight: 700;*/
	margin-left: 3px;
	/*margin-top: 6px;
	margin-bottom: 3px;*/
	background: #DFDEDA;
	background: #C9C8C4;
	
}
#applicant form select optgroup option {padding-left: 6px;}


#applicant form select#customers_dob_year {background: #DFDEDA; width: 70px;}
#applicant form select#customers_dob_month {background: #DFDEDA; width: 100px;}
#applicant form select#customers_dob_day {background: #DFDEDA; width: 50px;}

#applicant form select#customers_dob_year option {text-align: right; padding-right: 10px;}
#applicant form select#customers_dob_month option {text-align: left;}
#applicant form select#customers_dob_day option {text-align: right; padding-right: 10px;}


/* -----------------------------------------------------------------------------------------
   APPLICANT ELEMENTS (INFO / HELP BOXES)
   ---------------------------------------------------------------------------------------*/

#applicant div.infobox {
	visibility: hidden;
	position: absolute;
	width: 400px;
	height: 214px;
	right: 19px;
	margin-top: -190px;
	vertical-align: top;
}

#applicant div.infobox div.info {
	height: 188px;
	background: #FFF;
	border: thin solid #DEDFDA;
	border: thin solid #EC3B0A;
}

#applicant div.infobox div.header {display: none;}
/*
#applicant div.infobox div.header {
	display: inline;
	float: right;
	width: 15px;
	margin-top: 5px;
	margin-right: 0px;
}
* html #applicant div.infobox div.header {margin-right: 19px;}
*/

#applicant div.infobox div.footer {
	display: inline;
	float: right;
	height: 24px;
	width: 36px;
	margin-top: -1px;
	/*margin-right: 0px;*/
	background: #FFF;
	border: thin solid #DEDFDA;
	border: thin solid #EC3B0A;
	border-top: none;
	text-align: center;
}
* html #applicant div.infobox div.footer {margin-top: -2px;}

#applicant div.infobox h3, #applicant div.infobox h4 {
	margin: 0; padding: 0;
	margin-left: 10px;
	background: none;
	background-image: none;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
}
#applicant div.infobox p {
	margin: 0; padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	height: 150px;
	overflow: hidden;
	font-size: 11px;
}
#applicant div.infobox p a {font-size: 11px;}

/* buttons */

#applicant div.infobox_btn {
	float: right;
	width: 27px;
	height: 24px;
	right: 19px;
}

#applicant div.infobox_btn a, #applicant div.infobox div.footer  a {
	width: 17px;
	height: 18px;
	display: inline-block;
}
#applicant div.infobox_btn a {margin-top: 3px; background: url(img/btn_help.gif) no-repeat;}
#applicant form div.infobox_btn a {margin-top: 3px; background: url(img/btn_help_form.gif) no-repeat;}
#applicant div.infobox div.footer  a {margin-top: 4px; background: url(img/btn_help_active.gif) no-repeat;}
* html #applicant div.infobox div.footer a {margin-top: 2px;}
#applicant div.infobox div.header a {color: #EC3B0A; font-weight: 700;}














/* -----------------------------------------------------------------------------------------
   SCROLL-BARS
   ---------------------------------------------------------------------------------------*/


html, body, select, textarea {
	/* ie base style */
	scrollbar-base-color: #E0DEDB;
	
	/* ie advanced style */
	/*scrollbar-face-color: #FF8450;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #666699;
	scrollbar-3dlight-color: #FBF5C3;
	scrollbar-darkshadow-color: #7F7F7F;
	scrollbar-track-color: #FFD2C3;
	scrollbar-arrow-color: #FFFFFF;*/
	scrollbar-arrow-color: #EC3A0A;

}