
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	margin: 0;
	padding: 0;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-highlight-color: #ccc;
	scrollbar-track-color: #e6e6e6;
	scrollbar-arrow-color: #666;
	scrollbar-base-color: #ccc;
	scrollbar-face-color: #ccc;
	scrollbar-3dlight-color: #e6e6e6;
}


/****************** Default *******************/

h1, .headline22green
{
	font-family: Times New Roman;
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	color: #003300;
	margin: 0 0 18px 0;
	padding: 0;
}
h2, .headline22gray
{
	font-family: Times New Roman;
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	color: #666666;
	margin: 0 0 18px 0;
	padding: 0;
}

h3, .headline16green
{
	font-family: Arial,Helvetica, Sans-Serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #003300;
	margin: 0;
	padding: 0 0 9px 0;
}

h4, .headline16gray
{
	font-family: Arial,Helvetica, Sans-Serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 9px 0;
}

h5, .textboldgreen, a.textboldgreen, a.textboldgreen:hover
{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #003300;
}
h6, .text12graybold
{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul
{
	margin-left: 0px;
	padding-left: 16px;
	margin-top: 5px;
	margin-bottom: 9px;
}

ol
{
	margin-left: 9px;
	padding-left: 16px;
	margin-top: 5px;
	margin-bottom: 9px;
}
p, form
{
	margin: 0;
	padding: 0;
}
a
{
	color: #003300;
	text-decoration: none;
}
a:hover
{
	color: #ff0000;
	text-decoration: none;
}

form
{
	padding: 0;
	margin: 0;
}
.unsichtbar
{
	position: absolute;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

img, img a
{
	border: none;
}

/**************** Fonts Home *******************/
.homeheadlinewhite
{
	color: #ffffff;
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	font-family: Times New Roman;
	margin: 0;
	padding: 0 0 18px 0;
}

.homecontentwhite
{
	color: #ffffff;
	line-height: 20px;
}

.textboldgreen, a.textboldgreen, a.textboldgreen:hover
{
	font-weight: bold;
	color: #003300;
	text-decoration: none;
}
/***************** Fonts Contentseiten**********************/

.textgray12
{
	color: #666666;
	text-decoration: none;
}

.textred12, .fehlertext
{
	color: #CC0000;
	text-decoration: none;
}

.bildlegende11, a.bildlegende11, a.bildlegende11:hover
{
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	color: #003300;
	text-decoration: none;
	background: #f5ead1;
	padding: 5px;
	display: block;
}
.contentheadlinegold
{
	color: #d9a440;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
}

.contentlinksgold, a.contentlinksgold, a.contentlinksgold:hover
{
	color: #d9a440;
	text-decoration: none;
}

/***************** Floats *************************/


.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

.center
{
	text-align: center;
}
.text-left
{
	text-align: left;
}

p.justify
{
	text-align: justify;
}
/************************* Divs *********************/
.add_banner
{
	width: 957px;
	height: 77px;
	background: #003300;
}
.add_topmenuBG
{
	width: 957px;
	height: 23px;
	background: #003300;
	margin: 2px 0 0 0;
	
}
.div_topmenu
{
	margin: 0;
	width: 697px;
}

.add_breadcrumb
{
	height: 18px;
	width: 957px;
	padding-top: 1px;
	background: #f5ead1;
}
.add_contentstartpage
{
	width: 957px;
	min-height: 465px;
}

.add_content
{
	width: 957px;
	min-height: 465px;
}

* html .add_content
{
	width: 957px;
	height: 465px;
}

.add_contentLeft
{
	width: 697px;
	margin-right: 10px;
}

.add_contentRight
{
	width: 250px;
}
.add_footerAll
{
	width: 957px;
	padding: 3px 0 0 0;
	height: 25px;
	background: #003300;
}

/*************************** Navigation ***************************/
/**************** Breadcrumb*************************/

.breadcrumb, a.breadcrumb, a.breadcrumb:hover
{
	font-size: 11px;
	color: #9f6e16;
	text-decoration: none;
}

/******************** Searchform *****************/

.div_searchform
{
	width: 195px;
	height: 23px;
	margin: 0;
	padding: 0;
}


.searchform_input
{
	width: 159px;
	line-height: 14px;
	border: none;
	margin: 3px 0 0 1px;
	background: url(FCV2_img/search_inputBG.jpg) top left no-repeat;
	float: left;
	color: #949494;
}

.searchform_submit
{
	border-style: none;
	border-width: 0;
	width: 24px;
	height: 21px;
	float: left;
	margin: 0;
	padding: 0;
}

/******************** Metanavigation im Footer *******************/
.meta ul /*UL für Meta Navigation */
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
.meta li /* LI Für Meta NAVIGATION */
{
	padding: 1px 2px 0 2px;
	margin: 0px;
	float: left;
	display: inline;
	font-weight:normal;
}

.meta li a
{
	color: #DAA440;
	font-size: 11px;
	text-decoration: none;
	list-style: none;
	list-style-image: none;
}

.meta li a:hover, span.meta a:hover
{
	color: #DAA440;
}

span.meta a
{
	font-size: 11px;
	text-decoration: none;
}

.meta li a.current, span .current
{
	font-size: 11px;
	font-weight:normal;
	color: #DAA440;
	text-decoration: none;
}

/******* Sprachauswahl **********/
.p_container_langselection
{
	/*text-align: right;*/
	font-family: Arial;
	font-size: 11px;
	line-height: 19px;
	height: 20px;
	vertical-align: middle;
	margin-right:5px;
}
.container_langselection_caption, a.container_langselection_caption, a.container_langselection_caption:hover
{
	color: #d9a440;
	font-weight:normal;
	display: inline-block;
	height: 20px;
	cursor: pointer;
	padding: 0;
}


.container_langselection_lang
{
	color: #003300;
	font-weight:normal;
	cursor: pointer;
	height: 20px;
}

.language_flyout, a.language_flyout
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
	padding-left: 8px;
	color: #003300;
	text-decoration: none;
	display: block;
}
/* Ende Sprachauswahl */


/*************************** Fonts **************************/
.footertext
{
	font-size: 11px;
	color: #cccccc;
	padding: 2px 0 0 10px;
}

.footertextPrint
{
	font-size: 11px;
	color: #666666;
	padding: 2px 0 0 10px;
}

/*********************** Neue Flyoutmenus *******************/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.9em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:none;
	border-top:none;
	/*padding: 		5px;*/
	text-decoration:none;
	color:#DAA440;
	padding:.45em 1em;
}

/*
.sf-menu a:visited  {  visited pseudo selector so IE6 applies text colour
	color:#DAA440;
}*/
.sf-menu li {
	background:#003300;
	font-weight:bold;
}
.sf-menu li a1:hover
{
	color:Green;
}

.sf-menu li li {
	background:#fff;
	font-weight:normal;	
	border-bottom:solid 1px #e5eae4;
}

.sf-menu li li a{
	color:#003300;
}

.sf-menu li li li {
	background:#fff;
	border-bottom:solid 1px #e5eae4;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:#e5eae4;
	/*color:#003300;*/
	outline:		0;
}

.sf-menu li:hover a
{
	color: #003300;
}

/*** arrows */
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:none;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('FCV2_img/flyout_shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* ####################################################################### */
/*** ESSENTIAL STYLES für Spielen und Lernen***/
.sf-menu_splrn, .sf-menu_splrn *
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu_splrn
{
	line-height: 1.0;
}
.sf-menu_splrn ul
{
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu_splrn ul li
{
	width: 100%;
}
.sf-menu_splrn li:hover
{
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu_splrn li
{
	float: left;
	position: relative;
}
.sf-menu_splrn a
{
	display: block;
	position: relative;
}
.sf-menu_splrn li:hover ul, .sf-menu_splrn li.sfHover ul
{
	left: 0;
	top: 2.0em; /* match top ul list item height  2.5 */
	z-index: 99;
}
ul.sf-menu_splrn li:hover li ul, ul.sf-menu_splrn li.sfHover li ul
{
	top: -999em;
}
ul.sf-menu_splrn li li:hover ul, ul.sf-menu_splrn li li.sfHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu_splrn li li:hover li ul, ul.sf-menu_splrn li li.sfHover li ul
{
	top: -999em;
}
ul.sf-menu_splrn li li li:hover ul, ul.sf-menu_splrn li li li.sfHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}

/*** SKIN ***/
.sf-menu_splrn
{
	float: left;
	margin-bottom: 1em;
}

.sf-menu_splrn a
{
	border-left: none;
	padding: .25em 1em;
	text-decoration: none;
}

.sf-menu_splrn a
{
	/* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}

.sf-menu_splrn a:visited
{
	/* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}

.sf-menu_splrn li
{
	background: #D2050C;
	border-top: 1px dotted #c0c0c0;
	font-weight: bold;
	color: #d9a440;
}

.sf-menu_splrn li li li
{
	background: #fff;
	color: #003300;
	font-weight: normal;
	margin-left: 2px;
}

.sf-menu_splrn li li a
{
	background: #fff;
	font-weight: normal;
	color: #003300;
}

.sf-menu_splrn li li li
{
	background: #fff;
	font-weight: normal;
	color: #003300;
}

.sf-menu_splrn li li li a
{
	background: #fff;
	color: #003300;
}

.sf-menu_splrn li:hover, .sf-menu_splrn li.sfHover, .sf-menu_splrn a:focus, .sf-menu_splrn a:hover, .sf-menu_splrn a:active
{
	background: #E5EAE4;
	color: #003300;
	outline: 0;
}

.sf-menu_splrn li:hover a
{
	color: #003300;
}

/*** arrows **/
.sf-menu_splrn a.sf-with-ul
{
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator
{
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
a > .sf-sub-indicator
{
	/* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu_splrn ul .sf-sub-indicator
{
	background-position: -10px 0;
}
.sf-menu_splrn ul a > .sf-sub-indicator
{
	background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu_splrn ul a:focus > .sf-sub-indicator, .sf-menu_splrn ul a:hover > .sf-sub-indicator, .sf-menu_splrn ul a:active > .sf-sub-indicator, .sf-menu_splrn ul li:hover > a > .sf-sub-indicator, .sf-menu_splrn ul li.sfHover > a > .sf-sub-indicator
{
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* ####################################################################### */


.opa
{
	background: transparent;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* Startseite Info Boxen */

.start_infobox1, .start_infobox2
{
	overflow: hidden;
	height: 35px;
	position: relative;
	/*top: 275px;top:395px;*/
	top:351px;
	float: left;
}

.start_infobox1
{
	width: 305px;
	margin-right: 14px;
	background-color: #fff;
}

.start_infobox2
{
	width: 625px;
	background-color: #fff;
}

.start_infobox1_content
{
	height: 195px;
	background-color: #fff;
	float: left;
}


.start_infobox2_content
{
	height: 195px;
	padding-left: 13px;
	background-color: #fff;
	float: left;
}

.start_infobox1_header, .start_infobox2_header
{
	background-color: #F6EAD2;
	float: left;
	height: 26px;
	padding-left: 14px;
	padding-top: 9px;
}


.start_infobox1_header
{
	width: 256px;
}

.start_infobox2_header
{
	width: 576px;
}

.start_infobox1_icon, .start_infobox2_icon
{
	padding-top: 8px;
	padding-left: 8px;
	background-color: #F6EAD2;
	float: left;
	height: 27px;
	width: 27px;
	cursor:pointer;
}

.start_infobox_item
{
	width: 287px;
	height: 65px;
	background-image: url(../docs/FCV2_img/dotted_x.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	line-height: 13px;
}




.start_secondcontentblock_item
{
	height: 122px;
	width: 313px;
	overflow:hidden;
}

.start_secondcontentblock_item_bild
{
	height: 113px;
	width: 118px;
	overflow: hidden;
	border:1px;
	float:left;
	padding-top:1px;
	padding-left:1px;
	position:relative;
	z-index:3;
}
.start_secondcontentblock_item_icon
{
	position:absolute;
	top:90px;
	right:7px;
	height: 24px;
	width: 27px;
	cursor:pointer;
}
* html .start_secondcontentblock_item_icon
{
	position:relative;
}
* + html .start_secondcontentblock_item_icon
{
	position:relative;
}
.start_secondcontentblock_item_text
{
	float: left;
	height: 26px;
	width: 169px;
	padding-top:20px;
	margin-left:-2px;
}


.start_firstcontentblock
{
	width: 957px;
	/*height: 310px;height:430px;*/
	height:312px;
	background-color: #fff;
	position: relative;
	z-index: 0;
}

.start_secondcontentblock
{
	width: 957px;
	height: 259px;
	background: url(FCV2_img/bogen.png)  0 0 no-repeat;
	position:relative;
	padding-left:1px;
}
.start_secondcontentblockBg
{        
 
	background-color:#F5EAD1;

	height:193px;
	width:957px;
	z-index:1;
	position:absolute;
	bottom:0px;
	left:0px;
}
.start_secondcontentblockCont
{
	z-index:2;
	position:relative;
	float:left;
	top:20px;
	margin-left:5px;
	width:313px;
	padding-bottom:2px;
	background: url(FCV2_img/flaeche_unten.png) 0 0 no-repeat;
	line-height:5px;
}
.start_secondcontentblockCont h3
{
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-bottom:3px;
	font-size:15px;

}
.start_secondcontentblockCont .textboldgreen
{
	font-weight:normal;
	line-height:14px;
	color:#013800 !important;
}
.start_secondcontentblockTopLeft
{ 
	background-image: url(FCV2_img/flaeche_fc_erleben.png);
	height:122px;
}
.start_secondcontentblockTopLeft .start_secondcontentblock_item_text
{ 
	padding-top:30px;
}
.start_secondcontentblockTopMiddle
{
	background-image: url(FCV2_img/flaeche_fc_aktuell.png);
	height:90px;
	top:52px;
}
.start_secondcontentblockTopMiddle .start_secondcontentblock_item_bild
{
	margin-top:-32px;
}
.start_secondcontentblockTopMiddle .start_secondcontentblock_item_icon
{
	top:58px;
}
.start_secondcontentblockTopRight
{
	background-image: url(FCV2_img/flaeche_graf.png);
	height:121px;
}
.start_secondcontentblockTopRight .start_secondcontentblock_item_text
{ 
	padding-top:45px;
}
.start_secondcontentblockBottom
{
	height:112px;
}
.start_secondcontentblockBottom .start_secondcontentblock_item_bild
{
	margin-top:-11px;
}
.start_secondcontentblockBottom .start_secondcontentblock_item_icon
{
	top:80px;
}


.start_secondcontentshadow
{
	z-index: 999;
	position: absolute;
	width: 957px;
	height: 8px;
	/*top: 302px;top:422px;*/
	top:378px;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	background-image: url(FCV2_img/shadow_long.gif);
}

.start_infoxbox_container
{
	position: absolute;
	width: 950px;
	padding-left: 7px;
	z-index: 100;
}



/* ################################ Katalog/Shop ######################*/

/* ##### Katalog Startseite #####*/

.shop_containerall
{
	width: 957px;
	padding-top: 5px; /*min-height:465px;*/
	padding-bottom: 50px;
}

.shop_h2_start 
{
	margin-left:17px;
	margin-bottom:2px;
}
.shopstart_navileft
{
	width: 158px;
	border: solid 1px #ccc;
	margin-left:16px;
	height:360px;
}

.shopstart_content /* Contentbereich */
{
	width: 775px;
	margin-left: 1px;
}

.shop_startkachel /*komplette Kachel mit grauem Rahmen- Bild + Text */
{
	width: 143px;
	height: 360px;
	border: solid 1px #ccc;
	overflow: hidden;
	margin-left: 8px;
}

.shop_startkachel_rot /*Kachel mit rotem Rahmen- Bild + Text */
{
	width: 143px;
	height: 360px;
	border: solid 1px #c52f38;
	overflow: hidden;
	margin-left: 8px;
}

.shop_startkachel_blau /*Kachel mit blauem Rahmen- Bild + Text */
{
	width: 143px;
	height: 360px;
	border: solid 1px #014983;
	overflow: hidden;
	margin-left: 8px;
}


.shop_startkachel_gruen /*Kachel mit grünem Rahmen- Bild + Text */
{
	width: 143px;
	height: 360px;
	border: solid 1px #003300;
	overflow: hidden;
	margin-left: 8px;
}
.shopimg_143, a.shopimg_143 /*Bild der Kerngruppe */
{
	width: 143px;
	height: 143px;
	overflow: hidden;
	filter: alpha(opacity=50);
	opacity: 0.5; /*firefox 1.5 opacity*/
	-moz-opacity: 0.5; /*mozilla opacity*/
	-khtml-opacity: 0.5; /*opacity*/
}

.shopimgopacity
{
	width: 143px;
	height: 143px;
	overflow: hidden;
	filter: alpha(opacity=100);
	opacity: 1.00; /*firefox 1.5 opacity*/
	-moz-opacity: 1.00; /*mozilla opacity*/
	-khtml-opacity: 1.00; /*opacity*/
}
.shop_startkacheltext
{
	margin: 10px;
}

/* #### Shop ArtikelKachel **/

.articleContainer, .articleContainerhover
{
	float: left;
	width: 144px;
	height: 185px;
	border: solid 1px #ccc;
	margin: 0 8px 8px 0;
	background-color: #fff;
	cursor: pointer;
}
.articleContainerhover
{
	border: solid 1px #666;
}

.articleouterImgDiv
{
	text-align: center;
	height: 136px;
	width: 136px;
	overflow: hidden;
	margin: 8px 4px 0 4px;
}


/*##### Katalog Startseite Artikel Navi ##### */

a.start_artikelnavi
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #003300;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	display: block;
	border-bottom:dotted 1px #ccc;
}

a.start_artikelnavi:hover
{
	color: white;
	padding-left: 10px;
	background: #003300;
}


/* ##### Katalog Übersichtsseite #####*/


.div_shopheader
{
	margin: 0 15px 0 25px;
}

.div_topbacklink
{
	margin: 0 0 14px 0;
}

.div_paging_top /* Paging im Header */
{
	width: 910px;
	text-align: right;
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
}

.div_paging_bottom /* Paging unter Content */
{
	width: 935px;
	text-align: right;
	margin: 14px 0 15px 0;
}

a.shop_backlink
{
	font-size: 11px;
	padding: 0 0 1px 8px;
	background: url(FCV2_img/zurueck_tm.gif) center left no-repeat;
}

a.shop_nextpage
{
	font-size: 11px;
	padding: 0 8px 1px 0;
	background: url(FCV2_img/weiter_tm.gif) center right no-repeat;
}

span.pagenumber /* hellgrauer Rand für Seitenzahl */
{
	width: 13px;
	height: 13px;
	border: solid 1px #ccc;
	margin: 0 4px 0 4px;
}
span.pagenumber_activ /* dunkelgrauer Rand für Seitenzahl */
{
	width: 13px;
	height: 13px;
	border: solid 1px #666;
	margin: 0 4px 0 4px;
}

.pagenumber
{
	font-size: 11px;
	margin: 0 4px 0 4px;
	color: #666;
}

a.pagenumber
{
	font-size: 11px;
	margin: 0 4px 0 4px;
}

a.pagenumber_activ
{
	font-size: 11px;
	color: #666666;
	margin: 0 4px 0 4px;
	font-weight: bold;
}

.div_kachelcontainer /* Container für alle Kacheln */
{
	width: 925px;
	padding: 0 15px 8px 17px;
}

.shop_overviewkachel /* Kachel mit hellgrauem Rand */
{
	width: 143px;
	border: solid 1px #ccc;
	overflow: hidden;
	margin: 0 0 8px 8px;
	background: #fff;
	height: 185px;
	text-align: center;
	position: relative;
	left: 0px;
	top: 0px;
}



.shop_overviewkachel_hover /* Kachel mit dunkelgrauem Rand */
{
	width: 143px;
	border: solid 1px #666;
	overflow: hidden;
	margin-left: 8px;
	background: #fff;
	position: relative;
	height: 185px;
}
.shop_overviewkachel_by_quickinfo_mouseout
{
	border: solid 1px #666;
}
.quickinfo
{
	position: absolute;
	left: 0px;
	top: 73px;
	display: none;
}
.shop_overview_athref
{
	display: block;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
}
.shop_overview_imgdiv
{
	width: 144px;
	height: 144px;
}
.artimg_143, a.artimg_143 /*Artikelbild in Kachel*/
{
	/*display:block;*/
	overflow: hidden;
	background: #fff; /*margin: 8px 0 0 0;*/
	border: none;
}

.shop_overview_attext
{
	cursor: pointer;
}
.div_art_beschreibung
{
	max-height: 42px;
	overflow: hidden;
	text-align: center;
	padding: 5px 5px 15px 5px;
	font-size: 11px;
	line-height: 15px;
}

/* ############# Artikeloverlay ######*/

.div_artikeloverlay
{
	width: 430px;
	border: solid 1px #666;
	overflow: hidden;
	display: none;
	background: #fff;
}

.overlay_header
{
	background: #ccc;
	padding: 5px;
	height: 20px;
}

.shop_overlay_desc
{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 15px;
	padding: 10px 10px 0 0;
}

.shop_overlay_quickinfo
{
	margin-top: 10px;
}
.artikel_overlay_dedail
{
	margin: 10px;
	text-align: right;
}
.artikel_overlay_dedail a
{
	font-size: 11px;
	padding: 0 8px 1px 0;
	background: url(FCV2_img/weiter_tm.gif) center right no-repeat;
}



/* ####################### Artikeldetailansicht #################### */
.artdetail_content
{
	width: 917px;
	height: 425px;
	margin-left: 25px;
	padding-bottom: 50px;
}

* html .div_artimage, .div_artimage /*linker Div mit Bild, grauer Rand*/
{
	/*width: 418px;*/
	width: 368px;
	height: 423px;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: 0px;
	text-align: center;
	overflow: hidden;
}
* html .img_artimage, .img_artimage /* Artikelbild */
{
	/*width:350px;*/
	max-width: 318px;
	max-height: 318px;
	overflow: hidden;
	margin-top: 25px;
}


.div_arttabs /*rechter Div mit Tabs*/
{
	/*width: 491px;*/
	width: 541px;
	height: 425px;
	margin-top: -1px;
	background: #fff;
}


.div_tabsbottom /* Platz für ArtNr., Preis, Link auf Merkzettel*/
{
	height: 41px; /*width: 455px;*/
	width: 505px;
	background: #e6e6e6;
	padding: 15px 10px 10px 25px;
}

.linkmerkzettel
{
	background: url(FCV2_img/icon_merkzettel.gif) center right no-repeat;
	padding: 2px 22px 2px 0;
	cursor: pointer;
}

.simple_overlay_article
{
	/* initially overlay is hidden */
	display: none; /* growing background image */ /*background-image:url(/ws_addmin/xsltemplates/InteractiveImageMap/defaultres/imgdefaultoverlay/white.png);         */ /* width after the growing animation finishes   height is automatically calculated     */ /* some padding to layout nested elements nicely  */
	padding: 5px; /* a little styling */
	padding-top: 0px;
	font-size: 11px;
	border: solid 1px #cccccc;
	background-color: #ffffff; /*min-height:200px; 	min-width:200px;*/
}


/* close button positioned on upper right corner */
.simple_overlay_article .close
{
	background-image: url(/ws_addmin/xsltemplates/InteractiveImageMap/defaultres/imgdefaultoverlay/close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

/*########## Tabs ###########*/
/* root element for tabs  */
ul.tabs
{
	margin: 0 !important;
	padding: 0;
	height: 26px;
	border-bottom: solid 1px #fff;
}

/* single tab */
ul.tabs li
{
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* link inside the tab */
ul.tabs a
{
	float: left;
	font-size: 12px;
	display: block;
	padding: 4px 10px 3px 14px;
	text-decoration: none;
	background-color: #ccc;
	color: #666;
	position: relative;
	top: 1px;
	border: solid 1px #fff;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	height: 18px;
}

ul.tabs a:hover
{
	background-color: #e6e6e6;
	color: #666;
}

/* selected tab */
ul.tabs a.current
{
	background-color: #e6e6e6;
	color: #666;
	font-weight: bold;
	cursor: default;
	margin: -7px 0 0 0;
	border-top: solid 7px #e6e6e6;
	border-bottom: solid 2px #e6e6e6;
}


div.panes div ul
{
	margin-top: 25px;
}
div.panes div ul li
{
	padding: 3px;
	margin: 0;
}

/* ############# Scrollpane ##############*/
.jScrollPaneContainer
{
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: #e6e6e6;
}
.pane_content /*Contentbereich im Tab*/
{
	display: none;
	height: 293px; /*width:443px;*/
	width: 493px;
	overflow-y: auto;
	border: 1px solid #e6e6e6;
	border-width: 0 1px 1px 1px;
	min-height: 150px;
	padding: 15px 25px 25px 20px;
	background: #e6e6e6;
}

.p_header
{
	margin: 0 0 25px 0;
}

/* ############# Tab Farben ###############*/
.div_colors /*div mit 1 Farbe*/
{
	margin: 0 0 7px 0;
	text-align: center;
	width: 77px;
}

.color_border /*grauer Rand für Farbe*/
{
	width: 50px;
	height: 28px;
	border: solid 1px #ccc;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}

.color_name /*Farbname*/
{
	margin-top: 2px;
	font-size: 11px;
	line-height: 13px;
	height: 30px;
	display: inline-block;
}

/* ############# Tab Varianten ###############*/

.div_variant /*div mit 1 Info*/
{
	margin: 0 15px 15px 0;
	text-align: center;
}

.info_variant /*grauer Rand für Farbe*/
{
	max-width: 143px;
	max-height: 143px;
	border: solid 1px #ccc;
	margin: 0;
	background: #fff;
}

.div_freetext /*Farbname*/
{
	margin-top: 5px;
}



/* ############# Tab Awards, Zusatzinfos ###############*/

.div_info /*div mit 1 Info*/
{
	margin: 0 15px 15px 0;
	text-align: center;
}

.info_border /*grauer Rand für Farbe*/
{
	width: 98px;
	height: 98px;
	border: solid 1px #ccc;
	margin: 0;
	background: #fff;
}

.div_freetext /*Farbname*/
{
	margin-top: 5px;
}




/* ################### Merkzettel Neu ##########################*/
.merk_head
{
	width: 917px;
	background: #ccc;
	font-weight: bold;
}

.text_linkbacktokatalog a /*Link zurück zum Katalog*/
{
	background: url(FCV2_img/zurueck_tm.gif) center left no-repeat;
	padding-left: 9px;
	padding-bottom: 4px;
}

.text_mzdelete a /*Link Merkzettel löschen*/
{
	background: url(FCV2_img/icon_delete.gif) center right no-repeat;
	padding-right: 16px;
	padding-bottom: 4px;
	margin-right: 10px;
}


.text_mzprint a /*Link Merkzettel drucken*/
{
	background: url(FCV2_img/iconPrint.gif) center right no-repeat;
	padding-right: 16px;
	padding-bottom: 4px;
}


.merk_h1
{
	width: 120px;
	border-right: solid 1px #fff;
	padding: 5px;
}
.merk_h2
{
	width: 400px;
	border-right: solid 1px #fff;
	padding: 5px;
}
.merk_h3
{
	width: 60px;
	border-right: solid 1px #fff;
	padding: 5px;
}
.merk_h4
{
	width: 240px;
	padding: 5px 0 5px 0;
	text-align: right;
}


.merk_table
{
	width: 917px;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
}
.merk_t1
{
	width: 125px;
	padding-left: 5px;
	cursor: pointer;
}

.t2_img, .t2_img a, .t2_img a:hover
{
	width: 90px;
	text-align: center;
	vertical-align: middle;
	height: 90px;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
}

.t2_desc
{
	width: 310px;
	padding-left: 10px;
	cursor: pointer;
}

.merk_t3
{
	width: 70px;
	text-align: center;
}

.t3_zahlborder
{
	width: 28px;
	height: 23px;
	padding-top: 5px;
	border: solid 1px #daa42e;
	text-align: center;
	font-weight: bold;
}

.merk_t4price
{
	width: 94px;
	text-align: center;
	font-weight: bold;
	background: #f5ead1;
	border-right: solid 1px #daa42e;
	border-left: solid 1px #daa42e;
}

.merk_t5delete
{
	width: 60px;
	text-align: center;
	padding-top: 5px;
}

.merk_footertable
{
	width: 858px;
	margin-right: 73px;
	padding: 0 0 5px 0;
}

.merk_footerrefresh a /*Link Menge aktualisieren*/
{
	/*font-weight:bold;*/
	margin-left: 400px;
	background: url(FCV2_img/icon_refresh.gif) bottom right no-repeat;
	padding: 5px 23px 2px 0;
	line-height: 35px;
}

.merk_footergesamt /*Text Gesamt*/
{
	width: 70px;
	font-weight: bold;
	text-align: right;
	padding: 9px 10px 5px 40px;
	color: #222;
}

.merk_footersumme /*Rechnung Summe*/
{
	width: 93px;
	text-align: center;
	font-weight: bold;
	background: #daa42e;
	border-right: solid 1px #daa42e;
	border-left: solid 1px #daa42e;
	padding: 9px 0 5px 0;
	color: #222;
}

/*###################### Historie #######################*/
.historie_contentbg
{
	height: 465px;
	width: 958px;
	overflow: hidden;
}

.historie_divoverview
{
	color: #D9A037;
	cursor: pointer;
}

.tm_loadingimg
{
	left: 400px;
	top: 200px;
}
/*##################### Filmline########################*/

.historie_filmstrip
{
	width: 957px;
	height: 134px;
	background: #F6EAD2;
}

.tm_arrows
{
	width: 77px;
	height: 134px;
}

div.scrollable
{
	position: relative;
	overflow: hidden;
	width: 803px;
	height: 134px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. */

div.thumbs
{
	position: absolute;
	width: 2000em;
	clear: both;
	height: 134px;
}
/* single item */
.contentdivfilmstrip
{
	cursor: pointer;
	overflow: hidden;
	float: left;
	width: 208px;
	height: 111px;
	background: #F6EAD2;
	border-right: solid 1px #013300;
	margin-top: 12px;
}
.contentdivfilmstrip_o
{
	cursor: pointer;
	overflow: hidden;
	float: left;
	width: 200px;
	height: 116px;
	background: #F6EAD2;
	margin-right: 5px;
}
a.prev, a.next, a.prevPage, a.nextPage
{
	display: inline;
	cursor: pointer;
	font-size: 1px;
}

/*##################### Filmline########################*/

/*Timeline Layer*/
.tm_layer
{
	height: 30px;
	background: transparent;
	padding: 0;
	margin: 0;
}



/* the overlayed element */

.overlay_inner
{
	background-color: white;
	max-height: 260px;
	overflow-y: scroll;
	padding: 10px;
	margin: 1px;
	border-top: solid 25px #ccc;
}

.simple_overlayhistory
{
	/* must be initially hidden */
	display: none; /* place overlay on top of other elements */
	z-index: 10000; /* styling */
	background-color: #003300;
	width: 575px;
	min-height: 200px;
	max-height: 325px; /* 	border: 1px solid #ccc; /* CSS3 styling for latest browsers 	-moz-box-shadow: 0 0 10px 5px #ccc; 	-webkit-box-shadow: 0 0 10px #ccc;*/
}
/* close button positioned on upper right corner */
.simple_overlayhistory .close
{
	background-image: url(FCV2_img/overlay_close.gif);
	position: absolute;
	right: 3px;
	top: 5px;
	cursor: pointer;
	height: 19px;
	width: 25px;
}
.simple_overlay
{
	/* initially overlay is hidden */
	display: none; /* growing background image */ /*background-image:url(/ws_addmin/xsltemplates/InteractiveImageMap/defaultres/imgdefaultoverlay/white.png);         */ /* width after the growing animation finishes   height is automatically calculated     */ /* some padding to layout nested elements nicely  */
	padding: 5px; /* a little styling */
	padding-top: 0px;
	font-size: 11px;
	border: solid 1px #cccccc;
	background-color: #ffffff; /*min-height:200px; 	min-width:200px;*/
}


/* close button positioned on upper right corner */
.simple_overlay .close
{
	background-image: url(/ws_addmin/xsltemplates/InteractiveImageMap/defaultres/imgdefaultoverlay/close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}
/*##################Bookmarks###############  */

.popupbkm
{
	display: none;
	position: absolute;
	left: 695px;
	top: -193px;
	z-index: 999;
	padding: 5px;
	float: right;
	width: 250px;
	background: white;
	border: solid 1px gray;
}

