/* -----------------------------------------------------------------------------------------
   $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
   ---------------------------------------------------------------------------------------*/

BODY, TD {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: 400;
	
	color: #444444;
}


BODY {margin: auto; padding: auto;}
P {margin: 0; padding: 0;}
IMG {border: 0px;}
.clear {clear: both;}


a {color: #2CAFEE; text-decoration: none;}
a:hover {color: #444444;}



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

#frame_wrapper {
	position: relative;
	width: 100%;
	/*width: 95%;
	margin-left: 5%;*/
	height: auto;
	text-align: center;
}

#frame_page_left {
	width: 100%;
	float: left;
	margin: 0;
	/*background: url(help/box_999999_50.png);*/
	background: #a4a4a4 url(img/left_bg.jpg) repeat-x;
	text-align: left;
}

#frame_page_right {
	width: 50%;
	float: right;
	margin: 0;
	/*background: url(help/box_666666_50.png);*/
	background: #FFFFFF url(img/right_bg.jpg) 0px 13px repeat-x;
	text-align: left;
}


/* TOP */

#frame_header {
	position: relative;
	display: block;
	width: 1100px;
	margin-left: -550px;
	height: 135px;
	background: url(img/menu_top_bg.jpg) 168px 0px no-repeat;
	z-index: 3;
}


/* MIDDLE */

#frame_page {
	position: relative;
	display: block;
	width: 1100px;
	height: auto;
	/*min-height: 820px;*/
	margin-left: -550px;
	/*background: #FF0000;*/
	background: #A4A4A4;
	z-index: 2;
}
/*
* html #frame_page {
	height: auto;
	min-height: 820px !important;
	height: 820px;
}*/


/* BOTTOM */

#frame_wrapper_footer {
	width: 100%;
	height: 150px;
	background: #333333;
	clear: both;
	text-align: center;
}

#frame_footer {
	width: 1100px;
	height: 150px;
	/*background: url(help/box_999999_50.png);*/
	margin: auto;
	text-align: right;
}



/* -----------------------------------------------------------------------------------------
   MAIN FRAMES - DEPTH II
   ---------------------------------------------------------------------------------------*/

#frame_middle {
	width: 932px;
	float: right;
	/*background: url(help/box_666666_50.png);*/
	background: #FFFFFF;
}

#frame_left {
	width: 168px;
	height: 685px;
	margin-top: 0px;
	float: left;
	/*background: url(help/box_999999_50.png);*/
	background: url(img/menu_left_bg.jpg) no-repeat;
}



/* -----------------------------------------------------------------------------------------
   MAIN FRAMES - DEPTH III
   ---------------------------------------------------------------------------------------*/

#frame_content {
	width: 740px;
	height: auto;
	min-height: 820px;
	float: left;
	/*background: url(help/box_666666_50.png);*/
	/*background: #FF0000;*/
}
* html #frame_content {
	height: auto;
	min-height: 820px !important;
	height: 820px;
}

#frame_right {
	width: 192px;
	height: 820px;
	float: right;
	/*background: url(help/box_999999_50.png);*/
}










/* -----------------------------------------------------------------------------------------
   BOXES HEADER & NAVI
   ---------------------------------------------------------------------------------------*/

/* MAIN MENU */

#box_menu_top {
	position: absolute;
	left: 168px;
	top: 93px;
	width: 740px;
	height: 42px;
	line-height: 48px;
	/*background: url(help/box_CCCCCC_50.png);*/
	/*background: url(img/btn_bg_all.jpg) repeat-x;*/
	color: #444444 ;
	z-index: 100;
}

#box_menu_top a {
	display: block;
	height: 42px;
	line-height: 48px;
	float: left;
	font-size: 12px;
	color: #444444 ;
	margin-top: 0px;
	padding-left: 24px;
	padding-right: 24px;
	text-decoration: none;
	background: url(img/btn_trenner.jpg) right -1px no-repeat;
	/*background: #FF0000;*/
}
#box_menu_top a:hover, #box_menu_top a.selected {color: #2CAFEE; background: #FFFFFF url(img/btn_trenner.jpg) right -1px no-repeat;}

#box_menu_top a.index:hover, #box_menu_top a.index_selected {background: #FFFFFF url(img/btn_home_aktiv.jpg) 0px -1px no-repeat;}

/* SUB MENU */

#box_submenu_top_1 {left: 251px; z-index: 101;}
#box_submenu_top_2 {left: 380px; z-index: 102;}
#box_submenu_top_3 {left: 522px; z-index: 103;}
#box_submenu_top_4 {left: 613px; z-index: 104;}
#box_submenu_top_5 {left: 706px; z-index: 105;}

.box_submenu_top {
	position: absolute;
	/*display: none;*/
	visibility: hidden;
	width: 180px;
	top: 134px;
	/*padding-top: 12px;*/
	/*padding-bottom: 12px;*/
	/*padding-bottom: 0px;
	margin-bottom: 0px;*/
	/*background: url(img/menu_bg_24.png);*/
	/*border: thin solid #999999;*/
}

.box_submenu_top_inner {
	display: block;
	float: left;
	width: 180px;
	padding-top: 12px;
	/*padding-bottom: 12px;*/
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding: 0;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 3px;
	background: url(img/menu_bg_24.png) repeat-y;
	/*border: thin solid #999999;*/
}

.box_submenu_top_footer {
	display: block;
	float: left;
	width: 180px;
	height: 12px;
	/*margin-top: -12px;*/
	background: url(img/menu_bg_footer_24.png) 0px 0px no-repeat;
}

.box_submenu_top a {
	display: block;
	width: 129px;
	margin: 3px 12px 6px;
	margin-right: -3px;
	line-height: 12px;
	float: left;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.box_submenu_top a:hover, .box_submenu_top a.selected {color: #333333;}


/* LOGOS */

#box_logo {
}




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

/* LEFT MENU */

#box_menu_left {
	position: relative;
	width: 110px;
	height: auto;
	min-height: 145px;
	/*min-height: 300px;*/
	margin-top: 72px;
	/*padding-bottom: 18px;*/
	margin-left: 34px;
	margin-left: 5px;
	/*background: url(help/box_CCCCCC_50.png);*/
	/*background: #FF0000;*/
	/*border: thin solid red;*/
}
* html #box_menu_left {
	height: auto;
	min-height: 145px !important;
	height: 145px;
}

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

#box_menu_left li {
	line-height: 12px;
	margin-bottom: 9px;
	padding-left: 15px;
	background: url(img/dot.gif) 0px 3px no-repeat;
}

#box_menu_left li a {
	line-height: 12px;
	font-size: 11px;
	color: #2CAFEE;
	color: #1D67A0;
	color: #009CE1;
	text-decoration: none;
}
#box_menu_left li a:hover, #box_menu_left li a.selected {color: #444444;}


/* FACEBOOK */

#box_facebook {width: 120px; height: 55px; margin-left: 24px; margin-top: -10px; line-height: 14px;}
#box_facebook {width: 125px; height: 70px; margin-left: 19px; margin-bottom: -8px; overflow: hidden;}

#box_facebook h2 {font-size: 10px; color: #444444; line-height: 14px;}
#box_facebook h2 a {color: #444444; text-decoration: none;}
#box_facebook h2 a:hover {color: #2CAFEE;}
#box_facebook div {width: 136px; /*background: #CCC;*/}

/* V2 */

#box_facebook_top {position: absolute; z-index: 110; left: 921px; left: 930px; top: 105px; width: 140px; height: 25px;/*background: url(help/box_CCCCCC_50.png);*/}


/* SEARCH */

#box_search {
	position: relative;
	width: 110px;
	height: 50px;
	margin-top: 48px;
	margin-left: 34px;
	margin-left: 18px;
	margin-left: 42px;
	/*background: url(help/box_CCCCCC_50.png);*/
}

#box_search input#q {
	font-size: 10px;
	width: 110px;
	height: 25px;
	margin-left: 1px;
	background: url(img/suchen_eingabe.jpg) no-repeat;
	background: url(img/suchen_eingabe.gif) no-repeat 0px 2px;
	border: none;
	padding: 3px 5px 0px;
	padding-top: 0px;
}
* html #box_search input#q {padding-top: 4px;}

#box_search input#submit {
	width: 110px;
	height: 25px;
	background: url(img/suchen_btn.jpg) no-repeat;
	background: url(img/suchen_btn.gif) no-repeat;
	border: none;
	padding: 9px 9px 0px;
}



/* DONATE */

#box_donate {
	position: relative;
	width: 105px;
	height: 115px;
	margin-top: 48px;
	margin-left: 34px;
	margin-left: 18px;
	margin-left: 42px;
	margin-left: 43px;
	/*background: url(help/box_CCCCCC_50.png);*/
	/*border: thin solid red;*/
}






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

/* NEWS */

#box_news_truck {width: 160px; margin-top: 72px;}

#box_news {
	width: 160px;
	margin-top: 72px;
	/*background: url(help/box_CCCCCC_50.png);*/
	/*background: #FF0000;*/
}

#box_news h2, #box_news_truck h2 {
	color: #2CAFEE ;
	font-size: 14px;
	line-height: 18px;
	/*width: 352px;*/
	height: 30px;
	margin: 0 1px;
	padding: 0;
	padding-left: 12px;
}

#box_news h2 a, #box_news_truck h2 a {
	color: #2CAFEE;
	text-decoration: none;
}
#box_news h2 a:hover, #box_news_truck h2 a:hover{color: #444444;}

#box_news h3, #box_news_truck h3 {
	font-size: 10px;
	color: #444444;
	line-height: 12px;
	margin: 0 1px;
	padding: 0px 12px 2px;
}

#box_news h3 a, #box_news_truck h3 a {
	color: #444444;
	text-decoration: none;
}
#box_news h3 a:hover, #box_news_truck h3 a:hover {color: #2CAFEE;}

/* news desc */

div.newsbox_desc {
	line-height: 13px;
	margin: 0 1px;
	padding: 0px 12px;
	margin-bottom: 12px;
}

#box_news p {
	font-size: 9px;
	color: #444444;
	line-height: 12px;
	/*margin: 0 1px;
	padding: 0px 12px;*/
	display: inline;
}

#box_news p a {
	font-size: 9px;
	color: #2CAFEE;
	margin: 0;
	padding: 0;
	display: inline;
}
#box_news p a:hover {color: #444444;}








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

#frame_content div.box_content_full_horizontal {
	width: 702px;
	margin-left: 24px;
	margin-top: 24px;
	clear: both;
}

#frame_content div.box_content_split2_horizontal {
	width: 339px;
	margin-left: 24px;
	margin-top: 24px;
	float: left;
	display: inline;
}

#frame_content div.box_content_split3_horizontal {
	width: 218px;
	margin-left: 24px;
	margin-top: 24px;
	float: left;
	display: inline;
}


/* elements */

#frame_content h2 {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	height: auto;
	min-height: 47px;
	color: #2CAFEE ;
	margin: 0;
	padding: 0;
}
* html #frame_content h2 {
	height: auto;
	min-height: 47px !important;
	height: 47px;
}

#frame_content h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	color: #2CAFEE ;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

#frame_content p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}


#frame_content div.box_content_full_horizontal img {
	margin-right: 12px;
	margin-bottom: 12px;
}

#frame_content div.box_content_split2_horizontal img {
	/*margin-left: -15px;*/
	/*margin-top: 50px;*/
	margin-bottom: 12px;
}

#frame_content div.box_content_split3_horizontal img {
	margin-bottom: 12px;
}

#frame_content div.box_content_split3_horizontal h3, #frame_content div.box_content_split2_horizontal h3 {
	height: 40px;
}

#frame_content div.box_content_split3_horizontal a, #frame_content div.box_content_split2_horizontal a {
	margin: 0;
	padding: 0;
	display: inline;
	color: #2CAFEE ;
}
#frame_content div.box_content_split3_horizontal h3 a, #frame_content div.box_content_split2_horizontal h3 a {text-decoration: none;}
#frame_content div.box_content_split3_horizontal a:hover, #frame_content div.box_content_split2_horizontal a:hover {color: #444444;}

#frame_content div.box_content_split3_horizontal p {
	margin: 0;
	padding: 0;
	display: inline;
}


/* linkbox */

#frame_content ul#linkbox {
	margin: 0;
	/*
	margin-top: -26px;
	margin-bottom: -12px;
	margin-left: 95px;*/
	padding: 0;
	list-style: none;
}

#frame_content ul#linkbox li {
	line-height: 12px;
	margin-bottom: 6px;
	padding-left: 18px;
	color: #2CAFEE;
	background: url(img/pfeil_icon.gif) 0px 1px no-repeat;
}

#frame_content ul#linkbox li a {
	line-height: 13px;
	/*font-size: 10px;*/
	color: #2CAFEE;
	text-decoration: none;
}
#frame_content ul#linkbox li a:hover {color: #444444;}




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

/* MENU FOOTER */

#box_menu_footer {
	font-size: 11px;
	height: 36px;
	line-height: 36px;
	text-align: right;
	margin-right: 12px;
	padding: 0;
	/*background: url(help/box_CCCCCC_50.png);*/
	color: #FFFFFF;
}

#box_menu_footer a {
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 6px;
	margin-right: 6px;
	text-decoration: none;
}
#box_menu_footer a:hover {
	color: #000000;
}





/* -----------------------------------------------------------------------------------------
   INPUT ELEMENTS (FORMS)
   ---------------------------------------------------------------------------------------*/

div.formbuilder form {
}

div.formbuilder .error {margin-left: 5px; margin-bottom: 25px; height: auto; vertical-align: top;}
td.messageStackError {margin: 0; padding: 0; height: 15px; line-height: 15px; vertical-align: top;}
td.messageStackError img {vertical-align: top; margin-top: 2px;}


/* form-info-elements */

/* form-title */
div.formbuilder h2 {
	/*font-size: 18px;*/
	font-weight: 700;
	margin-bottom: 12px;
}

/* step-title */
div.formbuilder h3 {
	font-size: 11px;
	font-weight: 700;
	
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

/* options-title */
div.formbuilder h4 {
	font-weight: 700;
	margin: 3px;
}

/* description */
div.formbuilder p {margin-bottom: 6px;}


/* form-structure-elements */

div.formbuilder fieldset {width: 575px; border: none; margin-left: 0px; margin-bottom: 25px;}

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


div.formbuilder label {
	float: left;
	width: 200px;
	margin-left: 6px;
	margin-top: 3px;
}

div.formbuilder div.input {
	line-height: 25px;
	margin-left: 210px;
	margin-bottom: 3px;
}
div.formbuilder div.input-full {
	margin-left: 0px;
	text-align: center;
}


/* form-data-elements */

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

div.formbuilder input, div.formbuilder select, div.formbuilder textarea {
	width: 349px;
	width: 369px;
	/*width: 200px;*/
	height: 19px;
	margin: 3px;
	vertical-align: middle;/* for ie span-radio-combo */
	line-height: 15px;
	background: #DBDBDB;
}
* html div.formbuilder input, div.formbuilder select, div.formbuilder textarea {margin-left: 1px;}
div.formbuilder div.input-full input, div.formbuilder div.input-full select, div.formbuilder div.input-full textarea {
	width: 555px;
	/*width: 339px;*/
}
div.formbuilder input.text, div.formbuilder textarea {padding-left: 2px; padding-right: 2px;}

div.formbuilder input.radio, div.formbuilder div.input-full input.radio {width: 10px; height: 10px; margin-right: 12px;}
div.formbuilder input.checkbox, div.formbuilder div.input-full input.checkbox {width: 10px; height: 10px; margin-right: 12px;}
div.formbuilder input.image {width: auto; height: auto; margin: auto;}
div.formbuilder textarea {height: auto;}
div.formbuilder textarea {height: 200px;}

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


/* select options */

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

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

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


div.formbuilder select#customers_dob_year {background: #DFDEDA; width: 70px;}
div.formbuilder select#customers_dob_month {background: #DFDEDA; width: 100px;}
div.formbuilder select#customers_dob_day {background: #DFDEDA; width: 50px;}

div.formbuilder select#customers_dob_year option {text-align: right; padding-right: 10px;}
div.formbuilder select#customers_dob_month option {text-align: left;}
div.formbuilder select#customers_dob_day option {text-align: right; padding-right: 10px;}