﻿body { margin:0;padding:0;
       background:  url(images/bg_body1.jpg) ;  
       text-align: center;
	   font-size: 12px;
	   height:100%;
  	   width:100%;
       color: #142504; 
}

h2 {font-size: 14px; color:#F5F9D8;} 
p, td, ul {font-size: 11px; color:#F5F9D8;} 




/* BASISLAYOUT */

#env {width:100%; height:365px; background: url(images/bg_env1.jpg) 0 0 repeat-x; margin:0; padding:0; }


#wrapper 
{
    background-color: Transparent;
    position: absolute;
	width: 900px;
	top: 0px;
	left: 50%;
    margin:0 0 0 -450px;
	padding: 0px;
    text-align:center;
}

#header1
{
 width:900px;
 height:53px;
 background: transparent url(images/bg_header1.gif) 0 0 no-repeat;
 margin-top: 26px;
 padding:5px 0 0 60px;
}

#header1 ul 
{ 
 display:inline; 
 text-transform:uppercase;
}

#header1 ul li 
{
 display:block; float:left;
 width:100px;
 height:28px;
 list-style-type:none;
 padding:6px;
 text-align:center;
}

#header1 ul li a 
{
 display:block; 
 width:88px;
 height:22px;
 padding:12px 6px 6px 6px;
 text-decoration:None; 
 font-weight:bold;
 color:#294808;
 font-family:Arial;
}

#header1 ul li a#current 
{
 color:Yellow;
 background: url(images/bg_navibtn_100.gif) 0 0 no-repeat;
}

#header1 ul li a:hover 
{
 color:#DDF586;
 background: url(images/bg_navibtn_100.gif) 0 0 no-repeat;
}


#header2
{
 width:900px;
 height:190px;
 background: transparent url(images/bg_header2.gif) 0 0 no-repeat;
 margin:0;
 padding:0; 
}

#maincontent
{
 float:left;
 position:relative;left:20px;
 width:858px;
 margin:0;
 padding:0 0 20px 0;
 background: #408216 url(images/bg_maincontent.jpg) 0 0 no-repeat;
 border-left: 1px solid black;
 border-right: 1px solid black;
 text-align:left;
}
#maincontent p { font-family:Verdana; }

#content { padding:0;
           Width:820px; 
           position:relative; top:20px;left:20px;
           padding-bottom:20px;
         }   

#contentleft  { width:560px; float:left; }
#contentright { width:220px; float:right; }


#contentleft a:link,  
#contentleft a:visited { color:#F5F9D8; text-decoration:underline; }
#contentleft a:hover {color:Yellow;}
#contentleft a:active {color:#F5F9D8;}


.box_c { border:1px solid #F5F9D8; width:516px; padding:20px; }


#footer 
{
 clear:both;
 width:900px;
 height:80px;
 background: transparent url(images/bg_footer1.gif) 0 0 no-repeat;
 margin:0;
 padding:0; 
 position:relative;
}


#copyright
{
  font-size:9px;
  Width:560px;
  position:absolute;
  left:80px;
  Top:20px;
  color:#FCFEBD; 
}

#copyright a:link,
#copyright a:visited
{ 
color:#FCFEBD;
}

#copyright a:hover { color:Yellow;}

#loginstatus
{
  position:absolute;
  left:710px; 
  top:8px;
  Font-weight:bold;
  text-transform:uppercase;
}

#loginstatus a:link,
#loginstatus a:visited
{
 display:block; 
 width:88px;
 height:22px;
 padding:12px 6px 6px 6px;
 text-decoration:None; 
 font-weight:bold;
 color:#294808;
 font-family:Arial;
}


#loginstatus a:hover
{
 color:#DDF586;
 background: url(images/bg_navibtn_100.gif) 0 0 no-repeat;
}



/* Infoboxen */
.ibheader
{
 width:182px;
 height:23px;
 background: url(images/bg_ib_header2.gif) 0 0 no-repeat;
 padding:12px 0 0 38px;
 color:#2C4107;
 font-weight:bold; 
 text-transform:uppercase;
}

.ibbody
{
 width:220px;
 background: url(images/bg_ib_body1.jpg) 0 0 repeat-y;
 color:#2C4107;
}
.ibbody p, 
.ibbody ul { padding:5px 14px 0 10px; color:#2C4107; background-color:transparent; background-image:none;}
.ibbody a:link, a:visited {color:#2C4107; text-decoration:underline; }
.ibbody a:hover {color:Green; text-decoration:underline; }

.ibbody ul { margin:0px 0 0 14px; }

.ibfooter
{
 width:220px;
 height:20px;
 background: url(images/bg_ib_footer1.gif) 0 0 no-repeat;
 margin-bottom:10px;
}

.loginbox { width:208px; border:2px solid #FCFEBD; margin-bottom:10px; padding:2px 0 4px 0; background: url(images/bg_loginbox.jpg) left bottom repeat-x;}
.loginbox td {color:#2C4107;}


/* Überschriften */
h1 span { display:none; }
#h1_startseite  { width:481px; height:68px; background-image: url(images/h1_startseite.gif); margin:0 0 10px 0; padding:0; }
#h1_login       { width:226px; height:45px; background-image: url(images/h1_login.gif); margin:0 0 10px 0; padding:0; }
#h1_pwvergessen { width:220px; height:45px; background-image: url(images/h1_passwortvergessen.gif); margin:0 0 0px 0; padding:0; }
#h1_zimmer      { width:200px; height:45px; background-image: url(images/h1_Zimmer.gif); margin:0 0 0px 0; padding:0; }
#h1_geschichte  { width:380px; height:45px; background-image: url(images/h1_geschichte.gif); margin:0 0 0px 0; padding:0; }
#h1_region      { width:395px; height:75px; background-image: url(images/h1_region.gif); margin:0 0 0px 0; padding:0; }
#h1_anfahrt     { width:220px; height:45px; background-image: url(images/h1_Anfahrt.gif); margin:0 0 0px 0; padding:0; }
#h1_anfrage     { width:240px; height:45px; background-image: url(images/h1_Anfrage.gif); margin:0 0 0px 0; padding:0; }
#h1_impressum   { width:220px; height:45px; background-image: url(images/h1_impressum.gif); margin:0 0 0px 0; padding:0; }




/* ALLGEMEINE KLASSEN */
.iborderleft { border: 4px solid #FFF; float:left; margin:0px 10px 5px 0;}
.center  { text-align:center; }
.left    { text-align:left; }
.right   { text-align:right; }
.justify { text-align:justify; }
.error   { color: #FF0000; }
.minitext { font-size:9px; }
.tbeditheader {background: url(images/TBEditheader.jpg) 0 0 repeat-x; color: White;  font-size:10px; font-weight:bold; padding:4px; height:16px; }

/*-------------------------- */
/* Formulare                 */
/*-------------------------- */

fieldset { margin-top: 16px; padding: 10px;	background-color: Transparent; border: 1px solid #FCFEBD; }

/* Hack für ältere Internet-Explorer */ 
* html fieldset { background-color: transparent }

legend { font-weight: bold;	font-size:12px;	background-color: transparent; color: #FFF; }

form p, form .form { clear: left; margin: 0; padding: 4px 0 0 0; }
form p label, form p .label, form .form label  { float: left; text-align: right; width: 30%; padding:2px 2px 0 0; }

input.txt, textarea.txt { background-color: White; border: 1px solid #471021; }
input.txt:focus, input.txt:hover, textarea.txt:focus, textarea.txt:hover { background-color: #E0E0E0; }
input.btn {	color: #C19B28;	background-color: #232323; border: 1px outset black; font-weight: bold; }
input.btn:focus, input.btn:hover { background-color: #636363; }



/*-------------------------- */
/* Spezielle Seiten          */
/*-------------------------- */
/* Default */
#wetterbox { padding: 10px 0 0 6px; }
#wetterbox a { text-decoration:none; }
.tickertext { color: White; font-weight:bold; }
/* login */
.loginpanel { border:1px solid #FCFEBD; border-collapse:collapse; margin-left:140px; }
/* Anfahrt */
#maptable { border: 1px solid black; border-collapse:collapse; }
/* Zimmer */
#wohnzimmer {float:left; text-align:center; width:275px; margin:0; padding:0;}
#kueche {float:right; text-align:center; width:275px; margin:0; padding:0;}


/*-------------------------- */
/* ADMIN-BEREICH             */
/*-------------------------- */
html {} /* setzt den background zurück! */
body.admin { margin:0 0 0 10px; text-align:left; padding:0; width:90%; background-image:none; background-color:#FFF;}
body.admin p,
body.admin ul,
body.admin td {color:Black;}
body.admin h1 {color:Navy; font-family:Arial; font-size:16px;}

#admininhaltframe {background-color:#E0E0E0; background-image:none;} 

.admin #header { margin:4px 4px 10px 4px; padding:0; width:190px; height:50px; 
                 background: #D3E9FF url(images/box_yellow1a.gif) top left no-repeat;
                 text-align:center; }
.admin #header h2 { font-size: 12px; font-variant:small-caps; color:#666; margin:0; padding:3px 0 0 0; }

.admin #postnavi { margin:0px; padding:0 0 8px 30px; text-align:left; }
.admin #postnavi h3 { font-size:11px; font-weight:bold; text-transform: uppercase; color: Black; }
                           
.admin .menu1 {text-transform: uppercase; font-weight:normal; background-color:#E0E0E0; text-align:left;}

.admin #content { text-align:left; margin:4px 0 10px 10px; padding:0; width:100%; }
.admin #sidebarleft {float: left; width: 214px;	height: 100%; }
.admin #contentright {float:left; width:420px; margin-left:20px;}

.arow { background-color:#E0E0E0; }

/* Admin - Zwischenseiten mit nur Text */
.zwischenseite p { width:560px; }

#admininhaltframe a:link,
#admininhaltframe a:visited { color:#00004F; text-decoration:none; text-transform:uppercase;}
#admininhaltframe a:hover { color:#FF0000; }

/* GRIDVIEWS */
.tabheader { font-weight:bold;  background: #FFF url(images/bg_gv_header1.jpg) top left repeat-x; }
.gvheader { height:29px; font-weight:bold;  background: #FFF url(images/bg_gv_header1.jpg) top left repeat-x; }
.gvrow    { background-color: #F0F0F0;  color: #00004F; }
.gvarow   { background-color: #E0E0E0;  color: #00004F; }
.gvpager  { height: 24px; background: #909090 url(images/bg_gv_pager1.jpg) top left repeat-x; }
.tdShowpage { background-color: White; color:Black; border-top:1px solid #444;
                                                    border-left:1px solid #444;
                                                    border-right:1px solid #111;
                                                    border-bottom:1px solid #111;
                                                    padding:2px 4px;
                                                        }
.gvbtnedit   { width:43px; } /* steuert die Breite der Button-Spalten in Unilist */
.gvbtndelete { width:43px; }

.emptydata td,
.nodata { padding: 20px; color: #aeaeae; border: 1px solid #999; color: #FF7F7F; }
.emptydatablank {padding:20px 40px; border:1px solid gray; background-color:#F2EEE4; }
.emptydatablank td { padding:0px;}



/* Ajax-Controls */
.calendar .ajax__calendar_header   { background-color:#C0D1A3; color:#2C4107; }
.calendar .ajax__calendar_body     { background-color:#E0F1C3;}
.calendar .ajax__calendar_day      { color:#2C4107; }
.calendar .ajax__calendar_month    { color:#2C4107; }
.calendar .ajax__calendar_year     { color:#2C4107; }
.calendar .ajax__calendar_dayname  { background-color:#D0E1B3; color:#2C4107; }
.calendar .ajax__calendar_footer   { background-color:#C0D1A3; color:#2C4107; }
.calendar .ajax__calendar_today    { background-color:#C0D1A3; color:#2C4107; }
.calendar .ajax__calendar_active .ajax__calendar_day   { background-color:#FFFFFF; color:#FF0000; }
.calendar .ajax__calendar_other  .ajax__calendar_day   { color:#B0B0B0; }

.ajax__validatorcallout_error_message_cell {color:Red;}
