/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	babykarte / Theme familiensache.com CSS
	August 2008 / Roland Stern / S2 INTERMEDIA GmbH
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
	background-image: url(../gfx/bg_body.gif);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Grid
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#header-wrap{
	background-image: url(../gfx/bg_header_wrap.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Textstyles / Content / Context
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1 {
	color: #73a201;
}
h2 {
	color: #73a201;
}
a,
a strong{
	color: #73a201;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Service
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.service-zone ul li a{
	color: #666666;
	background-image: url(../gfx/border_service_header.gif);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-main-zone {
	background-image: url(../../templates_familien/gfx/bg_navigation_main.gif);
}
div.navigation-main-zone a {
	color: #73a201;
}
div.navigation-main-zone a:hover {
	color: #78a900;
}
/* ~~~~~ Ebene 1 ~~~~~ */
div.navigation-main-zone ul li a#main-active {
	color: #78a900;
}
/* ~~~~~ Ebene 2 ~~~~~ */
div.navigation-main-zone ul li ul li a {
	background-color: #e5f1e1;
}
div.navigation-main-zone ul li ul li a:hover{
	color: #78a900;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extensions / contentwrapper / Rahmenboxen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ Box: Hintergrund Typ1 ~~~~~ */
div.teaserboxes-typ-3{
	background-color: #DEEED9;
}
/* ~~~~~ Box: Hintergrund Typ2 ~~~~~ */
div.teaserboxes-typ-4{
	background-color: #ECF4E9;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Formulare
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Button */
input.form-button{
	border: 1px solid #b3b3b3;
	background-image: url(../gfx/bg_button.gif);
}
input.form-button:hover{
	border-top: 1px solid #b3b3b3;
}

a.form-button{
	border: 1px solid #b3b3b3;
	background-image: url(../gfx/bg_button.gif);
}
a.form-button:hover{
	border-top: 1px solid #b3b3b3;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Shop
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img.tooltip-help-icon {
	background-image:url(../gfx/bg_tooltip.gif);
}

img.tooltip-help-icon-2{
	background-image: url(../gfx/bg_tooltip_2.gif);
}

div.shop-produkt-box {
	border-bottom: 1px solid #73a201;
}

div.shop-produkt-image,
div.shop-produkt-farbvarianten,
div.shop-produkt-farbvarianten-detailview,
div.shop-produkt-ecard{
	border: 1px solid #73a201;
}

div.shop-order-info {
	border-bottom: 1px solid #73a201;
	border-top: 1px solid #73a201;
}

div#change-amount {
	border:3px solid #73A201;
	width: 650px;
}

/* Preisstaffel Info */
tr.staffelinfo-wrap td{
	border-top: 2px solid #73A201;
}
div.staffelinfo {
	border-top: 2px solid #73A201;
	background-color: #E5F1E1; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Shop // Last Products
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.shop-produkt-lastproducts-zone h1{
	border-top: 1px solid #73a201;
	border-left: 1px solid #73a201;
	border-right: 1px solid #73a201;
}
div.shop-produkt-lastproducts{
	border: 1px solid #73a201!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Shop - Produkt - Overview
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.shop-produkt-overview-image{
	border-bottom: 1px solid #73a201;
}

div.shop-produkt-step-1 div.shop-produkt-farbvarianten-zone div.active {
	border: 2px solid #656565;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extensions / contentwrapper / Rahmenboxen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ Box: Produktkategorie ~~~~~ */
div.teaserboxes-typ-6 p a{
	border-top: 1px solid #73a201;
	border-bottom: 1px solid #73a201;
	color: #73a201;
}

td.mincardproduct{
	border: 1px solid #73A201;
	background-color: #E5F1E1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Badges Spezial
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.badges-spezial-zone  {
	height: 95px;
	left: 751px;
	top: 39px;
	width: 222px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Mootabs Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.mootabs-title li {
	color: #73A201;
	background: transparent url(../gfx/bg_mootabs_title.gif) repeat-x left -25px;
}
ul.mootabs-title li.active {
	background: transparent url(../gfx/bg_mootabs_title.gif) repeat-x left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Accordion Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.accordion-wrap h1{
	background: url(../gfx/bg_accordion.jpg) no-repeat left -28px;
}
div.accordion-wrap h1.active{
	background: url(../gfx/bg_accordion.jpg) no-repeat left 0px;
}