html, body {margin: 0; padding: 0; border: 0;}

body {
color: #2F2F31; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em; 
text-align: center;
margin: 0px 0;
background: url(../sys_graphics/bg_points.gif);
}


.clear { 
clear: both; 
}

img, h2, h3, h4, h5, h6, blockquote, ul, ol, li, form, fieldset, table, tr, td {
  padding: 0;
  border: 0;
  margin: 0;
}
	

	
a {
	color: #37B7DF;
  	text-decoration: none;
}

.screen
{
	height: 712px;
	width: 931px;
}

.wrapper-screen {
margin: 0 auto;
width: 931px;
text-align: left;
border: 0px solid #000;

}


.wrapper {
margin: 0 auto;
width: 931px;
text-align: left;
border: 0px solid #000;
background: url(../sys_graphics/left_shadow.png)  repeat-y;
}

.innerwrapper {
margin: 0 auto;
width: 895px;
text-align: left;
border: 0px solid #000;
background-color:#FBECF3 ; 
}

.innerwrapper-weiss {
margin: 0 auto;
width: 895px;
text-align: left;
border: 0px solid #000;
background-color:#ffffff; 
}


/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html .wrapper {
width: 931px; 
w\idth: 928px; 
}

.outer {
border-left: 200px solid #fcc;  
border-right: 200px solid #cfc;
border: 0px solid #000;

}
/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. The image substitutes 
for the thin black divider between the right green col and the center col. If the black divider
is not wanted, the BG image may be removed. The Tan hack below feeds a IE a different 
BG location, due to a BG placement variation. 
***/

* html .outer {
background:  url(images/blackline.gif) 565px 0 repeat-y;
}

.inner {
margin-left: -2px; /*** This fixes a small overlap problem in IE6. ***/
width: 895px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
border: 0px solid #000;
border-width: 0 0 0 0px;

}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/

* html .inner {
width: 100%;
}

.float-wrap {
float: left;
width: 978px;
margin-left: -272px;       /*** Same length as left column width ***/
border: 0px solid #000;
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.left {
float: right;
border: 0px solid #000;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 179px;  
margin-top:0px;
}

.right {
float: right; 
width: 175px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
border: px solid #000;


}

* html .right {
margin: 0 -200px 0 0; /*** IE gets this margin. ***/
}
.news-stretch{
border: 0px solid #000;
height: 158px;
margin: -40px 0px 0px 0px;
width: 895px;
float:right;
}


.news-stretch .news-list-container{
float: right;
border: 0px solid #88D3F4;
background-color: #fff;
padding: 0px 2px 0px 2px;
width: 170px;
height: 158px;
background: url(../sys_graphics/news-dog.png)  no-repeat;
}

.news-stretch .news-list-item{
padding: 40px 0 0 0;
text-align: center;
font-size: 11px;
color:#2F2F31;
}

.news-stretch .news-list-item a{
color:#2F2F31;
}

.news-stretch .news-list-container .bodytext{
padding: 0px 2px 0px 2px;
border: 0px solid #88D3F4;
margin: 0px 2px 0px 2px;
}


.right h2{
color: #2F2F31;
font-size: 13px;
margin-top: 0px;
font-weight: bold;
}

.center {
float: right;
width: 525px;
border: 0px solid #000;
font-size:0.9em;
margin-top: 12px;
}

.content {
margin-left: 12px;
}

.content-stop {
margin-left: 38px;
width:456px;
height: 237px;
}


.center .content-stop .csc-textpic img{
border: 0px solid #000;
}



.wide {
background-color: #ffc;    /* header and footer colours */
width: 100%; 
border: 0px solid #000;
font-size: 1.4em;
padding: 0px;
margin: 0px;
}

.topmenu {
width: 100%; 
border: 0px solid #000;
height: 41px;
}

.wide p {padding: 0px;}

.top {
border: 0px solid #000;
height:154px;

}

.bottom {
margin: 0px auto 0 auto;
width: 931px;
height: 57px;
background: url(../sys_graphics/fuss.png)  no-repeat;
background-position:center; 
text-align:center;
}

.fussmenu { 
margin: 20px -2px 0 0px;
width: 895px;
position:relative;
float:right;
}


/* fuss menu anfang */ 
.fussmenu ul{
padding-left: 0px;
margin-left: 0;
padding: 0.2em 0em;
background-color: #BBC3D3;
color: White;
float: left;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
}


/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}

/* start center template */ 

.center ul
{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 14px;
font-size: 12px;
}

.center h1 {
font-size:14px;
color: #35BAEA;
font-weight: normal;
margin-bottom: 20px;

}

.center h3 {
color: #35BAEA;
font-size: 13px;
margin-top: 0px;
font-weight: bold;
}

.center h2 {
color: #35BAEA;
font-size: 14px;
margin-top: 0px;
font-weight: bold;
}

.center h4 {
font-size: 14px;
color: #35BAEA;
font-weight: normal;
}

.center h5 {
font-size:12px;
color: #35BAEA;
line-height: 1.4;
}

.center p.bodytext {
margin-top: 5px;
border: 0px solid #EAE3D1;
font-size: 12px;
padding-left: 0px;
line-height: 128%;
}

.center a.mail {
	font-size: 14px;
	color: #C50E1F;
  	text-decoration: none;
	font-weight: bold;
}


.center .spacer-gif {
border: 0px solid #EAE3D1;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.center .tx-commerce-pi1{
border: 0px solid #EAE3D1;
padding: 0 0 0 0;
margin: 0 0 0 0;
}




.center .tx-kuloplayer-pi1{
float: left;
border: 0px solid #EAE3D1;
padding: 0 0 0 0;
margin: 0 0 0 -52px;
}

/* end center template */ 


/* start kategorie template */ 
 /* start kategorie template */ 
 
 
.center .kategorie {
padding: 0 0 0 0;
margin: 10px 20px 10px 0px;  
text-decoration: none;
float: left;
border-right: 0px solid #000;
width: 150px;
height: 180px;
}

.center .teaser-category {
color: #37B7DF;
font-size: 14px;
margin-top: 0px;
font-weight: normal;
border: 0px solid #BBC3D3;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 150px;
}

.center .com-category-teaser-img img{
border: 1px solid #BBC3D3;
}

.center .startkategorie {
padding: 0 0 0 0;
margin: 10px 20px 10px 0px;  
text-decoration: none;
float: left;
border: 0px solid #000;
width: 150px;
height: 180px;
}

.center .com-single-action-entry{
float: left;
border: 1px solid #BBC3D3;
width: 320px;
padding: 10px  10px 10px 10px;
margin-bottom: 10px;
}

.center .startkategorie img{
border: 1px solid #BBC3D3;
}
.center .com-single .bodytext{
border: 0px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.center .single-image {
float: left;
margin-right: 10px;
margin-bottom: 10px;
border: 0px solid #000;
width: 150px;
}


.center .csc-textpic img {
border: 1px solid #BBC3D3;
}


.center .single-image img{
float: left;
padding-right: 0px;
padding-bottom: 0px;
border: 1px solid #BBC3D3;
width: 150px;
margin-bottom: 20px;
}

.center .single-text {
float: right;
width: 345px;
border: 0px solid #000;
}

.com-button  {
width: 80px;
}


.katpreis {
color: #37B7DF;
}

 
 /* ende kategorie template */ 

/**************************
* BOX anfang
**************************/
.com-search { 

	margin-left: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
}



.com-box-qv { 
	border: 1px solid #87D3F4;
	padding: 2px 2px 2px 2px;
	padding: 5px 0 25px 0;
	color:#35BAEA;	
	width:174px;
	background-color: #FBECF3;
}

.com-box-qv-value { 
	padding: 5px 0px 5px 0px;
	border: 1px solid #87D3F4;
}

/**************************
* BOX ende
**************************/

#navbasket .tx-commerce-pi1 ul
		
{
padding-left: 0;
margin-left: 0;
background-color: #BBC3D3;
color: White;
float: left;
width: 95px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 2px;
margin-top: 0px;
}	
	

#navbasket .tx-commerce-pi1  ul li { display: inline; }

#navbasket .tx-commerce-pi1  ul li a
{
padding: 0.2em 1.03em;
background-color: #BBC3D3;
color: White;
text-decoration: none;
float: right;
border-left: 1px solid #fff;#
}
#navbasket .tx-commerce-pi1 ul li a:hover
{
background-color: #37B7DF;
color: #fff;
}



/* warenkorb menu anfang */ 
#navbasket ul
{
padding-left: 0;
margin-left: 0;
background-color: #BBC3D3;
color: White;
float: left;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 2px;
margin-top: 0px;
}

#navbasket  ul li { display: inline; }

#navbasket  ul li a
{
padding: 0.2em 1.03em;
background-color: #BBC3D3;
color: White;
text-decoration: none;
float: right;
border-left: 1px solid #fff;#
}
#navbasket  ul li a:hover
{
background-color: #37B7DF;
color: #fff;
}
 
  /* warenkorb menu ende */
 


 /* horizontales menu anfang */

.menu {
 	position:relative;
 	z-index:100;
 }

 /* remove all the bullets, borders and padding from the default list styling */

 .menu ul {
 	padding:0 0 0 0;
 	margin:0 0 0 0;
 	list-style-type:none;
 }

.menu ul ul {
	width:120px;
}

 /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

 .menu li {
 	float:left;
 	width:179px;
 	position:relative;
 }

 /* style the links for the top level */

 .menu a,  .menu a:visited {
 display:block;
 font-size:11px;
 text-decoration:none;
 color:#fff;
 width:158px;
 height:19px;
 border:1px solid #fff;
 border-width:0px 1px 0px 0px;
 background: #88D3F1;
 padding:0px 0px 0px 20px;
 line-height:18px;
 letter-spacing:0.5px;
 FONT-WEIGHT: normal; 
 }

 /* a hack so that IE5.5 faulty box model is corrected */

 * html  .menu a, * html  .menu a:visited {
 	width:120px;
 	w\idth:129px;
 	letter-spacing:0.1px;
 }

 /* style the first level background */

  .menu  a.dropact {
 background:#35BAEA url(../../graphics/drop.gif) bottom right no-repeat;
 }
  

 /* style the second level background */

  .menu ul ul a.drop,  .menu ul ul a.drop:visited {
 background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;
 }

 /* style the second level hover */

  .menu ul ul a.drop:hover{
 background:#9FE8FF url(../../graphics/drop.gif) bottom right no-repeat;
 color: #000000;
 }

  .menu ul ul :hover > a.drop {
 background:#9FE8FF url(../../graphics/drop.gif) bottom right no-repeat;
 color: #000000;
 }

 /* style the third level background */

  .menu ul ul ul a,  .menu ul ul ul a:visited {
 background:#e2dfa8;
 padding:0px 5px 0px 5px;
 }

 /* style the third level hover */

  .menu ul ul ul a:hover {
 background:#9FE8FF;

 }
 

 /* hide the sub levels and give them a positon absolute so that they take up no room */

  .menu ul ul {
 visibility:hidden;
 position:absolute;
 height:0;
 top:19px;
 left:0;
 width:150px;
 }

 /* another hack for IE5.5 */

 * html  .menu ul ul {
 top:19px;
 t\op:19px;
 }
  
 /* position the third level flyout menu */

  .menu ul ul ul{
 left:150px;
 top:0;
 width:150px;
 }

 /* position the third level flyout menu for a left flyout */

  .menu ul ul ul.left {
 left:-150px;
 }
 

 /* style the table so that it takes no ppart in the layout - required for IE to work */

  .menu table {position:absolute; top:0; left:0;}
 

 /* style the second level links */

  .menu ul ul a,  .menu ul ul a:visited {
 background:#d4d8bd;
 color: #FFFFFF; 
 height:auto;
 line-height:1em;
 padding:5px 10px;
 width:129px
 /* yet another hack for IE5.5 */
 }

 * html  .menu ul ul a{

 width:150px;
 w\idth:129px;
 }

 /* style the top level hover */

  .menu a:hover,  .menu ul ul a:hover{
 color:#fff;
 background:#37B7DF;

 }
 
  .menu :hover > a,  .menu ul ul :hover > a {
 color:#fff;
 background:#35BAEA;
 }

 /* make the second level visible when hover on first level list OR link */

  .menu ul li:hover ul,

  .menu ul a:hover ul{
 visibility:visible;
 }

 /* keep the third level hidden when you hover on first level list OR link */

  .menu ul :hover ul ul{
 visibility:hidden;
 }

 /* make the third level visible when you hover over second level list OR link */

  .menu ul :hover ul :hover ul{
 visibility:visible;
 }
  
 /* horizontales menu ende */
 
  /* shop menu anfang */


#navcontainer { 
width: 175px;  
margin-top:10px;
 /*border: 1px solid #EAE3D1;*/
 border: 1px solid #000;
}

.left ul
{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0px solid #000;

}

  /* shop menu ende */
 

 
 

.fussmenu  ul li { display: inline; }

.fussmenu  ul li a
{
padding: 0.2em 1em;
background-color: #BBC3D3;
color: White;
text-decoration: none;
border-right: 1px solid #fff;#
}


.fussmenu  ul li a:hover
{
background-color: #37B7DF;
color: #fff;
}
 
/* fuss menu ende */
 
 
/*commerce search*/


.search-text {
	color: #000000;
	border: 1px solid #87D3F4;
	float:left;
	width:120px;
	height: 15px;
	margin-left: 2px;
}
 
.search-submit {
	float:left;
	color: #ffffff;
	background-color: #87D3F4;
	margin-left: 2px;
	border: 0px;
	width:45px;
 	height:18px;
 	font-size:11px;
}


.tx-commercesearch-pi1{text-align:left;}
.tx-commercesearch-pi1 a{color:black;}

.tx-commercesearch-pi1-browsebox p{}


.tx_commercesearch_pi1_letternavigation{background:url(../gfx/bg_table_header.gif); height: 22px; text-align: center;}
.tx_commercesearch_pi1_letternavigation span{padding-left: 3px; padding-right: 3px;}
.tx_commercesearch_pi1_letternavigation a{color: white; text-transform: uppercase; font-weight: bold;}


table.tx_commercesearch_pi1_result_table{
    border-collapse:collapse;
    border-spacing:0px;
    margin-bottom:8px;
    width:100%;
}

table.tx_commercesearch_pi1_result_table thead{
  background-image:url(../gfx/bg_table_header.gif);
    height: 22px;
}

table.tx_commercesearch_pi1_result_table th {color: white;}
table.tx_commercesearch_pi1_result_table th.image{width: 40px;}
table.tx_commercesearch_pi1_result_table td {}
table.tx_commercesearch_pi1_result_table tr.even {
  background-image:url(../gfx/bg_table_even.gif);
    height: 22px;
}

table.tx_commercesearch_pi1_result_table tr.odd {
  color: #6c2925 !important;
  background-image:url(../gfx/bg_table_odd.gif);
    height: 22px;
}


.tx-commercesearch-pi1{


}
.tx-commercesearch-pi1 table a:link, .tx-commercesearch-pi1 table a:active, .tx-commercesearch-pi1 table a:visited {
  text-decoration: none; /*color: #602020*/ color: black;}
  
.tx-commercesearch-pi1 table a:hover {text-decoration: underline; font-weight:bold; color: black;}

.tx-commercesearch-pi1 table th{background-image: none;}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table label{}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table input{width: 140px;}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table select{width: 144px;}

#tx_commercesearch_pi1_formular_ts form{margin: 0; padding: 0;}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table_small{margin: 0px; padding:0px;}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table_small label{font-weight: normal;}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table_small input{width: 105px;}
.tx-commercesearch-pi1 table.tx_commercesearch_pi1_formular_table_small select{width: 100%;}
 
  
 
 .h2 .tx-guestbook-header {
 
 background-color: #87D3F4;
 	border: 1px solid #87D3F4;
 }
 
 
 
 
 #shopmenue-top{
	margin-left: 4px;
	margin-top: 21px;
  	width: 169px;
  	height: 21px;
	background: url(../sys_graphics/menu-shop-top.png) no-repeat;
}
#shopmenue-bottom{
	margin-left: 4px;
	margin-top: 0px;
  	width: 169px;
  	height: 22px;
	background: url(../sys_graphics/menu-shop-bottom.png) no-repeat;
}
 /** Bereichsmenue */

#shopmenue {
  width: 167px;
  background: #f0f5e9;
margin-left: 4px;
 border-right: 1px solid #DFD2D8;
border-left: 1px solid #DFD2D8;
}

#shopmenue ul {
  font-size: 1em;
  line-height: 1.2em;
  border-top: 0px solid #ccddb4;
  list-style-type: none;
}

#shopmenue ul ul {
  font-size: 100%;
  border-top: 0;
  margin-top: 0;
}

#shopmenue li li {
  border-bottom: 0px solid #ccddb4;
}

#shopmenue li li li {
  border-top: 0px dashed #ccddb4;
  border-bottom: none;
  margin: 0 10px 0 0px;
}

#shopmenue li li li li {
  margin: 0 0 0 0px;
}

#shopmenue li a:link,
#shopmenue li a:visited,
#shopmenue li em {
  display: block;
  background-color: #fff;
  color:#33CCFF;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
   width: 153px;
  padding: 0.6em 0px .5em 14px;
  border-bottom: 0px solid #ccddb4;
}

#shopmenue li li strong a:link,
#shopmenue li li strong a:visited,
#shopmenue li li strong em ,

#shopmenue li  strong a:link,
#shopmenue li  strong a:visited,
#shopmenue li  strong em 
{
  background-color: #33CCFF;
  color: #fff;

}

#shopmenue li li a:link,
#shopmenue li li a:visited,
#shopmenue li li em {
  display: block;
  width: 141px;
  color:#33CCFF;
  background-image: url(images/icons/pfeilchen_blau.gif);
  background-repeat: no-repeat;
  font-weight: normal;
  padding: .25em 0 .3em 26px;
  border-bottom: 0;
  margin-top: 0;
}

#shopmenue li li li a:link,
#shopmenue li li li a:visited,
#shopmenue li li li em {
  display: block;
    width: 127px;
  background-image: url(images/icons/minipfeilchen_blau.gif);

  padding: .1em 0 .2em 39px;
    border-bottom: 0;
  margin-top: 0;
}


#shopmenue li li li li a:link,
#shopmenue li li li li a:visited,
#shopmenue li li li li em {
  display: block;
    width: 120px;
  background-image: url(images/icons/minipfeilchen_blau.gif);
  font-size: 0.8em;
  padding: .1em 0 .2em 46px;
    border-bottom: 0;
  margin-top: 0;
}





#shopmenue li a:hover,
#shopmenue li a:focus,
#shopmenue li a:active,
#shopmenue li li a:hover,
#shopmenue li li a:focus,
#shopmenue li li a:active,
#shopmenue li li li a:hover,
#shopmenue li li li a:focus,
#shopmenue li li li a:active {
  background-color: #33CCFF;
  color: #fff;
}