body {
  background-color: #ccc;
  margin: 0px;
  padding: 0px;  
  font-family: Arial, Helvetica, sans-serif;
  height:100%; font-size: .95em;
  }
HTML {
      height:100%;
   }

div#maincontent{
   margin: 0 auto;
   width: 880px;
   background-color: #ffffff;
 }
 
.main{
   margin-left:20px;
   margin-top:20px;
   font-size: 0.86em;
   background-color: #fff;
   width: 640px;
   clear:both;float:left;
   
}    
div#header {background-color: #ffffff;
         width: 860px;
         height: 10px;
         font-family: Arial, Helvetica, sans-serif;
         color:#000000;
         font-size: 0.76em;         
         text-align:left;         
         margin:0;
         }
.grafikblock {height:233px;width:868px;}
.fotofull {height:233px;width:690px;float:left;}
.fotoright {width:429px;height:233px;float:left;}
.beside-fotoright {width:240px;height:213px;float:left;margin:10px;}
.fotoleft {width:429px;height:233px;float:left;}
.beside-fotoleft {width:240px;height:213px;float:left;margin:10px;}         

.mainright {
  float:right;
  width:200px;
  font-size: 0.86em;
  margin-top:20px;
  margin-right:10px;
      }
.mainright h1{font-size: 1.3em;}
.box1 {padding:5px;
  background-color: #DAE6A4;
      }
.box1 h1{font-size:13px;}      
.box2 {padding:5px;
  margin-top:20px;
  background-color: #fff;
  border:1px solid #F0DA97;
      }
.box2 h1{
  margin-left:-5px;
  margin-top:-5px;
  height:25px;
  padding:10px 5px 5px 5px;
  width:188px;
  background-color: #F0DA97;
  color:#333333;
  font-size:13px;
      }             
.footer {clear:both;
padding-top:25px;
   width: 880px;
  background-color: #fff; 
   text-align:center; 
      }         
.footer2 {
   position: relative;
   width: 919px;
   margin: 0 auto;
  background-image: url(../images_layout/background_footer.png);
  background-repeat:no-repeat;
  height:48px;   
      }
.shcnav a{
   color:#666;
}
.shcnav {
   font-size: 0.76em;
   margin-left:30px;
}
.logo{ 
   margin-left:691px;
    margin-top:0px;
    width: 177px;
    background-color: #fff; 
    height:235px;
    }
.datum {
   width: 177px;
   margin-left:691px;
   margin-top:-15px;
   font-family: Arial, sans-serif;
   font-style:normal;
   color:#999999;
   text-align:center;
   
} 
.topnavi {margin-top:2px;
   background-image: url(../images_layout/navi-back.png);;
   background-repeat:no-repeat;
   height:45px;
   width: 880px;
   }
.topnavi li{
   font-family: Arial, sans-serif;
   font-size: 1.1em;
} 
div#header #nav{margin:7px 0 0 0;}                   
       h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1.63em;font-weight:bold;}
       h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.38em;font-weight:bold;} 
       h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1.12em;font-weight:bold;}       
       h4 {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;font-weight:bold;} 
       h5 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;font-weight:bold;}  
       h6 {font-family: Arial, Helvetica, sans-serif; font-size: 0.76em;font-weight:bold;}    

.csc-firstHeader {
   padding-left:3px;
   }

li {font-size: 1.0em;}
.tx-flseositemap-pi1 a{
font-size: 1em;
}   
.tx-flseositemap-pi1 ul {
  display:block;
  margin:10px;
  list-style-image: url('../../images_layout/red_dot.png');
  padding-left:20px;  
  font-family: Arial, Helvetica, sans-serif; 
  }
.tx-flseositemap-pi1 ul a{
  text-decoration:none;
  color:#C11919;
  }  
.bodytext {
   line-height: 14pt;
   padding:10px;
   font-family: arial,helvetica,sans-serif;
   font-size: 0.8em;
   }
    
p.bodytext {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 5px;
   }   
p {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 5px;
   }  


a {
   text-decoration:none;
   }
a img {
  border: none;
  }

.15pxabstand{padding-top:15px;}

          


/*++++++++++++ Formulare +++++++++++++++++++++++++ */  
 /*++++++++++++ E-Mailform css : START +++++++++++++++++++++++++ */  
.csc-mailform {width:510px;font-size:0.8em;}
fieldset {border:0px;
   		background-color:#eee;}
.csc-mailform-field {font-family: Arial, Helvetica, sans-serif;font-style:normal;color:#000000;margin-right:5px;}
.csc-mailform-field label{margin:2px;width:510px;display:block;}
.csc-mailform-radio label{margin:2px;width:510px;display:inline;}
.csc-mailform-radio {font-size:1.2em;}
.csc-mailform-field legend{display:none;}
.csc-mailform-label {font-family: Arial, Helvetica, sans-serif;font-style:normal;color:#000000;margin-right:5px;}
fieldset {
		padding: 1em;
		padding-top:40px;
		font:80%/1 sans-serif;
		border-bottom:1px solid #ccc;
                border-top:1px solid #ccc;
	}
 

 
	input {
		margin-bottom: 10px;
		margin-left: 10px;
		color: #263F5E;
		background: #fff;
		border: 1px solid #ccc;
	}
 
	textarea{
		margin-bottom: 10px;
		margin-left:10px;
		border: 1px solid #ccc;
		background: #fff;
		color: #263F5E;
	}
 
	#mailformformtype_mail{
		color: #fff;
		font-weight:normal;
		border: 1px outset #263F5E;
		background:#263F5E;
 
	}
/*++++++++++++ E-Mailform css : ENDE +++++++++++++++++++++++++ */
.tx-damfrontend-pi1 table{font-size:1em;}
.tx-damfrontend-pi1 .cattree {font-size:1.1em;}

.csc-textpic-caption {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 0.76em;
   padding-left:5px;
   color:#666666;
   }
   
   ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: #FFF9E4;
    border:1px solid #26383D;
    height: 20px;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #FFF9E4;
}

/* Zweite Ebene */
      ul.menu ul {
              margin:0;
                 padding: 0;
               position: absolute;
               background-color: #26383D;
                border: 1px solid #FFF9E4;
                display: none;
                    width: 180px;
     }

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
            display: none;
            margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
            margin-top: -20px; /* Höhe eines Listenelements */
       }

   /* Dritte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
   }


/* Vierte Ebene */
     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
                  display: none;
    }

   /* Vierte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
               display: block;
   }
.tx-rgsmoothgallery-pi1 {
  float:left;
}
 
#externalthumbs {
  float:left;
  width:255px;
  height:442px;
  margin-left:5px;
}
 
#externalthumbs .label {
  display:none;
}
.carouselInner {
  width:205px;
}
 
.carouselInner .thumbnail {
  float:right;
  margin-bottom:5px;
}   
.news-latest-container {}
.news-latest-container h3 a {color:#9E2D4A;}
.news-latest-container h3 {font-size:16px;}
.news-list-container {clear:both;margin-left:12px;}
.news-list-container h2 a {color:#9E2D4A;}
.news-list-container h2 {font-size:16px;margin-bottom:10px;}
.news-latest-date {float:right;margin-top:20px;}
.news-latest-date a {color:#000;}
.news-latest-morelink {font-size:12px;}
.news-latest-morelink a, .news-list-morelink a {color:#9E2D4A;}

/* --- Stylesheet 267 () --------- */ 

#tp { background-color: #fff; padding: 20px 0px 20px 25px; width: 705px; min-height: 700px; color: #666; font-family: Arial; font-size: 13px;  }
#tp.frameless { width: 200px; padding: 0px; }

body #tp a { font-family: Arial; text-decoration: none; border: 0px; padding: 0px; color: #666; background-color: transparent; font-weight: normal; }
body #tp a:hover { font-family: Arial; text-decoration: none; border: 0px; padding: 0px; color: #000; background-color: transparent; font-weight: normal; }

#tp .header { height: 135px; }
#tp .header .Bild { float: left; width: 180px; height: 135px; overflow: hidden; background-color: #f4f4f4; }
#tp .header .tpcontent { margin-left: 5px; margin-right: 5px; }
#tp .header h5 { color: #666; font-size: 13px; font-weight: normal; font-family: Arial; margin: 0px 0px; }
#tp .header h1 { color: #000; font-size: 31px; line-height: 31px; font-weight: normal; font-family: Arial; margin: 8px 0px 5px 0px;}
#tp .header p { color: #333; font-size: 15px; line-height: 120%; font-family: Arial; margin: 0px 10px 0px 0px;  }

#tpl { float: left; margin-top: 35px; width: 180px;  }
#tpl .box { border-top: 1px solid #ccc; margin-bottom: 20px;}
#tpl .box .adresse { margin-top: 10px;}
#tpl .nav.box  { margin-bottom: 20px; }
#tpl .nav ul { list-style: none; margin: 0px; padding: 0px; }
#tpl .nav li { padding: 0px; border-bottom: 1px solid #ccc; font-size: 13px; }
#tpl .nav li.warenkorb { padding-left: 20px; background: url(/tramino/gfx/icons/cart.png) 0px 2px no-repeat;}
#tpl .nav ul ul { padding-bottom: 5px; }
#tpl .nav li li { margin-left: 10px; border-bottom: 0px; border-top: 1px solid #ddd; font-size: 11px; }

body #tpl .nav a { display: block; color: #666; padding: 3px 0px;}
body #tpl .nav a:hover { display: block; color: #333; padding: 3px 0px; }
body #tpl .nav li.on a { color: #000; }
body #tpl .nav li.on li a { color: #666; }

#tpl .box .oeffnungszeiten { margin-top: 10px; }
#tpl .box .oeffnungszeiten .tage { width: 6em; }

#tp .price { margin: 10px 0px 0px 0px; }
#tp .price .right { margin-left: 10px; }

#tp .buttons { height: 20px; }
#tp .buttons .button { text-transform: uppercase; font-size: 11px; }
#tp .buttons .button.right { display: block; float: right; margin-left: 10px; }
body #tp .buttons .button a { display: block; color: #fff; background-color: #aaa; padding: 2px 8px;  }
body #tp .buttons .button a:hover { display: block; color: #fff; background-color: #555; padding: 2px 8px;  }
#tp .tpmatch .buttons  { margin-top: 10px; }

#tp .Widget { display: inline-block; margin: 5px 3px 5px 0px; }
#tp .Widget .Widget { display: block; margin: 0px; }
#tp .StarsWidget { margin: 3px 15px 3px 0px; }
#tp .Widget label { display: block; font-size: 11px; color: #666; padding: 0 0 1px 9px; }
#tp .Widget.TextAreaWidget { display: block; }

#tp .preis { display: block !important; font-family: Arial; font-size: 18px !important; line-height: 110%; font-weight: normal; color: #963; }

#tpc, #tpm { float:right; margin-left:25px; padding-top:15px; width:200px; }
#tpc .nav { height: 20px; margin-bottom: 15px; margin-right: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
#tpc .nav ul { display: block; list-style: none; margin: 0px; padding: 0px; font-size: 11px;  }
#tpc .nav li { height: 19px; float: left; padding: 0px; text-transform: uppercase; border-right: 1px solid #ccc; border-top: 1px solid #ccc;  }
#tpc .nav li.on { border-bottom: 1px solid #fff; }
body #tpc .nav a { display: block; height: 14px; color: #aaa; padding: 3px 10px; }
body #tpc .nav_off a:hover { display: block; background-color: #aaa; color: #fff; padding: 3px 10px; }

#tpm .nav { height: 20px; margin-bottom: 15px; margin-right: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
#tpm .nav ul { display: block; list-style: none; margin: 0px; padding: 0px; font-size: 11px;  }
#tpm .nav li { height: 19px; float: left; padding: 0px; text-transform: uppercase; border-right: 1px solid #ccc; border-top: 1px solid #ccc;  }
#tpm .nav li.on { border-bottom: 1px solid #fff; }
body #tpm .nav a { display: block; height: 14px; color: #aaa; padding: 3px 10px; }
body #tpm .nav_off a:hover { display: block; background-color: #aaa; color: #fff; padding: 3px 10px; }


#tpc .bilder { height: 112px; overflow: hidden; margin-bottom: 20px; }
#tpc .bilder .Bild { float: left; width: 150px; margin-right: 15px; }

#tpc .tags { font-size: 12px !important; }
#tpc .tags .tag { float: left; width: 160px; margin-right: 5px; padding: 1px 0px; }

#tpc .tpmatch { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-right: 20px;}
#tpc .tpmatch2 { margin-bottom: 16px; padding-top: 15px; border-top: 1px solid #ccc; margin-right: 20px;}

#tpc h2 { font-family: Arial; font-size: 25px; font-weight: normal; margin: 9px 0px; color: #333; }
#tpc h4 { font-family: Arial; font-size: 14px; font-weight: normal; margin: 5px 0px; color: #000; }
#tpc table th { font-weight: 100 }

#tpc h5 { font-family: Arial; font-size: 12px; font-weight: normal; margin: 3px 0px; color: #999 }
#tpc h3 { font-family: Arial; font-size: 18px; font-weight: normal; margin: 5px 0px; color: #393 }
body #tpc h3 a { font-size: 18px; line-height: 110%; color: #393; border-bottom: 1px dotted #ccc; }
body #tpc h3 a:visited { color: #393; }
body #tpc h3 a:hover { font-size: 18px; line-height: 110%; color: #161; }

#tpc .text { margin: 5px 10px 5px 0px; font-size: 13px; }
#tpc .text .links { text-align: right; margin: 5px 0px; height: 25px; }
#tpc .text .links a { line-height: 110%; color: #393; border: 1px solid #ccc; display: block; float: right; padding: 2px 10px;  margin-left: 10px; }
#tpc .text .links a:visited { color: #393;  }
#tpc .text .links a:hover { line-height: 110%; color: #161; border: 1px solid #161; }

#tpc .tpmatch2.text p { margin-top: 0px; margin-bottom: 25px;  }

#tpc .person .Bild { float: left; width: 90px; height: 120px; overflow: hidden; background-color: #ddd; }
#tpc .person > .tpcontent { min-height: 130px; margin-left: 110px; }

#tpc .partner .Bild { float: left; width: 150px; height: 112px; overflow: hidden; background-color: #ddd; }
#tpc .partner > .tpcontent { min-height: 130px; margin-left: 170px; }