/*****************************************************************************************
ALLGEMEINE CSS FORMATIERUNGEN
*****************************************************************************************/
body{ 
	/*Background image wird in Typo3 /TypoScript eingebunden, damit es im RTE Editor nicht angezeigt wird!*/
	background-image: url(template_FILES/background.png);
	background-repeat: repeat-y;
	background-color: #e2ddcb;
	font-size: 11px;
	font-family: Tahoma, sans-serif, Verdana;
	margin-left:0px;
	margin-top:0px;
	/*color:
	Text:		#a49c86;
	Gästebuch Hintergrund Text:E9E4D5
	DB Mmgt: 	E9E4D5
	rot: B50505
	*/
	color:#471d0e; /*#52362e;*/

	/*Test
	position: relative;
	width: 100%;
	margin-left:auto; 
	margin-right:auto; */

}

.smallText 		{	font-size: 8px; }

a 			    {	font-size: 11px; font-family: tahoma ; color:#471d0e; text-decoration: normal; font-weight:normal; }
a:hover 	  	{	font-size: 11px; font-family: tahoma ; color:#471d0e; text-decoration: normal; font-weight:normal; }
a:visited 		{	font-size: 11px; font-family: tahoma ; color:#471d0e; text-decoration: normal; font-weight:normal; }
.linkExtern a {	background-position:left ; padding: 0 0 0 15px; background-image:url(template_FILES/link.gif); background-repeat: no-repeat; text-decoration: none;}

.login a			{	font-size: 11px; font-family: tahoma ; color:#471d0e; text-decoration: normal; font-weight:normal; }


/* DISPLAY BLOCK! Um Bildabstände zu vermeiden
div, img 	{  border: 0; display:block;}*/
div, img 	{  border: 0; text-align: left;}

hr 			{ 	border: none;	height: 1px; background-color: #e9e4d5; }
h1, h2, h3, h4, h5, h6	{ 	font-size: 11px;}

/* PNG HACK fuer transp. Bilder. geht eigentlich auch ohne img. allerdings funzt es nicht mit schatten-bilder, da diese mehrere farben haben)*/
img { behavior: url("fileadmin/pngHack/pngbehavior.htc");}
img, div {
   behavior: url("fileadmin/pngHack/iepngfix.htc");
}


/* P, PRE EINSTELLUNG FÜR: BODYTEXT, TABLE etc..*/
p, pre		{	padding: 0px ; margin: 0px; }

td .delete	{	height:15px;	background-color: #A79F80;	font-weight: bold;}
td .product	{	background-color: #E9E4D5; }
/* Standart-Tabelle bei TYPO3 */
.contenttable { padding: 0px; margin: 0px; height: 10px; } 

input 		{	border: #a49c86 1px solid;	background-color: #F8F6F1; }


.titel		{ font-size: 11px; font-weight:bold; }
.error		{	font-size: 11px;	font-weight:bold;	color: #ff0000;	}
.delete		{ font-size: 8px; 	color: #B50505;}
.delete a	{	text-decoration: none;	font-weight:bold;	border: none;	color: #B50505;	}
.button		{	height: 18px;	border: 1px solid #A49C86;	background-color: #E9E4D5;}
.product	{	font-size: 11px;	color: #471d0e;	}
.info		{
	font-size: 11px;
	color: #043781;
}

#menu a		{	text-decoration: none;	color: #FFFFFF;	border: 1px solid #ff000; }

/* CSS VON ZEITACHSE /bild mit Scotch*/
.zeitachse img 		{ display: block;}
.zeitachse a		{ color:#471d0e; text-decoration: none; font-weight:normal; }
.zeitachse a:hover	{ color:#471d0e; /*background-color:#E9E4D5;*/ text-decoration: underline; font-weight:normal; }
.zeitachseLi 		{ } /*border-right: 1px solid #8a8a73;}*/
.zeitachseRe 		{ } /*border-left: 1px solid #8a8a73;}*/
.zeitachseTitel 	{ font-size: 11px; font-family: tahoma ; color:#471d0e; font-weight:bold;}
.zeitachseBkgrnd	{ }
.zeitachseBkgrndProd{ margin-left: 0em; background-color: #E9E4D5; border:1px solid #8a8a73; }
/* OPERA hat probleme mit max-width|heig*/
.zeitachseImg		{ margin:0 0 0 0.5em; max-width:200px; border:0px solid #8a8a73;  }
.zeitachseDesc		{ width:25em;}
.zTitel				{ 	margin-left: 0; font-size: 11px; font-weight:bold; color:#471d0e; border-bottom:0px solid #8a8a73;}
.balken				{	background-color:#8a8a73; height:2em;}
.alphabet			{	float:left;	width:10em; padding-left:0em;}


#zeitachse			{	color:#471d0e; background-color:#F8F6F1; border: 1px solid #8a8a73;margin-left: 0em;padding-left: 5px; width: 32.8em;}
#zeitachse2			{	background-color:#F8F6F1; margin-left: 0em;width: 32.8em;}

#zText				{	float:left;	width:10em; padding-left:0em;}
#zInhalt			{	float:left;	width:22.4em;}
#zImage				{ 	padding-left:0.3em;}

#zText2				{	float:left;	background-color:#DFD9C5;width: 10em; padding-left:0em;}
#zInhalt2			{	float:left;background-color:#DFD9C5;width:22.4em;}
#zImage2			{ 	background-color:#DFD9C5; padding-left:0.3em;}

#clear				{	clear: both; }




/*****************************************************************************************
ve_guestbook 
*****************************************************************************************/

.tx-veguestbook-pi1 h2.tx-guestbook-form-error {
	font-weight:bold;
    background:none;
  }
 
  .tx-veguestbook-pi1 ul li {
  	/* ERROR Anzeige*/
    color:#990000;
  }
 
  .tx-veguestbook-pi1 ul {
    margin-bottom:0.5em;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-result {
    font-weight:bold;
    float:left;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-pagination {
    font-weight:bold;
    float:right;
	padding-right: 4.5em;
  }
 
  .tx-veguestbook-pi1 h2.tx-guestbook-header {
	/* HEADER NAME*/
	font-size: 11px;
	clear: both;
	background: #AAA282;
	color: #ffffff;
	display: block;
	padding: 0.125em 0.125em 0.125em 0.25em;
	font-weight: bold;
	margin: 0 0 0 0;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-left {
  	/* HINTERGRUND EMAIL/WEB*/
   float:left;
   width:33.4em;
	background:#F8F6F1;
  }
 
  * html .tx-veguestbook-pi1 .tx-guestbook-left {
    /*height:6em;*/
    height:2px;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-left p {
    color:#333;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-right {
	float: left;
	/*width: 15.3em;*/
	width: 34.7em;
	padding: 0 0 0 0;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-latest p,
  .tx-veguestbook-pi1 .tx-guestbook-right p {
	/* MESSAGE TEXT */
	font-size: 11px;
	color: #333;
	width: 34.4em;
	padding: 6px;
	background: #F8F6F1;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
  .tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
  	/* DATUM */
	 width: 34.4em;
    color:#AAA282;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-right h3 {
	color: #F8F6F1;
	font-weight: bold;
	background: none;
	/*padding: 0.25em 2em 0em 2em;*/
}
 
  .tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
    color:#333;
    font-style: italic;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-latest {
    display:block;
    padding:0.25em;
    clear:both;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date {
	background: #EEE;
	display: block;
	/*margin-top: 0.25em;*/
	/*padding: 0.125em;*/
}
 
  .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-latest-more a {
    background:#EEE;
    display:block;
    margin-top:0.125em;
    padding:0.125em 0.5em 0.25em 0.125em;
    text-align:right;
    font-weight:bold;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-latest-more a:hover {
	background: #F8F6F1;
	color: #A59180;
	text-decoration: underline;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-field {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 4px;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-field label {
    clear:both;
    display:block;
    float:left;
    width:6.5em;
	 padding-top: 2px;
	 padding-bottom: 3px;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
    float:left;
    width:10em;
    /*margin-top:0.25em;*/
	 padding-top: 0px;
	 padding-bottom: 3px;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
    float:left;
    width:20em;
    /*margin-top:0.25em;*/
	 padding-top: 0px;
	 padding-bottom: 3px;  }
 
  .tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
	width: 28em;
	display: block;
	float: left;
	padding-top: 4px;
	background-color: #F8F6F1;
	border: thin solid #AAA282;
}
 
  .tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
    color:#990000;
  }
 
   
  .tx-veguestbook-pi1 fieldset {
    border:none;
  }
 
  .tx-veguestbook-pi1 legend {
    display:none;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap {
    float:left;
    display:block;
    background:#F7F7F7;
    border:1px solid #CCC;
	 padding:0.25em;
    margin-top:0.5em;
  }
 
  * html .tx-veguestbook-pi1 .tx-guestbook-freecap {
    margin-left:0.25em;
  }
 
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap img {
    float:left;
    display:block;
    padding-left:0.25em;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap input {
    float:left;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap label {
    clear:both;
    display:block;
    float:none;
    width:auto;
    margin-bottom:0.5em;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap p {
    padding:0.25em;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
    display:none;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
    color:#990000;
  }
 
  .tx-veguestbook-pi1 .tx-guestbook-clear {
    clear:both;
    display:block;
  }
 
  .tx-veguestbook-pi1 input.tx-guestbook-submit {
    width:10em;
    display:block;
    margin-bottom:1em;
    margin-left:1.9em;
	 background-color: #E9E4D5;
  }



/*****************************************************************************************
HTML TEMPLATE/LAYOUT CSS FORMATIERUNGEN
*****************************************************************************************/
/*
#frame{
	width: 1600px;
	height: 1200px;
	margin: 0 auto 0 auto;
}

	
	position: absolute;
	top: 37%;
	left: 50%;
	width: X;
	height: Y;
	margin-left: -0.5 · X;
	margin-top: -0.5 · Y;
*/

#frame{
	width: 1260px;
	/*width: 1226px;*/
	/*margin-left:auto; 
	margin-right:auto;*/


	/*
	ALTERNATIV: Erzeugt ein Hintergrundbild zentriert, auflösungs-unabhängig
	height: 1200px;
	background:url(../../images/layout/l_slices/Bilder10/layout10d.png) no-repeat 50% 50%;
	*/
	
	}

#bk01, #bk02, #bk03{
	float:left;
}

#bk01{
	width:444px;
	height:79px;
	background:url(template_FILES/layout_01.png) no-repeat;

}

#bk02{
	width:534px;
	height:79px;
	background:url(template_FILES/layout_02.png) no-repeat;

}
#bk03{
	width:248px;
	height:79px;
	background:url(template_FILES/layout_03.png) no-repeat;

}

#row2{	
	clear:left;
}
#bk04, #menu, #bk06, #row_cm, #bk08{
	float:left;
}

#bk04{
	width:197px;
	height:385px;
	background:url(template_FILES/layout_05.png) no-repeat;
}
#menu{
	width:183px;
	height:385px;
	background:url(template_FILES/layout_06.png) no-repeat;

}
#bk06{
	width:64px;
	height:385px;
	background:url(template_FILES/layout_07.png) no-repeat;

}

#row_cm{
	width:534px;
	height:385px;
	background:url(template_FILES/layout_08.png) no-repeat;
	background-position:top;
	float:left;
	clear:right;
}

#menu_oben, #content {
	float:left;
}

#menu_oben{
	width:544px;
	height:33px;
	margin-left:0px;
	margin-top:25px;
	margin-right:0px;
	padding-right:0px;
}
#content {
	width:534px;
	height:327px;/*361px;*/
	/*padding-top:0px;
	margin-top:0px;
	/*margin-top:58px;*/
	margin-right:17px;
	background-color:#ffffff;
	overflow:auto;
}

#bk08{
	width:248px;
	height:385px;
	background:url(template_FILES/layout_09.png) no-repeat;
	float:left;

}
#row3{	
	clear:left;
}
#bk09, #bk10, #bk11, #bk12{
	float:left;
}
#bk09{
	width: 197px;
	height: 158px;
	/*background: url(template_FILES/layout_11.png) no-repeat;*/
}
#bk10{
	width: 247px;
	height: 158px;
	background: url(template_FILES/layout_12.png) no-repeat;
}
#bk11{
	width:534px;
	height:158px;
	background:url(template_FILES/layout_13.png) no-repeat;

}

#bk12{
	width:247px;
	height:158px;
	background:url(template_FILES/layout_14.png) no-repeat;

}

#row4{	
	clear:left;
}
#bk13, #bk14, #bk15, #bk16{
	float:left;
}
#bk13{
	width:197px;
	height:378px;
	background:url(template_FILES/layout_16.png) no-repeat;

}
#bk14{
	width:247px;
	height:378px;
	background:url(template_FILES/layout_17.png) no-repeat;

}
#bk15{
	width:534px;
	height:378px;
	background:url(template_FILES/layout_18.png) no-repeat;

}

#bk16{
	width:248px;
	height:378px;
	background:url(template_FILES/layout_19.png) no-repeat;

}


/*****************************************************************************************
Klassen CSS FORMATIERUNGEN
*****************************************************************************************/