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

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation / Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.navigation-main-zone {
	background-image: url(../../templates_hochzeit/gfx/bg_navigation_main.gif);
	z-index: 9999;
}
div.navigation-main-zone *{
	z-index: 9999;
}

div.navigation-main-zone a {
	color: #562636;
}
div.navigation-main-zone a:hover {
	color: #744655;
}
/* ~~~~~ Ebene 1 ~~~~~ */
div.navigation-main-zone ul li a#main-active {
	color: #744655;
}
/* ~~~~~ Ebene 2 ~~~~~ */
div.navigation-main-zone ul li ul li a {
	background-color: #fdebf3;
}
div.navigation-main-zone ul li ul li a:hover{
	color: #744655;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extensions / contentwrapper / Rahmenboxen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ Box: 1px Linie unten ~~~~~ */
div.teaserboxes-typ-2{
	border: 1px solid #fdebf3;
}
/* ~~~~~ Box: Hintergrund Typ1 ~~~~~ */
div.teaserboxes-typ-3{
	background-color: #fbdceb;
}
/* ~~~~~ Box: Hintergrund Typ2 ~~~~~ */
div.teaserboxes-typ-4{
	background-color: #fdebf3;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer new with Span Tags
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.navigation-servcie-footer .address {
	color: #5D2D3E;
}































/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Alte Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input{
	width: auto;
}

textarea{
	height: 120px;
}

fieldset{
	border: 1px solid #EFB4CF;
}

legend{
	font-weight: bold;
}

input, textarea{
	background-color: #FFFFFF;
	border: 1px solid #EFB4CF;
}

div#stepnavigation{
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 7px;
	padding-bottom: 2px;
	*padding-bottom: 3px;
	padding-left: 5px;
	border-bottom: 1px solid #562636;
}

div#stepnavigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: -3px;
	*top: -2px;
}

div#stepnavigation ul li{
	display: inline;
	background-image: url(../gfx/alt/step_navi_normal.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 5px;
	padding-bottom: 6px;
	*padding-top: 0px;
	*padding-bottom: 0px;
}

div#stepnavigation ul li a{
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	background-image: url(../gfx/alt/step_navi_normal_end.gif);
	background-repeat: no-repeat;
	background-position: top right;
	
	text-decoration: none;
	font-size: 11px;
}

div#stepnavigation ul li a:hover{
	text-decoration: underline;
}

div#stepnavigation ul li.active{
	background-image: url(../gfx/alt/step_navi_active.gif)!important;
}

div#stepnavigation ul li.active a,
div#stepnavigation ul li.activebuyit a{
	font-weight: bold;
	background-image: url(../gfx/alt/step_navi_active_end.gif)!important;
}

.buyit{
	background-image: url(../gfx/alt/step_navi_normal_buyit.gif)!important;
}

div#stepnavigation ul li.activebuyit {
	background-image: url(../gfx/alt/step_navi_active_buyit.gif)!important;
}

.buyit a,
.activebuyit a{
	padding-left: 23px!important;
}

/*	Bestellung und Status FE	*/
	
div.bestellung{
	border: 1px solid #EFB4CF;
}
.bestellung-header{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #EFB4CF;
}
.bestellung-row{
	padding-bottom: 10px;
	order-top: 1px solid #EFB4CF;
}
.bestellung-row-2{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #EFB4CF;
	border-bottom: 1px solid #EFB4CF;
}

div#login,
div#new_customer,
div#rechungsadresse,
div#lieferadresse,
div#changeuser,
div#edituser{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 320px;
}

div#login p,
div#new_customer p,
div#rechungsadresse p,
div#lieferadresse p,
div#changeuser p,
div#edituser p{
	margin: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.footer-zone li.crosslinks-babykarte {
	background: url(../gfx/babykarte_favicon.jpg) no-repeat left center;
}

div.footer-zone li.crosslinks-familiensache {
	background: url(../gfx/familiensache_favicon.jpg) no-repeat left center;
}

div.footer-zone li.crosslinks-zippilotta {
	background: url(../gfx/zippilotte_favicon.jpg) no-repeat left center;
	border-bottom: 1px dotted #ffffff!important;
}