/* 
 *	CSS Document 
 *	Thomas Sbampato
 *	(c) 2007 Lars Brinkmann | netzbuero.de
 *
 *	v 10/09/2007
 *
 *	--------------------------------------
 *	style.css
 */

body {
	background-color: #ffffff; margin: 0px; padding: 0px;
}



img { border: none; }

.clearer { clear: both; }

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote { margin-top: 0px; }

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, div, table, tr, td { font-family: Arial, Helvetica, sans-serif; }


/* Outer wrap for the page. Defining background shadow, centering output
 */
.pageOuterWrap { width: 977px; margin-left: auto; margin-right: auto; background: url(../images/backgroundShadow.gif) repeat-y; }
.pageOuterWrapFinish { width: 977px; margin-left: auto; margin-right: auto; }

/* Class for language selection
 */
.languageSelection { float: left; width: 34px; margin-top: 14px; }

/* Page inner wrap
 */
.pageInnerWrap	{ float: left; width: 932px; height: 100%; }





/* Page Header 
*/
.pageHeader { width: 932px; height: 260px; }
.pageHeaderPicture { float: left; width: 467px; }
.pageHeaderCopyright { float: left; height: 259px; width: 21px; border-bottom: 1px solid #008aad; }
.pageHeaderInfo { float: left; height: 259px; border-bottom: 1px solid #008aad; width: 444px; }

	/* Page Header: Meta-Navigation 
	 */
	.pageHeaderInfoNavigation { width: 417px; text-align: right; color: #4bc3df; 
								font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; 
								text-transform: uppercase; }
	.pageHeaderInfoNavigation a { text-decoration: none; color: #4bc3df; }
	.pageHeaderInfoNavigation a:hover { color: #008aad; }
	
	.pageHeaderInfoNavigation a.active { text-decoration: none; color: #008aad; }




/*	Page Content
 */
.pageContent { }

	.pageContentLftCol { float: left; width: 222px; height: 100%; }
	
	/* Right Column
	 */
	.pageContentRgtCol { float: left; width: 709px; height: 100%; }
	
		.pageContentRgtColWrap { margin-top: 40px; padding-bottom: 20px; }

	.pageContent h1 { font-size: 14px; font-weight: bold; }
	.pageContent p, .pageContent li, .pageContent td, .pageContent label,
	.pageContent dt, .pageContent th,
	.pageContent dd { font-size: 12px; line-height: 180%; }
	.pageContent p { margin-left: 25px; }
	

	.pageContentRgtCol a { color: #008ca6; }
	.pageContentRgtCol a:hover { color: #25bbd6; } 

/* Page Main Navigation
 */
.pageMainNavigation {   margin-top: 1px; width: 932px; height: 30px; 
						background: url(../images/cycle.jpg) no-repeat; 
						font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
						text-transform: uppercase; }

.pageMainNavigation .navigationElement { float: left; background: url(../images/navButtonPassive.gif) no-repeat; height: 30px; 
										border-right: 1px solid #ffffff; padding-right: 10px;  } 
.pageMainNavigation a { display: block; padding-top: 10px; padding-left: 25px; text-decoration: none; color: #ffffff; }

.pageMainNavigation .navigationElement:hover { background: url(../images/navigation/navButtonActiveCol25bad5.gif) no-repeat #25bad5;}
.pageMainNavigation .navigationElementActive { float: left; background: url(../images/navigation/navButtonActiveCol25bad5.gif) no-repeat #25bad5;
												height: 30px; border-right: 1px solid #ffffff; padding-right: 10px; }


/* Page Sub Navigation
 */
.pageSubNavigation {   font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
						text-transform: uppercase; }




.pageLeftWrap { clear: both; }






/* Special settings // default
 */
.pageContent { background: #ffffff; }
.pageContent h1 { color: #1cb8d3 }
.pageContent div, .pageContent p, .pageContent ul, .pageContent td { color: #026b85; }
.pageContentRgtColWrap { width: 540px; padding-bottom: 40px; }
.pageContentLftColCover { display: block; width: 222px; height: 40px; background: transparent; }

.pageSubNavigation .navigationElement { width: 168px; background: url(../images/navButtonPassive.gif) repeat-y #008aad;  
										border-bottom: 1px solid #ffffff; padding-bottom: 9px; } 

.pageSubNavigation .navigationElementWrap { width: 188px; background: url(../images/navigation/shadow_Default.gif) right repeat-y #25bad9; }
.pageSubNavigation .navigationFinish { width: 188px; height: 13px; background: url(../images/navigation/btmShadow_Default.gif) no-repeat; }

.pageSubNavigation a { display: block; padding-top: 9px; padding-left: 25px; text-decoration: none; color: #ffffff; }

.pageSubNavigation .navigationElement:hover { background: url(../images/navigation/navButtonActive_Default.gif) no-repeat #25bad9;}
.pageSubNavigation .navigationElementActive { width: 168px; background: url(../images/navigation/navButtonActive_Default.gif) no-repeat #25bad9;
											  border-bottom: 1px solid #ffffff; padding-bottom: 9px;}




.csc-textpic-border img { border: 1px solid #000000 !important; background-color: #ffffff !important; padding: 5px !important; margin: 1px !important; } */



/* tt_news
 */
.news-list-date { font-size: 10px; text-transform: uppercase; font-weight: bold; color: 888888; margin: 0px;}
.news-list-item-image { float: left; margin-left: 25px; width: 120px; }
.news-list-item-block { margin-left: 145px; }
.news-list-morelink { margin-left: 25px; }
.news-list-date { display: block; margin-bottom: 5px; }
.news-list-item h1 { margin-left: 25px; }
.news-list-item a { color: #ad753a; }
.news-list-item a:hover { color: #000000; }
.news-list-item h1 a { text-decoration: none; }
.news-list-readmore { font-weight: bold; }
.news-list-item { margin-bottom: 40px; }

/* .news-single-img { float: right; margin-left: 10px; border: 1px solid #000000 !important; background-color: #ffffff !important; padding: 5px !important; } */
.news-single-img { float: right; margin-left: 10px; }
.news-single-imgcaption { margin: 0px; }
.news-single-backlink { font-size: 12px; }
.news-single-item h3 { font-size: 13px; color: #915f2a; }




/* Form
 */
.csc-mailform label { display: block; font-weight: bold; font-size: 12px; }
.csc-mailform-field { margin-bottom: 10px; }
.csc-mailform { margin-left: 25px; border: 1px solid #026b85; }





/* Shop */
.basket_items { margin-left: 25px; width: 100%; }
.product_note p { margin-left: 0; }
.td_basket { vertical-align: top; padding-top: 15px; padding-right: 5px; }
.basket_items th { text-align: left; border-bottom: 1px solid #aaa; }
.basket_items .number { text-align: right; }

.td_basket_brd { vertical-align: top; padding-top: 5px; padding-right: 5px; border-top: 1px solid #aaaaaa; }

.billing_address { margin-left: 25px;}

.billing_address label { display: block; float: left; width: 120px; }
.billing_address br { clear: both; }