/*
================================================================================
	BASIC LAYOUT OF THE WHOLE SITE - styles and classes
	no colors defined; this is taken care of in subsections
================================================================================
*/
BODY {
	font-family: 				Verdana, Univers, Arial, sans-serif;
	font-style: 				normal;
	font-size:	 				9pt;
	margin: 						0px;
}
H1 {
	font-size: 					15pt;
	font-style: 				bold;
	margin-top: 				12pt;
	margin-bottom: 			12pt;
}
H2 {
	font-size: 					13pt;
	font-style: 				bold;
	margin-top: 				12pt;
	margin-bottom: 			0pt;
}
H3 {
	font-size: 					11pt;
	font-style: 				bold italic;
	margin-top: 				8pt;
	margin-bottom: 			0pt;
}
A {
	text-decoration: 			none;
	margin: 						2pt;
}
A:hover {
	text-decoration: 			underline;
	margin: 						2pt;
}
UL {
	margin:						6pt;
	padding:						6pt;
	list-style:					bullet outside;
}
LI {
	list-style:					bullet outside;
}
HR {
	line-height: 				2px;
}
IMG {
	border: 						0px;
}
TABLE {
	padding: 					0px;
	margin-left: 				auto;
	margin-right: 				auto;
   overflow:					auto;
}
TR {
	vertical-align: 			top;
}
TH {
	padding-top: 				4pt;
	font-size : 				9pt;
	font-style: 				bold;
}
TD {
	font-size : 				9pt;
}
FORM {
	margin: 						0pt;
}
INPUT, SELECT { 
	font-size: 					8pt;
}
TEXTAREA {
	font-size: 					9pt;
}
.main {
	border-style: 				ridge;
	border-width: 				4px;
}
.header {
	background-position: 	left top;
	background-attachment: 	fixed;
	background-repeat: 		repeat-y;
}
.navigation, .navigation:hover {
	font-size:					8pt;
	height: 						12px;
	vertical-align:			baseline;
}
.footer, .footer:hover {
	text-align: 				center;
}

/*
	layout of subsection: LEFT
*/
.left {
	width: 						100%;
}
.subleft {
	width: 						100%;
	border-width: 				3pt;
	border-style: 				double;
}
.art_descr_l, .art_descr_l:hover {
	padding:						2pt;
	font-size: 					8pt;
   height:						60px;
   overflow:					hidden;
   overflow-y:					hidden;
   overflow-x:					hidden;
}
.keywords {
	width:						100%;
	height:						200px;
	overflow:					scroll;
	overflow-y: 				scroll;
	overflow-x:					hidden;
}

/*
	layout of subsection: MAIN
*/
.subhead {
	text-align: 				center;
}
.subbody {
	font-size: 					9pt;
	text-decoration: 			none;
}
.subbody:hover {
	font-size: 					9pt;
	text-decoration: 			underline;
}
.article {
	width: 						100%;
	border-width: 				1pt;
	border-style: 				line;
}
.art_backlink, .art_backlink:hover {
	text-decoration: 			none;
}
.art_image, .art_image:hover {
	text-align: 				center;
	border:						0px;
}
.art_descr, .art_descr:hover {
	padding:						2pt;
	font-size: 					8pt;
   height:						90px;
   overflow:					hidden;
   overflow-y:					hidden;
   overflow-x:					hidden;
}
.art_descr_g, .art_descr_g:hover {
	padding:						4pt;
	font-size: 					11pt;
}
.art_price, .art_price_l {
	padding:						2pt;
	font-size: 					8pt;
}
.art_price_g, .art_links_g {
	padding:						4pt;
	font-size: 					11pt;
}
.paginationtable {
	width:						100%;
}
.pagination, .pagination:hover {
	font-size:					8pt;
}
.center {
	width:						100%;
}
/*
	layout of subsection: RIGHT
*/
.right {
	width: 						100%;
}
.subright {
	width: 						100%;
	border-color: 				#1a1a1a;
	border-width: 				3pt;
	border-style: 				double;
}
.passhint, .passhint:hover {
	font-size: 					9pt;
	text-decoration: 			underline;
	color: 						#333333;
}

/*
	layout of BOTTOM
*/
.copyright, .copyright:hover {
	font-size: 					8pt;
	text-align: 				right;
}

/*
================================================================================
	COLOURSCHEME OF THE WHOLE SITE
	no colors defined; this is taken care of in subsections
================================================================================
*/
BODY {
	color: 						#2b2726;
	background-color: 		#cccc99;
	scrollbar-base-color: 	#c7848a;
	scrollbar-arrow-color:	#FFFFFF;
	scrollbar-face-color: 	#900915;
	scrollbar-track-color: 	#c7848a;
}
H1, H2, H3, STRONG {
	color: 						#900915;	
}
HR {
	color: 						#900910;
}
A, A:hover {
	color: 						#900915;
}
TH {
	color: 						#b16c27;
}
.main {
	border-color: 				#1a1a1a;
	background-color: 		#ffffff;
}
.header {
	background-color: 		#663300;
	background-image: 		url(../images/bg_t_avancegeschenk.jpg); 
}
.navigation {
	color:						#ffffcc;
	background-color: 		#1a1a1a;
	background-image: 		url(../images/bg_navigation.jpg);
}
.navigation:hover {
	color:						#ffff00;
	background-color: 		#1a1a1a;
	background-image: 		url(../images/bg_navigation.jpg);
}

/*
	colourscheme of subsection: LEFT
*/
.subleft {
	border-color: 				#1a1a1a;
}
.art_descr_l, .art_descr_l:hover {
	color: 						#2b2726;
	background-color: 		#f3efdf;
}
.keywords {
	width:						100%;
	height:						200px;
	overflow:					scroll;
	overflow-y: 				scroll;
	overflow-x:					hidden;
}
.art_price_l {
	color: 						#2b2726;
	background-color: 		#c4ba9a;
}

/*
	colourscheme of subsection: MAIN
*/
.subhead {
	color: 						#ffffcc;
	border-color: 				#b16c27;
	background-color: 		#b16c27;
}
.subbody, .subbody:hover {
	color: 						#333333;
}
.article {
	border-color:				#1a1a1a;
}
.art_backlink, .art_backlink:hover {
	color: 						#900915;
}
.art_descr, .art_descr:hover {
	background-color: 		#f0f0e0;
	color: 						#b0400f;	/* was #1c4647 */
}
.art_descr_g {
	color: 						#b0400f;
	background-color: 		#ffffff;
}
.art_descr_g:hover {
	color: 						#333333;
	background-color: 		#f0f0e0;
}
.art_price {
	color: 						#333333;
	background-color: 		#cac0a0;
}
.art_price_g {
	color: 						#2b2726;
	background-color: 		#f3efdf;
}
.art_links_g {
	color: 						#2b2726;
	background-color: 		#c4ba9a;
}

.pagination, .pagination:hover {
	color:						#dfb024;
}
/*
	colourscheme of the subsection RIGHT
*/
.subright {
	border-color: 				#1a1a1a;
}
.passhint, .passhint:hover {
	color: 						#333333;
}

/*
	colourscheme of the subsection BOTTOM
*/
.copyright, .copyright:hover {
	color: 						#1c4647;
}

/*
================================================================================
	LAYOUT OF THE 'BESTEL' AND 'TELL A FRIEND' POPUP WINDOWS	styles and classes. 
   Colors and layout here, one section only.
================================================================================
*/
.popup {
	margin: 						0pt;
	background-color: 		#cccccc;
}
.popup_th {
	padding-top: 				25px;
	padding-left: 				25px;
	padding-bottom: 			10px;
	text-align: 				left;
	font-style: 				bold;
	font-size: 					11pt;
	background-color: 		#ffffff;
}
.popup_td {	
	padding-top: 				2px;
	padding-left: 				10px;
	padding-bottom: 			2px;
	background-color: 		#ffffff;
}

/*
================================================================================
	LAYOUT OF THE MANAGEMENT (CMS, BEHEER) PAGES styles and classes.
   Colors and layout here, one section only.
================================================================================
*/
.tablecms {
	width:						100%;
	border-style: 				none;
}
tr.stats {
	vertical-align:			bottom;
}
td.stats {
	font-size:					6pt;
}
.menucms {
	width:						165px;
	border-width: 				2px;
	border-style: 				ridge;
	border-color: 				#0c583c;
	background-color: 		#ffffff;
}
.cmsmaincat, .cmsmaincat:hover {
	font-size:					8pt;
	font-family : 				Arial, Verdana, sans;
	color:						#330000;
	background-color: 		#f3efdf;
}
.cmssubcat, .cmssubcat:hover {
	font-size:					8pt;
	font-family : 				Arial, Verdana, sans;
	padding-left: 				12px;
	color:						#330000;
	background-color: 		#f3efdf;
}
.clr_0 {
	background-color: 		#DCEEC1;
	font-size:					7pt;
	font-family : 				Arial, Verdana, sans;
}
.clr_1 {
	background-color: 		#cccc99;
	font-size:					7pt;
	font-family : 				Arial, Verdana, sans;
}