/* -----------------------------------------------------------------------------------------
   $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, A {
	font-family: Arial, sans-serif, Verdana;	
	font-size: 11px;
	line-height: 15px;
	font-weight: 400;
	color: #fff;
}

BODY {margin: auto; padding: auto;}
P, H1, H2, H3, H4, H5, H6, IMG {margin: 0; padding: 0;}
IMG {border: 0px;}
.clear {clear: both;}

.scroll_frame {height: 195px; overflow: hidden; overflow-y: scroll; padding: 15px;}
* html .scroll_frame {height: 225px;}



/* -----------------------------------------------------------------------------------------
   BUTTONS (normal, over, selected)
   ---------------------------------------------------------------------------------------*/

/* headlines */
H1 {font-size: 12px; font-weight: 700;}
H2 {font-size: 12px; font-weight: 700;}
H3 {font-size: 12px; font-weight: 700;}
H4 {font-size: 12px; font-weight: 400;}

/* text link */
A {color: #FFF; /*text-decoration: none;*/}
A:hover, A:focus, A.selected {color: #797979; color: #000; text-decoration: underline; border: none;}

/* box link */
#box_text_2 A {color: #E68B03; font-weight: 700; text-decoration: none;}
#box_text_2 A:hover,#box_text_2 A:focus,#box_text_2 A.selected {color: #E68B03; color: #fff;}
A.box_link {color: #E68B03; font-weight: 700; text-decoration: none;}
A.box_link:hover, A.box_link:focus {color: #E68B03; color: #fff;}

/* main - navi */
#box_navi ul {margin: 0; padding: 0; width: 300px;}
#box_navi li {list-style: none; margin: 0; padding: 0; text-align: left; float: left;}
#box_navi li a {margin: 0; padding: 0; padding-left: 15px; padding-right: 14px;}
#box_navi li a.first {padding-left: 0px;}
#box_navi li a {font-size: 12px; color: #6E7178; text-decoration: none;}
#box_navi li a:hover, #box_navi li a:focus, #box_navi li a.selected {color: #E78B0E; text-decoration: none;}

/* main - navi right */
#box_navi ul#rightnavi {float: right; display: inline; margin-right: 20px;}
#box_navi ul#rightnavi li {text-align: right; float: right;}
#box_navi ul#rightnavi li a {padding-left: 20px;}

/* footer links */
#frame_refs_more A {color: #6E7178; text-decoration: none;}
#frame_refs_more A:hover, #frame_refs_more A:focus {color: #E78B0E; text-decoration: none;}

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

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

#spacer{height: 35%; margin: 0px; padding: 0px;}

#frame_head {
	position: relative;
	width: 940px;
	height: 62px;
	margin: auto;
	color: #6E7178;
	text-align: left;
	/*background: #F00;*/
}

#frame_main {
	position: relative;	
	width: 100%;
	height: auto;
	background: #6E7178;
	/*background: #C00;*/
}

#frame_shadow {
	position: relative;
	width: 100%;
	height: 8px;
	line-height: 6px;
	background: url(img/shadow.jpg);
}

#frame_footer_print {padding-top: 7px; border-top: thin solid black; letter-spacing: 0.08em; display: none;}
#frame_footer_debug {position: relative; width: 100%; height: 20px;}
.debug_all, .debug_phone {float: left; display: none; padding-top: 7px; color: #999; padding-left: 15px;}
.debug_all {display: block;}

#frame_refs, #frame_refs_more {
	position: relative;	
	width: 100%;
	color: #666;
	/*background: #000;*/
}
#frame_refs_more {clear: both; padding-top: 7px; text-align: center;}


/* -----------------------------------------------------------------------------------------
   BOXES TOP (top menu)
   ---------------------------------------------------------------------------------------*/

#box_logo, #box_logo_print {
	width: 265px;
	height: 30px;
	margin-top: 0px;
}
#box_logo_print {display: none;}

#box_navi {
	width: auto;
	width: 940px;
	height: 17px;
	margin-top: 5px;
}



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

#frame_content {
	position: relative;
	width: 984px;
	height: auto;
	margin: auto;
	text-align: left;
	/*background: #900;*/
}

#box_left_content {
	width: 300px;
	height: auto;
	min-height: 225px;
	margin-left: 22px;
	float: left;
	display: inline;
	/*background: #600;*/
}
* html #box_left_content {
	height: auto;
	min-height: 225px !important;
	height: 225px;
}

#box_right_content {
	width: 640px;
	height: auto;
	min-height: 225px;
	float: left;
	background: #83838B;
	/*background: #300;*/
}
* html #box_right_content {
	height: auto;
	min-height: 225px !important;
	height: 225px;
}





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

/* startpage */
.contentbox{
	width: 160px;
	height: 225px;
	float: left;
	background: #fff;
}


/* content */
#box_text {
	width: 286px;
	height: auto;
	margin-top: 60px;
	margin-right: 20px;
	letter-spacing: 0.06em;
}
#box_text td {vertical-align: top;}

#box_text_2 {
	width: 286px;
	height: auto;	
	margin-right: 20px;
	margin-bottom: 15px;
	text-align: right;
}





/* -----------------------------------------------------------------------------------------
   - REFERENCES -
   ---------------------------------------------------------------------------------------*/

/* references-list */

#references {
	/*width: 100%;*/
	/*height: 82px;*/
	height: 64px;
	margin-left: 25px;
	/*margin-right: 25px;*/
	overflow: hidden;
	overflow-y: scroll;
	/*background: #DDD;*/
}
#references_nav_left {float: left; display: none;}
#references_nav_right {float: right; display: none;}
#references_nav_left, #references_nav_right { margin: 0; padding: 0; width: 20px; height: 40px; padding-top: 24px; background: #EEE;}/*height: 50px;*/
* html #references_nav_left, * html #references_nav_right {height: 64px;}/*height: 82px;*/
#references_nav_left A, #references_nav_right A {font-weight: 700; color: #666; text-decoration: none;}
#references_nav_left A:hover, #references_nav_left A:focus, #references_nav_right A:hover, #references_nav_right A:focus {color: #000; text-decoration: none;}

#references_images {height: auto;/*margin-top: -82px;*/}

#references_images .thumb {
	width: 96px;
	/*height: 72px; -18 */
	height: 54px;
	float: left;
	margin: 5px;
	background: #E68B03;
	background: none;
}
/*.thumb {background: #E68B03;}*/
/*#references_images .thumb  img {display: none;}*/

/* references-list standalone */

#refs_standalone {width: 100%;}
#refs_standalone {width: 960px; margin: auto;}
#refs_standalone .thumb {
	width: 96px;
	/*height: 72px; -18 */
	height: 54px;
	float: left;
	margin: 5px;
	background: #E68B03;
	background: none;
}

/* references-page */

#ref {position: relative; width: 960px; text-align: left;}
#ref_head {height: 30px;}
#ref_head a {color: #E78B0E; font-size: 18px; line-height: 18px; text-decoration: none; margin-top: 0px;}
#ref_content {width: 960px; height: 540px; overlay: hidden; background: url(http://www.andrefritz.com/work/andrefritz/img/afd_refs01.jpg) no-repeat 0px -30px;}

div.MultiBoxTitle, div.ref_title {color: #E78B0E; font-weight: 700;}
div.ref_title {margin-top: 6px; margin-bottom: 6px;}
div.ref_kw {font-size: 11px;}
div.ref_link {float: right;}
div.ref_link a {color: #E78B0E; text-decoration: none; font-weight: 700;}

iframe {overlay: hidden;}


/* -----------------------------------------------------------------------------------------
   small
   ---------------------------------------------------------------------------------------*/
@media all and (max-device-width: 1180px) {
	/*#spacer{height: 10%;}*/
}

/* -----------------------------------------------------------------------------------------
   print
   ---------------------------------------------------------------------------------------*/
@media print {
	BODY, P, A, #box_text_2 A, H1, H2, H3 {color: #000;}
	#frame_footer_print {display: block;}
	#box_logo_print {display: block;}
	#box_navi ul#rightnavi {display: none;}
	#box_logo {display: none;}
}