/* Projekt Krammers Lamas


Farben: 

#996600	Text H1
#666600 Text H2

#333333 Text Standard
#666666 Text Variante


#C0AC7F Buttonleiste oben, Hintergrund Buttons rechts
#AB812E Buttons oben
#7F7416 Buttonleiste oben und rechts, Rollover
#996600 Rand/Hintergrund

#FDF8EA Hintergrund Text



*/
    					


/* Ränder, Hintergrund, Scrollbar */

html, body 
{ 
 background-color:#FFF; 
 background-image:url(../images/000_hg_textur.jpg); 
 background-repeat: repeat; 
 background-attachment: fixed; 
 padding-right: 0px; 
 padding-left: 0px; 
 padding-bottom: 0px; 
 padding-top: 8px; 
 margin: 0px; 
 width: 100%; 

 scrollbar-arrow-color: #960; 
 scrollbar-base-color: #666; 
 scrollbar-face-color: #FFF; 
 scrollbar-highlight-color: #FFF; 
 scrollbar-shadow-color: #FFF; 
 scrollbar-darkshadow-color: #666; 
 zoom: 1 
}

/* Text */

h1 { 
 color: #960; 
 font: normal 18px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 16px 
}

h2 { 
 color: #660; 
 font: bold 12px/16px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
 text-align: left; 
 display: block; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 30px 
}

h3 /*popup*/
{ 
 color: #960; 
 font: normal 18px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 30px 
}

h4  /*popup rot*/
{ 
 color: #C00; /* #C30; */ 
 font: bold 14px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 14px; 
 padding-bottom: 0px; 
 padding-left: 30px 
}
a.h4  /*popup rot*/
{ 
 color: #C00; /* #C30; */ 
 font: bold 14px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 14px; 
 padding-bottom: 0px; 
}
h6  /*rot*/
{ 
 color: #C00; 
 font: bold 14px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 0px; 
 padding-bottom: 0px; 
 padding-left: 30px 
}

.text { 
 color: #333; 
 font: normal 12px/16px verdana, arial, helvetica, sans-serif;
 text-decoration: none; 
 padding-left: 30px
}
a.text { 
 color: #333; 
 font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif; 
 text-decoration: none; 
 padding-left: 30px; 
}
a.text:hover { 
 color: #C90; 
}

/* Text ohne Rand */

.text_r { 
 color: #333; 
 font: normal 12px/14px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
}
a.text_r { 
 color: #C00; 
 font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none; }
a.text_r:hover {
 color: #C90; 
}


/* Buttons oben (Kopfmenü) */

.buttons_oben { 
 background-image:url(../images/000_lama_button_oben.gif); 
 color: #FFF; 
 font: bold 12px/21px verdana, arial, helvetica, sans-serif;
 letter-spacing:1px; 
 text-decoration: none;
 padding-top:2px; 
 padding-left:4px; 
 padding-right:4px; 
 padding-bottom:3px; 
}
.buttons_oben:hover { 
 background-image:url(../images/000_lama_button_oben_mo.gif); 
}
.buttons_oben_fix { 
 font: bold 12px/21px verdana, arial, helvetica, sans-serif; 
 color: #FFF; 
 letter-spacing:1px; 
 text-decoration: none;
 background-color:#7F7416; 
 padding-top:2px; 
 padding-left:4px; 
 padding-right:4px; 
 padding-bottom:3px; 
}
.buttons_oben_li { 
 background-image:url(../images/000_lama_button_oben_li.gif); 
 font: bold 12px/21px verdana, arial, helvetica, sans-serif; 
 color: #FFF; 
 text-decoration: none; 
 letter-spacing:1px;
 padding-top:2px; 
 padding-left:4px; 
 padding-right:4px; 
 padding-bottom:3px;
}
.buttons_oben_re { 
 background-image:url(../images/000_lama_button_oben_re.gif); 
 font: bold 12px/21px verdana, arial, helvetica, sans-serif; 
 color: #FFF; 
 letter-spacing:1px; 
 text-decoration: none;
 padding-top:2px; 
 padding-left:4px; 
 padding-right:4px; 
 padding-bottom:3px; 
}

/* Navigation rechts */

.menuerechts { 
 margin-left:-3px;
}
.menuerechts ul {
 list-style-type:none;
}
.menuerechts li {
 width:161px; 
 border-style:none none solid none; 
 border-color:#A79160; 
 border-width:1px; 
}
.buttons_re { 
 background-image:url(../images/000_lama_button_re.jpg); 
 font: bold 12px/21px Verdana, Arial, Helvetica, sans-serif;
 color: #FFF; 
 text-decoration: none;
 padding: 4px 4px 3px 10px; 
 display:block; 
 width:148px;
}
.buttons_re:hover { 
 background-image:url(../images/000_lama_button_re_mo.jpg); 
 list-style-type:none; 
}
.buttons_re_fix { 
 background-image:url(../images/000_lama_button_re_mo.jpg); 
 font: bold 12px/21px Verdana, Arial, Helvetica, sans-serif; 
 color: #FFF; 
 text-decoration: none; 
 padding: 4px 4px 3px 10px; 
 display:block; 
 width:148px; 
}
/* News Startseite */

#indexnews
{
 background-color:#FC3;
 background-image: url(../images/000_hg_popup.jpg); /* Weihnachts-HG im Ordner "images", umbenennen. */
 width: 386px;
 padding: 2px 12px 36px 12px;
 margin: 40px 0 40px 0;
 border: 1px solid #630;
}
.indexnewstext 
{ 
 color: #630; 
 font: normal 12px/14px verdana, arial, helvetica, sans-serif; 
 padding-left: 30px
 }
a.indexnewstext 
{ 
 color: #630; 
 font: normal 12px/16px verdana, arial, helvetica, sans-serif;
}
a.indexnewstext:hover 
{ 
 color: #000; 
}


/*Seitenabschluss*/

.abschluss {
	color: #333;
	font: normal 9px/14px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	letter-spacing:1px;
}
a.abschluss { 
 color: #333; 
 font: normal 9px/14px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 line-height: letter-spacing:1px; 
}
a.abschluss:hover { 
 color: #C90; 
}


/* Copyright-Vermerk */

.salbrechter { 
 font: normal 9px Verdana, Arial, Helvetica, sans-serif; 
 color: #FFF; 
 text-decoration: none;
 padding-right:22px; 
}
.salbrechter:hover { 
 color: #F93 
}
#popup_rahmen {
	background-image: url(../images/000_hg_popup2.jpg);
	left: 2px;
	top: 0;
	position: absolute;
	visibility: visible;
	border: 1px solid #960;
}
/* popup (Überschrift H3, H4) */
.popuptext {
 color: #630; 
 font: normal 12px/14px verdana, arial, helvetica, sans-serif; 
 }
a.popuptext { 
 color: #630; 
 font: normal 12px/16px verdana, arial, helvetica, sans-serif;
}
a.popuptext:hover { 
 color: #000; 
}

/* Popup dunkel*/

h5 { 
 color: #FC3; 
 font: normal 12px/12px font-family: verdana, arial, helvetica, sans-serif; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 26px 
}
.popup_hell { 
 color: #FFF; 
 font: normal 12px/12px verdana, arial, helvetica, sans-serif; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 26px 
}
a.popup_hell { 
 color: #FFF; 
 font: normal 12px/12px verdana, arial, helvetica, sans-serif; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 26px 
}
a.popup_hell:hover { 
 color: #FC3; 
 font: normal 12px/12px verdana, arial, helvetica, sans-serif; 
 letter-spacing:1px; 
 margin-bottom: 1px; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 padding-left: 26px 
}
a.schliessen_hell { 
 color: #960; 
 font: normal 9px/14px verdana, arial, helvetica, sans-serif;  
 text-decoration: none; 
 letter-spacing:1px; 
}
a.schliessen_hell:hover { 
 color: #FFF; 
 font: normal 9px/14px verdana, arial, helvetica, sans-serif; 
 text-decoration: none; 
 letter-spacing:1px; 
}

.foto
{
 width: 600px;
 height: 359px;
 left:  48px;
 top: 40px;
 position: absolute;
 visibility: visible;
}
.bild
{
 border: 1px solid #333;
}
.fotogalerie
{
 color: #333; 
 font: normal 12px/18px verdana, arial, helvetica, sans-serif; 
 text-decoration: none;  
 padding-left: 30px;
}
.fotogalerie ul
{
 list-style-image:url(../images/000_pfeil_rechts.gif);
 list-style-position:inside; 
}
.kasten
{
 width:374px;
 border:1px solid #963;
 background-color:#F5EEDB;
 text-align:left;
 vertical-align: middle;
 padding: 12px;
}
.kasten_rot
{
 width:374px;
 border:1px solid #c00;
 background-color:#F5EEDB;
 padding: 24px;
}
.inputbutton
{
 margin-left: 24px;
 line-height: 23px;
 height: 28px;
 color: #FFF;
 padding: 0 6px 2px 6px;
 background-color: #7F7416;
 border: 1px solid #960;
}
.inputbutton:hover
{
 background-color: #AB812E;
}
.eingabefeld
{
 margin-left: 24px;
 line-height: 23px;
 height: 23px;
 border: 1px solid #960;
}