/********** GESAMTANGEBOT START ****************/
.gesamt_angebot_warenkorb_meldung_td{
	background-color:#FEE8B1;
}
#gesamt_angebot_warenkorb_meldung{
	margin-bottom:5px;
	font-weight:bold;
	padding-left:22px;
	padding-bottom:5px;
	padding-top:5px;
}
#gesamt_angebot_table, .gesamt_angebot_produkt_table, .gesamt_angebot_produkt_inner_table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	border-spacing:0px;
}
.gesamt_angebot_produkt_inner_table{
	border-collapse: collapse;
}

.gesamt_angebot_produkt_table{
	border-top:1px solid #000000;
	font-size: 11px;
}
.gesamt_angebot_spalte_oberkategorie{
	padding-bottom:10px;
	font-weight:bold;
	font-size: 12px;
	/*padding-top:20px;*/
}
.gesamt_angebot_spalte_kategorie{
	padding-bottom:10px;
	padding-top:10px;
}
.gesamt_angebot_produkt_spalte_1{
	width:320px;
	/*border-top:1px solid;*/
	height:40px;
}
.gesamt_angebot_produkt_name_zusatz_neu{
	color:#FF0000;
}
.gesamt_angebot_produkt_spalte_2{
	/*border-top:1px solid;*/
	height:20px;
}
.gesamt_angebot_produkt_inner_table tr td{
	height:30px;
}
.gesamt_angebot_produkt_spalte_groesse{
	width:40px;
	background-color:#FEE8B1;
	padding-left:10px;
	text-align:right;
}
.gesamt_angebot_produkt_spalte_preis{
	width:90px;
	background-color:#FEE8B1;
	text-align:right;
}
.gesamt_angebot_produkt_spalte_bestellen{
	padding-left:30px;
	width:160px;
	*width:190px;
	background-color:#FEE8B1;
}

.gesamt_angebot_ober_kategorie_name{
	color:#8C1039;
	text-decoration:underline;
}
.gesamt_angebot_sub_kategorie_name{
	font-style:italic;
}
.gesamt_angebot_sub_kategorie_name_zusatz_rot{
	color:#FF0000;
}
.gesamt_angebot_sub_kategorie_name_zusatz_weiss{
	color:#00BFFF;
}
.gesamt_angebot_sub_kategorie_name_zusatz_rose{
	color:#DA70D6;
}
.gesamt_angebot_produkt_name{
	font-weight:bold;
}
.gesamt_angebot_produkt_name a{
	color:#000000 !important;
}
/********** GESAMTANGEBOT END ****************/




.gesamt_angebot_wein{
	font-size:12px;
	line-height:18px;
}


#ccw_shop {
	padding: 20px 30px 20px 30px ;
	background-color: #fff;
	float:left;
}

/*--------------#### !!! TEMP SHOP FORMATIERUNG !!! ####------------------*/
#shopmenue #shopmenue_sub_3_no a {
	color: #000000 !important;
}

/*** warenkorb navi-links/submit ***/
#warenkorb_navi_link{	
	height:24px;
	padding:3px;
	text-decoration:none;
	margin-top:2px !important;
	
}
#submit_warenkorb, #login_submit{
	cursor:pointer;
	outline: none;
	padding-top:2px;
	padding-bottom:2px;
	*padding-bottom:3px;
	line-height:14px;
}
#submit_warenkorb, #warenkorb_navi_link, #login_submit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #12283C;
	background-color:#FDD87D;
	border:1px solid #000000;
	/*display:inline-block;*/
}

/*** content navi breadcrumb ***/
#content_header_left{
	/*margin-left:20px;*/
	padding-left: 20px;
	display: inline-block;
}

#content_menu_left_link{
	margin-top: 20px;
	/*padding-top:20px;  margin funzt nicht weil ie gay ist */
	padding-bottom:20px;
}

#content_menu_left_link{
	display:inline-block;
	float:left;
	font-size:14px;
	font-weight:bold;
}

/*** allg. shop def. ***/
#ccw_shop_liste_ansicht, #ccw_shop_detail_ansicht, #ccw_shop_warenkorb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #12283C;
}

select, textarea {
	border: 1px solid #000;
}
form{
	display:inline-block;
}

/* #####################################

Aufbau:		1. BODY + CONTAINER KALIBRIERUNG
		2. HEADER
		3. CONTENT
		4. HAUPTNAVIGATION
			4.1 SHOPNAVIGATION
			4.2 CONTENT-NAVIGATION 
		5. FOOTER
		6. TYPO

##################################### 
	1. BODY + CONTAINER KALIBRIERUNG
##################################### */

* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}
input {
	border: 1px solid #000;
}

body {
	background-color: #525252;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	/* Typo3 Hack fuer IE*/
	text-align: center;
}
#container {
	width:970px;
	margin: 0 auto;
	text-align:left;
}

/*##################################### 
	2. HEADER
##################################### */

#header {
	width:970px;
	height:114px;
	#margin-left: -5px;
	background-color: #fff;
}
#logo {
	float: left;	
}

#myGallery{
	border:none;
	
}

#slideshow {
	float: right;
	#clear: left;
}


/*##################################### 
	3. CONTENT
##################################### */

#content {
	width:970px;
	background-image: url(../images/conten_bg_loop.gif);
	background-repeat: repeat-y;
	display: inline-block;
}
#left {
	width:240px;
	float:left;
	margin-top: 5px;
	#margin-top: -8px;
	background-color: #fed87d;
}
#middle {
	width:730px;
	float:left;
	margin-top: 5px;
	#margin-top: -8px;
	background-color: #fff;
	
}
#middle_inside {
	margin: 20px 30px 20px 30px ;
	width: 670px;
	display:block;
	background-color: #fff;
	float:left;
}

#right {
	width:250px;
	float:right;
}
#right_inside {
	padding:20px 10px 10px 5px ;
	background-color: #26466D;
}

#content_header {
	background-color: #fff;
	padding-left: 10px;
}

#lageplan_frame{
	float: right;
	margin-top: -178px;
}
/* ======= CONTENT TABLE ======= */

#middle_inside .contenttable td {
	font-size: 11px;
	vertical-align: top;
	padding-bottom: 10px;
	padding-right: 10px;
}

/*##################################### 
	4. HAUPTNAVIGATION 
##################################### */

#hauptmenue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 25px;
	background-color:#525252;
}
#hauptmenue ul {
margin-bottom: 8px;
background-color:#525252;
}
#hauptmenue li {
	display: inline-block;
	#display: inline;
	border-right: 1px solid #393939;
	/*margin-left: 23px;
	padding-right: 23px;*/
}
#hauptmenue a {
	display: inline-block;
	padding: 8px 23px 8px 23px;
	color: #e1e1e1;
	text-decoration: none;
}
.hauptmenue_act {
	background-color: #701835;
}
/*##################################### 
	4.1 SHOPNAVIGATION 
##################################### */

#shopmenue {
	margin: 0px 0px 30px 0px;
}
#shopmenue ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#shopmenue li {
	border-bottom: 1px solid #464646;
	padding-left:10px;
	#padding-left: 0;
}
#shopmenue li a {
	display: block;
	padding: 5px 0px 5px 20px;
	color: #464646;
	text-decoration: none;
	font-weight: bold;
}
#shopmenue a:hover {
	color:#464646;
	font-weight: bold;
}

#shopmenue .subnavi {
	font-weight: normal;
	/*text-align: right;
	background-color: #fee8b1;*/
}
#shopmenue .shopmenue_act a {
	color: #8c1039;
}
	
/* ======= SHOPMENUE SUB EBENE 2 ======= */


#shopmenue_sub_2 {
	background-color: #fee8b1;
}
#shopmenue_sub_2 li {
	margin-left: 60px;
}
#shopmenue_sub_2 a {
	margin-left: -20px;
	font-weight: normal !important;
	color:#464646 !important;
} 
#shopmenue .shopmenue_sub_2_act a {
	color: #701835 !important;
	/*color: #701835 !important;*/
	/*font-weight: bold !important;*/
}

/* ======= SHOPMENUE SUB EBENE 3 ======= */


#shopmenue_sub_3 {
	background-color: #fee8b1;	
}
#shopmenue_sub_3 li {
	margin-left: 95px;
	#margin-left: 35px;
}
#shopmenue_sub_3 li a {
	margin-left: -20px;
	font-weight: normal !important;
	color:#464646 !important;
	
}
#shopmenue .shopmenue_sub_3_act a {
	color: #701835 !important;
}

/*##################################### 
	4.2 CONTENT-NAVIGATION 
##################################### */

#content_navigation {
	float: left;
	padding: 0 0 30px 30px;
	display: inline-block;
}
#content_navigation ul li {
	list-style-type: none;
	margin-bottom: 5px;
}

/*##################################### 
	5. FOOTER
##################################### */

#footer {
	clear: both;
	height: 18px;
	background-color:#303030;
	padding: 14px 20px 12px 20px;
}
#footer_navigation {
	float: left;
	font: normal 11px ;
	color:#ffffff;
}
#footer_navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer_navigation ul li {
	display: inline;
}
#footer_navigation ul li a {
	color: #ffffff;
	/*padding: 0px 15px 0px 0;*/
	text-decoration: none;
}
#footer_navigation ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#copyright {
	float: right;
	font: normal 11px verdana;
	color: #fff;
}
#copyright a {
	font: normal 11px verdana;
	color: #fff;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}


/*##################################### 
	6. TYPO
##################################### */

h1 {
	font-size:14px;
	color: #701835;
	line-height: 18px;
	margin-bottom:10px;
}

h4 {
	font-size: 13px;
	color: #701835;
	padding-bottom: 4px;
}
.csc-textpic-caption{
	font-size: 9px;
	line-height: 10px;
	padding-top: 4px;
}

#middle_inside ul li{
	list-style-position: inside;
	padding-top: 6px;
}

p {
	line-height: 18px;
}
a:link, a:visited {
	color: #701835;
	text-decoration: none;
}
a:hover, a:active {
	color: #701835;
	text-decoration: underline;
}

.important {
	color:#701835;
	font-weight:normal;
	font-size:17px;
}

.detail {
	color:#701835;
	font-weight:normal;
	font-seize:11px;
}

.detail_rechts {
	font-size: 9px;
	color: #888;
	text-align: right;
}
.name-of-person{
	color:#701835;
	font-size:13px;
	font-weight:normal;
}
.csc-frame-rulerBefore{
	border-top:solid 1px #701835;
	margin-bottom:30px;
}

.align-left {
	text-align:left;
}

.align-center {
	text-align:center;
}

.align-right {
	text-align:right;
}

.align-justify {
	text-align:justify;
}

/*====== Margins around images: [BEGIN] ======*/

    /* Pictures on left, add margin on right */
#container .csc-textpic-left .csc-textpic-imagewrap .csc-textpic-image,
#container .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap .csc-textpic-image,
#container .csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-image
    {
        display: inline; /* IE fix for double-margin bug */
        margin-right: 0 !important;
    }

    /* Pictures on right, add margin on left */
#container .csc-textpic-right .csc-textpic-imagewrap .csc-textpic-image,
#container .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap .csc-textpic-image,
#container .csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-image
    {
        display: inline; /* IE fix for double-margin bug */
        margin-left: 0 !important;
        padding-left: 0px;
    }

    /* Pictures centered, add margin on left */
#container .csc-textpic-center .csc-textpic-imagewrap .csc-textpic-image {
        display: inline; /* IE fix for double-margin bug */
        margin-left: 0 !important;
    }
#container .csc-textpic .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
#container .csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0 !important; }

    /* Space below each image (also in-between rows) */
#container .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
#container .csc-textpic-equalheight .csc-textpic-imagerow { margin-bottom: 0; display: block; }
#container .csc-textpic .csc-textpic-imagerow { clear: both; }

    /* No margins around the whole image-block */
#container .csc-textpic .csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
#container .csc-textpic .csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; 
width:auto;}

    /* Add margin from image-block to text (in case of "Text w/ images") */
#container .csc-textpic-intext-left .csc-textpic-imagewrap,
#container .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        margin-right: 20px !important;
    }
#container .csc-textpic-intext-right .csc-textpic-imagewrap,
#container .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0 !important;
    }
    
#spalte1 .csc-textpic-imagewrap
    {
    margin: 25px 0;
    width: 275px;
    }

/*====== Margins around images: [END] ======*/

