/* 28.11.03 */

body, td, p   {
    margin:0.5em;
    padding:0;
    font-family:Tahoma,sans-serif;
	font-size: 12px; 
	color: #000000;
    background-color:#FFFFFF;
  }
  
table, td, p, span {
	background-color: #fff;
}

A {
    font-family:Tahoma,sans-serif;
    font-size:11px;
    color: #000000;
	text-decoration: none;
    font-weight: normal;
}

A:link {
}

A:visited {
}

A:hover {
	text-decoration: none;
    font-weight: bold;
    color: #d2d2d2;
}

A:active {
    font-weight: normal;
}


.rahmentdgrau {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:12px;
    border: 1px solid black;    
	background-color: #B4CDCD;
}

.rahmenleer {
    border: 1px solid black;    
	background-color: transparent;
}
.rahmenleer_rot {
    border: 1px solid black;    
	background-color: #FF5084;
}
.rahmenleer_blau {
    border: 1px solid black;    
	background-color: #6C91F6;
}
.rahmenleer_gruen {
    border: 1px solid black;    
	background-color: #9AF76F;
}
.rahmenleer_gelb {
    border: 1px solid black;    
	background-color: #FBF583;
}
.rahmenleer_orange {
    border: 1px solid black;    
	background-color: #FF8550;
}
.rahmenleer_pink {
    border: 1px solid black;    
	background-color: #FF78FF;
}
.rahmenleer_lila {
    border: 1px solid black;    
	background-color: #C675EC;
}
.rahmenleer_grau {
    border: 1px solid black;    
	background-color: #CAC8C8;
}

.rahmentdgreen {
    border: 1px solid black;    
	background-color: green;
}

/* neue Farben aus DB */
.rahmen_serie_10 {
    border: 1px solid black;    
	background-color: #FFFF7F;
}
.rahmen_serie_11 {
    border: 1px solid black;    
	background-color: #FFD4FF;
}
.rahmen_serie_12 {
    border: 1px solid black;    
	background-color: #FFAAD4;
}
.rahmen_serie_13 {
    border: 1px solid black;    
	background-color: #FFD4AA;
}
.rahmen_serie_14 {
    border: 1px solid black;    
	background-color: #D4AAFF;
}
.rahmen_serie_15 {
    border: 1px solid black;    
	background-color: #E1E1E1;
}
.rahmen_serie_16{
    border: 1px solid black;    
	background-color: #7FAAFF;
}
.rahmen_serie_17 {
    border: 1px solid black;    
	background-color: #D2D2D2;
}
.rahmen_serie_18 {
    border: 1px solid black;    
	background-color: #2AD4FF;
}
.rahmen_serie_19 {
    border: 1px solid black;    
	background-color: #B4B4B4;
}
.rahmen_serie_20 {
    border: 1px solid black;    
	background-color: #7FFF2A;
}
.rahmen_serie_21 {
    border: 1px solid black;    
	background-color: #B4B4B4;
}

.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #9B152E;
	border: 1px solid white;
	padding-top:10px;
	padding-bottom:10px;
}
.navigation2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: yellow;
	background-color: #9B152E;
	border: 1px solid white;
	padding-top:10px;
	padding-bottom:10px;
}
.navigationextra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background-color: #C33949;
	border: 1px solid white;
	padding-top:10px;
	padding-bottom:10px;
}
.navigation2extra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: yellow;
	background-color: #d34959; 
	border: 1px solid white;
	padding-top:10px;
	padding-bottom:10px;
}
.navigationextragelb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: white;
	background-color: #E1E1E1;
	border: 1px solid white;
	padding-top:5px;
	padding-bottom:5px;
}
.leisteunten {
	background-color: #C33949;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}
.rahmenaussen {
	border:1px solid #660E19;
    width:850px;
}
.rahmenaussen_werkstatt {
	border:1px solid #660E19;
    width:1200px;
}

.rahmenoben {
	border-top:1px solid #660E19;
	border-left:1px solid #660E19;
	border-right:1px solid #660E19;
}
.rahmenunten {
	border-bottom:1px solid #660E19;
	border-left:1px solid #660E19;
	border-right:1px solid #660E19;
}
.tabinnen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C33949;
	padding-top: 20px;
}
#listeoben {
	border-bottom:1px solid #C33949;
}
#listelinks {
	border-bottom:1px solid #C33949;
}
#listealles {
	border-bottom:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-top:1px solid #000;}
#liste {
	border-bottom:1px solid #C33949;
	border-left:1px solid #C33949;
}
.hblue {
    background-color:orange;
    background-image: url(../bilder/feiertag.png);
    background-repeat:no-repeat;
    background-position:center;        
}
.hgruen {
	background-color: greenyellow;    
}
.hgelb {
	background-color: yellow;    
}
.hrot {
	background-color: #FF5555;    
}
.hdunkel {
	background-color: green;    
}

.submenu {
	position:relative;
	width:100px;
	height:200px;
	border:1px solid #C33949;
	z-index:2;
	left: 115px;
	top: -190px;
	visibility:hidden;
	background-color: #FFFFFF;
	layer-background-color:#FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px;
	color: #C33949;
}
.tabsub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #C33949;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #C33949;
}
.tablink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #F4FFF4;
}
.button1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
    border: 1px solid #FFF;
    text-decoration: underline;  
    text-shadow: #000000;
}
.linkbutton {
	padding:10px;
	background-color: #C33949;
}
.achtung {
	font-weight: bold;
	color:red;
}
.red {
    vertical-align: middle;
	font-weight: normal;
	color:red;
}
.green {
    vertical-align: middle;
	font-weight: normal;
	color:green;
}
.gelb {
    vertical-align: middle;
	font-weight: bold;
  	font-size: 12px;
	color:#000;
	background-color: #FFCC00;
}
.normallink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}
.kleinlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #C33949;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}
h4 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
li {
	font-size: 12px;
	font-weight: normal;
}

.klein {
	color: #000000;
	font-size: 10px;
}
.kleindick {
	color: #C33949;
	font-size: 10px;
	font-weight: bold;
}
th {
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	background-color:#eeeeee;
}
.rightborder {
	 border-right: 1px solid #C33949;
 }
.bottomborder {
	 border-bottom: 1px solid #C33949;
 }
.topborder {
	 border-top: 1px solid #C33949;
 }
.leftborder {
	 border-left: 1px solid #C33949;
 }
 hr {
	height:1px;
	/* background:#C33949; */
 }
 select, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BF0000; 
	border: 1px solid #E06060; 
	background-color: #FFFFFF;	
	height: 22px; 
	width: 250px; 
	padding: 3px;
 }

 textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:black;
	border: 1px solid #E06060; 	 
	background-color: #FFFFFF;
 }

 .grau {
	background-color: #eeeeee;
}
.linkgross {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.kleinschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C33949;
	font-size: 1ßpx;
	background-color: #eeeeee;
}  

/* Bilder mach gross */ 
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.rezepttr {
background-color: #DDDDDD;
color: black;
text-decoration: none;
}

.tdtop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;    
    vertical-align: top;

     
}