/* CSS Document | Winkler Bestattungshaus GmbH Radeberg */

body{
text-align: center;
background-color: #F4EBD1;
margin:0;
padding:0; 
}

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

#container{
	background: #F4EBD1; /*url(../../cms/winkler_bestatter/bs/titel_oben.jpg) no-repeat left top;*/
	width: 900px;	
    /*border:1px solid #000000;*/
	margin:auto;
	text-align: left;
	 padding: 0 0 0 0; /*top right bottom left*/
   }

#menue {
background: #F4EBD1 url(../../cms/winkler_bestatter/bs/titel_main.jpg) no-repeat left top;  
margin-top: 1px;
/*border-top:1px solid #cc0000;
border-bottom:1px solid #cc0000;*/
padding: 24px 0 44px 0; /*top right bottom left*/
}
#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: #F4EBD1 url(../../cms/winkler_bestatter/bs/titel_main.jpg) no-repeat left bottom;  
width: 900px;
margin-top: 0px;
padding: 0px 0 44px 0; /*top right bottom left*/
}

#box1 {
background: #F4EBD1 url(../../cms/winkler_bestatter/bs/bg_main.jpg) repeat-y left top; /*Hintergundfarbe Content alt:#E8E3D1*/

margin-top: 0px;
padding: 0 0 0 0; /*top right bottom left*/
}

#content {
padding: 0 50px 0 85px; /*top right bottom left*/
/*min-height: 350px;*/
}

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

#bottom { 
background: #F4EBD1 url(../../cms/winkler_bestatter/bs/bg_bottom.jpg) no-repeat left top; 
margin-top:0px;
padding: 94px 0 70px 220px; /*top right bottom left*/
}


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

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

/* ----------------------------Schriften---------------------------*/
h1
	{
	font-size: 2.3em;
	margin: -10px 0 -10px 0; /*top right bottom left*/
	}

h2
	{
	font-size: 1.5em;
	margin: 0 0 -10px 0; /*top right bottom left*/
	}

.head1 /* -----------pestaloozi head schrift--------*/
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #CEC5B0;
	line-height: 40px;
	margin: 0 0 0px 290px; /*top right bottom left*/
	}
.head2 /* -----------pestaloozi head schrift--------*/
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #CEC5B0;
	font-weight: bold;
	margin: 0 0 0px 246px; /*top right bottom left*/
	}
.head3 /* -----------pestaloozi head schrift--------*/
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #CEC5B0;
	line-height: 40px;
	margin: 0px 0 0px 330px; /*top right bottom left*/
	}

	
/* Menueleiste oben */
.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background: transparent;
	width: 860px;
	margin: 10px 0 0 0; /*top right bottom left*/
}
.titel_bez {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	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: #ffffff;
	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;
}
.menue_table td {
/*border:1px solid white;*/
padding: 3px;
}

a.bearb:link { /* nur für Admin Bereich*/
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
a.bearb:visited { /* nur für Admin Bereich*/
	color: #ffffff;
	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: #454545;/*#B94F09;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.menue:visited {
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.menue:hover {
	color: #cc0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}


/* Content */
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: normal;
	color: #454545;
}

a.text:link {
	color: #3193C1;/*#B94F09;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}
a.text:visited {
	color: #3193C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}
a.text:hover {
	color: #F7550F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}


.pesta_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.image {
	float: left;
	clear: left;
	margin: 0 5px 5px 0; /*top right bottom left*/
}
.absatz {
	clear: left;
}
#dokumentenbox {
    clear: left;
    background: transparent;
}

/*  ---***---  Menü links BOX und Link-Style  ---***---  */
#linkbox {
	/*line-height: 25px;*/
	background: transparent ; /*Hintergundfarbe der linken Menü-Box*/

	margin: 0 0 0 0; /*top right bottom left*/
	padding-top: 0;
	/*border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;*/	
}
.linkbox_style { /*style ausserhalb der linken menubox der linken Menü-Box*/
    background: /* sommer #009933 */ /*winter 4A4A77*/ #C7D4BF /*url(../../cms/winkler_bestatter/bs/bg_menue.jpg) no-repeat left top*/;
	border-right:1px solid #A9AE98;
	border-left:1px solid #A9AE98;
	table-layout: fixed;
}

.logo_hw_box { /*spezielle td box für das bestatter hw Logo*/
    background: /* sommer #009933 */ /*winter 4A4A77*/ #C7D4BF url(../../cms/winkler_bestatter/bs/bg_menue_hw2.jpg) no-repeat left bottom;
	/*border-right:1px solid #000000;*/
	table-layout: fixed;
		border-right:1px solid #A9AE98;
	border-left:1px solid #A9AE98;
}


.linkbox_table {

}
.linkbox_table td {
/*border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;*/
padding: 10px 0 10px 10px; /*top right bottom left*/
}
.linkbox_table td a {
display: block;
width: 100%;
 }
 
/*>>>>>>>   Haupt-Menü*/
/*Rollovereffekt*/
#td_bg /*Zellenhintergrund normalzustand*/
{
background-color: /*sommer #006220 */ /*winter #000040*/ transparent;
}
#td_bg1 /*Zellenhintergrund Overeffekt*/
{
background-color: /*sommer #004A18 */ /*winter#4a4a77*/ transparent;
}
 
 /*>>>>>>>   Sub-Menü*/
 /*Rollovereffekt SubMenü*/
#bg_sub /*Zellenhintergrund normalzustand*/
{
background-color:  /*sommer #006220 */ /*winter #4a4a77*/ #576B4C;
border-top:1px dotted #1E241A;
}
#bg_sub1 /*Zellenhintergrund Overeffekt*/
{
background-color:  /*sommer #004A18 */ /*winter #353553 */ #34412E;
border-top:1px dotted #1E241A;
}

/*Hauptmenü*/
a.linkbox_menue:link {
color: #454545;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
a.linkbox_menue:visited {
color: #454545;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
a.linkbox_menue:hover {
color: #cc0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
/*Submenü*/
a.linkfarbe_sub:link {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.linkfarbe_sub:visited {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.linkfarbe_sub:hover {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

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

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

a.bottlink:link {
	color: #6D8916;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.bottlink:visited {
	color: #6D8916;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.bottlink:hover {
	color: #ffcc00;
	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 */
.loginform { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border:1px solid #666666;
}
.loginform_zelle_oben { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: #003366;
}
/* Kontakt-Formular */
.kontaktform { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: #576B4C;
	border:1px solid #333333;
}
.kontaktform_zelle_oben { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: /*sommer #006220 */ /*winter #4a4a77*/ #34412E; 
}