/* CSS Document | Angelas Sonnenhof*/

body{
text-align: center;
/*background-color: #FFD393;*/
/*background-color: #8A0000;*/
/*background-color: #F5F8FA;*/
/*background:  url(../../cms/a_sonnenhof/bs/bg.jpg);*/
background-color: #999999 ; /* Old browsers */
background: -moz-linear-gradient(top,  #999999 0%, #dddddf 15%, #dddddf 57%, #999999 100%) ; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(15%,#dddddf), color-stop(57%,#dddddf), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #999999 0%,#dddddf 15%,#dddddf 57%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #999999 0%,#dddddf 15%,#dddddf 57%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #999999 0%,#dddddf 15%,#dddddf 57%,#999999 100%); /* IE10+ */
background: linear-gradient(top,  #999999 0%,#dddddf 15%,#dddddf 57%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddf', endColorstr='#999999',GradientType=0 ) fixed; /* IE6-9 */

margin:0;
padding:0; 
}

/* ---------------------alle Boxen und Container----------------------*/

#container{
	background:  url(../../cms/a_sonnenhof/bs/titel_bg.jpg) no-repeat left top;
	width: 740px;	
	margin:auto;
	margin-top:0px;
	text-align: center;
	/*border-top: 0.5px dashed #cccccc;/*hilfslinie für margin in FF und opera*/
	border: thin solid #000000;
   }

#menue {
background: #ffffff; 
width: 740px;
margin-top: 92px;
}
#menue_admin {/*Damit man deen Abstand der Inhaltsbox von oben auch im Adminbereich einstellen kann - alles folgende rutscht auch runter 
                      - nützlich z.B. beim Einstellen einer Animation wie bei AARA Hotel*/
background: #ffffff; 
width: 740px;
margin-top: 92px;
}

#box1 {
background: #ffffff;
width: 740px;
margin-top: 0px;
}
#content {
padding: 5px;
min-height: 350px;
}

#innercontent { /* nur für Admin Bereich*/
background: #D7CDCC;
border:1px solid #666666;
padding: 5px;
}
#innercontent_save { /* nur für Admin Bereich*/
background: #E7AC7F;
border:1px solid #666666;
padding: 5px;
}

#bottom { 
/*background: #E3EEF9;*/
background:  url(../../cms/a_sonnenhof/bs/ohg.jpg);
width: 740px;
margin-top:0px;
}


#boxbilder { /* nur für Admin Bereich*/
background: #F5F5F5;
margin-top: 122px;
padding: 8px;
border:1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}

.leertable {
table-layout: fixed;
min-height: 500px;
vertical-align: top;
}

/* ----------------------------Schriften---------------------------*/

/* Menueleiste oben  hier kann ich die Farbe Länge etc vom Menü oben einstellen*/
.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	/*background: #E3EEF9;*/
	background:  url(../../cms/a_sonnenhof/bs/ohg.jpg);
	width: 740px;
	border-bottom: thin solid #000000;
}
.titel_bez {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	width: 300px; /* Menüausgabe Länge (Hälfte) wo die Bezeichnung drin steht*/ 
}
.titel_menue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	width: 400px; /* Menüausgabe Länge (Hälfte) wo das eigentliche menü drin steht*/ 
}

.titel_menue_linklaenge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	width: 100px; /* Menüausgabe Länge (der einzelnen Zelle) wo das eigentliche Linkname drin steht*/ 
}
.menue_table {
/*border: 1px solid white;*/
border-collapse: collapse;
background: url(../../cms/a_sonnenhof/bs/top.jpg) no-repeat center top;
}
.menue_table td {
/*border: 1px solid white;*/
padding: 3px;
}

a.bearb:link { /* nur für Admin Bereich*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
a.bearb:visited { /* nur für Admin Bereich*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
a.bearb:hover { /* nur für Admin Bereich*/
	color: #ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}


a.menue:link {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.menue:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.menue:hover {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


/* Content */
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.image {
	float: left;
	clear: left;
}
.absatz {
	clear: left;
}
#dokumentenbox {
    clear: left;
    background: transparent;
}

/*  ---***---  Menü links BOX und Link-Style  ---***---  */
#linkbox {
	background: #FFFFFF; /*Hintergundfarbe der linken Menü-Box*/
	width: 130px;
	margin-top: 0px;
	padding: 0px;	
}
.linkbox_style { /*style ausserhalb der linken menubox der linken Menü-Box*/
    /*background: #E3EEF9;*/ 
	background:  url(../../cms/a_sonnenhof/bs/lihg.jpg);
}

.linkbox_table {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-collapse: collapse;
}
.linkbox_table td {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 5px;
}
.linkbox_table td a {
display: block;
width: 100%;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
 }

/*>>>>>>>   Haupt-Menü Menü auf der Linken Seite*/
/*Rollovereffekt*/

#td_bg /*Zellenhintergrund normalzustand*/
{
/*background-color: #FFF0D9;*/
/*background-color: #EEF4FB;*/
background:  url(../../cms/a_sonnenhof/bs/menuehg.jpg);
}
#td_bg1 /*Zellenhintergrund Overeffekt*/
{
background-color: #CCCCCC;
}
 
 /*>>>>>>>   Sub-Menü* Hier Farben etc für Untermenüs der linken Seite/
 /*Rollovereffekt SubMenü*/
 
#bg_sub /*Zellenhintergrund normalzustand des Untermenüs*/
{
/*background-color: #F2F2F2;*/
background:  url(../../cms/a_sonnenhof/bs/menuehg.jpg);
}
#bg_sub1 /*Zellenhintergrund Overeffekt*/
{
background-color: #F5F5F5;
}

/*Hauptmenü*/
/*a.linkbox_menue:link {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.linkbox_menue:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.linkbox_menue:hover {
	color: #B91C37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}*/

/*Submenü Untermenü auf der linken Seite*/
a.linkfarbe_sub:link {
	color: #620000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.linkfarbe_sub:visited {
	color: #620000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.linkfarbe_sub:hover {
	color: #620000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.linksbearb:link { /* nur für Admin Bereich*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 25px;
}
a.linksbearb:visited { /* nur für Admin Bereich*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 25px;
}
a.linksbearb:hover { /* nur für Admin Bereich*/
	color: #ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 25px;
}

/* Bottom Leiste - untere Leiste im Seitenbereich */
.bottomtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	letter-spacing:1px;
	word-spacing:3px;
	}

a.bottlink:link {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.bottlink:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.bottlink:hover {
	color: #ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

/* Bilderarchiv */
.bildarchiv { /* nur für Admin Bereich*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #D7D9CF;
}
.bild_id { /* nur für Admin Bereich*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
	color: #000000;
}

/* PopUp Fenster (Datei hochladen, Bilder hochladen etc.) */
.popupfenster { /* nur für Admin Bereich*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #D7D9CF;
}

/* Login Formular hier Formular einstellen */
.loginform { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #D7CDCC;
	border:1px solid #666666;
}
.loginform_zelle_oben { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #FFE8C6;
}
/* Kontakt-Formular */
.kontaktform { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #D7CDCC;
	border:1px solid #666666;
}
.kontaktform_zelle_oben { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: #FFE8C6;
}