@charset "UTF-8";

body, img {
	margin:0;
	padding:0;
	border:0;
}
 
.floatLeft  { float:left; }
.floatRight { float:right; }
.clearBoth  { clear:both; }

body {

	text-align: center;
	margin: 0;
	padding: 0;
	
	/*
	width: 100%;
	
	min-height: 100%;
	max-height: 1024px;
	*/
	background-image: url(assets/bg_stripes_right_bottom.gif);
	
	/*
		löst das Problem der zu breiten Seite durch die breite Logografik.
		verhindert aber auch jegliches Scrollen
		
			overflow: hidden;
	*/
	
	/*
	font-family: Geneva, Arial, Helvetica, sans-serif;
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	line-height: 21px;
}

.csc-textpic-imagewrap {
	position: relative;
	z-index: 500;
}
.csc-textpic-image a,
.csc-textpic-image img {
	position: relative;
	z-index: 500;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}
p {
	position: relative;
	z-index: 500;
}  
.headerwrap2 {
	padding-bottom: 15px;
}

/*
	-----------------------------------------------------------------------------------------------

										CONTAINER, HINTERGRÜNDE
	
	-----------------------------------------------------------------------------------------------
*/

#bg_wrap {
	/*
		Hintergrund, oberer Bereich
	*/
	position: absolute;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 700px;
	top: 0;
	left: 0;
	background: url(assets/bg_stripes_left.gif) repeat-x;
	display: table;
}


#bg_content {
	/*
		Hauptbereich, zentriert
	*/
	position: relative;
	z-index: 5;
	margin: 0 auto;
	text-align: left;
	
	/*
		973 = 960 + (Breite des linken transparenten Bereichs der Container der rechten Spalte)
	*/
	width: 1000px;
	
	/*
	border: 1px solid transparent;
	*/
}

#logoglow
{
	background: url(assets/logo_glow_ed.png) no-repeat right;
	width: 915px;
	
	
	left: 50%;
	margin-left: -216px;
	overflow: hidden;
	
	/*
	width: 100%;
	*/
	height: 552px;
	
	margin-top: -1px;
	position: absolute;
	z-index: 4;
	top: 0;
		
	
}

#bottomglow
{
	background: url(assets/bottom_glow_ed.png) no-repeat;
	
	
	/*
	border: 1px solid red;
	*/
	
	/*
	left: -170px;
	top: -360px;
	
	position: relative;
	*/
	top: 552px;
	left: 50%;
	margin-left: -680px;
	margin-top: -360px;
	
	position: absolute;
	z-index: 3;
	
	width: 806px;
	height: 873px;
	
	
	
	
}


#content_wrap
{
	width: 1050px;
	position: relative;
	z-index: 6;
	
	/* 1065 = 552 + 873 - 360 */
	
}

#content_left
{
	margin-left: -13px;
	float: left;
	overflow: hidden;
	width: 661px;
	position: relative;
	z-index: 22;
}

#navi_wrap
{
	background: url(assets/catch_left_long.png) no-repeat;
	padding-top: 107px;
	
	
	display: block;

}

#haupt_wrap
{
	background: url(assets/catch_left_short.png) no-repeat;
	padding-top: 18px;
	display: block;
	position: relative;
	z-index: 25;
	clear:both;
	
	margin-top: -1px;
}

#haupt_bg
{
	
}	

#haupt_content
{

	margin-bottom: 16px;
	
	padding: 0px 39px 5px 39px;
	text-align: left;
	
	/* 
	min-height: 400px;
	*/
	min-height: 260px;
	display:block;
	padding-top: 30px;
	position: relative;
	z-index: 40;
	
}

.haupt_bg_v
{
	background: url(assets/box_left_bg_m_r.png) repeat-y;
	margin-top: 12px;
	margin-left: 4px;
	position: relative;
	z-index: 30;
	
}



.haupt_bg_h
{
	position: relative;
	z-index: 35;
	top: -10px;
	
	/*
	padding-top: 12px;
	margin-right: 14px;
	*/
	
	
	background: url(assets/box_l_bg_head.png) -1px 0 no-repeat;
	
	
	margin-left: 10px;
}

.haupt_bg_f
{
	position: relative;
	z-index: 29;
	display: block;
	height: 35px;
	margin-top: -35px;
	background: url(assets/box_left_bg_bottom.png) 3px 100% no-repeat;
	

}

#bilder_wrap
{
	background: url(assets/catch_left_short.png) no-repeat;
	padding-top: 30px;
	margin-top: -16px;

}

#content_right
{
	float: left;
	width: 330px;
	overflow: hidden;
	position: relative;
	z-index: 22;

}





#zeiten_wrap, #marken_wrap
{
	margin-top: -19px;
}



.item_content
{
	/*
		Lässt Hintergrundbilder und "Aufhänger" sich überlappen
	*/
	margin-top: -9px;
}
.haupt_content .flashGal {
	position: relative;
	z-index: 48;
}

.main_content_footer {
	background: url(assets/box-left-footer-bg.png) no-repeat;
	display: block;
	height: 51px;
	width: 631px;	
	
	margin: -35px 0 0 -39px;
	position: absolute;
	z-index: 50;
	
}

#content_right .main_content_footer {
	position: absolute;
	z-index: 50;
	width: 300px;
	height: 51px;
	overflow: hidden;
	left: 52px;
	margin-top: -68px;
	background: url(assets/bgRightFooter.png);
}
#content_right .main_content_footer .csc-header-n7 {
	margin-top: 0;
	padding-top: 8px;
	padding-left: 20px;
	border: 0;
}
.footer_item
{
	background: url(assets/box_footer_item_seperator.gif) top left no-repeat;
	float: left;
	width: 40%;
	height: 51px;
}

.footer_item .csc-header
{
	margin: 7px 0 0 30px;
	padding: 0;
	border: none;
	

	height: auto;
	
}

.footer_right
{
	float: right;	
	
	
}


/*
	-----------------------------------------------------------------------------------------------

										 NEWSLETTER-OPT-IN
										 
	-----------------------------------------------------------------------------------------------
*/

#opt_in_button
{
	cursor: hand;
	display: block;
	width: 221px;
	

}

#opt_in_button a
{
	margin: 0;
	padding: 0;
}

#opt_in_box
{
	display: none;
	
	margin: 0;
	padding: 0;
	
	min-height: 132px;
	width: 253px;
	overflow: hidden;
	background: url(assets/bgSubscribeField.jpg) no-repeat top;

	position: absolute;
		
}

#opt_in_box_head
{
	height: 100%;
	
}

#opt_in_box_close:hover
{
	background-position: -17px 0;	
}

#opt_in_box_close
{
	background: url(assets/box_left_popup_close.png) no-repeat;
	display: block;
	height: 17px;
	width: 17px;
	
	position: absolute;
	top: 10px;
	left: 220px;
	
}


.formEl
{
	margin: 30px 0px 10px 15px;
	
	
	
}

.formRow
{
	clear: both;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;	
}

.formRow .label
{
	width: 50px;
	
}

.formRow .field
{
	
	
}	


/*
	-----------------------------------------------------------------------------------------------

										HAUPTBEREICH / SLIDE
	
	-----------------------------------------------------------------------------------------------
*/

#myGallery41 
{
	text-align: center;
	
	padding: 0;
	
	display: block;
	width: 100% !important;
	height: 450px;
	
	border: none;	

	padding: 0 30 0 40px;
	margin: 0 -30px 0 -40px;
	
	text-align: center;
}

#myGallery41 .slideElement
{
	margin: 0 30px 0 0;
	padding: 0 -30px 0 0;
	

	background-color: transparent;
}





/*
	-----------------------------------------------------------------------------------------------

											 	SIDEBAR
	
	-----------------------------------------------------------------------------------------------
*/



.sidebar_top_wrap
{
	text-align: left;
	background: url(assets/catch_right_long.png) 1px 0 no-repeat;
	padding-bottom: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 40;
}

.sidebar_top_wrap .topSpacer {
	position: relative;
	z-index: 45;
	width: 400px;
	height: 188px;
	margin: 0;
	padding: 0;
}

.sidebar_container_wrap
{
	position: relative;
	z-index: 50;
	
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	
	width: 400px;
	clear: both;
	display: block;
	
	margin-top: -16px;
	background: url(assets/catch_right_short.png) no-repeat;
	padding-top: 30px;
	
}

.botCont .sidebar_content {
	position: relative;
	width: 298px;
	left: 10px;
}
#content_right .botCont .sidebar_bg_h {
	background: url(assets/box_sidebar_top2.png) no-repeat;
}

.sidebar_container_wrap .csc-textpic-text  {
	float: left;
}
.sidebar_container_wrap .csc-textpic-text p {
	
}

.sidebar_bg_v
{
	background: url(assets/box_sidebar_bg_m_r.png) repeat-y;
	left: 4px;
	position: relative;
	z-index: 45;
}

.sidebar_bg_h
{
	position: relative;
	z-index: 50;
	top: -10px;
	padding-top: 12px;
	
	background: url(assets/box_sidebar_top.png) no-repeat;
	
}

.sidebar_content
{
	position: relative;
	left: 29px;
	margin-bottom: 16px;
	
	padding: 0px 0px 4px 0px;
	text-align: left;
	/*
	min-height: 200px;
	*/
	width: 265px;
	
}

.sidebar_content img
{
	float: left;
}

.sidebar_footer
{
	background: url(assets/box_sidebar_footer_short.png) top right no-repeat;

	width: 150px;
	margin-top: -74px;
	padding: 0;
	right: 18px;
	height: 57px;
	overflow: hidden;
	position:absolute;
	z-index: 50;
}

.sidebar_content div.csc-textpic-intext-left {
	clear: both;
	display: table;
}
.sidebar_content .csc-textpic-text p {
	margin-top: 0;
	margin-bottom: 0;
}
.sidebar_footer h1
{
	width: 100px;
	display: inline;

}
.sidebar_footer .csc-header
{
	width: 130px;	
	overflow: hidden;
	padding: 0 0 0 20px;
	margin: 0 !important;
	border-top: 0px;
	float: left;
}

.sidebar_footer p
{
	/*
	float: left;
	width: 50px;
	clear: none;
	overflow: hidden;
	
	padding: 0;
	margin-top: 12px; 
		
	display: inline;
	
	
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FCC300;
	font-weight: bold;
	*/
	display : none;
	visibility: hidden;
}


.sidebar_bg_f
{
	display: block;
	background: url(assets/box_sidebar_bg_f.png) 2px 100% no-repeat;
	padding-top: 6px;
	
	height: 22px;
	margin-top: -22px;
	position: relative;
	z-index: 42;
			
}




/*
.container_right
{
	width: 400px;
	clear: both;
	display: block;
	
	margin-left: -135px;
	background: url(assets/catch_right_short.png) no-repeat;
	padding-top: 30px;
}
*/


/*
	-----------------------------------------------------------------------------------------------

											 META-NAVIGATION
	
	-----------------------------------------------------------------------------------------------
*/
#meta_navi
{
	position: absolute;
	display: inline;
	margin-left: 40px;
	text-align: left;
	display: block;
	
	width: 659px;	
	
}


/*
	-----------------------------------------------------------------------------------------------

												NAVIGATION
	
	-----------------------------------------------------------------------------------------------
*/

#navi
{
	height: 51px;
	padding-left: 14px;
}

ul.menu
{
	height: 53px;
	display: inline;
	text-align: left;	
}

ul.menu li
{
	padding: 0;
	float: left;
	
	list-style-type: none;
}

ul.menu li a
{
	text-align: center;
	display: block;
	height: 53px;
	width: 158px;
}

ul.menu li a:hover, ul.menu .l1_active
{
	background: url(assets/menu-l1-active.png) no-repeat;
}

li.l1_first
{
	background: url(assets/menu-l1-start.png) no-repeat;
	margin-left: 1em;
}

li.l1_middle
{
	background: url(assets/menu-l1-middle.png) no-repeat;
}

li.l1_last
{
	background: url(assets/menu-l1-end.png) no-repeat;
}



/*
ul.submenu
{
	width: 158px;
}
*/

.submenu
{
	background: url(assets/menu-l2-top.png);
}

.submenu ul
{

	display: block;
	
	list-style-type: none;	
	margin: -2px 0 0 -2.5em;
}

.submenu ul li
{
	margin: 0;
	padding: 0;

	clear: both;
	display: block;
	
	/*
	background-color: #007cc7;*/
	border-bottom: 1px solid #059dfe;
	
}

ul.submenu li a
{
	text-align: center;
	display: block;
	width: 158px;
	height: 36px;
}

.submenu li.l2_top
{
/*
	background: url(menu-l2-top.png) no-repeat;
	*/
}

.submenu li.l2_top a
{
	height: 44px;
}

.submenu li.l2_middle
{
/*
	background: url(menu-l2-middle.png) no-repeat;
	*/
}

.submenu li.l2_bottom
{
/*
	background: url(menu-l2-bottom.png) no-repeat;
	*/
}

.submenu li a:hover
{
	font-weight: bold;
}

.nav0item {
	*width:100px;
}

/*
.nav1cont
{
	margin-top: 16px;
}*/

/*
	-----------------------------------------------------------------------------------------------

												TYPO
	
	-----------------------------------------------------------------------------------------------
*/


.csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6, .csc-header-n7, .csc-header-n8, .csc-header-n9, .csc-header-n10
{
	margin-top: 40px;
	border-top: 2px solid #FCC300;
	padding-top: 30px;	
	
}


.sidebar_content .csc-header
{
	border-top: none;
	margin-top: 0;
	padding-top: 0;	
	
}

.sidebar_content .headerwrap2 {
	padding-top: 15px;
	margin-top: 0;
}

h1, h2, h3, h4
{
	text-transform: uppercase;
	color: #FCC300;
}

h1
{
	font-size: 1.4em;
}

h2
{
	/*
		Entspricht etwa der Schriftgröße in der Sidebar
	*/
	font-size: 1.2em;
}

p
{
	/*
		Normaler Fließtext
	*/
	color: white;
	
}	


p a, p a:visited
{
	color: #FCC300;
	text-decoration: underline;
	/*
	border-bottom: 1px dotted #FCC300;
	*/
}

p a:hover
{
	text-decoration: underline;
}




#haupt_bottom_carousel
{
	padding-right: 24px;

}

.box_left_bottom
{
	background: url(assets/box_bg_left_bottom.png) 4px 0 no-repeat;
	width: 657;
	height: 150;

	margin-top: -9px;
	display: block;
	padding-top: 6px;
}

/*
	-----------------------------------------------------------------------------------------------

												Newsletter Anmeldung
	
	-----------------------------------------------------------------------------------------------
*/


.nlSubscribe {
	
}

.nlSubscribe .field .txt {
	color: #FCC300;
	width: 223px;
	height: 28px;
	border: 0;
	line-height: 28px;
	text-indent: 5px;
	background:#009AFA url(assets/bgInput3.jpg) no-repeat left top;
}
.nlSubscribe button {
	border: 0;
	background: transparent;
}
.nlSubscribe button span {
	color: #FCC300;
}
.nlSubscribe .unsubscribe,
.nlSubscribe .htmlFormat,
.nlSubscribe .label {
	display: none;
	visibility: hidden;
}
.nlSubscribe .error {
	clear: both;
	display:block;
	width: 510px;
	padding: 10px 0 5px 0px;
}
.error {
	color: #FF0;
}

/*
	-----------------------------------------------------------------------------------------------

												Download Links
	
	-----------------------------------------------------------------------------------------------
*/

a.download:link {
	background:transparent url(assets/liDot.gif) no-repeat scroll 0 3px;
	padding-left: 16px;
}

/*
	-----------------------------------------------------------------------------------------------

												Listenansicht
	
	-----------------------------------------------------------------------------------------------
*/

#haupt_wrap ul,
#content_right ul {
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
}
#haupt_wrap td ul {
	margin-bottom: 0;
}
#haupt_wrap li,
#content_right li {
	background:transparent url(assets/liDot.gif) no-repeat scroll 0 6px;
}
#haupt_wrap li,
#content_right li {
	padding-left:16px;
	margin-left: 0;
	color: #FFF;
}

#haupt_wrap li a,
#content_right li a {
	color: #FCC300;
}

/*
	-----------------------------------------------------------------------------------------------

												Flashplayer
	
	-----------------------------------------------------------------------------------------------
*/
#flashmovidflashheader {
	margin: -19px 0 50px -38px;
}
#content_right .flashGal {
	position:relative;
	margin-bottom: -18px;
}
#flashmovidflashmedium {
	position: relative;
	top: 5px;
	left: 15px;
}
#flashmovidflashlogos {
	left:0px;
	position:relative;
	top:0px;
}
/*
	-----------------------------------------------------------------------------------------------

												Carousel
	
	-----------------------------------------------------------------------------------------------
*/
#horizontal_carousel {
	margin-left:5px;
	display: block;
	width: 649px !important;
	overflow: hidden;
	height: 125px !important;
}
#horizontal_carousel .previous_button {
	background:transparent url(classic/horizontal/left.gif) repeat scroll 0 0;
}
#horizontal_carousel .container {
	width: 575px !important;
	background: transparent !important;
}
#horizontal_carousel ul {
	top: 8px !important;
}
#horizontal_carousel ul li {
	
}


#content_right #horizontal_carousel {
	width: 280px !important;
}
#content_right #horizontal_carousel .container {
	width: 200px !important;
}

#horizontal_carousel ul li {
	background:transparent url(assets/trans.gif) no-repeat;
	padding-left: 0;
}
#content_right #horizontal_carousel ul li img {
	border: 0;
	background: transparent;
}
.contentLinieMargin {
	background:transparent url(assets/lineHorBig.gif) no-repeat center left;
	display: block;
	height: 30px;
	clear: both;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px #FCC300 solid;
}
/* ****************** kontakt formular ************************* */
#kontaktForm {
	width: 600px;
	display: table;
}
.tx-thmailformplus-pi1 {
	display: table;
	margin-top: 15px;
}
.tx-thmailformplus-pi1 .error {
	margin: 5px 0 15px 160px;
}
.tx-thmailformplus-pi1 .error br {
	display: none;
	visibility: hidden;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup,
.tx-thmailformplus-pi1 .error p {
	color: #FF0;
}
.tx-thmailformplus-pi1 {
	padding: 0 0 0 0;
}
.formRow {
	float: left;
	clear: both;
	padding: 0 0 10px 0;
}

.blockLeft .formRow {
	width: 630px;
}

.formRow .label {
	color: #FFF;
	float: left;
	width: 160px;
}

.formRow .field {
	float: left;
}
.formRow .field .text {
	border: 1px #ACACAC solid;
	height: 20px;
	width: 398px;
}

.adress .street {
	float: left;
	width: 300px;
	overflow: hidden;
}
.adress .street .text {
	width: 288px;
}
.adress .streetNr {
	float: left;
	width: 100px;
	overflow: hidden;
}
.adress .streetNr .text {
	width: 98px;
}

.adress .zip {
	float: left;
	width: 120px;
	overflow: hidden;
}
.adress .zip .text {
	width: 98px;
}
.adress .city {
	float: left;
	width: 280px;
	overflow: hidden;
}
.adress .city .text {
	width: 278px;
}
.formRow .hdl {
	font-weight: bold;
}

.callBack .date {
	width: 304px;
	padding-left: 140px;
}

.callBack .date .label {
	width: 60px;
	text-indent: 5px;
}
#kontaktForm .formRow .field .strasse {
  width: 330px;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#kontaktForm .formRow .field .strasse .text {
  width: 318px;
}

#kontaktForm .formRow .field .hausnummer {
  width: 72px;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#kontaktForm .formRow .field .hausnummer .text {
  width: 68px;
  float: left;
  margin-left: 0;
}


.callBack .date .field {
	width: 110px;
}
.callBack .date .field .text {
	width: 108px;
}

.textarea .txtarea {
	border: 1px #ACACAC solid;
	height: 80px;
	width: 398px;
}

#kontaktForm .order .formRow .field .artikel {
  width: 460px;
  float: left;
  color: #FFF;
}

#kontaktForm .order .formRow .field .artikel .text {
  width: 448px;
  float: left;
}

#kontaktForm .order .formRow .field .menge {
  width: 100px;
  float: left;
  color: #FFF;
}

#kontaktForm .order .formRow .field .menge .text {
  width: 98px;
  float: left;
}

.formRow .need {
	color: #FFF;
}